.dp-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.75)}.dp{position:relative;background:#FFF;box-shadow:2px 2px 16px rgba(0,0,0,0.25);line-height:1.4;border-radius:4px;max-height:400px;z-index:1000;padding-top:6px;overflow:hidden;-webkit-tap-highlight-color:transparent}.dp:before{content:' ';height:6px;position:absolute;top:0;left:0;right:0;background:#3b99fc;background:linear-gradient(-90deg,#3b99fc 0,#8aefc8 100%)}.dp-permanent .dp{padding-top:0;border:1px solid #EEE;box-shadow:none}.dp-permanent .dp:before{display:none}.dp-cal{min-height:300px}.dp-below{position:absolute;font-size:.8em;width:400px;max-width:100vw}.dp-permanent{position:relative;font-size:.8em;width:400px;max-width:100vw}.dp-permanent .dp{z-index:0}.dp-modal .dp{position:absolute;top:50%;left:50%;max-width:600px;width:calc(100% - 4em);transform:translate(-50%,-50%);animation:slide-up .3s forwards}.dp-months{padding:24px}.dp-years{box-sizing:border-box;max-height:400px;padding:8px 0;overflow:auto !important}.dp-cal-month,.dp-cal-year,.dp-day,.dp-month,.dp-year{box-sizing:border-box;text-align:center;text-decoration:none;position:relative;color:#3b404d;border-radius:2px;border:0;background:transparent}.dp-cal-header{position:relative;text-align:center;padding-bottom:16px;background:#f5f5f5}.dp-next,.dp-prev{position:absolute;width:30px;height:30px;overflow:hidden;top:14px;color:#777;border-radius:2px;border:0;background:transparent}.dp-next:focus,.dp-prev:focus,.dp-next:hover,.dp-prev:hover{outline:0;color:inherit}.dp-prev{left:24px}.dp-next{right:24px}.dp-prev:before,.dp-next:before{content:'';border:2px solid;width:10px;height:10px;display:inline-block;transform:rotate(-45deg);transition:border-color .2s;margin:9px 0 40px 4px}.dp-prev:before{border-right:0;border-bottom:0}.dp-next:before{border-left:0;border-top:0;margin-left:0;margin-right:4px}.dp-cal-month,.dp-cal-year{display:inline-block;font-size:1.4em;padding:16px 8px 8px;outline:0}.dp-cal-footer{text-align:center;background:#f5f5f5}.dp-day-today:after{content:'';height:0;width:0;border:7px solid #227bd7;border-bottom-color:transparent;border-left-color:transparent;position:absolute;top:0;right:0}.dp-close,.dp-clear,.dp-today{box-sizing:border-box;display:inline-block;width:33%;padding:8px;text-decoration:none;color:inherit;border:0;background:transparent}.dp-permanent .dp-close,.dp-permanent .dp-clear{display:none}.dp-close:active,.dp-clear:active,.dp-today:active,.dp-next:active,.dp-prev:active,.dp-cal-month:active,.dp-cal-year:active{background:#75bcfc;color:white}@media screen and (min-device-width:1200px){.dp-close:hover,.dp-close:focus,.dp-clear:hover,.dp-clear:focus,.dp-today:hover,.dp-today:focus,.dp-next:hover,.dp-next:focus,.dp-prev:hover,.dp-prev:focus,.dp-cal-month:focus,.dp-cal-month:hover,.dp-cal-year:hover,.dp-cal-year:focus{background:#75bcfc;color:white}}.dp-col-header,.dp-day{width:14.28571429%;display:inline-block;padding:8px;text-align:center}.dp-col-header{color:#AAA;text-transform:uppercase;font-weight:300;font-size:.8em;padding:8px 0}.dp-month{width:33%;display:inline-block;padding:8px}.dp-year{display:block;padding:8px 40px;width:100%}.dp-edge-day{color:#AAA}.dp-day:hover,.dp-month:hover,.dp-year:hover,.dp-current:focus,.dp-current,.dp-day:focus,.dp-month:focus,.dp-year:focus{outline:0;background:#75bcfc;color:white}.dp-selected:hover,.dp-selected:focus,.dp-selected{background:#3b99fc;color:#FFF}.dp-day-disabled{background:transparent;color:#DDD}.dp-day-disabled:focus,.dp-day-disabled:hover{background:#DDD}.dp-focuser{position:absolute;z-index:0;top:50%;left:50%}@media(max-width:480px),(max-height:480px){.dp-modal .dp{font-size:.9em;width:auto;width:100%}.dp-day-of-week,.dp-day{padding:8px}}@keyframes slide-up{0%{transform:translate(-50%,100%)}100%{transform:translate(-50%,-50%)}} fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:40px;height:38px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border:2px solid transparent;border-top-color:#41b883;-webkit-box-shadow:0 0 0 1px transparent;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{-webkit-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;-ms-touch-action:manipulation;touch-action:manipulation}.multiselect{-webkit-box-sizing:content-box;box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{-webkit-box-sizing:border-box;box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;-webkit-transition:border .1s ease;transition:border .1s ease;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-webkit-input-placeholder{color:#35495e}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"\D7";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus,.multiselect__tag-icon:hover{background:#369a6e}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 30px 0 12px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 0;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver;background:inherit}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{-webkit-transition:all .15s ease;transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@-webkit-keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}}@keyframes spinning{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(2turn);transform:rotate(2turn)}} /*! * vue-treeselect v0.4.2 | (c) 2017-2020 Riophae Lee * Released under the MIT License. * https://vue-treeselect.js.org/ */ /** * Dependencies */ /** * Variables */ /** * Mixins */ /** * Helpers */ .vue-treeselect-helper-hide { display: none; } .vue-treeselect-helper-zoom-effect-off { -ms-transform: none !important; transform: none !important; } /** * Animations */ @keyframes vue-treeselect-animation-fade-in { 0% { opacity: 0; } } @keyframes vue-treeselect-animation-bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } @keyframes vue-treeselect-animation-rotate { 100% { transform: rotate(360deg); } } /** * Transitions */ .vue-treeselect__multi-value-item--transition-enter-active, .vue-treeselect__multi-value-item--transition-leave-active { transition-duration: 200ms; transition-property: transform, opacity; } .vue-treeselect__multi-value-item--transition-enter-active { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__multi-value-item--transition-leave-active { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); position: absolute; } .vue-treeselect__multi-value-item--transition-enter, .vue-treeselect__multi-value-item--transition-leave-to { -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; } .vue-treeselect__multi-value-item--transition-move { transition: 200ms transform cubic-bezier(0.165, 0.84, 0.44, 1); } /** * Namespace */ .vue-treeselect { position: relative; text-align: left; } [dir="rtl"] .vue-treeselect { text-align: right; } .vue-treeselect div, .vue-treeselect span { box-sizing: border-box; } .vue-treeselect svg { fill: currentColor; } /** * Control */ .vue-treeselect__control { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; height: 36px; border: 1px solid #ddd; border-radius: 5px; background: #fff; transition-duration: 200ms; transition-property: border-color, box-shadow, width, height, background-color, opacity; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .vue-treeselect:not(.vue-treeselect--disabled):not(.vue-treeselect--focused) .vue-treeselect__control:hover { border-color: #cfcfcf; } .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control { border-color: #039be5; box-shadow: 0 0 0 3px rgba(3, 155, 229, 0.1); } .vue-treeselect--disabled .vue-treeselect__control { background-color: #f9f9f9; } .vue-treeselect--open .vue-treeselect__control { border-color: #cfcfcf; } .vue-treeselect--open.vue-treeselect--open-below .vue-treeselect__control { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vue-treeselect--open.vue-treeselect--open-above .vue-treeselect__control { border-top-left-radius: 0; border-top-right-radius: 0; } .vue-treeselect__value-container, .vue-treeselect__multi-value { width: 100%; vertical-align: middle; } .vue-treeselect__value-container { display: table-cell; position: relative; } .vue-treeselect--searchable:not(.vue-treeselect--disabled) .vue-treeselect__value-container { cursor: text; } .vue-treeselect__multi-value { display: inline-block; } .vue-treeselect--has-value .vue-treeselect__multi-value { margin-bottom: 5px; } .vue-treeselect__placeholder, .vue-treeselect__single-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 5px; padding-right: 5px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 34px; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .vue-treeselect__placeholder { color: #bdbdbd; } .vue-treeselect__single-value { color: #333; } .vue-treeselect--focused.vue-treeselect--searchable .vue-treeselect__single-value { color: #bdbdbd; } .vue-treeselect--disabled .vue-treeselect__single-value { position: static; } .vue-treeselect__multi-value-item-container { display: inline-block; padding-top: 5px; padding-right: 5px; vertical-align: top; } [dir="rtl"] .vue-treeselect__multi-value-item-container { padding-right: 0; padding-left: 5px; } .vue-treeselect__multi-value-item { cursor: pointer; display: inline-table; background: #e3f2fd; padding: 2px 0; border: 1px solid transparent; border-radius: 2px; color: #039be5; font-size: 12px; vertical-align: top; } .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover { cursor: pointer; background: #e3f2fd; color: #039be5; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-disabled { cursor: default; background: #f5f5f5; color: #757575; } .vue-treeselect--disabled .vue-treeselect__multi-value-item { cursor: default; background: #fff; border-color: #e5e5e5; color: #555; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new { background: #e8f5e9; } .vue-treeselect__multi-value-item.vue-treeselect__multi-value-item-new:hover { background: #e8f5e9; } .vue-treeselect__value-remove, .vue-treeselect__multi-value-label { display: table-cell; padding: 0 5px; vertical-align: middle; } .vue-treeselect__value-remove { color: #039be5; padding-left: 5px; border-left: 1px solid #fff; line-height: 0; } [dir="rtl"] .vue-treeselect__value-remove { border-left: 0 none; border-right: 1px solid #fff; } .vue-treeselect__multi-value-item:hover .vue-treeselect__value-remove { color: #e53935; } .vue-treeselect--disabled .vue-treeselect__value-remove, .vue-treeselect__multi-value-item-disabled .vue-treeselect__value-remove { display: none; } .vue-treeselect__value-remove > svg { width: 6px; height: 6px; } .vue-treeselect__multi-value-label { padding-right: 5px; white-space: pre-line; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .vue-treeselect__limit-tip { display: inline-block; padding-top: 5px; padding-right: 5px; vertical-align: top; } [dir="rtl"] .vue-treeselect__limit-tip { padding-right: 0; padding-left: 5px; } .vue-treeselect__limit-tip-text { cursor: default; display: block; margin: 2px 0; padding: 1px 0; color: #bdbdbd; font-size: 12px; font-weight: 600; } .vue-treeselect__input-container { display: block; max-width: 100%; outline: none; } .vue-treeselect--single .vue-treeselect__input-container { font-size: inherit; height: 100%; } .vue-treeselect--multi .vue-treeselect__input-container { display: inline-block; font-size: 12px; vertical-align: top; } .vue-treeselect--searchable .vue-treeselect__input-container { padding-left: 5px; padding-right: 5px; } .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container { padding-top: 5px; padding-left: 0; } [dir="rtl"] .vue-treeselect--searchable.vue-treeselect--multi.vue-treeselect--has-value .vue-treeselect__input-container { padding-left: 5px; padding-right: 0; } .vue-treeselect--disabled .vue-treeselect__input-container { display: none; } .vue-treeselect__input, .vue-treeselect__sizer { margin: 0; line-height: inherit; font-family: inherit; font-size: inherit; } .vue-treeselect__input { max-width: 100%; margin: 0; padding: 0; border: 0; outline: none; box-sizing: content-box; box-shadow: none; background: none transparent; line-height: 1; vertical-align: middle; } .vue-treeselect__input::-ms-clear { display: none; } .vue-treeselect--single .vue-treeselect__input { width: 100%; height: 100%; } .vue-treeselect--multi .vue-treeselect__input { padding-top: 3px; padding-bottom: 3px; } .vue-treeselect--has-value .vue-treeselect__input { line-height: inherit; vertical-align: top; } .vue-treeselect__sizer { position: absolute; top: 0; left: 0; visibility: hidden; height: 0; overflow: scroll; white-space: pre; } .vue-treeselect__x-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; cursor: pointer; color: #ccc; animation: 200ms vue-treeselect-animation-fade-in cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__x-container:hover { color: #e53935; } .vue-treeselect__x { width: 8px; height: 8px; } .vue-treeselect__control-arrow-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; cursor: pointer; } .vue-treeselect--disabled .vue-treeselect__control-arrow-container { cursor: default; } .vue-treeselect__control-arrow { width: 9px; height: 9px; color: #ccc; } .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__control-arrow-container:hover .vue-treeselect__control-arrow { color: #616161; } .vue-treeselect--disabled .vue-treeselect__control-arrow { opacity: 0.35; } .vue-treeselect__control-arrow--rotated { -ms-transform: rotate(180deg); transform: rotateZ(180deg); } /** * Menu */ .vue-treeselect__menu-container { position: absolute; left: 0; width: 100%; overflow: visible; transition: 0s; } .vue-treeselect--open-below:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container { top: 100%; } .vue-treeselect--open-above:not(.vue-treeselect--append-to-body) .vue-treeselect__menu-container { bottom: 100%; } .vue-treeselect__menu { cursor: default; padding-top: 5px; padding-bottom: 5px; display: block; position: absolute; overflow-x: hidden; overflow-y: auto; width: auto; border: 1px solid #cfcfcf; background: #fff; line-height: 180%; -webkit-overflow-scrolling: touch; } .vue-treeselect--open-below .vue-treeselect__menu { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; top: 0; margin-top: -1px; border-top-color: #f2f2f2; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); } .vue-treeselect--open-above .vue-treeselect__menu { border-top-left-radius: 5px; border-top-right-radius: 5px; bottom: 0; margin-bottom: -1px; border-bottom-color: #f2f2f2; } .vue-treeselect__indent-level-0 .vue-treeselect__option { padding-left: 5px; } [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__option { padding-left: 5px; padding-right: 5px; } .vue-treeselect__indent-level-0 .vue-treeselect__tip { padding-left: 25px; } [dir="rtl"] .vue-treeselect__indent-level-0 .vue-treeselect__tip { padding-left: 5px; padding-right: 25px; } .vue-treeselect__indent-level-1 .vue-treeselect__option { padding-left: 25px; } [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__option { padding-left: 5px; padding-right: 25px; } .vue-treeselect__indent-level-1 .vue-treeselect__tip { padding-left: 45px; } [dir="rtl"] .vue-treeselect__indent-level-1 .vue-treeselect__tip { padding-left: 5px; padding-right: 45px; } .vue-treeselect__indent-level-2 .vue-treeselect__option { padding-left: 45px; } [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__option { padding-left: 5px; padding-right: 45px; } .vue-treeselect__indent-level-2 .vue-treeselect__tip { padding-left: 65px; } [dir="rtl"] .vue-treeselect__indent-level-2 .vue-treeselect__tip { padding-left: 5px; padding-right: 65px; } .vue-treeselect__indent-level-3 .vue-treeselect__option { padding-left: 65px; } [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__option { padding-left: 5px; padding-right: 65px; } .vue-treeselect__indent-level-3 .vue-treeselect__tip { padding-left: 85px; } [dir="rtl"] .vue-treeselect__indent-level-3 .vue-treeselect__tip { padding-left: 5px; padding-right: 85px; } .vue-treeselect__indent-level-4 .vue-treeselect__option { padding-left: 85px; } [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__option { padding-left: 5px; padding-right: 85px; } .vue-treeselect__indent-level-4 .vue-treeselect__tip { padding-left: 105px; } [dir="rtl"] .vue-treeselect__indent-level-4 .vue-treeselect__tip { padding-left: 5px; padding-right: 105px; } .vue-treeselect__indent-level-5 .vue-treeselect__option { padding-left: 105px; } [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__option { padding-left: 5px; padding-right: 105px; } .vue-treeselect__indent-level-5 .vue-treeselect__tip { padding-left: 125px; } [dir="rtl"] .vue-treeselect__indent-level-5 .vue-treeselect__tip { padding-left: 5px; padding-right: 125px; } .vue-treeselect__indent-level-6 .vue-treeselect__option { padding-left: 125px; } [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__option { padding-left: 5px; padding-right: 125px; } .vue-treeselect__indent-level-6 .vue-treeselect__tip { padding-left: 145px; } [dir="rtl"] .vue-treeselect__indent-level-6 .vue-treeselect__tip { padding-left: 5px; padding-right: 145px; } .vue-treeselect__indent-level-7 .vue-treeselect__option { padding-left: 145px; } [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__option { padding-left: 5px; padding-right: 145px; } .vue-treeselect__indent-level-7 .vue-treeselect__tip { padding-left: 165px; } [dir="rtl"] .vue-treeselect__indent-level-7 .vue-treeselect__tip { padding-left: 5px; padding-right: 165px; } .vue-treeselect__indent-level-8 .vue-treeselect__option { padding-left: 165px; } [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__option { padding-left: 5px; padding-right: 165px; } .vue-treeselect__indent-level-8 .vue-treeselect__tip { padding-left: 185px; } [dir="rtl"] .vue-treeselect__indent-level-8 .vue-treeselect__tip { padding-left: 5px; padding-right: 185px; } .vue-treeselect__option { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; } .vue-treeselect__option--highlight { background: #f5f5f5; } .vue-treeselect--single .vue-treeselect__option--selected { background: #e3f2fd; font-weight: 600; } .vue-treeselect--single .vue-treeselect__option--selected:hover { background: #e3f2fd; } .vue-treeselect__option--hide { display: none; } .vue-treeselect__option-arrow-container, .vue-treeselect__option-arrow-placeholder { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; } .vue-treeselect__option-arrow-container { cursor: pointer; } .vue-treeselect__option-arrow { display: inline-block; width: 9px; height: 9px; color: #ccc; vertical-align: middle; transition: 200ms transform cubic-bezier(0.19, 1, 0.22, 1); -ms-transform: rotate(-90deg); transform: rotateZ(-90deg); } [dir="rtl"] .vue-treeselect__option-arrow { -ms-transform: rotate(90deg); transform: rotateZ(90deg); } .vue-treeselect__option-arrow-container:hover .vue-treeselect__option-arrow, .vue-treeselect--branch-nodes-disabled .vue-treeselect__option:hover .vue-treeselect__option-arrow { color: #616161; } .vue-treeselect__option-arrow--rotated { -ms-transform: rotate(0); transform: rotateZ(0); } [dir="rtl"] .vue-treeselect__option-arrow--rotated { -ms-transform: rotate(0); transform: rotateZ(0); } .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter { -ms-transform: rotate(-90deg) !important; transform: rotateZ(-90deg) !important; } [dir="rtl"] .vue-treeselect__option-arrow--rotated.vue-treeselect__option-arrow--prepare-enter { -ms-transform: rotate(90deg) !important; transform: rotateZ(90deg) !important; } .vue-treeselect__label-container { display: table-cell; vertical-align: middle; cursor: pointer; display: table; width: 100%; table-layout: fixed; color: inherit; } .vue-treeselect__option--disabled .vue-treeselect__label-container { cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .vue-treeselect__checkbox-container { display: table-cell; width: 20px; min-width: 20px; height: 100%; text-align: center; vertical-align: middle; } .vue-treeselect__checkbox { display: block; margin: auto; width: 12px; height: 12px; border-width: 1px; border-style: solid; border-radius: 2px; position: relative; transition: 200ms all cubic-bezier(0.075, 0.82, 0.165, 1); } .vue-treeselect__check-mark, .vue-treeselect__minus-mark { display: block; position: absolute; left: 1px; top: 1px; background-repeat: no-repeat; opacity: 0; transition: 200ms all ease; } .vue-treeselect__minus-mark { width: 8px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=); background-size: 8px 8px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAAD///////////////+PQt5oAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==); } } .vue-treeselect__checkbox--indeterminate > .vue-treeselect__minus-mark { opacity: 1; } .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAgMAAAC5YVYYAAAACVBMVEUAAADi4uLh4eHOxeSRAAAAAnRSTlMAuLMp9oYAAAAPSURBVAjXY4CDrJUgBAMAGaECJ9dz3BAAAAAASUVORK5CYII=); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAADFBMVEUAAADi4uLi4uLh4eE5RQaIAAAAA3RSTlMAyTzPIdReAAAAGUlEQVQI12PAD+b///+Nof7//79gAsLFCwAx/w4blADeeQAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__minus-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAD1BMVEUAAADh4eHg4ODNzc3h4eEYfw2wAAAABHRSTlMAy2EFIuWxUgAAACRJREFUGNNjGBBgJOICBY7KDCoucODEAJSAS6FwUJShGjAQAADBPRGrK2/FhgAAAABJRU5ErkJggg==); } } .vue-treeselect__check-mark { width: 8px; height: 8px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMA8u24NxILB+Tawb6jiH1zRz0xIQIIP3GUAAAAMklEQVQI1y3FtQEAMQDDQD+EGbz/qkEVOpyEOP6PudKjZNSXn4Jm2CKRdBKzSLsFWl8fMG0Bl6Jk1rMAAAAASUVORK5CYII=); background-size: 8px 8px; -ms-transform: scaleY(0.125); transform: scaleY(0.125); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////98JRy6AAAAH3RSTlMAzu4sDenl38fBvo1OMyIdEQrj1cSihX5hYFpHNycIcQOASAAAAF9JREFUGNN9zEcOgDAMRFHTS0LvNfe/JRmHKAIJ/mqeLJn+k9uDtaeUeFnFziGsBucUTirrprfe81RqZ3Bb6hPWeuZwDFOHyf+ig9CCzQ7INBn7bG5kF+QSt13BHNJnF7AaCT4Y+CW7AAAAAElFTkSuQmCC); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAWlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////9ZMre9AAAAHXRSTlMA/PiJhGNI9XlEHJB/b2ldV08+Oibk49vPp6QhAYgGBuwAAACCSURBVCjPrdHdDoIwDAXgTWAqCigo/+f9X5OwnoUwtis4V92XNWladUl+rzQPeQJAN2EHxoOnsPn7/oYk8fxBv08Rr/deOH/aZ2Nm8ZJ+s573QGfWKnNuZGzWm3+lv2V3pcU1XQ385/yjmBoM3Z+dXvlbYLLD3ujhTaOM3KaIXvNkFkuSEvYy1LqOAAAAAElFTkSuQmCC); } } .vue-treeselect__checkbox--checked > .vue-treeselect__check-mark { opacity: 1; -ms-transform: scaleY(1); transform: scaleY(1); } .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAP1BMVEUAAADj4+Pf39/h4eHh4eHh4eHk5OTh4eHg4ODi4uLh4eHh4eHg4ODh4eHh4eHg4ODh4eHh4eHp6en////h4eFqcyvUAAAAFHRSTlMAOQfy7bgS5NrBvqOIfXNHMSELAgQ/iFsAAAA2SURBVAjXY4AANjYIzcjMAaVFuBkY+RkEWERYmRjYRXjANAOfiIgIFxNIAa8IpxBEi6AwiAQAK2MBd7xY8csAAAAASUVORK5CYII=); } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAXVBMVEUAAADh4eHh4eHh4eHi4uLb29vh4eHh4eHh4eHh4eHh4eHh4eHh4eHi4uLi4uLj4+Pi4uLk5OTo6Ojh4eHh4eHi4uLg4ODg4ODh4eHg4ODh4eHf39/g4OD////h4eEzIk+wAAAAHnRSTlMAzu6/LA3p5eLZx8ONTjYiHRIKooV+YWBaRzEnCANnm5rnAAAAZElEQVQY033P2wqAIAyA4VWaaWrnc/n+j5mbhBjUf7WPoTD47TJb4i5zTr/sRDRHuyFaoWX7uK/RlbctlPEuyI1f4WY9yQINEkf6rzzo8YIzmUFoCs7J1EjeIaa9bXIEmzl8dgOZEAj/+2IvzAAAAABJRU5ErkJggg==); } } @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) { .vue-treeselect__checkbox--disabled .vue-treeselect__check-mark { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAUVBMVEUAAADh4eHh4eHh4eHh4eHi4uLi4uLh4eHh4eHh4eHf39/j4+Ph4eHh4eHh4eHg4ODi4uLh4eHh4eHi4uLh4eHh4eHh4eHh4eHh4eH////h4eF3FMFTAAAAGnRSTlMA+/eJhGhfSHE9JBzz5KaQf3pXT0Xbz0I5AYDw8F0AAAB+SURBVCjPrdHbDoMgEEVRKAii1dZe9fz/hxplTiKIT7qfYCWTEEZdUvOwbckNAD2WHeh3brHW5f5EzGQ+iN+b1Gt6KPvtv16Dn6JX9M9ya3/A1yfu5dlyduL6Hec7mXY6ddXLPP2lpABGZ8PWXfYLTJxZekVhhl7eTX24zZPNKXoRC7zQLjUAAAAASUVORK5CYII=); } } .vue-treeselect__checkbox--unchecked { border-color: #e0e0e0; background: #fff; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked { border-color: #039be5; background: #fff; } .vue-treeselect__checkbox--indeterminate { border-color: #039be5; background: #039be5; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate { border-color: #039be5; background: #039be5; } .vue-treeselect__checkbox--checked { border-color: #039be5; background: #039be5; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked { border-color: #039be5; background: #039be5; } .vue-treeselect__checkbox--disabled { border-color: #e0e0e0; background-color: #f7f7f7; } .vue-treeselect__label-container:hover .vue-treeselect__checkbox--disabled { border-color: #e0e0e0; background-color: #f7f7f7; } .vue-treeselect__label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: table-cell; padding-left: 5px; max-width: 100%; vertical-align: middle; cursor: inherit; } [dir="rtl"] .vue-treeselect__label { padding-left: 0; padding-right: 5px; } .vue-treeselect__count { margin-left: 5px; font-weight: 400; opacity: 0.6; } [dir="rtl"] .vue-treeselect__count { margin-left: 0; margin-right: 5px; } .vue-treeselect__tip { padding-left: 5px; padding-right: 5px; display: table; table-layout: fixed; width: 100%; color: #757575; } .vue-treeselect__tip-text { display: table-cell; vertical-align: middle; padding-left: 5px; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; font-size: 12px; } .vue-treeselect__error-tip .vue-treeselect__retry { cursor: pointer; margin-left: 5px; font-style: normal; font-weight: 600; text-decoration: none; color: #039be5; } [dir="rtl"] .vue-treeselect__error-tip .vue-treeselect__retry { margin-left: 0; margin-right: 5px; } .vue-treeselect__icon-container { display: table-cell; vertical-align: middle; width: 20px; text-align: center; line-height: 0; } .vue-treeselect--single .vue-treeselect__icon-container { padding-left: 5px; } [dir="rtl"] .vue-treeselect--single .vue-treeselect__icon-container { padding-left: 0; padding-right: 5px; } .vue-treeselect__icon-warning { display: block; margin: auto; border-radius: 50%; position: relative; width: 12px; height: 12px; background: #fb8c00; } .vue-treeselect__icon-warning::after { display: block; position: absolute; content: ""; left: 5px; top: 2.5px; width: 2px; height: 1px; border: 0 solid #fff; border-top-width: 5px; border-bottom-width: 1px; } .vue-treeselect__icon-error { display: block; margin: auto; border-radius: 50%; position: relative; width: 12px; height: 12px; background: #e53935; } .vue-treeselect__icon-error::before, .vue-treeselect__icon-error::after { display: block; position: absolute; content: ""; background: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); } .vue-treeselect__icon-error::before { width: 6px; height: 2px; left: 3px; top: 5px; } .vue-treeselect__icon-error::after { width: 2px; height: 6px; left: 5px; top: 3px; } .vue-treeselect__icon-loader { display: block; margin: auto; position: relative; width: 12px; height: 12px; text-align: center; animation: 1.6s vue-treeselect-animation-rotate linear infinite; } .vue-treeselect__icon-loader::before, .vue-treeselect__icon-loader::after { border-radius: 50%; position: absolute; content: ""; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0.6; animation: 1.6s vue-treeselect-animation-bounce ease-in-out infinite; } .vue-treeselect__icon-loader::before { background: #039be5; } .vue-treeselect__icon-loader::after { background: #b3e5fc; animation-delay: -0.8s; } /** * Menu Portal */ .vue-treeselect__menu-placeholder { display: none; } .vue-treeselect__portal-target { position: absolute; display: block; left: 0; top: 0; height: 0; width: 0; padding: 0; margin: 0; border: 0; overflow: visible; box-sizing: border-box; } /*! * Cropper.js v1.6.2 * https://fengyuanchen.github.io/cropperjs * * Copyright 2015-present Chen Fengyuan * Released under the MIT license * * Date: 2024-04-21T07:43:02.731Z */.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:rgba(51,153,255,.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed} @charset "UTF-8"; /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .file-cta, .file-name, .select select, .taginput .taginput-container.is-focusable, .textarea, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control), .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .file-cta:focus, .file-name:focus, .select select:focus, .taginput .taginput-container.is-focusable:focus, .textarea:focus, .input:focus, .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:focus:not(.control), .button:focus, .ui-datepicker-trigger:focus, .dataTables_paginate a.paginate_button:focus, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .is-focused.file-cta, .is-focused.file-name, .select select.is-focused, .taginput .is-focused.taginput-container.is-focusable, .is-focused.textarea, .is-focused.input, .is-focused.form__input, .auth-wrapper input.is-focused#login_captcha, .dataTables_filter input.is-focused, .dataTables_length label select.is-focused, .dataTable thead th input.is-focused:not([type=checkbox]), .table thead th input.is-focused:not([type=checkbox]), .modal .modal__body input.is-focused, .modal .modal__body select.is-focused, .is-focused.datepicker:not(.control), .is-focused.button, .is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-focused.paginate_button, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .file-cta:active, .file-name:active, .select select:active, .taginput .taginput-container.is-focusable:active, .textarea:active, .input:active, .form__input:active, .auth-wrapper input#login_captcha:active, .dataTables_filter input:active, .dataTables_length label select:active, .dataTable thead th input:active:not([type=checkbox]), .table thead th input:active:not([type=checkbox]), .modal .modal__body input:active, .modal .modal__body select:active, .datepicker:active:not(.control), .button:active, .ui-datepicker-trigger:active, .dataTables_paginate a.paginate_button:active, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis, .is-active.file-cta, .is-active.file-name, .select select.is-active, .taginput .is-active.taginput-container.is-focusable, .is-active.textarea, .is-active.input, .is-active.form__input, .auth-wrapper input.is-active#login_captcha, .dataTables_filter input.is-active, .dataTables_length label select.is-active, .dataTable thead th input.is-active:not([type=checkbox]), .table thead th input.is-active:not([type=checkbox]), .modal .modal__body input.is-active, .modal .modal__body select.is-active, .is-active.datepicker:not(.control), .is-active.button, .is-active.ui-datepicker-trigger, .dataTables_paginate a.is-active.paginate_button { outline: none; } [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, [disabled].file-cta, [disabled].file-name, .select select[disabled], .taginput [disabled].taginput-container.is-focusable, [disabled].textarea, [disabled].input, [disabled].form__input, .auth-wrapper input[disabled]#login_captcha, .dataTables_filter input[disabled], .dataTables_length label select[disabled], .dataTable thead th input[disabled]:not([type=checkbox]), .table thead th input[disabled]:not([type=checkbox]), .modal .modal__body input[disabled], .modal .modal__body select[disabled], [disabled].datepicker:not(.control), [disabled].button, [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .taginput .taginput-container.is-focusable, .taginput fieldset[disabled] .taginput-container.is-focusable, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .form__input, fieldset[disabled] .auth-wrapper input#login_captcha, .auth-wrapper fieldset[disabled] input#login_captcha, fieldset[disabled] .dataTables_filter input, .dataTables_filter fieldset[disabled] input, fieldset[disabled] .dataTables_length label select, .dataTables_length label fieldset[disabled] select, fieldset[disabled] .dataTable thead th input:not([type=checkbox]), fieldset[disabled] .table thead th input:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:not([type=checkbox]), .table thead th fieldset[disabled] input:not([type=checkbox]), fieldset[disabled] .modal .modal__body input, .modal .modal__body fieldset[disabled] input, fieldset[disabled] .modal .modal__body select, .modal .modal__body fieldset[disabled] select, fieldset[disabled] .datepicker:not(.control), fieldset[disabled] .button, fieldset[disabled] .ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.paginate_button, .dataTables_paginate fieldset[disabled] a.paginate_button { cursor: not-allowed; } .switch, .b-radio.radio, .b-checkbox.checkbox, .carousel-list, .carousel, .is-unselectable, .tabs, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .breadcrumb, .file, .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; } .tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .progress-wrapper.is-not-native:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child), .form__sub-collection > div:not(:last-child) { margin-bottom: 1.5rem; } .modal-close, .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.2, 10.2, 10.2, 0.2); border: none; border-radius: 9999px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .modal-close::before, .delete::before, .modal-close::after, .delete::after { background-color: hsl(0, 0%, 100%); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .modal-close::before, .delete::before { height: 2px; width: 50%; } .modal-close::after, .delete::after { height: 50%; width: 2px; } .modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus { background-color: rgba(10.2, 10.2, 10.2, 0.3); } .modal-close:active, .delete:active { background-color: rgba(10.2, 10.2, 10.2, 0.4); } .is-small.modal-close, .is-small.delete { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.modal-close, .is-medium.delete { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.modal-close, .is-large.delete { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after, .is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-loading.paginate_button::after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .b-image-wrapper > img.has-ratio, .b-image-wrapper > img.placeholder, .hero-video, .is-overlay, .modal-background, .modal, .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .navbar-burger { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; } /* Bulma Base */ /*! minireset.css v0.0.6 | 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; } *, *::before, *::after { box-sizing: inherit; } img, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } td:not([align]), th:not([align]) { text-align: inherit; } html { background-color: hsl(0, 0%, 100%); font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; text-size-adjust: 100%; } article, aside, figure, footer, header, hgroup, section { display: block; } body, button, input, optgroup, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } body { color: hsl(0, 0%, 29%); font-size: 1em; font-weight: 400; line-height: 1.5; } a { color: hsl(229, 53%, 53%); cursor: pointer; text-decoration: none; } a strong { color: currentColor; } a:hover { color: hsl(0, 0%, 21%); } code { background-color: hsl(0, 0%, 96%); color: hsl(348, 86%, 46%); font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } hr { background-color: hsl(0, 0%, 96%); border: none; display: block; height: 2px; margin: 1.5rem 0; } img { height: auto; max-width: 100%; } input[type=checkbox], input[type=radio] { vertical-align: baseline; } small { font-size: 0.875em; } span { font-style: inherit; font-weight: inherit; } strong { color: hsl(0, 0%, 21%); font-weight: 700; } fieldset { border: none; } pre { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 29%); font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } table td, table th { vertical-align: top; } table td:not([align]), table th:not([align]) { text-align: inherit; } table th { color: hsl(0, 0%, 21%); } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* Bulma Elements */ .box, .form__sub-collection > div { background-color: hsl(0, 0%, 100%); border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); color: hsl(0, 0%, 29%); display: block; padding: 1.25rem; } a.box:hover, a.box:focus { box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px hsl(229, 53%, 53%); } a.box:active { box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px hsl(229, 53%, 53%); } .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-width: 1px; color: hsl(0, 0%, 21%); cursor: pointer; justify-content: center; padding-bottom: calc(0.5em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(0.5em - 1px); text-align: center; white-space: nowrap; } .button strong, .ui-datepicker-trigger strong, .dataTables_paginate a.paginate_button strong { color: inherit; } .button .icon, .ui-datepicker-trigger .icon, .dataTables_paginate a.paginate_button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } .button .icon:first-child:not(:last-child), .ui-datepicker-trigger .icon:first-child:not(:last-child), .dataTables_paginate a.paginate_button .icon:first-child:not(:last-child) { margin-left: calc(-0.5em - 1px); margin-right: 0.25em; } .button .icon:last-child:not(:first-child), .ui-datepicker-trigger .icon:last-child:not(:first-child), .dataTables_paginate a.paginate_button .icon:last-child:not(:first-child) { margin-left: 0.25em; margin-right: calc(-0.5em - 1px); } .button .icon:first-child:last-child, .ui-datepicker-trigger .icon:first-child:last-child, .dataTables_paginate a.paginate_button .icon:first-child:last-child { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); } .button:hover, .ui-datepicker-trigger:hover, .dataTables_paginate a.paginate_button:hover, .button.is-hovered, .is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-hovered.paginate_button { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } .button:focus, .ui-datepicker-trigger:focus, .dataTables_paginate a.paginate_button:focus, .button.is-focused, .is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-focused.paginate_button { border-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } .button:focus:not(:active), .ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.paginate_button:focus:not(:active), .button.is-focused:not(:active), .is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .button:active, .ui-datepicker-trigger:active, .dataTables_paginate a.paginate_button:active, .button.is-active, .is-active.ui-datepicker-trigger, .dataTables_paginate a.is-active.paginate_button { border-color: hsl(0, 0%, 29%); color: hsl(0, 0%, 21%); } .button.is-text, .is-text.ui-datepicker-trigger, .dataTables_paginate a.is-text.paginate_button { background-color: transparent; border-color: transparent; color: hsl(0, 0%, 29%); text-decoration: underline; } .button.is-text:hover, .is-text.ui-datepicker-trigger:hover, .dataTables_paginate a.is-text.paginate_button:hover, .button.is-text.is-hovered, .is-text.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-hovered.paginate_button, .button.is-text:focus, .is-text.ui-datepicker-trigger:focus, .dataTables_paginate a.is-text.paginate_button:focus, .button.is-text.is-focused, .is-text.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-focused.paginate_button { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 21%); } .button.is-text:active, .is-text.ui-datepicker-trigger:active, .dataTables_paginate a.is-text.paginate_button:active, .button.is-text.is-active, .is-text.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-active.paginate_button { background-color: hsl(0, 0%, 91%); color: hsl(0, 0%, 21%); } .button.is-text[disabled], .is-text[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-text[disabled].paginate_button, fieldset[disabled] .button.is-text, fieldset[disabled] .is-text.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-text.paginate_button, .dataTables_paginate fieldset[disabled] a.is-text.paginate_button { background-color: transparent; border-color: transparent; box-shadow: none; } .button.is-ghost, .is-ghost.ui-datepicker-trigger, .dataTables_paginate a.is-ghost.paginate_button { background: none; border-color: transparent; color: hsl(229, 53%, 53%); text-decoration: none; } .button.is-ghost:hover, .is-ghost.ui-datepicker-trigger:hover, .dataTables_paginate a.is-ghost.paginate_button:hover, .button.is-ghost.is-hovered, .is-ghost.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-ghost.is-hovered.paginate_button { color: hsl(229, 53%, 53%); text-decoration: underline; } .button.is-white, .is-white.ui-datepicker-trigger, .dataTables_paginate a.is-white.paginate_button { background-color: hsl(0, 0%, 100%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:hover, .is-white.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.paginate_button:hover, .button.is-white.is-hovered, .is-white.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-hovered.paginate_button { background-color: hsl(0, 0%, 97.5%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:focus, .is-white.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.paginate_button:focus, .button.is-white.is-focused, .is-white.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-focused.paginate_button { border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:focus:not(:active), .is-white.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-white.paginate_button:focus:not(:active), .button.is-white.is-focused:not(:active), .is-white.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-white.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .is-white.ui-datepicker-trigger:active, .dataTables_paginate a.is-white.paginate_button:active, .button.is-white.is-active, .is-white.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-active.paginate_button { background-color: hsl(0, 0%, 95%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white[disabled], .is-white[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white[disabled].paginate_button, fieldset[disabled] .button.is-white, fieldset[disabled] .is-white.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); box-shadow: none; } .button.is-white.is-inverted, .is-white.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.paginate_button { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-white.is-inverted:hover, .is-white.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-inverted.paginate_button:hover, .button.is-white.is-inverted.is-hovered, .is-white.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-hovered.paginate_button { background-color: hsl(0, 0%, 0%); } .button.is-white.is-inverted[disabled], .is-white.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-white.is-inverted, fieldset[disabled] .is-white.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-inverted.paginate_button { background-color: hsl(0, 0%, 4%); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-white.is-loading::after, .is-white.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-white.is-outlined, .is-white.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .button.is-white.is-outlined:hover, .is-white.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-outlined.paginate_button:hover, .button.is-white.is-outlined.is-hovered, .is-white.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.is-hovered.paginate_button, .button.is-white.is-outlined:focus, .is-white.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.is-outlined.paginate_button:focus, .button.is-white.is-outlined.is-focused, .is-white.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-white.is-outlined.is-loading::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-white.is-outlined.is-loading:hover::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .is-white.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-white.is-outlined.is-loading:focus::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after, .is-white.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-white.is-outlined[disabled], .is-white.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-white.is-outlined, fieldset[disabled] .is-white.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-white.is-inverted.is-outlined, .is-white.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .button.is-white.is-inverted.is-outlined:hover, .is-white.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .is-white.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-white.is-inverted.is-outlined:focus, .is-white.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button:focus, .button.is-white.is-inverted.is-outlined.is-focused, .is-white.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .is-white.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .is-white.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .is-white.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after, .is-white.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-white.is-inverted.is-outlined[disabled], .is-white.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-white.is-inverted.is-outlined, fieldset[disabled] .is-white.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black, .is-black.ui-datepicker-trigger, .dataTables_paginate a.is-black.paginate_button { background-color: hsl(0, 0%, 4%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:hover, .is-black.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.paginate_button:hover, .button.is-black.is-hovered, .is-black.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-hovered.paginate_button { background-color: hsl(0, 0%, 1.5%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:focus, .is-black.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.paginate_button:focus, .button.is-black.is-focused, .is-black.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-focused.paginate_button { border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:focus:not(:active), .is-black.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-black.paginate_button:focus:not(:active), .button.is-black.is-focused:not(:active), .is-black.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-black.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .button.is-black:active, .is-black.ui-datepicker-trigger:active, .dataTables_paginate a.is-black.paginate_button:active, .button.is-black.is-active, .is-black.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-active.paginate_button { background-color: hsl(0, 0%, 0%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black[disabled], .is-black[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black[disabled].paginate_button, fieldset[disabled] .button.is-black, fieldset[disabled] .is-black.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.paginate_button { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); box-shadow: none; } .button.is-black.is-inverted, .is-black.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.paginate_button { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-black.is-inverted:hover, .is-black.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-inverted.paginate_button:hover, .button.is-black.is-inverted.is-hovered, .is-black.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-hovered.paginate_button { background-color: hsl(0, 0%, 95%); } .button.is-black.is-inverted[disabled], .is-black.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-black.is-inverted, fieldset[disabled] .is-black.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-inverted.paginate_button { background-color: hsl(0, 0%, 100%); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black.is-loading::after, .is-black.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-black.is-outlined, .is-black.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .button.is-black.is-outlined:hover, .is-black.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-outlined.paginate_button:hover, .button.is-black.is-outlined.is-hovered, .is-black.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.is-hovered.paginate_button, .button.is-black.is-outlined:focus, .is-black.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.is-outlined.paginate_button:focus, .button.is-black.is-outlined.is-focused, .is-black.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-black.is-outlined.is-loading::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-black.is-outlined.is-loading:hover::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .is-black.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-black.is-outlined.is-loading:focus::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after, .is-black.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-black.is-outlined[disabled], .is-black.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-black.is-outlined, fieldset[disabled] .is-black.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black.is-inverted.is-outlined, .is-black.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .button.is-black.is-inverted.is-outlined:hover, .is-black.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .is-black.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-black.is-inverted.is-outlined:focus, .is-black.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button:focus, .button.is-black.is-inverted.is-outlined.is-focused, .is-black.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .is-black.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .is-black.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .is-black.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after, .is-black.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-black.is-inverted.is-outlined[disabled], .is-black.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-black.is-inverted.is-outlined, fieldset[disabled] .is-black.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-light, .is-light.ui-datepicker-trigger, .dataTables_paginate a.is-light.paginate_button { background-color: hsl(0, 0%, 96%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:hover, .is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.paginate_button:hover, .button.is-light.is-hovered, .is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-hovered.paginate_button { background-color: hsl(0, 0%, 93.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:focus, .is-light.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.paginate_button:focus, .button.is-light.is-focused, .is-light.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-focused.paginate_button { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:focus:not(:active), .is-light.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-light.paginate_button:focus:not(:active), .button.is-light.is-focused:not(:active), .is-light.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-light.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .button.is-light:active, .is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-light.paginate_button:active, .button.is-light.is-active, .is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-active.paginate_button { background-color: hsl(0, 0%, 91%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light[disabled], .is-light[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light[disabled].paginate_button, fieldset[disabled] .button.is-light, fieldset[disabled] .is-light.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); box-shadow: none; } .button.is-light.is-inverted, .is-light.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .button.is-light.is-inverted:hover, .is-light.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-inverted.paginate_button:hover, .button.is-light.is-inverted.is-hovered, .is-light.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-hovered.paginate_button { background-color: rgba(0, 0, 0, 0.7); } .button.is-light.is-inverted[disabled], .is-light.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-light.is-inverted, fieldset[disabled] .is-light.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 96%); } .button.is-light.is-loading::after, .is-light.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-loading.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-light.is-outlined, .is-light.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .button.is-light.is-outlined:hover, .is-light.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-outlined.paginate_button:hover, .button.is-light.is-outlined.is-hovered, .is-light.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.is-hovered.paginate_button, .button.is-light.is-outlined:focus, .is-light.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.is-outlined.paginate_button:focus, .button.is-light.is-outlined.is-focused, .is-light.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .button.is-light.is-outlined.is-loading::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; } .button.is-light.is-outlined.is-loading:hover::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .is-light.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-light.is-outlined.is-loading:focus::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after, .is-light.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-light.is-outlined[disabled], .is-light.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-light.is-outlined, fieldset[disabled] .is-light.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 96%); box-shadow: none; color: hsl(0, 0%, 96%); } .button.is-light.is-inverted.is-outlined, .is-light.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } .button.is-light.is-inverted.is-outlined:hover, .is-light.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .is-light.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-light.is-inverted.is-outlined:focus, .is-light.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button:focus, .button.is-light.is-inverted.is-outlined.is-focused, .is-light.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-focused.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .is-light.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .is-light.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .is-light.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, .is-light.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; } .button.is-light.is-inverted.is-outlined[disabled], .is-light.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-light.is-inverted.is-outlined, fieldset[disabled] .is-light.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-dark, .is-dark.ui-datepicker-trigger, .dataTables_paginate a.is-dark.paginate_button { background-color: hsl(0, 0%, 21%); border-color: transparent; color: #fff; } .button.is-dark:hover, .is-dark.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.paginate_button:hover, .button.is-dark.is-hovered, .is-dark.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-hovered.paginate_button { background-color: hsl(0, 0%, 18.5%); border-color: transparent; color: #fff; } .button.is-dark:focus, .is-dark.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.paginate_button:focus, .button.is-dark.is-focused, .is-dark.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-dark:focus:not(:active), .is-dark.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-dark.paginate_button:focus:not(:active), .button.is-dark.is-focused:not(:active), .is-dark.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-dark.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .button.is-dark:active, .is-dark.ui-datepicker-trigger:active, .dataTables_paginate a.is-dark.paginate_button:active, .button.is-dark.is-active, .is-dark.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-active.paginate_button { background-color: hsl(0, 0%, 16%); border-color: transparent; color: #fff; } .button.is-dark[disabled], .is-dark[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark[disabled].paginate_button, fieldset[disabled] .button.is-dark, fieldset[disabled] .is-dark.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.paginate_button { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); box-shadow: none; } .button.is-dark.is-inverted, .is-dark.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.paginate_button { background-color: #fff; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted:hover, .is-dark.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-inverted.paginate_button:hover, .button.is-dark.is-inverted.is-hovered, .is-dark.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-dark.is-inverted[disabled], .is-dark.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-inverted, fieldset[disabled] .is-dark.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(0, 0%, 21%); } .button.is-dark.is-loading::after, .is-dark.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-dark.is-outlined, .is-dark.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 21%); color: hsl(0, 0%, 21%); } .button.is-dark.is-outlined:hover, .is-dark.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-outlined.paginate_button:hover, .button.is-dark.is-outlined.is-hovered, .is-dark.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.is-hovered.paginate_button, .button.is-dark.is-outlined:focus, .is-dark.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.is-outlined.paginate_button:focus, .button.is-dark.is-outlined.is-focused, .is-dark.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: #fff; } .button.is-dark.is-outlined.is-loading::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } .button.is-dark.is-outlined.is-loading:hover::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .is-dark.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-dark.is-outlined.is-loading:focus::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after, .is-dark.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-dark.is-outlined[disabled], .is-dark.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-outlined, fieldset[disabled] .is-dark.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 21%); box-shadow: none; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted.is-outlined, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-dark.is-inverted.is-outlined:hover, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .is-dark.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-dark.is-inverted.is-outlined:focus, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button:focus, .button.is-dark.is-inverted.is-outlined.is-focused, .is-dark.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .is-dark.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .is-dark.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .is-dark.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after, .is-dark.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } .button.is-dark.is-inverted.is-outlined[disabled], .is-dark.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-inverted.is-outlined, fieldset[disabled] .is-dark.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-primary, .is-primary.ui-datepicker-trigger, .dataTables_paginate a.is-primary.paginate_button { background-color: hsl(171, 100%, 41%); border-color: transparent; color: #fff; } .button.is-primary:hover, .is-primary.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.paginate_button:hover, .button.is-primary.is-hovered, .is-primary.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-hovered.paginate_button { background-color: hsl(171, 100%, 38.5%); border-color: transparent; color: #fff; } .button.is-primary:focus, .is-primary.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.paginate_button:focus, .button.is-primary.is-focused, .is-primary.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-primary:focus:not(:active), .is-primary.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-primary.paginate_button:focus:not(:active), .button.is-primary.is-focused:not(:active), .is-primary.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-primary.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .button.is-primary:active, .is-primary.ui-datepicker-trigger:active, .dataTables_paginate a.is-primary.paginate_button:active, .button.is-primary.is-active, .is-primary.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-active.paginate_button { background-color: hsl(171, 100%, 36%); border-color: transparent; color: #fff; } .button.is-primary[disabled], .is-primary[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary[disabled].paginate_button, fieldset[disabled] .button.is-primary, fieldset[disabled] .is-primary.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.paginate_button { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); box-shadow: none; } .button.is-primary.is-inverted, .is-primary.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.paginate_button { background-color: #fff; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted:hover, .is-primary.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-inverted.paginate_button:hover, .button.is-primary.is-inverted.is-hovered, .is-primary.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-primary.is-inverted[disabled], .is-primary.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-inverted, fieldset[disabled] .is-primary.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(171, 100%, 41%); } .button.is-primary.is-loading::after, .is-primary.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined, .is-primary.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.paginate_button { background-color: transparent; border-color: hsl(171, 100%, 41%); color: hsl(171, 100%, 41%); } .button.is-primary.is-outlined:hover, .is-primary.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-outlined.paginate_button:hover, .button.is-primary.is-outlined.is-hovered, .is-primary.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.is-hovered.paginate_button, .button.is-primary.is-outlined:focus, .is-primary.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.is-outlined.paginate_button:focus, .button.is-primary.is-outlined.is-focused, .is-primary.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.is-focused.paginate_button { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); color: #fff; } .button.is-primary.is-outlined.is-loading::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } .button.is-primary.is-outlined.is-loading:hover::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .is-primary.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-primary.is-outlined.is-loading:focus::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after, .is-primary.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined[disabled], .is-primary.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-outlined, fieldset[disabled] .is-primary.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-outlined.paginate_button { background-color: transparent; border-color: hsl(171, 100%, 41%); box-shadow: none; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted.is-outlined, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-primary.is-inverted.is-outlined:hover, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .is-primary.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-primary.is-inverted.is-outlined:focus, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button:focus, .button.is-primary.is-inverted.is-outlined.is-focused, .is-primary.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .is-primary.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .is-primary.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .is-primary.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after, .is-primary.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } .button.is-primary.is-inverted.is-outlined[disabled], .is-primary.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-inverted.is-outlined, fieldset[disabled] .is-primary.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-primary.is-light, .is-primary.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.paginate_button { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .button.is-primary.is-light:hover, .is-primary.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-light.paginate_button:hover, .button.is-primary.is-light.is-hovered, .is-primary.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.is-hovered.paginate_button { background-color: hsl(171, 100%, 93.5%); border-color: transparent; color: hsl(171, 100%, 29%); } .button.is-primary.is-light:active, .is-primary.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-primary.is-light.paginate_button:active, .button.is-primary.is-light.is-active, .is-primary.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.is-active.paginate_button { background-color: hsl(171, 100%, 91%); border-color: transparent; color: hsl(171, 100%, 29%); } .button.is-link, .is-link.ui-datepicker-trigger, .dataTables_paginate a.is-link.paginate_button { background-color: hsl(229, 53%, 53%); border-color: transparent; color: #fff; } .button.is-link:hover, .is-link.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.paginate_button:hover, .button.is-link.is-hovered, .is-link.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-hovered.paginate_button { background-color: hsl(229, 53%, 50.5%); border-color: transparent; color: #fff; } .button.is-link:focus, .is-link.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.paginate_button:focus, .button.is-link.is-focused, .is-link.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-link:focus:not(:active), .is-link.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-link.paginate_button:focus:not(:active), .button.is-link.is-focused:not(:active), .is-link.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-link.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .button.is-link:active, .is-link.ui-datepicker-trigger:active, .dataTables_paginate a.is-link.paginate_button:active, .button.is-link.is-active, .is-link.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-active.paginate_button { background-color: hsl(229, 53%, 48%); border-color: transparent; color: #fff; } .button.is-link[disabled], .is-link[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link[disabled].paginate_button, fieldset[disabled] .button.is-link, fieldset[disabled] .is-link.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.paginate_button { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); box-shadow: none; } .button.is-link.is-inverted, .is-link.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.paginate_button { background-color: #fff; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted:hover, .is-link.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-inverted.paginate_button:hover, .button.is-link.is-inverted.is-hovered, .is-link.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-link.is-inverted[disabled], .is-link.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-link.is-inverted, fieldset[disabled] .is-link.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(229, 53%, 53%); } .button.is-link.is-loading::after, .is-link.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined, .is-link.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.paginate_button { background-color: transparent; border-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 53%); } .button.is-link.is-outlined:hover, .is-link.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-outlined.paginate_button:hover, .button.is-link.is-outlined.is-hovered, .is-link.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.is-hovered.paginate_button, .button.is-link.is-outlined:focus, .is-link.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.is-outlined.paginate_button:focus, .button.is-link.is-outlined.is-focused, .is-link.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.is-focused.paginate_button { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .button.is-link.is-outlined.is-loading::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } .button.is-link.is-outlined.is-loading:hover::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .is-link.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-link.is-outlined.is-loading:focus::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after, .is-link.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined[disabled], .is-link.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-link.is-outlined, fieldset[disabled] .is-link.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-outlined.paginate_button { background-color: transparent; border-color: hsl(229, 53%, 53%); box-shadow: none; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted.is-outlined, .is-link.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-link.is-inverted.is-outlined:hover, .is-link.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .is-link.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-link.is-inverted.is-outlined:focus, .is-link.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button:focus, .button.is-link.is-inverted.is-outlined.is-focused, .is-link.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .is-link.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .is-link.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .is-link.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after, .is-link.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } .button.is-link.is-inverted.is-outlined[disabled], .is-link.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-link.is-inverted.is-outlined, fieldset[disabled] .is-link.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-link.is-light, .is-link.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.paginate_button { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .button.is-link.is-light:hover, .is-link.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-light.paginate_button:hover, .button.is-link.is-light.is-hovered, .is-link.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.is-hovered.paginate_button { background-color: hsl(229, 53%, 93.5%); border-color: transparent; color: hsl(229, 53%, 47%); } .button.is-link.is-light:active, .is-link.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-link.is-light.paginate_button:active, .button.is-link.is-light.is-active, .is-link.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.is-active.paginate_button { background-color: hsl(229, 53%, 91%); border-color: transparent; color: hsl(229, 53%, 47%); } .button.is-info, .is-info.ui-datepicker-trigger, .dataTables_paginate a.is-info.paginate_button { background-color: hsl(207, 61%, 53%); border-color: transparent; color: #fff; } .button.is-info:hover, .is-info.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.paginate_button:hover, .button.is-info.is-hovered, .is-info.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-hovered.paginate_button { background-color: hsl(207, 61%, 50.5%); border-color: transparent; color: #fff; } .button.is-info:focus, .is-info.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.paginate_button:focus, .button.is-info.is-focused, .is-info.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-info:focus:not(:active), .is-info.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-info.paginate_button:focus:not(:active), .button.is-info.is-focused:not(:active), .is-info.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-info.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .button.is-info:active, .is-info.ui-datepicker-trigger:active, .dataTables_paginate a.is-info.paginate_button:active, .button.is-info.is-active, .is-info.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-active.paginate_button { background-color: hsl(207, 61%, 48%); border-color: transparent; color: #fff; } .button.is-info[disabled], .is-info[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info[disabled].paginate_button, fieldset[disabled] .button.is-info, fieldset[disabled] .is-info.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.paginate_button { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); box-shadow: none; } .button.is-info.is-inverted, .is-info.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.paginate_button { background-color: #fff; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted:hover, .is-info.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-inverted.paginate_button:hover, .button.is-info.is-inverted.is-hovered, .is-info.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-info.is-inverted[disabled], .is-info.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-info.is-inverted, fieldset[disabled] .is-info.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(207, 61%, 53%); } .button.is-info.is-loading::after, .is-info.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined, .is-info.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.paginate_button { background-color: transparent; border-color: hsl(207, 61%, 53%); color: hsl(207, 61%, 53%); } .button.is-info.is-outlined:hover, .is-info.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-outlined.paginate_button:hover, .button.is-info.is-outlined.is-hovered, .is-info.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.is-hovered.paginate_button, .button.is-info.is-outlined:focus, .is-info.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.is-outlined.paginate_button:focus, .button.is-info.is-outlined.is-focused, .is-info.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.is-focused.paginate_button { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); color: #fff; } .button.is-info.is-outlined.is-loading::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } .button.is-info.is-outlined.is-loading:hover::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .is-info.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-info.is-outlined.is-loading:focus::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after, .is-info.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined[disabled], .is-info.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-info.is-outlined, fieldset[disabled] .is-info.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-outlined.paginate_button { background-color: transparent; border-color: hsl(207, 61%, 53%); box-shadow: none; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted.is-outlined, .is-info.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-info.is-inverted.is-outlined:hover, .is-info.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .is-info.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-info.is-inverted.is-outlined:focus, .is-info.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button:focus, .button.is-info.is-inverted.is-outlined.is-focused, .is-info.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .is-info.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .is-info.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .is-info.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after, .is-info.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } .button.is-info.is-inverted.is-outlined[disabled], .is-info.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-info.is-inverted.is-outlined, fieldset[disabled] .is-info.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-info.is-light, .is-info.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.paginate_button { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .button.is-info.is-light:hover, .is-info.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-light.paginate_button:hover, .button.is-info.is-light.is-hovered, .is-info.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.is-hovered.paginate_button { background-color: hsl(207, 61%, 93.5%); border-color: transparent; color: hsl(207, 61%, 41%); } .button.is-info.is-light:active, .is-info.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-info.is-light.paginate_button:active, .button.is-info.is-light.is-active, .is-info.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.is-active.paginate_button { background-color: hsl(207, 61%, 91%); border-color: transparent; color: hsl(207, 61%, 41%); } .button.is-success, .is-success.ui-datepicker-trigger, .dataTables_paginate a.is-success.paginate_button { background-color: hsl(153, 53%, 53%); border-color: transparent; color: #fff; } .button.is-success:hover, .is-success.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.paginate_button:hover, .button.is-success.is-hovered, .is-success.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-hovered.paginate_button { background-color: hsl(153, 53%, 50.5%); border-color: transparent; color: #fff; } .button.is-success:focus, .is-success.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.paginate_button:focus, .button.is-success.is-focused, .is-success.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-success:focus:not(:active), .is-success.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-success.paginate_button:focus:not(:active), .button.is-success.is-focused:not(:active), .is-success.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-success.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .button.is-success:active, .is-success.ui-datepicker-trigger:active, .dataTables_paginate a.is-success.paginate_button:active, .button.is-success.is-active, .is-success.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-active.paginate_button { background-color: hsl(153, 53%, 48%); border-color: transparent; color: #fff; } .button.is-success[disabled], .is-success[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success[disabled].paginate_button, fieldset[disabled] .button.is-success, fieldset[disabled] .is-success.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.paginate_button { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); box-shadow: none; } .button.is-success.is-inverted, .is-success.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.paginate_button { background-color: #fff; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted:hover, .is-success.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-inverted.paginate_button:hover, .button.is-success.is-inverted.is-hovered, .is-success.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-success.is-inverted[disabled], .is-success.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-success.is-inverted, fieldset[disabled] .is-success.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(153, 53%, 53%); } .button.is-success.is-loading::after, .is-success.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined, .is-success.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.paginate_button { background-color: transparent; border-color: hsl(153, 53%, 53%); color: hsl(153, 53%, 53%); } .button.is-success.is-outlined:hover, .is-success.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-outlined.paginate_button:hover, .button.is-success.is-outlined.is-hovered, .is-success.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.is-hovered.paginate_button, .button.is-success.is-outlined:focus, .is-success.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.is-outlined.paginate_button:focus, .button.is-success.is-outlined.is-focused, .is-success.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.is-focused.paginate_button { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); color: #fff; } .button.is-success.is-outlined.is-loading::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } .button.is-success.is-outlined.is-loading:hover::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .is-success.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-success.is-outlined.is-loading:focus::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after, .is-success.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined[disabled], .is-success.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-success.is-outlined, fieldset[disabled] .is-success.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-outlined.paginate_button { background-color: transparent; border-color: hsl(153, 53%, 53%); box-shadow: none; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted.is-outlined, .is-success.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-success.is-inverted.is-outlined:hover, .is-success.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .is-success.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-success.is-inverted.is-outlined:focus, .is-success.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button:focus, .button.is-success.is-inverted.is-outlined.is-focused, .is-success.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .is-success.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .is-success.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .is-success.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after, .is-success.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } .button.is-success.is-inverted.is-outlined[disabled], .is-success.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-success.is-inverted.is-outlined, fieldset[disabled] .is-success.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-success.is-light, .is-success.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.paginate_button { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .button.is-success.is-light:hover, .is-success.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-light.paginate_button:hover, .button.is-success.is-light.is-hovered, .is-success.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.is-hovered.paginate_button { background-color: hsl(153, 53%, 93.5%); border-color: transparent; color: hsl(153, 53%, 31%); } .button.is-success.is-light:active, .is-success.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-success.is-light.paginate_button:active, .button.is-success.is-light.is-active, .is-success.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.is-active.paginate_button { background-color: hsl(153, 53%, 91%); border-color: transparent; color: hsl(153, 53%, 31%); } .button.is-warning, .is-warning.ui-datepicker-trigger, .dataTables_paginate a.is-warning.paginate_button { background-color: hsl(44, 100%, 77%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:hover, .is-warning.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.paginate_button:hover, .button.is-warning.is-hovered, .is-warning.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-hovered.paginate_button { background-color: hsl(44, 100%, 74.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus, .is-warning.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.paginate_button:focus, .button.is-warning.is-focused, .is-warning.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-focused.paginate_button { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus:not(:active), .is-warning.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-warning.paginate_button:focus:not(:active), .button.is-warning.is-focused:not(:active), .is-warning.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-warning.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .button.is-warning:active, .is-warning.ui-datepicker-trigger:active, .dataTables_paginate a.is-warning.paginate_button:active, .button.is-warning.is-active, .is-warning.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-active.paginate_button { background-color: hsl(44, 100%, 72%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning[disabled], .is-warning[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning[disabled].paginate_button, fieldset[disabled] .button.is-warning, fieldset[disabled] .is-warning.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.paginate_button { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); box-shadow: none; } .button.is-warning.is-inverted, .is-warning.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted:hover, .is-warning.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-inverted.paginate_button:hover, .button.is-warning.is-inverted.is-hovered, .is-warning.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-hovered.paginate_button { background-color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted[disabled], .is-warning.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-inverted, fieldset[disabled] .is-warning.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: hsl(44, 100%, 77%); } .button.is-warning.is-loading::after, .is-warning.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-loading.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined, .is-warning.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.paginate_button { background-color: transparent; border-color: hsl(44, 100%, 77%); color: hsl(44, 100%, 77%); } .button.is-warning.is-outlined:hover, .is-warning.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-outlined.paginate_button:hover, .button.is-warning.is-outlined.is-hovered, .is-warning.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.is-hovered.paginate_button, .button.is-warning.is-outlined:focus, .is-warning.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.is-outlined.paginate_button:focus, .button.is-warning.is-outlined.is-focused, .is-warning.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.is-focused.paginate_button { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-outlined.is-loading::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } .button.is-warning.is-outlined.is-loading:hover::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .is-warning.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-warning.is-outlined.is-loading:focus::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after, .is-warning.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined[disabled], .is-warning.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-outlined, fieldset[disabled] .is-warning.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-outlined.paginate_button { background-color: transparent; border-color: hsl(44, 100%, 77%); box-shadow: none; color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted.is-outlined, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted.is-outlined:hover, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .is-warning.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-warning.is-inverted.is-outlined:focus, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button:focus, .button.is-warning.is-inverted.is-outlined.is-focused, .is-warning.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-focused.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .is-warning.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .is-warning.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .is-warning.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after, .is-warning.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } .button.is-warning.is-inverted.is-outlined[disabled], .is-warning.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-inverted.is-outlined, fieldset[disabled] .is-warning.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-light, .is-warning.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.paginate_button { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .button.is-warning.is-light:hover, .is-warning.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-light.paginate_button:hover, .button.is-warning.is-light.is-hovered, .is-warning.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.is-hovered.paginate_button { background-color: hsl(44, 100%, 93.5%); border-color: transparent; color: hsl(44, 100%, 29%); } .button.is-warning.is-light:active, .is-warning.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-warning.is-light.paginate_button:active, .button.is-warning.is-light.is-active, .is-warning.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.is-active.paginate_button { background-color: hsl(44, 100%, 91%); border-color: transparent; color: hsl(44, 100%, 29%); } .button.is-danger, .is-danger.ui-datepicker-trigger, .dataTables_paginate a.is-danger.paginate_button { background-color: hsl(348, 86%, 61%); border-color: transparent; color: #fff; } .button.is-danger:hover, .is-danger.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.paginate_button:hover, .button.is-danger.is-hovered, .is-danger.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-hovered.paginate_button { background-color: hsl(348, 86%, 58.5%); border-color: transparent; color: #fff; } .button.is-danger:focus, .is-danger.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.paginate_button:focus, .button.is-danger.is-focused, .is-danger.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-danger:focus:not(:active), .is-danger.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-danger.paginate_button:focus:not(:active), .button.is-danger.is-focused:not(:active), .is-danger.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-danger.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .button.is-danger:active, .is-danger.ui-datepicker-trigger:active, .dataTables_paginate a.is-danger.paginate_button:active, .button.is-danger.is-active, .is-danger.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-active.paginate_button { background-color: hsl(348, 86%, 56%); border-color: transparent; color: #fff; } .button.is-danger[disabled], .is-danger[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger[disabled].paginate_button, fieldset[disabled] .button.is-danger, fieldset[disabled] .is-danger.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.paginate_button { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); box-shadow: none; } .button.is-danger.is-inverted, .is-danger.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.paginate_button { background-color: #fff; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted:hover, .is-danger.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-inverted.paginate_button:hover, .button.is-danger.is-inverted.is-hovered, .is-danger.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-danger.is-inverted[disabled], .is-danger.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-inverted, fieldset[disabled] .is-danger.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(348, 86%, 61%); } .button.is-danger.is-loading::after, .is-danger.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined, .is-danger.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.paginate_button { background-color: transparent; border-color: hsl(348, 86%, 61%); color: hsl(348, 86%, 61%); } .button.is-danger.is-outlined:hover, .is-danger.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-outlined.paginate_button:hover, .button.is-danger.is-outlined.is-hovered, .is-danger.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.is-hovered.paginate_button, .button.is-danger.is-outlined:focus, .is-danger.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.is-outlined.paginate_button:focus, .button.is-danger.is-outlined.is-focused, .is-danger.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.is-focused.paginate_button { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); color: #fff; } .button.is-danger.is-outlined.is-loading::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } .button.is-danger.is-outlined.is-loading:hover::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .is-danger.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-danger.is-outlined.is-loading:focus::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after, .is-danger.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined[disabled], .is-danger.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-outlined, fieldset[disabled] .is-danger.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-outlined.paginate_button { background-color: transparent; border-color: hsl(348, 86%, 61%); box-shadow: none; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted.is-outlined, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-danger.is-inverted.is-outlined:hover, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .is-danger.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-danger.is-inverted.is-outlined:focus, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button:focus, .button.is-danger.is-inverted.is-outlined.is-focused, .is-danger.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .is-danger.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .is-danger.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .is-danger.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after, .is-danger.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } .button.is-danger.is-inverted.is-outlined[disabled], .is-danger.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-inverted.is-outlined, fieldset[disabled] .is-danger.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-danger.is-light, .is-danger.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.paginate_button { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .button.is-danger.is-light:hover, .is-danger.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-light.paginate_button:hover, .button.is-danger.is-light.is-hovered, .is-danger.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.is-hovered.paginate_button { background-color: hsl(348, 86%, 93.5%); border-color: transparent; color: hsl(348, 86%, 43%); } .button.is-danger.is-light:active, .is-danger.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-danger.is-light.paginate_button:active, .button.is-danger.is-light.is-active, .is-danger.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.is-active.paginate_button { background-color: hsl(348, 86%, 91%); border-color: transparent; color: hsl(348, 86%, 43%); } .button.is-small:not(.is-rounded), .is-small.ui-datepicker-trigger:not(.is-rounded), .dataTables_paginate a.is-small.paginate_button:not(.is-rounded) { border-radius: 2px; } .button.is-small, .is-small.ui-datepicker-trigger, .dataTables_paginate a.is-small.paginate_button { font-size: 0.75rem; } .button.is-normal, .is-normal.ui-datepicker-trigger, .dataTables_paginate a.is-normal.paginate_button { font-size: 1rem; } .button.is-medium, .is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-medium.paginate_button { font-size: 1.25rem; } .button.is-large, .is-large.ui-datepicker-trigger, .dataTables_paginate a.is-large.paginate_button { font-size: 1.5rem; } .button[disabled], [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, fieldset[disabled] .button, fieldset[disabled] .ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.paginate_button, .dataTables_paginate fieldset[disabled] a.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); box-shadow: none; opacity: 0.5; } .button.is-fullwidth, .is-fullwidth.ui-datepicker-trigger, .dataTables_paginate a.is-fullwidth.paginate_button { display: flex; width: 100%; } .button.is-loading, .is-loading.ui-datepicker-trigger, .dataTables_paginate a.is-loading.paginate_button { color: transparent !important; pointer-events: none; } .button.is-loading::after, .is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-loading.paginate_button::after { position: absolute; left: calc(50% - 1em * 0.5); top: calc(50% - 1em * 0.5); position: absolute !important; } .button.is-static, .is-static.ui-datepicker-trigger, .dataTables_paginate a.is-static.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 86%); color: hsl(0, 0%, 48%); box-shadow: none; pointer-events: none; } .button.is-rounded, .is-rounded.ui-datepicker-trigger, .dataTables_paginate a.is-rounded.paginate_button { border-radius: 9999px; padding-left: calc(1em + 0.25em); padding-right: calc(1em + 0.25em); } .buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .buttons .button, .buttons .ui-datepicker-trigger, .buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .buttons a.paginate_button { margin-bottom: 0.5rem; } .buttons .button:not(:last-child):not(.is-fullwidth), .buttons .ui-datepicker-trigger:not(:last-child):not(.is-fullwidth), .buttons .dataTables_paginate a.paginate_button:not(:last-child):not(.is-fullwidth), .dataTables_paginate .buttons a.paginate_button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; } .buttons:last-child { margin-bottom: -0.5rem; } .buttons:not(:last-child) { margin-bottom: 1rem; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .buttons.are-small .ui-datepicker-trigger:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .buttons.are-small .dataTables_paginate a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .dataTables_paginate .buttons.are-small a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { border-radius: 2px; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large), .buttons.are-small .ui-datepicker-trigger:not(.is-normal):not(.is-medium):not(.is-large), .buttons.are-small .dataTables_paginate a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large), .dataTables_paginate .buttons.are-small a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; } .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large), .buttons.are-medium .ui-datepicker-trigger:not(.is-small):not(.is-normal):not(.is-large), .buttons.are-medium .dataTables_paginate a.paginate_button:not(.is-small):not(.is-normal):not(.is-large), .dataTables_paginate .buttons.are-medium a.paginate_button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium), .buttons.are-large .ui-datepicker-trigger:not(.is-small):not(.is-normal):not(.is-medium), .buttons.are-large .dataTables_paginate a.paginate_button:not(.is-small):not(.is-normal):not(.is-medium), .dataTables_paginate .buttons.are-large a.paginate_button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; } .buttons.has-addons .button:not(:first-child), .buttons.has-addons .ui-datepicker-trigger:not(:first-child), .buttons.has-addons .dataTables_paginate a.paginate_button:not(:first-child), .dataTables_paginate .buttons.has-addons a.paginate_button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .buttons.has-addons .button:not(:last-child), .buttons.has-addons .ui-datepicker-trigger:not(:last-child), .buttons.has-addons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .buttons.has-addons a.paginate_button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .buttons.has-addons .button:last-child, .buttons.has-addons .ui-datepicker-trigger:last-child, .buttons.has-addons .dataTables_paginate a.paginate_button:last-child, .dataTables_paginate .buttons.has-addons a.paginate_button:last-child { margin-right: 0; } .buttons.has-addons .button:hover, .buttons.has-addons .ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:hover, .buttons.has-addons .button.is-hovered, .buttons.has-addons .is-hovered.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-hovered.paginate_button, .dataTables_paginate .buttons.has-addons a.is-hovered.paginate_button { z-index: 2; } .buttons.has-addons .button:focus, .buttons.has-addons .ui-datepicker-trigger:focus, .buttons.has-addons .dataTables_paginate a.paginate_button:focus, .dataTables_paginate .buttons.has-addons a.paginate_button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .is-focused.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-focused.paginate_button, .dataTables_paginate .buttons.has-addons a.is-focused.paginate_button, .buttons.has-addons .button:active, .buttons.has-addons .ui-datepicker-trigger:active, .buttons.has-addons .dataTables_paginate a.paginate_button:active, .dataTables_paginate .buttons.has-addons a.paginate_button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .is-active.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-active.paginate_button, .dataTables_paginate .buttons.has-addons a.is-active.paginate_button, .buttons.has-addons .button.is-selected, .buttons.has-addons .is-selected.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-selected.paginate_button, .dataTables_paginate .buttons.has-addons a.is-selected.paginate_button { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .ui-datepicker-trigger:focus:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:focus:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .is-focused.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-focused.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-focused.paginate_button:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .ui-datepicker-trigger:active:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:active:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .is-active.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-active.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-active.paginate_button:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .is-selected.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-selected.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-selected.paginate_button:hover { z-index: 4; } .buttons.has-addons .button.is-expanded, .buttons.has-addons .is-expanded.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-expanded.paginate_button, .dataTables_paginate .buttons.has-addons a.is-expanded.paginate_button { flex-grow: 1; flex-shrink: 1; } .buttons.is-centered { justify-content: center; } .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .ui-datepicker-trigger:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .dataTables_paginate a.paginate_button:not(.is-fullwidth), .dataTables_paginate .buttons.is-centered:not(.has-addons) a.paginate_button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } .buttons.is-right { justify-content: flex-end; } .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth), .buttons.is-right:not(.has-addons) .ui-datepicker-trigger:not(.is-fullwidth), .buttons.is-right:not(.has-addons) .dataTables_paginate a.paginate_button:not(.is-fullwidth), .dataTables_paginate .buttons.is-right:not(.has-addons) a.paginate_button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } @media screen and (max-width: 768px) { .button.is-responsive.is-small, .is-responsive.is-small.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-small.paginate_button { font-size: 0.5625rem; } .button.is-responsive, .is-responsive.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.paginate_button, .button.is-responsive.is-normal { font-size: 0.65625rem; } .button.is-responsive.is-medium, .is-responsive.is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-medium.paginate_button { font-size: 0.75rem; } .button.is-responsive.is-large, .is-responsive.is-large.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-large.paginate_button { font-size: 1rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .button.is-responsive.is-small, .is-responsive.is-small.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-small.paginate_button { font-size: 0.65625rem; } .button.is-responsive, .is-responsive.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.paginate_button, .button.is-responsive.is-normal { font-size: 0.75rem; } .button.is-responsive.is-medium, .is-responsive.is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-medium.paginate_button { font-size: 1rem; } .button.is-responsive.is-large, .is-responsive.is-large.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-large.paginate_button { font-size: 1.25rem; } } .container { flex-grow: 1; margin: 0 auto; position: relative; width: auto; } .container.is-fluid { max-width: none !important; padding-left: 32px; padding-right: 32px; width: 100%; } @media screen and (min-width: 1024px) { .container { max-width: 960px; } } @media screen and (max-width: 1215px) { .container.is-widescreen:not(.is-max-desktop) { max-width: 1152px; } } @media screen and (max-width: 1407px) { .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1344px; } } @media screen and (min-width: 1216px) { .container:not(.is-max-desktop) { max-width: 1152px; } } @media screen and (min-width: 1408px) { .container:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1344px; } } .content li + li { margin-top: 0.25em; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: hsl(0, 0%, 21%); font-weight: 600; line-height: 1.125; } .content h1 { font-size: 2em; margin-bottom: 0.5em; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; } .content h2:not(:first-child) { margin-top: 1.1428em; } .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; } .content h3:not(:first-child) { margin-top: 1.3333em; } .content h4 { font-size: 1.25em; margin-bottom: 0.8em; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .content h6 { font-size: 1em; margin-bottom: 1em; } .content blockquote { background-color: hsl(0, 0%, 96%); border-left: 5px solid hsl(0, 0%, 86%); padding: 1.25em 1.5em; } .content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; } .content ol:not([type]) { list-style-type: decimal; } .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .content figure:not(:first-child) { margin-top: 2em; } .content figure:not(:last-child) { margin-bottom: 2em; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 75%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid hsl(0, 0%, 86%); border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: hsl(0, 0%, 21%); } .content table th:not([align]) { text-align: inherit; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: hsl(0, 0%, 21%); } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: hsl(0, 0%, 21%); } .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } .content .tabs li + li { margin-top: 0; } .content.is-small { font-size: 0.75rem; } .content.is-normal { font-size: 1rem; } .content.is-medium { font-size: 1.25rem; } .content.is-large { font-size: 1.5rem; } .icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; } .icon.is-small { height: 1rem; width: 1rem; } .icon.is-medium { height: 2rem; width: 2rem; } .icon.is-large { height: 3rem; width: 3rem; } .icon-text { align-items: flex-start; color: inherit; display: inline-flex; flex-wrap: wrap; line-height: 1.5rem; vertical-align: top; } .icon-text .icon { flex-grow: 0; flex-shrink: 0; } .icon-text .icon:not(:last-child) { margin-right: 0.25em; } .icon-text .icon:not(:first-child) { margin-left: 0.25em; } div.icon-text { display: flex; } .image { display: block; position: relative; } .image img { display: block; height: auto; width: 100%; } .image img.is-rounded { border-radius: 9999px; } .image.is-fullwidth { width: 100%; } .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio { height: 100%; width: 100%; } .image.is-square, .image.is-1by1 { padding-top: 100%; } .image.is-5by4 { padding-top: 80%; } .image.is-4by3 { padding-top: 75%; } .image.is-3by2 { padding-top: 66.6666%; } .image.is-5by3 { padding-top: 60%; } .image.is-16by9 { padding-top: 56.25%; } .image.is-2by1 { padding-top: 50%; } .image.is-3by1 { padding-top: 33.3333%; } .image.is-4by5 { padding-top: 125%; } .image.is-3by4 { padding-top: 133.3333%; } .image.is-2by3 { padding-top: 150%; } .image.is-3by5 { padding-top: 166.6666%; } .image.is-9by16 { padding-top: 177.7777%; } .image.is-1by2 { padding-top: 200%; } .image.is-1by3 { padding-top: 300%; } .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: hsl(0, 0%, 96%); border-radius: 4px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; } .notification a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: hsl(0, 0%, 100%); } .notification pre code { background: transparent; } .notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .notification.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .notification.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .notification.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .notification.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .notification.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .notification.is-primary.is-light { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .notification.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .notification.is-link.is-light { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .notification.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .notification.is-info.is-light { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .notification.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .notification.is-success.is-light { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .notification.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .notification.is-warning.is-light { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .notification.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .notification.is-danger.is-light { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .progress, .progress-wrapper.is-not-native { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 9999px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; } .progress::-webkit-progress-bar, .progress-wrapper.is-not-native::-webkit-progress-bar { background-color: hsl(0, 0%, 93%); } .progress::-webkit-progress-value, .progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 29%); } .progress::-moz-progress-bar, .progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 29%); } .progress::-ms-fill, .progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 29%); border: none; } .progress.is-white::-webkit-progress-value, .is-white.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 100%); } .progress.is-white::-moz-progress-bar, .is-white.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 100%); } .progress.is-white::-ms-fill, .is-white.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 100%); } .progress.is-white:indeterminate, .is-white.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-black::-webkit-progress-value, .is-black.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 4%); } .progress.is-black::-moz-progress-bar, .is-black.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 4%); } .progress.is-black::-ms-fill, .is-black.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 4%); } .progress.is-black:indeterminate, .is-black.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-light::-webkit-progress-value, .is-light.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 96%); } .progress.is-light::-moz-progress-bar, .is-light.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 96%); } .progress.is-light::-ms-fill, .is-light.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 96%); } .progress.is-light:indeterminate, .is-light.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-dark::-webkit-progress-value, .is-dark.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 21%); } .progress.is-dark::-moz-progress-bar, .is-dark.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 21%); } .progress.is-dark::-ms-fill, .is-dark.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 21%); } .progress.is-dark:indeterminate, .is-dark.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-primary::-webkit-progress-value, .is-primary.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(171, 100%, 41%); } .progress.is-primary::-moz-progress-bar, .is-primary.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(171, 100%, 41%); } .progress.is-primary::-ms-fill, .is-primary.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(171, 100%, 41%); } .progress.is-primary:indeterminate, .is-primary.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(171, 100%, 41%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-link::-webkit-progress-value, .is-link.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(229, 53%, 53%); } .progress.is-link::-moz-progress-bar, .is-link.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(229, 53%, 53%); } .progress.is-link::-ms-fill, .is-link.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(229, 53%, 53%); } .progress.is-link:indeterminate, .is-link.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(229, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-info::-webkit-progress-value, .is-info.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(207, 61%, 53%); } .progress.is-info::-moz-progress-bar, .is-info.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(207, 61%, 53%); } .progress.is-info::-ms-fill, .is-info.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(207, 61%, 53%); } .progress.is-info:indeterminate, .is-info.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-success::-webkit-progress-value, .is-success.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(153, 53%, 53%); } .progress.is-success::-moz-progress-bar, .is-success.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(153, 53%, 53%); } .progress.is-success::-ms-fill, .is-success.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(153, 53%, 53%); } .progress.is-success:indeterminate, .is-success.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(153, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-warning::-webkit-progress-value, .is-warning.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(44, 100%, 77%); } .progress.is-warning::-moz-progress-bar, .is-warning.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(44, 100%, 77%); } .progress.is-warning::-ms-fill, .is-warning.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(44, 100%, 77%); } .progress.is-warning:indeterminate, .is-warning.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(44, 100%, 77%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-danger::-webkit-progress-value, .is-danger.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(348, 86%, 61%); } .progress.is-danger::-moz-progress-bar, .is-danger.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(348, 86%, 61%); } .progress.is-danger::-ms-fill, .is-danger.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(348, 86%, 61%); } .progress.is-danger:indeterminate, .is-danger.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(348, 86%, 61%) 30%, hsl(0, 0%, 93%) 30%); } .progress:indeterminate, .progress-wrapper.is-not-native:indeterminate { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: moveIndeterminate; animation-timing-function: linear; background-color: hsl(0, 0%, 93%); background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%); background-position: top left; background-repeat: no-repeat; background-size: 150% 150%; } .progress:indeterminate::-webkit-progress-bar, .progress-wrapper.is-not-native:indeterminate::-webkit-progress-bar { background-color: transparent; } .progress:indeterminate::-moz-progress-bar, .progress-wrapper.is-not-native:indeterminate::-moz-progress-bar { background-color: transparent; } .progress:indeterminate::-ms-fill, .progress-wrapper.is-not-native:indeterminate::-ms-fill { animation-name: none; } .progress.is-small, .is-small.progress-wrapper.is-not-native { height: 0.75rem; } .progress.is-medium, .is-medium.progress-wrapper.is-not-native { height: 1.25rem; } .progress.is-large, .is-large.progress-wrapper.is-not-native { height: 1.5rem; } @keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } .table { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 21%); } .table td, .table th { border: 1px solid hsl(0, 0%, 86%); border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .table td.is-white, .table th.is-white { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .table td.is-black, .table th.is-black { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .table td.is-light, .table th.is-light { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .table td.is-dark, .table th.is-dark { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: #fff; } .table td.is-primary, .table th.is-primary { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); color: #fff; } .table td.is-link, .table th.is-link { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .table td.is-info, .table th.is-info { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); color: #fff; } .table td.is-success, .table th.is-success { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); color: #fff; } .table td.is-warning, .table th.is-warning { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .table td.is-danger, .table th.is-danger { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); color: #fff; } .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } .table td.is-selected, .table th.is-selected { background-color: hsl(171, 100%, 41%); color: #fff; } .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentColor; } .table td.is-vcentered, .table th.is-vcentered { vertical-align: middle; } .table th { color: hsl(0, 0%, 21%); } .table th:not([align]) { text-align: left; } .table tr.is-selected { background-color: hsl(171, 100%, 41%); color: #fff; } .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } .table tr.is-selected td, .table tr.is-selected th { border-color: #fff; color: currentColor; } .table thead { background-color: transparent; } .table thead td, .table thead th { border-width: 0 0 2px; color: hsl(0, 0%, 21%); } .table tfoot { background-color: transparent; } .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: hsl(0, 0%, 21%); } .table tbody { background-color: transparent; } .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } .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-fullwidth { width: 100%; } .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: hsl(0, 0%, 98%); } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: hsl(0, 0%, 98%); } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { background-color: hsl(0, 0%, 96%); } .table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: hsl(0, 0%, 98%); } .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; } .tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag:not(:last-child) { margin-right: 0.5rem; } .tags:last-child { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 1rem; } .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; } .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } .tags.is-centered { justify-content: center; } .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { margin-right: 0; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tag:not(body) { align-items: center; background-color: hsl(0, 0%, 96%); border-radius: 4px; color: hsl(0, 0%, 29%); display: inline-flex; font-size: 0.75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .tag:not(body).is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .tag:not(body).is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .tag:not(body).is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .tag:not(body).is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .tag:not(body).is-primary.is-light { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .tag:not(body).is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .tag:not(body).is-link.is-light { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .tag:not(body).is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .tag:not(body).is-info.is-light { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .tag:not(body).is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .tag:not(body).is-success.is-light { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .tag:not(body).is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-warning.is-light { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .tag:not(body).is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .tag:not(body).is-danger.is-light { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .tag:not(body).is-normal { font-size: 0.75rem; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { font-size: 1.25rem; } .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: hsl(0, 0%, 91%); } .tag:not(body).is-delete:active { background-color: hsl(0, 0%, 86%); } .tag:not(body).is-rounded { border-radius: 9999px; } a.tag:hover { text-decoration: underline; } .title, .subtitle { word-break: break-word; } .title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; } .title sub, .subtitle sub { font-size: 0.75em; } .title sup, .subtitle sup { font-size: 0.75em; } .title .tag, .subtitle .tag { vertical-align: middle; } .title { color: hsl(0, 0%, 21%); font-size: 2rem; font-weight: 600; line-height: 1.125; } .title strong { color: inherit; font-weight: inherit; } .title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; } .title.is-1 { font-size: 3rem; } .title.is-2 { font-size: 2.5rem; } .title.is-3 { font-size: 2rem; } .title.is-4 { font-size: 1.5rem; } .title.is-5 { font-size: 1.25rem; } .title.is-6 { font-size: 1rem; } .title.is-7 { font-size: 0.75rem; } .subtitle { color: hsl(0, 0%, 29%); font-size: 1.25rem; font-weight: 400; line-height: 1.25; } .subtitle strong { color: hsl(0, 0%, 21%); font-weight: 600; } .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { font-size: 2.5rem; } .subtitle.is-3 { font-size: 2rem; } .subtitle.is-4 { font-size: 1.5rem; } .subtitle.is-5 { font-size: 1.25rem; } .subtitle.is-6 { font-size: 1rem; } .subtitle.is-7 { font-size: 0.75rem; } .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .number { align-items: center; background-color: hsl(0, 0%, 96%); border-radius: 9999px; display: inline-flex; font-size: 1.25rem; height: 2em; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } /* Bulma Form */ .select select, .taginput .taginput-container.is-focusable, .textarea, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control) { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-radius: 4px; color: hsl(0, 0%, 21%); } .select select::-moz-placeholder, .taginput .taginput-container.is-focusable::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder, .form__input::-moz-placeholder, .auth-wrapper input#login_captcha::-moz-placeholder, .dataTables_filter input::-moz-placeholder, .dataTables_length label select::-moz-placeholder, .dataTable thead th input:not([type=checkbox])::-moz-placeholder, .table thead th input:not([type=checkbox])::-moz-placeholder, .modal .modal__body input::-moz-placeholder, .modal .modal__body select::-moz-placeholder, .datepicker:not(.control)::-moz-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .select select::-webkit-input-placeholder, .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder, .form__input::-webkit-input-placeholder, .auth-wrapper input#login_captcha::-webkit-input-placeholder, .dataTables_filter input::-webkit-input-placeholder, .dataTables_length label select::-webkit-input-placeholder, .dataTable thead th input:not([type=checkbox])::-webkit-input-placeholder, .table thead th input:not([type=checkbox])::-webkit-input-placeholder, .modal .modal__body input::-webkit-input-placeholder, .modal .modal__body select::-webkit-input-placeholder, .datepicker:not(.control)::-webkit-input-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .select select:-moz-placeholder, .taginput .taginput-container.is-focusable:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder, .form__input:-moz-placeholder, .auth-wrapper input#login_captcha:-moz-placeholder, .dataTables_filter input:-moz-placeholder, .dataTables_length label select:-moz-placeholder, .dataTable thead th input:-moz-placeholder:not([type=checkbox]), .table thead th input:-moz-placeholder:not([type=checkbox]), .modal .modal__body input:-moz-placeholder, .modal .modal__body select:-moz-placeholder, .datepicker:-moz-placeholder:not(.control) { color: rgba(53.55, 53.55, 53.55, 0.3); } .select select:-ms-input-placeholder, .taginput .taginput-container.is-focusable:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder, .form__input:-ms-input-placeholder, .auth-wrapper input#login_captcha:-ms-input-placeholder, .dataTables_filter input:-ms-input-placeholder, .dataTables_length label select:-ms-input-placeholder, .dataTable thead th input:-ms-input-placeholder:not([type=checkbox]), .table thead th input:-ms-input-placeholder:not([type=checkbox]), .modal .modal__body input:-ms-input-placeholder, .modal .modal__body select:-ms-input-placeholder, .datepicker:-ms-input-placeholder:not(.control) { color: rgba(53.55, 53.55, 53.55, 0.3); } .select select:hover, .taginput .taginput-container.is-focusable:hover, .textarea:hover, .input:hover, .form__input:hover, .auth-wrapper input#login_captcha:hover, .dataTables_filter input:hover, .dataTables_length label select:hover, .dataTable thead th input:hover:not([type=checkbox]), .table thead th input:hover:not([type=checkbox]), .modal .modal__body input:hover, .modal .modal__body select:hover, .datepicker:hover:not(.control), .select select.is-hovered, .taginput .is-hovered.taginput-container.is-focusable, .is-hovered.textarea, .is-hovered.input, .is-hovered.form__input, .auth-wrapper input.is-hovered#login_captcha, .dataTables_filter input.is-hovered, .dataTables_length label select.is-hovered, .dataTable thead th input.is-hovered:not([type=checkbox]), .table thead th input.is-hovered:not([type=checkbox]), .modal .modal__body input.is-hovered, .modal .modal__body select.is-hovered, .is-hovered.datepicker:not(.control) { border-color: hsl(0, 0%, 71%); } .select select:focus, .taginput .taginput-container.is-focusable:focus, .textarea:focus, .input:focus, .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:focus:not(.control), .select select.is-focused, .taginput .is-focused.taginput-container.is-focusable, .is-focused.textarea, .is-focused.input, .is-focused.form__input, .auth-wrapper input.is-focused#login_captcha, .dataTables_filter input.is-focused, .dataTables_length label select.is-focused, .dataTable thead th input.is-focused:not([type=checkbox]), .table thead th input.is-focused:not([type=checkbox]), .modal .modal__body input.is-focused, .modal .modal__body select.is-focused, .is-focused.datepicker:not(.control), .select select:active, .taginput .taginput-container.is-focusable:active, .textarea:active, .input:active, .form__input:active, .auth-wrapper input#login_captcha:active, .dataTables_filter input:active, .dataTables_length label select:active, .dataTable thead th input:active:not([type=checkbox]), .table thead th input:active:not([type=checkbox]), .modal .modal__body input:active, .modal .modal__body select:active, .datepicker:active:not(.control), .select select.is-active, .taginput .is-active.taginput-container.is-focusable, .is-active.textarea, .is-active.input, .is-active.form__input, .auth-wrapper input.is-active#login_captcha, .dataTables_filter input.is-active, .dataTables_length label select.is-active, .dataTable thead th input.is-active:not([type=checkbox]), .table thead th input.is-active:not([type=checkbox]), .modal .modal__body input.is-active, .modal .modal__body select.is-active, .is-active.datepicker:not(.control) { border-color: hsl(229, 53%, 53%); box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .select select[disabled], .taginput [disabled].taginput-container.is-focusable, [disabled].textarea, [disabled].input, [disabled].form__input, .auth-wrapper input[disabled]#login_captcha, .dataTables_filter input[disabled], .dataTables_length label select[disabled], .dataTable thead th input[disabled]:not([type=checkbox]), .table thead th input[disabled]:not([type=checkbox]), .modal .modal__body input[disabled], .modal .modal__body select[disabled], [disabled].datepicker:not(.control), fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .taginput .taginput-container.is-focusable, .taginput fieldset[disabled] .taginput-container.is-focusable, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .form__input, fieldset[disabled] .auth-wrapper input#login_captcha, .auth-wrapper fieldset[disabled] input#login_captcha, fieldset[disabled] .dataTables_filter input, .dataTables_filter fieldset[disabled] input, fieldset[disabled] .dataTables_length label select, .dataTables_length label fieldset[disabled] select, fieldset[disabled] .dataTable thead th input:not([type=checkbox]), fieldset[disabled] .table thead th input:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:not([type=checkbox]), .table thead th fieldset[disabled] input:not([type=checkbox]), fieldset[disabled] .modal .modal__body input, .modal .modal__body fieldset[disabled] input, fieldset[disabled] .modal .modal__body select, .modal .modal__body fieldset[disabled] select, fieldset[disabled] .datepicker:not(.control) { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); box-shadow: none; color: hsl(0, 0%, 48%); } .select select[disabled]::-moz-placeholder, .taginput [disabled].taginput-container.is-focusable::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].form__input::-moz-placeholder, .auth-wrapper input[disabled]#login_captcha::-moz-placeholder, .dataTables_filter input[disabled]::-moz-placeholder, .dataTables_length label select[disabled]::-moz-placeholder, .dataTable thead th input[disabled]:not([type=checkbox])::-moz-placeholder, .table thead th input[disabled]:not([type=checkbox])::-moz-placeholder, .modal .modal__body input[disabled]::-moz-placeholder, .modal .modal__body select[disabled]::-moz-placeholder, [disabled].datepicker:not(.control)::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable::-moz-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .form__input::-moz-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha::-moz-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha::-moz-placeholder, fieldset[disabled] .dataTables_filter input::-moz-placeholder, .dataTables_filter fieldset[disabled] input::-moz-placeholder, fieldset[disabled] .dataTables_length label select::-moz-placeholder, .dataTables_length label fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .dataTable thead th input:not([type=checkbox])::-moz-placeholder, fieldset[disabled] .table thead th input:not([type=checkbox])::-moz-placeholder, .dataTable thead th fieldset[disabled] input:not([type=checkbox])::-moz-placeholder, .table thead th fieldset[disabled] input:not([type=checkbox])::-moz-placeholder, fieldset[disabled] .modal .modal__body input::-moz-placeholder, .modal .modal__body fieldset[disabled] input::-moz-placeholder, fieldset[disabled] .modal .modal__body select::-moz-placeholder, .modal .modal__body fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .datepicker:not(.control)::-moz-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .select select[disabled]::-webkit-input-placeholder, .taginput [disabled].taginput-container.is-focusable::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].form__input::-webkit-input-placeholder, .auth-wrapper input[disabled]#login_captcha::-webkit-input-placeholder, .dataTables_filter input[disabled]::-webkit-input-placeholder, .dataTables_length label select[disabled]::-webkit-input-placeholder, .dataTable thead th input[disabled]:not([type=checkbox])::-webkit-input-placeholder, .table thead th input[disabled]:not([type=checkbox])::-webkit-input-placeholder, .modal .modal__body input[disabled]::-webkit-input-placeholder, .modal .modal__body select[disabled]::-webkit-input-placeholder, [disabled].datepicker:not(.control)::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .form__input::-webkit-input-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha::-webkit-input-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha::-webkit-input-placeholder, fieldset[disabled] .dataTables_filter input::-webkit-input-placeholder, .dataTables_filter fieldset[disabled] input::-webkit-input-placeholder, fieldset[disabled] .dataTables_length label select::-webkit-input-placeholder, .dataTables_length label fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .dataTable thead th input:not([type=checkbox])::-webkit-input-placeholder, fieldset[disabled] .table thead th input:not([type=checkbox])::-webkit-input-placeholder, .dataTable thead th fieldset[disabled] input:not([type=checkbox])::-webkit-input-placeholder, .table thead th fieldset[disabled] input:not([type=checkbox])::-webkit-input-placeholder, fieldset[disabled] .modal .modal__body input::-webkit-input-placeholder, .modal .modal__body fieldset[disabled] input::-webkit-input-placeholder, fieldset[disabled] .modal .modal__body select::-webkit-input-placeholder, .modal .modal__body fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .datepicker:not(.control)::-webkit-input-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .select select[disabled]:-moz-placeholder, .taginput [disabled].taginput-container.is-focusable:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].form__input:-moz-placeholder, .auth-wrapper input[disabled]#login_captcha:-moz-placeholder, .dataTables_filter input[disabled]:-moz-placeholder, .dataTables_length label select[disabled]:-moz-placeholder, .dataTable thead th input[disabled]:-moz-placeholder:not([type=checkbox]), .table thead th input[disabled]:-moz-placeholder:not([type=checkbox]), .modal .modal__body input[disabled]:-moz-placeholder, .modal .modal__body select[disabled]:-moz-placeholder, [disabled].datepicker:-moz-placeholder:not(.control), fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable:-moz-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .form__input:-moz-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha:-moz-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha:-moz-placeholder, fieldset[disabled] .dataTables_filter input:-moz-placeholder, .dataTables_filter fieldset[disabled] input:-moz-placeholder, fieldset[disabled] .dataTables_length label select:-moz-placeholder, .dataTables_length label fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .dataTable thead th input:-moz-placeholder:not([type=checkbox]), fieldset[disabled] .table thead th input:-moz-placeholder:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:-moz-placeholder:not([type=checkbox]), .table thead th fieldset[disabled] input:-moz-placeholder:not([type=checkbox]), fieldset[disabled] .modal .modal__body input:-moz-placeholder, .modal .modal__body fieldset[disabled] input:-moz-placeholder, fieldset[disabled] .modal .modal__body select:-moz-placeholder, .modal .modal__body fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .datepicker:-moz-placeholder:not(.control) { color: rgba(122.4, 122.4, 122.4, 0.3); } .select select[disabled]:-ms-input-placeholder, .taginput [disabled].taginput-container.is-focusable:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].form__input:-ms-input-placeholder, .auth-wrapper input[disabled]#login_captcha:-ms-input-placeholder, .dataTables_filter input[disabled]:-ms-input-placeholder, .dataTables_length label select[disabled]:-ms-input-placeholder, .dataTable thead th input[disabled]:-ms-input-placeholder:not([type=checkbox]), .table thead th input[disabled]:-ms-input-placeholder:not([type=checkbox]), .modal .modal__body input[disabled]:-ms-input-placeholder, .modal .modal__body select[disabled]:-ms-input-placeholder, [disabled].datepicker:-ms-input-placeholder:not(.control), fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable:-ms-input-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .form__input:-ms-input-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha:-ms-input-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha:-ms-input-placeholder, fieldset[disabled] .dataTables_filter input:-ms-input-placeholder, .dataTables_filter fieldset[disabled] input:-ms-input-placeholder, fieldset[disabled] .dataTables_length label select:-ms-input-placeholder, .dataTables_length label fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .dataTable thead th input:-ms-input-placeholder:not([type=checkbox]), fieldset[disabled] .table thead th input:-ms-input-placeholder:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:-ms-input-placeholder:not([type=checkbox]), .table thead th fieldset[disabled] input:-ms-input-placeholder:not([type=checkbox]), fieldset[disabled] .modal .modal__body input:-ms-input-placeholder, .modal .modal__body fieldset[disabled] input:-ms-input-placeholder, fieldset[disabled] .modal .modal__body select:-ms-input-placeholder, .modal .modal__body fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .datepicker:-ms-input-placeholder:not(.control) { color: rgba(122.4, 122.4, 122.4, 0.3); } .taginput .taginput-container.is-focusable, .textarea, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control) { box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05); max-width: 100%; width: 100%; } .taginput [readonly].taginput-container.is-focusable, [readonly].textarea, [readonly].input, [readonly].form__input, .auth-wrapper input[readonly]#login_captcha, .dataTables_filter input[readonly], .dataTables_length label select[readonly], .dataTable thead th input[readonly]:not([type=checkbox]), .table thead th input[readonly]:not([type=checkbox]), .modal .modal__body input[readonly], .modal .modal__body select[readonly], [readonly].datepicker:not(.control) { box-shadow: none; } .taginput .is-white.taginput-container.is-focusable, .is-white.textarea, .is-white.input, .is-white.form__input, .auth-wrapper input.is-white#login_captcha, .dataTables_filter input.is-white, .dataTables_length label select.is-white, .dataTable thead th input.is-white:not([type=checkbox]), .table thead th input.is-white:not([type=checkbox]), .modal .modal__body input.is-white, .modal .modal__body select.is-white, .is-white.datepicker:not(.control) { border-color: hsl(0, 0%, 100%); } .taginput .is-white.taginput-container.is-focusable:focus, .is-white.textarea:focus, .is-white.input:focus, .is-white.form__input:focus, .auth-wrapper input.is-white#login_captcha:focus, .dataTables_filter input.is-white:focus, .dataTables_length label select.is-white:focus, .dataTable thead th input.is-white:focus:not([type=checkbox]), .table thead th input.is-white:focus:not([type=checkbox]), .modal .modal__body input.is-white:focus, .modal .modal__body select.is-white:focus, .is-white.datepicker:focus:not(.control), .taginput .is-white.is-focused.taginput-container.is-focusable, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.is-focused.form__input, .auth-wrapper input.is-white.is-focused#login_captcha, .dataTables_filter input.is-white.is-focused, .dataTables_length label select.is-white.is-focused, .dataTable thead th input.is-white.is-focused:not([type=checkbox]), .table thead th input.is-white.is-focused:not([type=checkbox]), .modal .modal__body input.is-white.is-focused, .modal .modal__body select.is-white.is-focused, .is-white.is-focused.datepicker:not(.control), .taginput .is-white.taginput-container.is-focusable:active, .is-white.textarea:active, .is-white.input:active, .is-white.form__input:active, .auth-wrapper input.is-white#login_captcha:active, .dataTables_filter input.is-white:active, .dataTables_length label select.is-white:active, .dataTable thead th input.is-white:active:not([type=checkbox]), .table thead th input.is-white:active:not([type=checkbox]), .modal .modal__body input.is-white:active, .modal .modal__body select.is-white:active, .is-white.datepicker:active:not(.control), .taginput .is-white.is-active.taginput-container.is-focusable, .is-white.is-active.textarea, .is-white.is-active.input, .is-white.is-active.form__input, .auth-wrapper input.is-white.is-active#login_captcha, .dataTables_filter input.is-white.is-active, .dataTables_length label select.is-white.is-active, .dataTable thead th input.is-white.is-active:not([type=checkbox]), .table thead th input.is-white.is-active:not([type=checkbox]), .modal .modal__body input.is-white.is-active, .modal .modal__body select.is-white.is-active, .is-white.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .taginput .is-black.taginput-container.is-focusable, .is-black.textarea, .is-black.input, .is-black.form__input, .auth-wrapper input.is-black#login_captcha, .dataTables_filter input.is-black, .dataTables_length label select.is-black, .dataTable thead th input.is-black:not([type=checkbox]), .table thead th input.is-black:not([type=checkbox]), .modal .modal__body input.is-black, .modal .modal__body select.is-black, .is-black.datepicker:not(.control) { border-color: hsl(0, 0%, 4%); } .taginput .is-black.taginput-container.is-focusable:focus, .is-black.textarea:focus, .is-black.input:focus, .is-black.form__input:focus, .auth-wrapper input.is-black#login_captcha:focus, .dataTables_filter input.is-black:focus, .dataTables_length label select.is-black:focus, .dataTable thead th input.is-black:focus:not([type=checkbox]), .table thead th input.is-black:focus:not([type=checkbox]), .modal .modal__body input.is-black:focus, .modal .modal__body select.is-black:focus, .is-black.datepicker:focus:not(.control), .taginput .is-black.is-focused.taginput-container.is-focusable, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.is-focused.form__input, .auth-wrapper input.is-black.is-focused#login_captcha, .dataTables_filter input.is-black.is-focused, .dataTables_length label select.is-black.is-focused, .dataTable thead th input.is-black.is-focused:not([type=checkbox]), .table thead th input.is-black.is-focused:not([type=checkbox]), .modal .modal__body input.is-black.is-focused, .modal .modal__body select.is-black.is-focused, .is-black.is-focused.datepicker:not(.control), .taginput .is-black.taginput-container.is-focusable:active, .is-black.textarea:active, .is-black.input:active, .is-black.form__input:active, .auth-wrapper input.is-black#login_captcha:active, .dataTables_filter input.is-black:active, .dataTables_length label select.is-black:active, .dataTable thead th input.is-black:active:not([type=checkbox]), .table thead th input.is-black:active:not([type=checkbox]), .modal .modal__body input.is-black:active, .modal .modal__body select.is-black:active, .is-black.datepicker:active:not(.control), .taginput .is-black.is-active.taginput-container.is-focusable, .is-black.is-active.textarea, .is-black.is-active.input, .is-black.is-active.form__input, .auth-wrapper input.is-black.is-active#login_captcha, .dataTables_filter input.is-black.is-active, .dataTables_length label select.is-black.is-active, .dataTable thead th input.is-black.is-active:not([type=checkbox]), .table thead th input.is-black.is-active:not([type=checkbox]), .modal .modal__body input.is-black.is-active, .modal .modal__body select.is-black.is-active, .is-black.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .taginput .is-light.taginput-container.is-focusable, .is-light.textarea, .is-light.input, .is-light.form__input, .auth-wrapper input.is-light#login_captcha, .dataTables_filter input.is-light, .dataTables_length label select.is-light, .dataTable thead th input.is-light:not([type=checkbox]), .table thead th input.is-light:not([type=checkbox]), .modal .modal__body input.is-light, .modal .modal__body select.is-light, .is-light.datepicker:not(.control) { border-color: hsl(0, 0%, 96%); } .taginput .is-light.taginput-container.is-focusable:focus, .is-light.textarea:focus, .is-light.input:focus, .is-light.form__input:focus, .auth-wrapper input.is-light#login_captcha:focus, .dataTables_filter input.is-light:focus, .dataTables_length label select.is-light:focus, .dataTable thead th input.is-light:focus:not([type=checkbox]), .table thead th input.is-light:focus:not([type=checkbox]), .modal .modal__body input.is-light:focus, .modal .modal__body select.is-light:focus, .is-light.datepicker:focus:not(.control), .taginput .is-light.is-focused.taginput-container.is-focusable, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.is-focused.form__input, .auth-wrapper input.is-light.is-focused#login_captcha, .dataTables_filter input.is-light.is-focused, .dataTables_length label select.is-light.is-focused, .dataTable thead th input.is-light.is-focused:not([type=checkbox]), .table thead th input.is-light.is-focused:not([type=checkbox]), .modal .modal__body input.is-light.is-focused, .modal .modal__body select.is-light.is-focused, .is-light.is-focused.datepicker:not(.control), .taginput .is-light.taginput-container.is-focusable:active, .is-light.textarea:active, .is-light.input:active, .is-light.form__input:active, .auth-wrapper input.is-light#login_captcha:active, .dataTables_filter input.is-light:active, .dataTables_length label select.is-light:active, .dataTable thead th input.is-light:active:not([type=checkbox]), .table thead th input.is-light:active:not([type=checkbox]), .modal .modal__body input.is-light:active, .modal .modal__body select.is-light:active, .is-light.datepicker:active:not(.control), .taginput .is-light.is-active.taginput-container.is-focusable, .is-light.is-active.textarea, .is-light.is-active.input, .is-light.is-active.form__input, .auth-wrapper input.is-light.is-active#login_captcha, .dataTables_filter input.is-light.is-active, .dataTables_length label select.is-light.is-active, .dataTable thead th input.is-light.is-active:not([type=checkbox]), .table thead th input.is-light.is-active:not([type=checkbox]), .modal .modal__body input.is-light.is-active, .modal .modal__body select.is-light.is-active, .is-light.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .taginput .is-dark.taginput-container.is-focusable, .is-dark.textarea, .is-dark.input, .is-dark.form__input, .auth-wrapper input.is-dark#login_captcha, .dataTables_filter input.is-dark, .dataTables_length label select.is-dark, .dataTable thead th input.is-dark:not([type=checkbox]), .table thead th input.is-dark:not([type=checkbox]), .modal .modal__body input.is-dark, .modal .modal__body select.is-dark, .is-dark.datepicker:not(.control) { border-color: hsl(0, 0%, 21%); } .taginput .is-dark.taginput-container.is-focusable:focus, .is-dark.textarea:focus, .is-dark.input:focus, .is-dark.form__input:focus, .auth-wrapper input.is-dark#login_captcha:focus, .dataTables_filter input.is-dark:focus, .dataTables_length label select.is-dark:focus, .dataTable thead th input.is-dark:focus:not([type=checkbox]), .table thead th input.is-dark:focus:not([type=checkbox]), .modal .modal__body input.is-dark:focus, .modal .modal__body select.is-dark:focus, .is-dark.datepicker:focus:not(.control), .taginput .is-dark.is-focused.taginput-container.is-focusable, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.is-focused.form__input, .auth-wrapper input.is-dark.is-focused#login_captcha, .dataTables_filter input.is-dark.is-focused, .dataTables_length label select.is-dark.is-focused, .dataTable thead th input.is-dark.is-focused:not([type=checkbox]), .table thead th input.is-dark.is-focused:not([type=checkbox]), .modal .modal__body input.is-dark.is-focused, .modal .modal__body select.is-dark.is-focused, .is-dark.is-focused.datepicker:not(.control), .taginput .is-dark.taginput-container.is-focusable:active, .is-dark.textarea:active, .is-dark.input:active, .is-dark.form__input:active, .auth-wrapper input.is-dark#login_captcha:active, .dataTables_filter input.is-dark:active, .dataTables_length label select.is-dark:active, .dataTable thead th input.is-dark:active:not([type=checkbox]), .table thead th input.is-dark:active:not([type=checkbox]), .modal .modal__body input.is-dark:active, .modal .modal__body select.is-dark:active, .is-dark.datepicker:active:not(.control), .taginput .is-dark.is-active.taginput-container.is-focusable, .is-dark.is-active.textarea, .is-dark.is-active.input, .is-dark.is-active.form__input, .auth-wrapper input.is-dark.is-active#login_captcha, .dataTables_filter input.is-dark.is-active, .dataTables_length label select.is-dark.is-active, .dataTable thead th input.is-dark.is-active:not([type=checkbox]), .table thead th input.is-dark.is-active:not([type=checkbox]), .modal .modal__body input.is-dark.is-active, .modal .modal__body select.is-dark.is-active, .is-dark.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .taginput .is-primary.taginput-container.is-focusable, .is-primary.textarea, .is-primary.input, .is-primary.form__input, .auth-wrapper input.is-primary#login_captcha, .dataTables_filter input.is-primary, .dataTables_length label select.is-primary, .dataTable thead th input.is-primary:not([type=checkbox]), .table thead th input.is-primary:not([type=checkbox]), .modal .modal__body input.is-primary, .modal .modal__body select.is-primary, .is-primary.datepicker:not(.control) { border-color: hsl(171, 100%, 41%); } .taginput .is-primary.taginput-container.is-focusable:focus, .is-primary.textarea:focus, .is-primary.input:focus, .is-primary.form__input:focus, .auth-wrapper input.is-primary#login_captcha:focus, .dataTables_filter input.is-primary:focus, .dataTables_length label select.is-primary:focus, .dataTable thead th input.is-primary:focus:not([type=checkbox]), .table thead th input.is-primary:focus:not([type=checkbox]), .modal .modal__body input.is-primary:focus, .modal .modal__body select.is-primary:focus, .is-primary.datepicker:focus:not(.control), .taginput .is-primary.is-focused.taginput-container.is-focusable, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.is-focused.form__input, .auth-wrapper input.is-primary.is-focused#login_captcha, .dataTables_filter input.is-primary.is-focused, .dataTables_length label select.is-primary.is-focused, .dataTable thead th input.is-primary.is-focused:not([type=checkbox]), .table thead th input.is-primary.is-focused:not([type=checkbox]), .modal .modal__body input.is-primary.is-focused, .modal .modal__body select.is-primary.is-focused, .is-primary.is-focused.datepicker:not(.control), .taginput .is-primary.taginput-container.is-focusable:active, .is-primary.textarea:active, .is-primary.input:active, .is-primary.form__input:active, .auth-wrapper input.is-primary#login_captcha:active, .dataTables_filter input.is-primary:active, .dataTables_length label select.is-primary:active, .dataTable thead th input.is-primary:active:not([type=checkbox]), .table thead th input.is-primary:active:not([type=checkbox]), .modal .modal__body input.is-primary:active, .modal .modal__body select.is-primary:active, .is-primary.datepicker:active:not(.control), .taginput .is-primary.is-active.taginput-container.is-focusable, .is-primary.is-active.textarea, .is-primary.is-active.input, .is-primary.is-active.form__input, .auth-wrapper input.is-primary.is-active#login_captcha, .dataTables_filter input.is-primary.is-active, .dataTables_length label select.is-primary.is-active, .dataTable thead th input.is-primary.is-active:not([type=checkbox]), .table thead th input.is-primary.is-active:not([type=checkbox]), .modal .modal__body input.is-primary.is-active, .modal .modal__body select.is-primary.is-active, .is-primary.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .taginput .is-link.taginput-container.is-focusable, .is-link.textarea, .is-link.input, .is-link.form__input, .auth-wrapper input.is-link#login_captcha, .dataTables_filter input.is-link, .dataTables_length label select.is-link, .dataTable thead th input.is-link:not([type=checkbox]), .table thead th input.is-link:not([type=checkbox]), .modal .modal__body input.is-link, .modal .modal__body select.is-link, .is-link.datepicker:not(.control) { border-color: hsl(229, 53%, 53%); } .taginput .is-link.taginput-container.is-focusable:focus, .is-link.textarea:focus, .is-link.input:focus, .is-link.form__input:focus, .auth-wrapper input.is-link#login_captcha:focus, .dataTables_filter input.is-link:focus, .dataTables_length label select.is-link:focus, .dataTable thead th input.is-link:focus:not([type=checkbox]), .table thead th input.is-link:focus:not([type=checkbox]), .modal .modal__body input.is-link:focus, .modal .modal__body select.is-link:focus, .is-link.datepicker:focus:not(.control), .taginput .is-link.is-focused.taginput-container.is-focusable, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.is-focused.form__input, .auth-wrapper input.is-link.is-focused#login_captcha, .dataTables_filter input.is-link.is-focused, .dataTables_length label select.is-link.is-focused, .dataTable thead th input.is-link.is-focused:not([type=checkbox]), .table thead th input.is-link.is-focused:not([type=checkbox]), .modal .modal__body input.is-link.is-focused, .modal .modal__body select.is-link.is-focused, .is-link.is-focused.datepicker:not(.control), .taginput .is-link.taginput-container.is-focusable:active, .is-link.textarea:active, .is-link.input:active, .is-link.form__input:active, .auth-wrapper input.is-link#login_captcha:active, .dataTables_filter input.is-link:active, .dataTables_length label select.is-link:active, .dataTable thead th input.is-link:active:not([type=checkbox]), .table thead th input.is-link:active:not([type=checkbox]), .modal .modal__body input.is-link:active, .modal .modal__body select.is-link:active, .is-link.datepicker:active:not(.control), .taginput .is-link.is-active.taginput-container.is-focusable, .is-link.is-active.textarea, .is-link.is-active.input, .is-link.is-active.form__input, .auth-wrapper input.is-link.is-active#login_captcha, .dataTables_filter input.is-link.is-active, .dataTables_length label select.is-link.is-active, .dataTable thead th input.is-link.is-active:not([type=checkbox]), .table thead th input.is-link.is-active:not([type=checkbox]), .modal .modal__body input.is-link.is-active, .modal .modal__body select.is-link.is-active, .is-link.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .taginput .is-info.taginput-container.is-focusable, .is-info.textarea, .is-info.input, .is-info.form__input, .auth-wrapper input.is-info#login_captcha, .dataTables_filter input.is-info, .dataTables_length label select.is-info, .dataTable thead th input.is-info:not([type=checkbox]), .table thead th input.is-info:not([type=checkbox]), .modal .modal__body input.is-info, .modal .modal__body select.is-info, .is-info.datepicker:not(.control) { border-color: hsl(207, 61%, 53%); } .taginput .is-info.taginput-container.is-focusable:focus, .is-info.textarea:focus, .is-info.input:focus, .is-info.form__input:focus, .auth-wrapper input.is-info#login_captcha:focus, .dataTables_filter input.is-info:focus, .dataTables_length label select.is-info:focus, .dataTable thead th input.is-info:focus:not([type=checkbox]), .table thead th input.is-info:focus:not([type=checkbox]), .modal .modal__body input.is-info:focus, .modal .modal__body select.is-info:focus, .is-info.datepicker:focus:not(.control), .taginput .is-info.is-focused.taginput-container.is-focusable, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.is-focused.form__input, .auth-wrapper input.is-info.is-focused#login_captcha, .dataTables_filter input.is-info.is-focused, .dataTables_length label select.is-info.is-focused, .dataTable thead th input.is-info.is-focused:not([type=checkbox]), .table thead th input.is-info.is-focused:not([type=checkbox]), .modal .modal__body input.is-info.is-focused, .modal .modal__body select.is-info.is-focused, .is-info.is-focused.datepicker:not(.control), .taginput .is-info.taginput-container.is-focusable:active, .is-info.textarea:active, .is-info.input:active, .is-info.form__input:active, .auth-wrapper input.is-info#login_captcha:active, .dataTables_filter input.is-info:active, .dataTables_length label select.is-info:active, .dataTable thead th input.is-info:active:not([type=checkbox]), .table thead th input.is-info:active:not([type=checkbox]), .modal .modal__body input.is-info:active, .modal .modal__body select.is-info:active, .is-info.datepicker:active:not(.control), .taginput .is-info.is-active.taginput-container.is-focusable, .is-info.is-active.textarea, .is-info.is-active.input, .is-info.is-active.form__input, .auth-wrapper input.is-info.is-active#login_captcha, .dataTables_filter input.is-info.is-active, .dataTables_length label select.is-info.is-active, .dataTable thead th input.is-info.is-active:not([type=checkbox]), .table thead th input.is-info.is-active:not([type=checkbox]), .modal .modal__body input.is-info.is-active, .modal .modal__body select.is-info.is-active, .is-info.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .taginput .is-success.taginput-container.is-focusable, .is-success.textarea, .is-success.input, .is-success.form__input, .auth-wrapper input.is-success#login_captcha, .dataTables_filter input.is-success, .dataTables_length label select.is-success, .dataTable thead th input.is-success:not([type=checkbox]), .table thead th input.is-success:not([type=checkbox]), .modal .modal__body input.is-success, .modal .modal__body select.is-success, .is-success.datepicker:not(.control) { border-color: hsl(153, 53%, 53%); } .taginput .is-success.taginput-container.is-focusable:focus, .is-success.textarea:focus, .is-success.input:focus, .is-success.form__input:focus, .auth-wrapper input.is-success#login_captcha:focus, .dataTables_filter input.is-success:focus, .dataTables_length label select.is-success:focus, .dataTable thead th input.is-success:focus:not([type=checkbox]), .table thead th input.is-success:focus:not([type=checkbox]), .modal .modal__body input.is-success:focus, .modal .modal__body select.is-success:focus, .is-success.datepicker:focus:not(.control), .taginput .is-success.is-focused.taginput-container.is-focusable, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.is-focused.form__input, .auth-wrapper input.is-success.is-focused#login_captcha, .dataTables_filter input.is-success.is-focused, .dataTables_length label select.is-success.is-focused, .dataTable thead th input.is-success.is-focused:not([type=checkbox]), .table thead th input.is-success.is-focused:not([type=checkbox]), .modal .modal__body input.is-success.is-focused, .modal .modal__body select.is-success.is-focused, .is-success.is-focused.datepicker:not(.control), .taginput .is-success.taginput-container.is-focusable:active, .is-success.textarea:active, .is-success.input:active, .is-success.form__input:active, .auth-wrapper input.is-success#login_captcha:active, .dataTables_filter input.is-success:active, .dataTables_length label select.is-success:active, .dataTable thead th input.is-success:active:not([type=checkbox]), .table thead th input.is-success:active:not([type=checkbox]), .modal .modal__body input.is-success:active, .modal .modal__body select.is-success:active, .is-success.datepicker:active:not(.control), .taginput .is-success.is-active.taginput-container.is-focusable, .is-success.is-active.textarea, .is-success.is-active.input, .is-success.is-active.form__input, .auth-wrapper input.is-success.is-active#login_captcha, .dataTables_filter input.is-success.is-active, .dataTables_length label select.is-success.is-active, .dataTable thead th input.is-success.is-active:not([type=checkbox]), .table thead th input.is-success.is-active:not([type=checkbox]), .modal .modal__body input.is-success.is-active, .modal .modal__body select.is-success.is-active, .is-success.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .taginput .is-warning.taginput-container.is-focusable, .is-warning.textarea, .is-warning.input, .is-warning.form__input, .auth-wrapper input.is-warning#login_captcha, .dataTables_filter input.is-warning, .dataTables_length label select.is-warning, .dataTable thead th input.is-warning:not([type=checkbox]), .table thead th input.is-warning:not([type=checkbox]), .modal .modal__body input.is-warning, .modal .modal__body select.is-warning, .is-warning.datepicker:not(.control) { border-color: hsl(44, 100%, 77%); } .taginput .is-warning.taginput-container.is-focusable:focus, .is-warning.textarea:focus, .is-warning.input:focus, .is-warning.form__input:focus, .auth-wrapper input.is-warning#login_captcha:focus, .dataTables_filter input.is-warning:focus, .dataTables_length label select.is-warning:focus, .dataTable thead th input.is-warning:focus:not([type=checkbox]), .table thead th input.is-warning:focus:not([type=checkbox]), .modal .modal__body input.is-warning:focus, .modal .modal__body select.is-warning:focus, .is-warning.datepicker:focus:not(.control), .taginput .is-warning.is-focused.taginput-container.is-focusable, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.is-focused.form__input, .auth-wrapper input.is-warning.is-focused#login_captcha, .dataTables_filter input.is-warning.is-focused, .dataTables_length label select.is-warning.is-focused, .dataTable thead th input.is-warning.is-focused:not([type=checkbox]), .table thead th input.is-warning.is-focused:not([type=checkbox]), .modal .modal__body input.is-warning.is-focused, .modal .modal__body select.is-warning.is-focused, .is-warning.is-focused.datepicker:not(.control), .taginput .is-warning.taginput-container.is-focusable:active, .is-warning.textarea:active, .is-warning.input:active, .is-warning.form__input:active, .auth-wrapper input.is-warning#login_captcha:active, .dataTables_filter input.is-warning:active, .dataTables_length label select.is-warning:active, .dataTable thead th input.is-warning:active:not([type=checkbox]), .table thead th input.is-warning:active:not([type=checkbox]), .modal .modal__body input.is-warning:active, .modal .modal__body select.is-warning:active, .is-warning.datepicker:active:not(.control), .taginput .is-warning.is-active.taginput-container.is-focusable, .is-warning.is-active.textarea, .is-warning.is-active.input, .is-warning.is-active.form__input, .auth-wrapper input.is-warning.is-active#login_captcha, .dataTables_filter input.is-warning.is-active, .dataTables_length label select.is-warning.is-active, .dataTable thead th input.is-warning.is-active:not([type=checkbox]), .table thead th input.is-warning.is-active:not([type=checkbox]), .modal .modal__body input.is-warning.is-active, .modal .modal__body select.is-warning.is-active, .is-warning.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .taginput .is-danger.taginput-container.is-focusable, .is-danger.textarea, .is-danger.input, .is-danger.form__input, .auth-wrapper input.is-danger#login_captcha, .dataTables_filter input.is-danger, .dataTables_length label select.is-danger, .dataTable thead th input.is-danger:not([type=checkbox]), .table thead th input.is-danger:not([type=checkbox]), .modal .modal__body input.is-danger, .modal .modal__body select.is-danger, .is-danger.datepicker:not(.control) { border-color: hsl(348, 86%, 61%); } .taginput .is-danger.taginput-container.is-focusable:focus, .is-danger.textarea:focus, .is-danger.input:focus, .is-danger.form__input:focus, .auth-wrapper input.is-danger#login_captcha:focus, .dataTables_filter input.is-danger:focus, .dataTables_length label select.is-danger:focus, .dataTable thead th input.is-danger:focus:not([type=checkbox]), .table thead th input.is-danger:focus:not([type=checkbox]), .modal .modal__body input.is-danger:focus, .modal .modal__body select.is-danger:focus, .is-danger.datepicker:focus:not(.control), .taginput .is-danger.is-focused.taginput-container.is-focusable, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.is-focused.form__input, .auth-wrapper input.is-danger.is-focused#login_captcha, .dataTables_filter input.is-danger.is-focused, .dataTables_length label select.is-danger.is-focused, .dataTable thead th input.is-danger.is-focused:not([type=checkbox]), .table thead th input.is-danger.is-focused:not([type=checkbox]), .modal .modal__body input.is-danger.is-focused, .modal .modal__body select.is-danger.is-focused, .is-danger.is-focused.datepicker:not(.control), .taginput .is-danger.taginput-container.is-focusable:active, .is-danger.textarea:active, .is-danger.input:active, .is-danger.form__input:active, .auth-wrapper input.is-danger#login_captcha:active, .dataTables_filter input.is-danger:active, .dataTables_length label select.is-danger:active, .dataTable thead th input.is-danger:active:not([type=checkbox]), .table thead th input.is-danger:active:not([type=checkbox]), .modal .modal__body input.is-danger:active, .modal .modal__body select.is-danger:active, .is-danger.datepicker:active:not(.control), .taginput .is-danger.is-active.taginput-container.is-focusable, .is-danger.is-active.textarea, .is-danger.is-active.input, .is-danger.is-active.form__input, .auth-wrapper input.is-danger.is-active#login_captcha, .dataTables_filter input.is-danger.is-active, .dataTables_length label select.is-danger.is-active, .dataTable thead th input.is-danger.is-active:not([type=checkbox]), .table thead th input.is-danger.is-active:not([type=checkbox]), .modal .modal__body input.is-danger.is-active, .modal .modal__body select.is-danger.is-active, .is-danger.is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .taginput .is-small.taginput-container.is-focusable, .is-small.textarea, .is-small.input, .is-small.form__input, .auth-wrapper input.is-small#login_captcha, .dataTables_filter input.is-small, .dataTables_length label select.is-small, .dataTable thead th input.is-small:not([type=checkbox]), .table thead th input.is-small:not([type=checkbox]), .modal .modal__body input.is-small, .modal .modal__body select.is-small, .is-small.datepicker:not(.control) { border-radius: 2px; font-size: 0.75rem; } .taginput .is-medium.taginput-container.is-focusable, .is-medium.textarea, .is-medium.input, .is-medium.form__input, .auth-wrapper input.is-medium#login_captcha, .dataTables_filter input.is-medium, .dataTables_length label select.is-medium, .dataTable thead th input.is-medium:not([type=checkbox]), .table thead th input.is-medium:not([type=checkbox]), .modal .modal__body input.is-medium, .modal .modal__body select.is-medium, .is-medium.datepicker:not(.control) { font-size: 1.25rem; } .taginput .is-large.taginput-container.is-focusable, .is-large.textarea, .is-large.input, .is-large.form__input, .auth-wrapper input.is-large#login_captcha, .dataTables_filter input.is-large, .dataTables_length label select.is-large, .dataTable thead th input.is-large:not([type=checkbox]), .table thead th input.is-large:not([type=checkbox]), .modal .modal__body input.is-large, .modal .modal__body select.is-large, .is-large.datepicker:not(.control) { font-size: 1.5rem; } .taginput .is-fullwidth.taginput-container.is-focusable, .is-fullwidth.textarea, .is-fullwidth.input, .is-fullwidth.form__input, .auth-wrapper input.is-fullwidth#login_captcha, .dataTables_filter input.is-fullwidth, .dataTables_length label select.is-fullwidth, .dataTable thead th input.is-fullwidth:not([type=checkbox]), .table thead th input.is-fullwidth:not([type=checkbox]), .modal .modal__body input.is-fullwidth, .modal .modal__body select.is-fullwidth, .is-fullwidth.datepicker:not(.control) { display: block; width: 100%; } .taginput .is-inline.taginput-container.is-focusable, .is-inline.textarea, .is-inline.input, .is-inline.form__input, .auth-wrapper input.is-inline#login_captcha, .dataTables_filter input.is-inline, .dataTables_length label select.is-inline, .dataTable thead th input.is-inline:not([type=checkbox]), .table thead th input.is-inline:not([type=checkbox]), .modal .modal__body input.is-inline, .modal .modal__body select.is-inline, .is-inline.datepicker:not(.control) { display: inline; width: auto; } .input.is-rounded, .is-rounded.form__input, .auth-wrapper input.is-rounded#login_captcha, .dataTables_filter input.is-rounded, .dataTables_length label select.is-rounded, .dataTable thead th input.is-rounded:not([type=checkbox]), .table thead th input.is-rounded:not([type=checkbox]), .modal .modal__body input.is-rounded, .modal .modal__body select.is-rounded, .is-rounded.datepicker:not(.control) { border-radius: 9999px; padding-left: calc(calc(0.75em - 1px) + 0.375em); padding-right: calc(calc(0.75em - 1px) + 0.375em); } .input.is-static, .is-static.form__input, .auth-wrapper input.is-static#login_captcha, .dataTables_filter input.is-static, .dataTables_length label select.is-static, .dataTable thead th input.is-static:not([type=checkbox]), .table thead th input.is-static:not([type=checkbox]), .modal .modal__body input.is-static, .modal .modal__body select.is-static, .is-static.datepicker:not(.control) { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; } .textarea:not([rows]) { max-height: 40em; min-height: 8em; } .textarea[rows] { height: initial; } .textarea.has-fixed-size { resize: none; } .radio, .checkbox { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .radio input, .checkbox input { cursor: pointer; } .radio:hover, .checkbox:hover { color: hsl(0, 0%, 21%); } [disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, .radio input[disabled], .checkbox input[disabled] { color: hsl(0, 0%, 48%); cursor: not-allowed; } .radio + .radio { margin-left: 0.5em; } .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.5em; } .select:not(.is-multiple):not(.is-loading)::after { border-color: hsl(229, 53%, 53%); right: 1.125em; z-index: 4; } .select.is-rounded select { border-radius: 9999px; padding-left: 1em; } .select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select select::-ms-expand { display: none; } .select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: hsl(0, 0%, 96%); } .select select:not([multiple]) { padding-right: 2.5em; } .select select[multiple] { height: auto; padding: 0; } .select select[multiple] option { padding: 0.5em 1em; } .select:not(.is-multiple):not(.is-loading):hover::after { border-color: hsl(0, 0%, 21%); } .select.is-white:not(:hover)::after { border-color: hsl(0, 0%, 100%); } .select.is-white select { border-color: hsl(0, 0%, 100%); } .select.is-white select:hover, .select.is-white select.is-hovered { border-color: hsl(0, 0%, 95%); } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black:not(:hover)::after { border-color: hsl(0, 0%, 4%); } .select.is-black select { border-color: hsl(0, 0%, 4%); } .select.is-black select:hover, .select.is-black select.is-hovered { border-color: hsl(0, 0%, 0%); } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .select.is-light:not(:hover)::after { border-color: hsl(0, 0%, 96%); } .select.is-light select { border-color: hsl(0, 0%, 96%); } .select.is-light select:hover, .select.is-light select.is-hovered { border-color: hsl(0, 0%, 91%); } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .select.is-dark:not(:hover)::after { border-color: hsl(0, 0%, 21%); } .select.is-dark select { border-color: hsl(0, 0%, 21%); } .select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: hsl(0, 0%, 16%); } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .select.is-primary:not(:hover)::after { border-color: hsl(171, 100%, 41%); } .select.is-primary select { border-color: hsl(171, 100%, 41%); } .select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: hsl(171, 100%, 36%); } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .select.is-link:not(:hover)::after { border-color: hsl(229, 53%, 53%); } .select.is-link select { border-color: hsl(229, 53%, 53%); } .select.is-link select:hover, .select.is-link select.is-hovered { border-color: hsl(229, 53%, 48%); } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .select.is-info:not(:hover)::after { border-color: hsl(207, 61%, 53%); } .select.is-info select { border-color: hsl(207, 61%, 53%); } .select.is-info select:hover, .select.is-info select.is-hovered { border-color: hsl(207, 61%, 48%); } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .select.is-success:not(:hover)::after { border-color: hsl(153, 53%, 53%); } .select.is-success select { border-color: hsl(153, 53%, 53%); } .select.is-success select:hover, .select.is-success select.is-hovered { border-color: hsl(153, 53%, 48%); } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .select.is-warning:not(:hover)::after { border-color: hsl(44, 100%, 77%); } .select.is-warning select { border-color: hsl(44, 100%, 77%); } .select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: hsl(44, 100%, 72%); } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .select.is-danger:not(:hover)::after { border-color: hsl(348, 86%, 61%); } .select.is-danger select { border-color: hsl(348, 86%, 61%); } .select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: hsl(348, 86%, 56%); } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .select.is-small { border-radius: 2px; font-size: 0.75rem; } .select.is-medium { font-size: 1.25rem; } .select.is-large { font-size: 1.5rem; } .select.is-disabled::after { border-color: hsl(0, 0%, 48%) !important; opacity: 0.5; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { font-size: 1.25rem; } .select.is-loading.is-large:after { font-size: 1.5rem; } .file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; } .file.is-white .file-cta { background-color: hsl(0, 0%, 100%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { background-color: hsl(0, 0%, 97.5%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: hsl(0, 0%, 4%); } .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: hsl(0, 0%, 95%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-black .file-cta { background-color: hsl(0, 0%, 4%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { background-color: hsl(0, 0%, 1.5%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25); color: hsl(0, 0%, 100%); } .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: hsl(0, 0%, 0%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-light .file-cta { background-color: hsl(0, 0%, 96%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { background-color: hsl(0, 0%, 93.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: hsl(0, 0%, 91%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-dark .file-cta { background-color: hsl(0, 0%, 21%); border-color: transparent; color: #fff; } .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { background-color: hsl(0, 0%, 18.5%); border-color: transparent; color: #fff; } .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.25); color: #fff; } .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: hsl(0, 0%, 16%); border-color: transparent; color: #fff; } .file.is-primary .file-cta { background-color: hsl(171, 100%, 41%); border-color: transparent; color: #fff; } .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { background-color: hsl(171, 100%, 38.5%); border-color: transparent; color: #fff; } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(0, 209.1, 177.735, 0.25); color: #fff; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: hsl(171, 100%, 36%); border-color: transparent; color: #fff; } .file.is-link .file-cta { background-color: hsl(229, 53%, 53%); border-color: transparent; color: #fff; } .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { background-color: hsl(229, 53%, 50.5%); border-color: transparent; color: #fff; } .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(71.6295, 94.92035, 198.6705, 0.25); color: #fff; } .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: hsl(229, 53%, 48%); border-color: transparent; color: #fff; } .file.is-info .file-cta { background-color: hsl(207, 61%, 53%); border-color: transparent; color: #fff; } .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { background-color: hsl(207, 61%, 50.5%); border-color: transparent; color: #fff; } .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.25); color: #fff; } .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: hsl(207, 61%, 48%); border-color: transparent; color: #fff; } .file.is-success .file-cta { background-color: hsl(153, 53%, 53%); border-color: transparent; color: #fff; } .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { background-color: hsl(153, 53%, 50.5%); border-color: transparent; color: #fff; } .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.25); color: #fff; } .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: hsl(153, 53%, 48%); border-color: transparent; color: #fff; } .file.is-warning .file-cta { background-color: hsl(44, 100%, 77%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { background-color: hsl(44, 100%, 74.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: hsl(44, 100%, 72%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-danger .file-cta { background-color: hsl(348, 86%, 61%); border-color: transparent; color: #fff; } .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { background-color: hsl(348, 86%, 58.5%); border-color: transparent; color: #fff; } .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.25); color: #fff; } .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: hsl(348, 86%, 56%); border-color: transparent; color: #fff; } .file.is-small { font-size: 0.75rem; } .file.is-normal { font-size: 1rem; } .file.is-medium { font-size: 1.25rem; } .file.is-medium .file-icon .fa { font-size: 21px; } .file.is-large { font-size: 1.5rem; } .file.is-large .file-icon .fa { font-size: 28px; } .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file.has-name.is-empty .file-cta { border-radius: 4px; } .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { flex-direction: column; } .file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { border-width: 0 1px 1px; } .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .file.is-boxed .file-icon .fa { font-size: 21px; } .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-centered { justify-content: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { flex-grow: 1; max-width: none; } .file.is-right { justify-content: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; } .file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { background-color: hsl(0, 0%, 93.5%); color: hsl(0, 0%, 21%); } .file-label:hover .file-name { border-color: hsl(0, 0%, 83.5%); } .file-label:active .file-cta { background-color: hsl(0, 0%, 91%); color: hsl(0, 0%, 21%); } .file-label:active .file-name { border-color: hsl(0, 0%, 81%); } .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } .file-cta, .file-name { border-color: hsl(0, 0%, 86%); border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .file-cta { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 29%); } .file-name { border-color: hsl(0, 0%, 86%); border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: inherit; text-overflow: ellipsis; } .file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { font-size: 14px; } .label { color: hsl(0, 0%, 21%); display: block; font-size: 1rem; font-weight: 700; } .label:not(:last-child) { margin-bottom: 0.5em; } .label.is-small { font-size: 0.75rem; } .label.is-medium { font-size: 1.25rem; } .label.is-large { font-size: 1.5rem; } .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } .help.is-white { color: hsl(0, 0%, 100%); } .help.is-black { color: hsl(0, 0%, 4%); } .help.is-light { color: hsl(0, 0%, 96%); } .help.is-dark { color: hsl(0, 0%, 21%); } .help.is-primary { color: hsl(171, 100%, 41%); } .help.is-link { color: hsl(229, 53%, 53%); } .help.is-info { color: hsl(207, 61%, 53%); } .help.is-success { color: hsl(153, 53%, 53%); } .help.is-warning { color: hsl(44, 100%, 77%); } .help.is-danger { color: hsl(348, 86%, 61%); } .field:not(:last-child) { margin-bottom: 0.75rem; } .field.has-addons { display: flex; justify-content: flex-start; } .field.has-addons .control:not(:last-child) { margin-right: -1px; } .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .ui-datepicker-trigger, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:not(:first-child):not(:last-child) a.paginate_button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .form__input, .field.has-addons .control:not(:first-child):not(:last-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:not(:first-child):not(:last-child) input#login_captcha, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:not(:first-child):not(:last-child) input, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:not(:first-child):not(:last-child) select, .field.has-addons .control:not(:first-child):not(:last-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:not(:first-child):not(:last-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:not(:first-child):not(:last-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:not(:first-child):not(:last-child) input:not([type=checkbox]), .field.has-addons .control:not(:first-child):not(:last-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:not(:first-child):not(:last-child) input, .field.has-addons .control:not(:first-child):not(:last-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:not(:first-child):not(:last-child) select, .field.has-addons .control:not(:first-child):not(:last-child) .datepicker:not(.control), .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .ui-datepicker-trigger, .field.has-addons .control:first-child:not(:only-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:first-child:not(:only-child) a.paginate_button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .form__input, .field.has-addons .control:first-child:not(:only-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:first-child:not(:only-child) input#login_captcha, .field.has-addons .control:first-child:not(:only-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:first-child:not(:only-child) input, .field.has-addons .control:first-child:not(:only-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:first-child:not(:only-child) select, .field.has-addons .control:first-child:not(:only-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:first-child:not(:only-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:first-child:not(:only-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:first-child:not(:only-child) input:not([type=checkbox]), .field.has-addons .control:first-child:not(:only-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:first-child:not(:only-child) input, .field.has-addons .control:first-child:not(:only-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:first-child:not(:only-child) select, .field.has-addons .control:first-child:not(:only-child) .datepicker:not(.control), .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .ui-datepicker-trigger, .field.has-addons .control:last-child:not(:only-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:last-child:not(:only-child) a.paginate_button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .form__input, .field.has-addons .control:last-child:not(:only-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:last-child:not(:only-child) input#login_captcha, .field.has-addons .control:last-child:not(:only-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:last-child:not(:only-child) input, .field.has-addons .control:last-child:not(:only-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:last-child:not(:only-child) select, .field.has-addons .control:last-child:not(:only-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:last-child:not(:only-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:last-child:not(:only-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:last-child:not(:only-child) input:not([type=checkbox]), .field.has-addons .control:last-child:not(:only-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:last-child:not(:only-child) input, .field.has-addons .control:last-child:not(:only-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:last-child:not(:only-child) select, .field.has-addons .control:last-child:not(:only-child) .datepicker:not(.control), .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-hovered, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-hovered, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .form__input:not([disabled]):hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):hover, .field.has-addons .control .dataTables_filter input:not([disabled]):hover, .dataTables_filter .field.has-addons .control input:not([disabled]):hover, .field.has-addons .control .dataTables_length label select:not([disabled]):hover, .dataTables_length label .field.has-addons .control select:not([disabled]):hover, .field.has-addons .control .dataTable thead th input:not([disabled]):hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):hover, .modal .modal__body .field.has-addons .control input:not([disabled]):hover, .field.has-addons .control .modal .modal__body select:not([disabled]):hover, .modal .modal__body .field.has-addons .control select:not([disabled]):hover, .field.has-addons .control .datepicker:not([disabled]):hover:not(.control), .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .form__input:not([disabled]).is-hovered, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-hovered, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-hovered, .field.has-addons .control .dataTables_filter input:not([disabled]).is-hovered, .dataTables_filter .field.has-addons .control input:not([disabled]).is-hovered, .field.has-addons .control .dataTables_length label select:not([disabled]).is-hovered, .dataTables_length label .field.has-addons .control select:not([disabled]).is-hovered, .field.has-addons .control .dataTable thead th input:not([disabled]).is-hovered:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-hovered:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-hovered:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-hovered:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-hovered, .modal .modal__body .field.has-addons .control input:not([disabled]).is-hovered, .field.has-addons .control .modal .modal__body select:not([disabled]).is-hovered, .modal .modal__body .field.has-addons .control select:not([disabled]).is-hovered, .field.has-addons .control .datepicker:not([disabled]).is-hovered:not(.control), .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):focus, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):focus, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-focused, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-focused, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):active, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):active, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-active, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-active, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .form__input:not([disabled]):focus, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):focus, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):focus, .field.has-addons .control .dataTables_filter input:not([disabled]):focus, .dataTables_filter .field.has-addons .control input:not([disabled]):focus, .field.has-addons .control .dataTables_length label select:not([disabled]):focus, .dataTables_length label .field.has-addons .control select:not([disabled]):focus, .field.has-addons .control .dataTable thead th input:not([disabled]):focus:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):focus:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):focus:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):focus:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):focus, .modal .modal__body .field.has-addons .control input:not([disabled]):focus, .field.has-addons .control .modal .modal__body select:not([disabled]):focus, .modal .modal__body .field.has-addons .control select:not([disabled]):focus, .field.has-addons .control .datepicker:not([disabled]):focus:not(.control), .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .form__input:not([disabled]).is-focused, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-focused, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-focused, .field.has-addons .control .dataTables_filter input:not([disabled]).is-focused, .dataTables_filter .field.has-addons .control input:not([disabled]).is-focused, .field.has-addons .control .dataTables_length label select:not([disabled]).is-focused, .dataTables_length label .field.has-addons .control select:not([disabled]).is-focused, .field.has-addons .control .dataTable thead th input:not([disabled]).is-focused:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-focused:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-focused:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-focused:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-focused, .modal .modal__body .field.has-addons .control input:not([disabled]).is-focused, .field.has-addons .control .modal .modal__body select:not([disabled]).is-focused, .modal .modal__body .field.has-addons .control select:not([disabled]).is-focused, .field.has-addons .control .datepicker:not([disabled]).is-focused:not(.control), .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .form__input:not([disabled]):active, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):active, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):active, .field.has-addons .control .dataTables_filter input:not([disabled]):active, .dataTables_filter .field.has-addons .control input:not([disabled]):active, .field.has-addons .control .dataTables_length label select:not([disabled]):active, .dataTables_length label .field.has-addons .control select:not([disabled]):active, .field.has-addons .control .dataTable thead th input:not([disabled]):active:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):active:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):active:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):active:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):active, .modal .modal__body .field.has-addons .control input:not([disabled]):active, .field.has-addons .control .modal .modal__body select:not([disabled]):active, .modal .modal__body .field.has-addons .control select:not([disabled]):active, .field.has-addons .control .datepicker:not([disabled]):active:not(.control), .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .form__input:not([disabled]).is-active, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-active, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-active, .field.has-addons .control .dataTables_filter input:not([disabled]).is-active, .dataTables_filter .field.has-addons .control input:not([disabled]).is-active, .field.has-addons .control .dataTables_length label select:not([disabled]).is-active, .dataTables_length label .field.has-addons .control select:not([disabled]).is-active, .field.has-addons .control .dataTable thead th input:not([disabled]).is-active:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-active:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-active:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-active:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-active, .modal .modal__body .field.has-addons .control input:not([disabled]).is-active, .field.has-addons .control .modal .modal__body select:not([disabled]).is-active, .modal .modal__body .field.has-addons .control select:not([disabled]).is-active, .field.has-addons .control .datepicker:not([disabled]).is-active:not(.control), .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):focus:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):focus:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-focused:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):active:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):active:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-active:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .form__input:not([disabled]):focus:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):focus:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):focus:hover, .field.has-addons .control .dataTables_filter input:not([disabled]):focus:hover, .dataTables_filter .field.has-addons .control input:not([disabled]):focus:hover, .field.has-addons .control .dataTables_length label select:not([disabled]):focus:hover, .dataTables_length label .field.has-addons .control select:not([disabled]):focus:hover, .field.has-addons .control .dataTable thead th input:not([disabled]):focus:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):focus:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):focus:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):focus:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):focus:hover, .modal .modal__body .field.has-addons .control input:not([disabled]):focus:hover, .field.has-addons .control .modal .modal__body select:not([disabled]):focus:hover, .modal .modal__body .field.has-addons .control select:not([disabled]):focus:hover, .field.has-addons .control .datepicker:not([disabled]):focus:hover:not(.control), .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .form__input:not([disabled]).is-focused:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-focused:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_filter input:not([disabled]).is-focused:hover, .dataTables_filter .field.has-addons .control input:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_length label select:not([disabled]).is-focused:hover, .dataTables_length label .field.has-addons .control select:not([disabled]).is-focused:hover, .field.has-addons .control .dataTable thead th input:not([disabled]).is-focused:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-focused:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-focused:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-focused:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-focused:hover, .modal .modal__body .field.has-addons .control input:not([disabled]).is-focused:hover, .field.has-addons .control .modal .modal__body select:not([disabled]).is-focused:hover, .modal .modal__body .field.has-addons .control select:not([disabled]).is-focused:hover, .field.has-addons .control .datepicker:not([disabled]).is-focused:hover:not(.control), .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .form__input:not([disabled]):active:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):active:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):active:hover, .field.has-addons .control .dataTables_filter input:not([disabled]):active:hover, .dataTables_filter .field.has-addons .control input:not([disabled]):active:hover, .field.has-addons .control .dataTables_length label select:not([disabled]):active:hover, .dataTables_length label .field.has-addons .control select:not([disabled]):active:hover, .field.has-addons .control .dataTable thead th input:not([disabled]):active:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):active:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):active:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):active:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):active:hover, .modal .modal__body .field.has-addons .control input:not([disabled]):active:hover, .field.has-addons .control .modal .modal__body select:not([disabled]):active:hover, .modal .modal__body .field.has-addons .control select:not([disabled]):active:hover, .field.has-addons .control .datepicker:not([disabled]):active:hover:not(.control), .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .form__input:not([disabled]).is-active:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-active:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_filter input:not([disabled]).is-active:hover, .dataTables_filter .field.has-addons .control input:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_length label select:not([disabled]).is-active:hover, .dataTables_length label .field.has-addons .control select:not([disabled]).is-active:hover, .field.has-addons .control .dataTable thead th input:not([disabled]).is-active:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-active:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-active:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-active:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-active:hover, .modal .modal__body .field.has-addons .control input:not([disabled]).is-active:hover, .field.has-addons .control .modal .modal__body select:not([disabled]).is-active:hover, .modal .modal__body .field.has-addons .control select:not([disabled]).is-active:hover, .field.has-addons .control .datepicker:not([disabled]).is-active:hover:not(.control), .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.has-addons.has-addons-centered { justify-content: center; } .field.has-addons.has-addons-right { justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; } .field.is-grouped { display: flex; justify-content: flex-start; } .field.is-grouped > .control { flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.is-grouped.is-grouped-centered { justify-content: center; } .field.is-grouped.is-grouped-right { justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field.is-horizontal { display: flex; } } .field-label .label { font-size: inherit; } @media screen and (max-width: 768px) { .field-label { margin-bottom: 0.5rem; } } @media screen and (min-width: 769px), print { .field-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } .field-label.is-normal { padding-top: 0.375em; } .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } .field-body .field .field { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { flex-shrink: 1; } .field-body > .field:not(.is-narrow) { flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .form__input:focus ~ .icon, .control.has-icons-left .auth-wrapper input#login_captcha:focus ~ .icon, .auth-wrapper .control.has-icons-left input#login_captcha:focus ~ .icon, .control.has-icons-left .dataTables_filter input:focus ~ .icon, .dataTables_filter .control.has-icons-left input:focus ~ .icon, .control.has-icons-left .dataTables_length label select:focus ~ .icon, .dataTables_length label .control.has-icons-left select:focus ~ .icon, .control.has-icons-left .dataTable thead th input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input:focus:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input:focus:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input:focus ~ .icon, .modal .modal__body .control.has-icons-left input:focus ~ .icon, .control.has-icons-left .modal .modal__body select:focus ~ .icon, .modal .modal__body .control.has-icons-left select:focus ~ .icon, .control.has-icons-left .datepicker:focus:not(.control) ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .form__input:focus ~ .icon, .control.has-icons-right .auth-wrapper input#login_captcha:focus ~ .icon, .auth-wrapper .control.has-icons-right input#login_captcha:focus ~ .icon, .control.has-icons-right .dataTables_filter input:focus ~ .icon, .dataTables_filter .control.has-icons-right input:focus ~ .icon, .control.has-icons-right .dataTables_length label select:focus ~ .icon, .dataTables_length label .control.has-icons-right select:focus ~ .icon, .control.has-icons-right .dataTable thead th input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input:focus:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input:focus:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input:focus ~ .icon, .modal .modal__body .control.has-icons-right input:focus ~ .icon, .control.has-icons-right .modal .modal__body select:focus ~ .icon, .modal .modal__body .control.has-icons-right select:focus ~ .icon, .control.has-icons-right .datepicker:focus:not(.control) ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: hsl(0, 0%, 29%); } .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .is-small.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-small#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-small#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-small ~ .icon, .dataTables_filter .control.has-icons-left input.is-small ~ .icon, .control.has-icons-left .dataTables_length label select.is-small ~ .icon, .dataTables_length label .control.has-icons-left select.is-small ~ .icon, .control.has-icons-left .dataTable thead th input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-small:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-small:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-small ~ .icon, .modal .modal__body .control.has-icons-left input.is-small ~ .icon, .control.has-icons-left .modal .modal__body select.is-small ~ .icon, .modal .modal__body .control.has-icons-left select.is-small ~ .icon, .control.has-icons-left .is-small.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .is-small.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-small#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-small#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-small ~ .icon, .dataTables_filter .control.has-icons-right input.is-small ~ .icon, .control.has-icons-right .dataTables_length label select.is-small ~ .icon, .dataTables_length label .control.has-icons-right select.is-small ~ .icon, .control.has-icons-right .dataTable thead th input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-small:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-small:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-small ~ .icon, .modal .modal__body .control.has-icons-right input.is-small ~ .icon, .control.has-icons-right .modal .modal__body select.is-small ~ .icon, .modal .modal__body .control.has-icons-right select.is-small ~ .icon, .control.has-icons-right .is-small.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.75rem; } .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .is-medium.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-medium#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-medium#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-medium ~ .icon, .dataTables_filter .control.has-icons-left input.is-medium ~ .icon, .control.has-icons-left .dataTables_length label select.is-medium ~ .icon, .dataTables_length label .control.has-icons-left select.is-medium ~ .icon, .control.has-icons-left .dataTable thead th input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-medium:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-medium:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-medium ~ .icon, .modal .modal__body .control.has-icons-left input.is-medium ~ .icon, .control.has-icons-left .modal .modal__body select.is-medium ~ .icon, .modal .modal__body .control.has-icons-left select.is-medium ~ .icon, .control.has-icons-left .is-medium.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .is-medium.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-medium#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-medium#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-medium ~ .icon, .dataTables_filter .control.has-icons-right input.is-medium ~ .icon, .control.has-icons-right .dataTables_length label select.is-medium ~ .icon, .dataTables_length label .control.has-icons-right select.is-medium ~ .icon, .control.has-icons-right .dataTable thead th input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-medium:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-medium:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-medium ~ .icon, .modal .modal__body .control.has-icons-right input.is-medium ~ .icon, .control.has-icons-right .modal .modal__body select.is-medium ~ .icon, .modal .modal__body .control.has-icons-right select.is-medium ~ .icon, .control.has-icons-right .is-medium.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.25rem; } .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .is-large.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-large#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-large#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-large ~ .icon, .dataTables_filter .control.has-icons-left input.is-large ~ .icon, .control.has-icons-left .dataTables_length label select.is-large ~ .icon, .dataTables_length label .control.has-icons-left select.is-large ~ .icon, .control.has-icons-left .dataTable thead th input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-large:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-large:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-large ~ .icon, .modal .modal__body .control.has-icons-left input.is-large ~ .icon, .control.has-icons-left .modal .modal__body select.is-large ~ .icon, .modal .modal__body .control.has-icons-left select.is-large ~ .icon, .control.has-icons-left .is-large.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .is-large.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-large#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-large#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-large ~ .icon, .dataTables_filter .control.has-icons-right input.is-large ~ .icon, .control.has-icons-right .dataTables_length label select.is-large ~ .icon, .dataTables_length label .control.has-icons-right select.is-large ~ .icon, .control.has-icons-right .dataTable thead th input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-large:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-large:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-large ~ .icon, .modal .modal__body .control.has-icons-right input.is-large ~ .icon, .control.has-icons-right .modal .modal__body select.is-large ~ .icon, .modal .modal__body .control.has-icons-right select.is-large ~ .icon, .control.has-icons-right .is-large.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.5rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: hsl(0, 0%, 86%); height: 2.5em; pointer-events: none; position: absolute; top: 0; width: 2.5em; z-index: 4; } .control.has-icons-left .input, .control.has-icons-left .form__input, .control.has-icons-left .auth-wrapper input#login_captcha, .auth-wrapper .control.has-icons-left input#login_captcha, .control.has-icons-left .dataTables_filter input, .dataTables_filter .control.has-icons-left input, .control.has-icons-left .dataTables_length label select, .dataTables_length label .control.has-icons-left select, .control.has-icons-left .dataTable thead th input:not([type=checkbox]), .control.has-icons-left .table thead th input:not([type=checkbox]), .dataTable thead th .control.has-icons-left input:not([type=checkbox]), .table thead th .control.has-icons-left input:not([type=checkbox]), .control.has-icons-left .modal .modal__body input, .modal .modal__body .control.has-icons-left input, .control.has-icons-left .modal .modal__body select, .modal .modal__body .control.has-icons-left select, .control.has-icons-left .datepicker:not(.control), .control.has-icons-left .select select { padding-left: 2.5em; } .control.has-icons-left .icon.is-left { left: 0; } .control.has-icons-right .input, .control.has-icons-right .form__input, .control.has-icons-right .auth-wrapper input#login_captcha, .auth-wrapper .control.has-icons-right input#login_captcha, .control.has-icons-right .dataTables_filter input, .dataTables_filter .control.has-icons-right input, .control.has-icons-right .dataTables_length label select, .dataTables_length label .control.has-icons-right select, .control.has-icons-right .dataTable thead th input:not([type=checkbox]), .control.has-icons-right .table thead th input:not([type=checkbox]), .dataTable thead th .control.has-icons-right input:not([type=checkbox]), .table thead th .control.has-icons-right input:not([type=checkbox]), .control.has-icons-right .modal .modal__body input, .modal .modal__body .control.has-icons-right input, .control.has-icons-right .modal .modal__body select, .modal .modal__body .control.has-icons-right select, .control.has-icons-right .datepicker:not(.control), .control.has-icons-right .select select { padding-right: 2.5em; } .control.has-icons-right .icon.is-right { right: 0; } .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .control.is-loading.is-small:after { font-size: 0.75rem; } .control.is-loading.is-medium:after { font-size: 1.25rem; } .control.is-loading.is-large:after { font-size: 1.5rem; } /* Bulma Components */ .breadcrumb { font-size: 1rem; white-space: nowrap; } .breadcrumb a { align-items: center; color: hsl(229, 53%, 53%); display: flex; justify-content: center; padding: 0 0.75em; } .breadcrumb a:hover { color: hsl(0, 0%, 21%); } .breadcrumb li { align-items: center; display: flex; } .breadcrumb li:first-child a { padding-left: 0; } .breadcrumb li.is-active a { color: hsl(0, 0%, 21%); cursor: default; pointer-events: none; } .breadcrumb li + li::before { color: hsl(0, 0%, 71%); content: "/"; } .breadcrumb ul, .breadcrumb ol { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; } .breadcrumb.is-small { font-size: 0.75rem; } .breadcrumb.is-medium { font-size: 1.25rem; } .breadcrumb.is-large { font-size: 1.5rem; } .breadcrumb.has-arrow-separator li + li::before { content: "→"; } .breadcrumb.has-bullet-separator li + li::before { content: "•"; } .breadcrumb.has-dot-separator li + li::before { content: "·"; } .breadcrumb.has-succeeds-separator li + li::before { content: "≻"; } .card { background-color: hsl(0, 0%, 100%); border-radius: 0.25rem; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); color: hsl(0, 0%, 29%); max-width: 100%; position: relative; } .card-footer:first-child, .card-content:first-child, .card-header:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-footer:last-child, .card-content:last-child, .card-header:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-header { background-color: transparent; align-items: stretch; box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1); display: flex; } .card-header-title { align-items: center; color: hsl(0, 0%, 21%); display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem 1rem; } .card-header-title.is-centered { justify-content: center; } .card-header-icon { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem 1rem; } .card-image { display: block; position: relative; } .card-image:first-child img { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-image:last-child img { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-content { background-color: transparent; padding: 1.5rem; } .card-footer { background-color: transparent; border-top: 1px solid hsl(0, 0%, 93%); align-items: stretch; display: flex; } .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid hsl(0, 0%, 93%); } .card .media:not(:last-child) { margin-bottom: 1.5rem; } .dropdown { display: inline-flex; position: relative; vertical-align: top; } .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; } .dropdown.is-right .dropdown-menu { left: auto; right: 0; } .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; } .dropdown-menu { display: none; left: 0; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; } .dropdown-content { background-color: hsl(0, 0%, 100%); border-radius: 4px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); padding-bottom: 0.5rem; padding-top: 0.5rem; } .dropdown-item, .dropdown .dropdown-menu .has-link a { color: hsl(0, 0%, 29%); display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; } a.dropdown-item, .dropdown .dropdown-menu .has-link a, button.dropdown-item { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; } a.dropdown-item:hover, .dropdown .dropdown-menu .has-link a:hover, button.dropdown-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } a.dropdown-item.is-active, .dropdown .dropdown-menu .has-link a.is-active, button.dropdown-item.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } .dropdown-divider { background-color: hsl(0, 0%, 93%); border: none; display: block; height: 1px; margin: 0.5rem 0; } .level { align-items: center; justify-content: space-between; } .level code { border-radius: 4px; } .level img { display: inline-block; vertical-align: top; } .level.is-mobile { display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { display: flex; } .level.is-mobile .level-left + .level-right { margin-top: 0; } .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .level.is-mobile .level-item:not(.is-narrow) { flex-grow: 1; } @media screen and (min-width: 769px), print { .level { display: flex; } .level > .level-item:not(.is-narrow) { flex-grow: 1; } } .level-item { align-items: center; display: flex; flex-basis: auto; flex-grow: 0; flex-shrink: 0; justify-content: center; } .level-item .title, .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 768px) { .level-item:not(:last-child) { margin-bottom: 0.75rem; } } .level-left, .level-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { flex-grow: 1; } @media screen and (min-width: 769px), print { .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } .level-left { align-items: center; justify-content: flex-start; } @media screen and (max-width: 768px) { .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 769px), print { .level-left { display: flex; } } .level-right { align-items: center; justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { display: flex; } } .media { align-items: flex-start; display: flex; text-align: inherit; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5); display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .media .media .media { padding-top: 0.5rem; } .media .media .media + .media { margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5); margin-top: 1rem; padding-top: 1rem; } .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .media-left, .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .media-left { margin-right: 1rem; } .media-right { margin-left: 1rem; } .media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; text-align: inherit; } @media screen and (max-width: 768px) { .media-content { overflow-x: auto; } } .menu { font-size: 1rem; } .menu.is-small { font-size: 0.75rem; } .menu.is-medium { font-size: 1.25rem; } .menu.is-large { font-size: 1.5rem; } .menu-list { line-height: 1.25; } .menu-list a { border-radius: 2px; color: hsl(0, 0%, 29%); display: block; padding: 0.5em 0.75em; } .menu-list a:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 21%); } .menu-list a.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } .menu-list li ul { border-left: 1px solid hsl(0, 0%, 86%); margin: 0.75em; padding-left: 0.75em; } .menu-label { color: hsl(0, 0%, 48%); font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; } .menu-label:not(:first-child) { margin-top: 1em; } .menu-label:not(:last-child) { margin-bottom: 1em; } .message { background-color: hsl(0, 0%, 96%); border-radius: 4px; font-size: 1rem; } .message strong { color: currentColor; } .message a:not(.button):not(.ui-datepicker-trigger):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { font-size: 0.75rem; } .message.is-medium { font-size: 1.25rem; } .message.is-large { font-size: 1.5rem; } .message.is-white { background-color: hsl(0, 0%, 100%); } .message.is-white .message-header { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .message.is-white .message-body { border-color: hsl(0, 0%, 100%); } .message.is-black { background-color: hsl(0, 0%, 98%); } .message.is-black .message-header { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .message.is-black .message-body { border-color: hsl(0, 0%, 4%); } .message.is-light { background-color: hsl(0, 0%, 98%); } .message.is-light .message-header { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .message.is-light .message-body { border-color: hsl(0, 0%, 96%); } .message.is-dark { background-color: hsl(0, 0%, 98%); } .message.is-dark .message-header { background-color: hsl(0, 0%, 21%); color: #fff; } .message.is-dark .message-body { border-color: hsl(0, 0%, 21%); } .message.is-primary { background-color: hsl(171, 100%, 96%); } .message.is-primary .message-header { background-color: hsl(171, 100%, 41%); color: #fff; } .message.is-primary .message-body { border-color: hsl(171, 100%, 41%); color: hsl(171, 100%, 29%); } .message.is-link { background-color: hsl(229, 53%, 96%); } .message.is-link .message-header { background-color: hsl(229, 53%, 53%); color: #fff; } .message.is-link .message-body { border-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 47%); } .message.is-info { background-color: hsl(207, 61%, 96%); } .message.is-info .message-header { background-color: hsl(207, 61%, 53%); color: #fff; } .message.is-info .message-body { border-color: hsl(207, 61%, 53%); color: hsl(207, 61%, 41%); } .message.is-success { background-color: hsl(153, 53%, 96%); } .message.is-success .message-header { background-color: hsl(153, 53%, 53%); color: #fff; } .message.is-success .message-body { border-color: hsl(153, 53%, 53%); color: hsl(153, 53%, 31%); } .message.is-warning { background-color: hsl(44, 100%, 96%); } .message.is-warning .message-header { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .message.is-warning .message-body { border-color: hsl(44, 100%, 77%); color: hsl(44, 100%, 29%); } .message.is-danger { background-color: hsl(348, 86%, 96%); } .message.is-danger .message-header { background-color: hsl(348, 86%, 61%); color: #fff; } .message.is-danger .message-body { border-color: hsl(348, 86%, 61%); color: hsl(348, 86%, 43%); } .message-header { align-items: center; background-color: hsl(0, 0%, 29%); border-radius: 4px 4px 0 0; color: #fff; display: flex; font-weight: 700; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .message-body { border-color: hsl(0, 0%, 86%); border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; color: hsl(0, 0%, 29%); padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: hsl(0, 0%, 100%); } .message-body pre code { background-color: transparent; } .modal { align-items: center; display: none; flex-direction: column; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal.is-active { display: flex; } .modal-background { background-color: rgba(10.2, 10.2, 10.2, 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 { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; -ms-overflow-y: visible; } .modal-card-head, .modal-card-foot { align-items: center; background-color: hsl(0, 0%, 96%); display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px; position: relative; } .modal-card-head { border-bottom: 1px solid hsl(0, 0%, 86%); border-top-left-radius: 6px; border-top-right-radius: 6px; } .modal-card-title { color: hsl(0, 0%, 21%); flex-grow: 1; flex-shrink: 0; font-size: 1.5rem; line-height: 1; } .modal-card-foot { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid hsl(0, 0%, 86%); } .modal-card-foot .button:not(:last-child), .modal-card-foot .ui-datepicker-trigger:not(:last-child), .modal-card-foot .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .modal-card-foot a.paginate_button:not(:last-child) { margin-right: 0.5em; } .modal-card-body { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 100%); flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; } .navbar { background-color: hsl(0, 0%, 100%); min-height: 3.25rem; position: relative; z-index: 30; } .navbar.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand .navbar-link::after { border-color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-burger { color: hsl(0, 0%, 4%); } @media screen and (min-width: 1024px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } } .navbar.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand .navbar-link::after { border-color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-burger { color: hsl(0, 0%, 100%); } @media screen and (min-width: 1024px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } } .navbar.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } } .navbar.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: #fff; } .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-dark .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: #fff; } .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 21%); color: #fff; } } .navbar.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: hsl(171, 100%, 41%); color: #fff; } } .navbar.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } } .navbar.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: hsl(207, 61%, 53%); color: #fff; } } .navbar.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: hsl(153, 53%, 53%); color: #fff; } } .navbar.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } } .navbar.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: hsl(348, 86%, 61%); color: #fff; } } .navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 hsl(0, 0%, 96%); } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%); } .navbar.is-fixed-top { top: 0; } html.has-navbar-fixed-top, body.has-navbar-fixed-top { padding-top: 3.25rem; } html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .navbar-brand, .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; } .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { color: hsl(0, 0%, 29%); -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .navbar-burger { margin-left: auto; } .navbar-menu { display: none; } .navbar-item, .navbar-link { color: hsl(0, 0%, 29%); display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } .navbar-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } a.navbar-item, .navbar-link { cursor: pointer; } a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: hsl(0, 0%, 98%); color: hsl(229, 53%, 53%); } .navbar-item { flex-grow: 0; flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.has-dropdown { padding: 0; } .navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: hsl(229, 53%, 53%); } .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: hsl(229, 53%, 53%); border-bottom-style: solid; border-bottom-width: 3px; color: hsl(229, 53%, 53%); padding-bottom: calc(0.5rem - 3px); } .navbar-content { flex-grow: 1; flex-shrink: 1; } .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } .navbar-link:not(.is-arrowless)::after { border-color: hsl(229, 53%, 53%); margin-top: -0.375em; right: 1.125em; } .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-divider { background-color: hsl(0, 0%, 96%); border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1023px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: hsl(0, 0%, 100%); box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { display: block; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { align-items: stretch; display: flex; } .navbar { min-height: 3.25rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: hsl(229, 53%, 53%); } .navbar-burger { display: none; } .navbar-item, .navbar-link { align-items: center; display: flex; } .navbar-item.has-dropdown { align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid hsl(0, 0%, 86%); border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1); top: auto; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .navbar-menu { flex-grow: 1; flex-shrink: 0; } .navbar-start { justify-content: flex-start; margin-right: auto; } .navbar-end { justify-content: flex-end; margin-left: auto; } .navbar-dropdown { background-color: hsl(0, 0%, 100%); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid hsl(0, 0%, 86%); box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: hsl(229, 53%, 53%); } .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-divider { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } a.navbar-item.is-active, .navbar-link.is-active { color: hsl(0, 0%, 4%); } a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 98%); } } .hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); } .pagination { font-size: 1rem; margin: -0.25rem; } .pagination.is-small { font-size: 0.75rem; } .pagination.is-medium { font-size: 1.25rem; } .pagination.is-large { font-size: 1.5rem; } .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 9999px; } .pagination.is-rounded .pagination-link { border-radius: 9999px; } .pagination, .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; text-align: center; } .pagination-previous, .pagination-next, .pagination-link { border-color: hsl(0, 0%, 86%); color: hsl(0, 0%, 21%); min-width: 2.5em; } .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: hsl(229, 53%, 53%); } .pagination-previous:active, .pagination-next:active, .pagination-link:active { box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2); } .pagination-previous[disabled], .pagination-previous.is-disabled, .pagination-next[disabled], .pagination-next.is-disabled, .pagination-link[disabled], .pagination-link.is-disabled { background-color: hsl(0, 0%, 86%); border-color: hsl(0, 0%, 86%); box-shadow: none; color: hsl(0, 0%, 48%); opacity: 0.5; } .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .pagination-link.is-current { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .pagination-ellipsis { color: hsl(0, 0%, 71%); pointer-events: none; } .pagination-list { flex-wrap: wrap; } .pagination-list li { list-style: none; } @media screen and (max-width: 768px) { .pagination { flex-wrap: wrap; } .pagination-previous, .pagination-next { flex-grow: 1; flex-shrink: 1; } .pagination-list li { flex-grow: 1; flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { margin-bottom: 0; margin-top: 0; } .pagination-previous { order: 2; } .pagination-next { order: 3; } .pagination { justify-content: space-between; margin-bottom: 0; margin-top: 0; } .pagination.is-centered .pagination-previous { order: 1; } .pagination.is-centered .pagination-list { justify-content: center; order: 2; } .pagination.is-centered .pagination-next { order: 3; } .pagination.is-right .pagination-previous { order: 1; } .pagination.is-right .pagination-next { order: 2; } .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; } } .panel { border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); font-size: 1rem; } .panel:not(:last-child) { margin-bottom: 1.5rem; } .panel.is-white .panel-heading { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .panel.is-white .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 100%); } .panel.is-white .panel-block.is-active .panel-icon { color: hsl(0, 0%, 100%); } .panel.is-black .panel-heading { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .panel.is-black .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 4%); } .panel.is-black .panel-block.is-active .panel-icon { color: hsl(0, 0%, 4%); } .panel.is-light .panel-heading { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .panel.is-light .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 96%); } .panel.is-light .panel-block.is-active .panel-icon { color: hsl(0, 0%, 96%); } .panel.is-dark .panel-heading { background-color: hsl(0, 0%, 21%); color: #fff; } .panel.is-dark .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 21%); } .panel.is-dark .panel-block.is-active .panel-icon { color: hsl(0, 0%, 21%); } .panel.is-primary .panel-heading { background-color: hsl(171, 100%, 41%); color: #fff; } .panel.is-primary .panel-tabs a.is-active { border-bottom-color: hsl(171, 100%, 41%); } .panel.is-primary .panel-block.is-active .panel-icon { color: hsl(171, 100%, 41%); } .panel.is-link .panel-heading { background-color: hsl(229, 53%, 53%); color: #fff; } .panel.is-link .panel-tabs a.is-active { border-bottom-color: hsl(229, 53%, 53%); } .panel.is-link .panel-block.is-active .panel-icon { color: hsl(229, 53%, 53%); } .panel.is-info .panel-heading { background-color: hsl(207, 61%, 53%); color: #fff; } .panel.is-info .panel-tabs a.is-active { border-bottom-color: hsl(207, 61%, 53%); } .panel.is-info .panel-block.is-active .panel-icon { color: hsl(207, 61%, 53%); } .panel.is-success .panel-heading { background-color: hsl(153, 53%, 53%); color: #fff; } .panel.is-success .panel-tabs a.is-active { border-bottom-color: hsl(153, 53%, 53%); } .panel.is-success .panel-block.is-active .panel-icon { color: hsl(153, 53%, 53%); } .panel.is-warning .panel-heading { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .panel.is-warning .panel-tabs a.is-active { border-bottom-color: hsl(44, 100%, 77%); } .panel.is-warning .panel-block.is-active .panel-icon { color: hsl(44, 100%, 77%); } .panel.is-danger .panel-heading { background-color: hsl(348, 86%, 61%); color: #fff; } .panel.is-danger .panel-tabs a.is-active { border-bottom-color: hsl(348, 86%, 61%); } .panel.is-danger .panel-block.is-active .panel-icon { color: hsl(348, 86%, 61%); } .panel-tabs:not(:last-child), .panel-block:not(:last-child) { border-bottom: 1px solid hsl(0, 0%, 93%); } .panel-heading { background-color: hsl(0, 0%, 93%); border-radius: 6px 6px 0 0; color: hsl(0, 0%, 21%); font-size: 1.25em; font-weight: 700; line-height: 1.25; padding: 0.75em 1em; } .panel-tabs { align-items: flex-end; display: flex; font-size: 0.875em; justify-content: center; } .panel-tabs a { border-bottom: 1px solid hsl(0, 0%, 86%); margin-bottom: -1px; padding: 0.5em; } .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 29%); color: hsl(0, 0%, 21%); } .panel-list a { color: hsl(0, 0%, 29%); } .panel-list a:hover { color: hsl(229, 53%, 53%); } .panel-block { align-items: center; color: hsl(0, 0%, 21%); display: flex; justify-content: flex-start; padding: 0.5em 0.75em; } .panel-block input[type=checkbox] { margin-right: 0.75em; } .panel-block > .control { flex-grow: 1; flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { flex-wrap: wrap; } .panel-block.is-active { border-left-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } .panel-block.is-active .panel-icon { color: hsl(229, 53%, 53%); } .panel-block:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } a.panel-block, label.panel-block { cursor: pointer; } a.panel-block:hover, label.panel-block:hover { background-color: hsl(0, 0%, 96%); } .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: hsl(0, 0%, 48%); margin-right: 0.75em; } .panel-icon .fa { font-size: inherit; line-height: inherit; } .tabs { -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs a { align-items: center; border-bottom-color: hsl(0, 0%, 86%); border-bottom-style: solid; border-bottom-width: 1px; color: hsl(0, 0%, 29%); display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .tabs a:hover { border-bottom-color: hsl(0, 0%, 21%); color: hsl(0, 0%, 21%); } .tabs li { display: block; } .tabs li.is-active a { border-bottom-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 53%); } .tabs ul { align-items: center; border-bottom-color: hsl(0, 0%, 86%); border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { flex: none; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .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: 4px 4px 0 0; } .tabs.is-boxed a:hover { background-color: hsl(0, 0%, 96%); border-bottom-color: hsl(0, 0%, 86%); } .tabs.is-boxed li.is-active a { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-bottom-color: transparent !important; } .tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; } .tabs.is-toggle a { border-color: hsl(0, 0%, 86%); border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } .tabs.is-toggle a:hover { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 71%); z-index: 2; } .tabs.is-toggle li + li { margin-left: -1px; } .tabs.is-toggle li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tabs.is-toggle li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tabs.is-toggle li.is-active a { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; z-index: 1; } .tabs.is-toggle ul { border-bottom: none; } .tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; padding-left: 1.25em; } .tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 9999px; border-top-right-radius: 9999px; padding-right: 1.25em; } .tabs.is-small { font-size: 0.75rem; } .tabs.is-medium { font-size: 1.25rem; } .tabs.is-large { font-size: 1.5rem; } /* Bulma Grid */ .column { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { flex: none; width: unset; } .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-one-fifth { flex: none; width: 20%; } .columns.is-mobile > .column.is-two-fifths { flex: none; width: 40%; } .columns.is-mobile > .column.is-three-fifths { flex: none; width: 60%; } .columns.is-mobile > .column.is-four-fifths { flex: none; width: 80%; } .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-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-0 { flex: none; width: 0%; } .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333337%; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333337%; } .columns.is-mobile > .column.is-2 { flex: none; width: 16.66666674%; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.33333337%; } .columns.is-mobile > .column.is-5 { flex: none; width: 41.66666674%; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.33333337%; } .columns.is-mobile > .column.is-8 { flex: none; width: 66.66666674%; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.33333337%; } .columns.is-mobile > .column.is-11 { flex: none; width: 91.66666674%; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.66666674%; } .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; width: unset; } .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-one-fifth-mobile { flex: none; width: 20%; } .column.is-two-fifths-mobile { flex: none; width: 40%; } .column.is-three-fifths-mobile { flex: none; width: 60%; } .column.is-four-fifths-mobile { flex: none; width: 80%; } .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-offset-one-fifth-mobile { margin-left: 20%; } .column.is-offset-two-fifths-mobile { margin-left: 40%; } .column.is-offset-three-fifths-mobile { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-0-mobile { flex: none; width: 0%; } .column.is-offset-0-mobile { margin-left: 0%; } .column.is-1-mobile { flex: none; width: 8.33333337%; } .column.is-offset-1-mobile { margin-left: 8.33333337%; } .column.is-2-mobile { flex: none; width: 16.66666674%; } .column.is-offset-2-mobile { margin-left: 16.66666674%; } .column.is-3-mobile { flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { flex: none; width: 33.33333337%; } .column.is-offset-4-mobile { margin-left: 33.33333337%; } .column.is-5-mobile { flex: none; width: 41.66666674%; } .column.is-offset-5-mobile { margin-left: 41.66666674%; } .column.is-6-mobile { flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { flex: none; width: 58.33333337%; } .column.is-offset-7-mobile { margin-left: 58.33333337%; } .column.is-8-mobile { flex: none; width: 66.66666674%; } .column.is-offset-8-mobile { margin-left: 66.66666674%; } .column.is-9-mobile { flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { flex: none; width: 83.33333337%; } .column.is-offset-10-mobile { margin-left: 83.33333337%; } .column.is-11-mobile { flex: none; width: 91.66666674%; } .column.is-offset-11-mobile { margin-left: 91.66666674%; } .column.is-12-mobile { flex: none; width: 100%; } .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { flex: none; width: unset; } .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-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; } .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; } .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; } .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; } .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-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; } .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; } .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-0, .column.is-0-tablet { flex: none; width: 0%; } .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333337%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333337%; } .column.is-2, .column.is-2-tablet { flex: none; width: 16.66666674%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66666674%; } .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.33333337%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333337%; } .column.is-5, .column.is-5-tablet { flex: none; width: 41.66666674%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66666674%; } .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.33333337%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333337%; } .column.is-8, .column.is-8-tablet { flex: none; width: 66.66666674%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66666674%; } .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.33333337%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333337%; } .column.is-11, .column.is-11-tablet { flex: none; width: 91.66666674%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66666674%; } .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 (max-width: 1023px) { .column.is-narrow-touch { flex: none; width: unset; } .column.is-full-touch { flex: none; width: 100%; } .column.is-three-quarters-touch { flex: none; width: 75%; } .column.is-two-thirds-touch { flex: none; width: 66.6666%; } .column.is-half-touch { flex: none; width: 50%; } .column.is-one-third-touch { flex: none; width: 33.3333%; } .column.is-one-quarter-touch { flex: none; width: 25%; } .column.is-one-fifth-touch { flex: none; width: 20%; } .column.is-two-fifths-touch { flex: none; width: 40%; } .column.is-three-fifths-touch { flex: none; width: 60%; } .column.is-four-fifths-touch { flex: none; width: 80%; } .column.is-offset-three-quarters-touch { margin-left: 75%; } .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } .column.is-offset-half-touch { margin-left: 50%; } .column.is-offset-one-third-touch { margin-left: 33.3333%; } .column.is-offset-one-quarter-touch { margin-left: 25%; } .column.is-offset-one-fifth-touch { margin-left: 20%; } .column.is-offset-two-fifths-touch { margin-left: 40%; } .column.is-offset-three-fifths-touch { margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } .column.is-0-touch { flex: none; width: 0%; } .column.is-offset-0-touch { margin-left: 0%; } .column.is-1-touch { flex: none; width: 8.33333337%; } .column.is-offset-1-touch { margin-left: 8.33333337%; } .column.is-2-touch { flex: none; width: 16.66666674%; } .column.is-offset-2-touch { margin-left: 16.66666674%; } .column.is-3-touch { flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { flex: none; width: 33.33333337%; } .column.is-offset-4-touch { margin-left: 33.33333337%; } .column.is-5-touch { flex: none; width: 41.66666674%; } .column.is-offset-5-touch { margin-left: 41.66666674%; } .column.is-6-touch { flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { flex: none; width: 58.33333337%; } .column.is-offset-7-touch { margin-left: 58.33333337%; } .column.is-8-touch { flex: none; width: 66.66666674%; } .column.is-offset-8-touch { margin-left: 66.66666674%; } .column.is-9-touch { flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { flex: none; width: 83.33333337%; } .column.is-offset-10-touch { margin-left: 83.33333337%; } .column.is-11-touch { flex: none; width: 91.66666674%; } .column.is-offset-11-touch { margin-left: 91.66666674%; } .column.is-12-touch { flex: none; width: 100%; } .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; width: unset; } .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-one-fifth-desktop { flex: none; width: 20%; } .column.is-two-fifths-desktop { flex: none; width: 40%; } .column.is-three-fifths-desktop { flex: none; width: 60%; } .column.is-four-fifths-desktop { flex: none; width: 80%; } .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-offset-one-fifth-desktop { margin-left: 20%; } .column.is-offset-two-fifths-desktop { margin-left: 40%; } .column.is-offset-three-fifths-desktop { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-0-desktop { flex: none; width: 0%; } .column.is-offset-0-desktop { margin-left: 0%; } .column.is-1-desktop { flex: none; width: 8.33333337%; } .column.is-offset-1-desktop { margin-left: 8.33333337%; } .column.is-2-desktop { flex: none; width: 16.66666674%; } .column.is-offset-2-desktop { margin-left: 16.66666674%; } .column.is-3-desktop { flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { flex: none; width: 33.33333337%; } .column.is-offset-4-desktop { margin-left: 33.33333337%; } .column.is-5-desktop { flex: none; width: 41.66666674%; } .column.is-offset-5-desktop { margin-left: 41.66666674%; } .column.is-6-desktop { flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { flex: none; width: 58.33333337%; } .column.is-offset-7-desktop { margin-left: 58.33333337%; } .column.is-8-desktop { flex: none; width: 66.66666674%; } .column.is-offset-8-desktop { margin-left: 66.66666674%; } .column.is-9-desktop { flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { flex: none; width: 83.33333337%; } .column.is-offset-10-desktop { margin-left: 83.33333337%; } .column.is-11-desktop { flex: none; width: 91.66666674%; } .column.is-offset-11-desktop { margin-left: 91.66666674%; } .column.is-12-desktop { flex: none; width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; width: unset; } .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-one-fifth-widescreen { flex: none; width: 20%; } .column.is-two-fifths-widescreen { flex: none; width: 40%; } .column.is-three-fifths-widescreen { flex: none; width: 60%; } .column.is-four-fifths-widescreen { flex: none; width: 80%; } .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-offset-one-fifth-widescreen { margin-left: 20%; } .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-0-widescreen { flex: none; width: 0%; } .column.is-offset-0-widescreen { margin-left: 0%; } .column.is-1-widescreen { flex: none; width: 8.33333337%; } .column.is-offset-1-widescreen { margin-left: 8.33333337%; } .column.is-2-widescreen { flex: none; width: 16.66666674%; } .column.is-offset-2-widescreen { margin-left: 16.66666674%; } .column.is-3-widescreen { flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { flex: none; width: 33.33333337%; } .column.is-offset-4-widescreen { margin-left: 33.33333337%; } .column.is-5-widescreen { flex: none; width: 41.66666674%; } .column.is-offset-5-widescreen { margin-left: 41.66666674%; } .column.is-6-widescreen { flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { flex: none; width: 58.33333337%; } .column.is-offset-7-widescreen { margin-left: 58.33333337%; } .column.is-8-widescreen { flex: none; width: 66.66666674%; } .column.is-offset-8-widescreen { margin-left: 66.66666674%; } .column.is-9-widescreen { flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { flex: none; width: 83.33333337%; } .column.is-offset-10-widescreen { margin-left: 83.33333337%; } .column.is-11-widescreen { flex: none; width: 91.66666674%; } .column.is-offset-11-widescreen { margin-left: 91.66666674%; } .column.is-12-widescreen { flex: none; width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; width: unset; } .column.is-full-fullhd { flex: none; width: 100%; } .column.is-three-quarters-fullhd { flex: none; width: 75%; } .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; } .column.is-half-fullhd { flex: none; width: 50%; } .column.is-one-third-fullhd { flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { flex: none; width: 25%; } .column.is-one-fifth-fullhd { flex: none; width: 20%; } .column.is-two-fifths-fullhd { flex: none; width: 40%; } .column.is-three-fifths-fullhd { flex: none; width: 60%; } .column.is-four-fifths-fullhd { flex: none; width: 80%; } .column.is-offset-three-quarters-fullhd { margin-left: 75%; } .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } .column.is-offset-half-fullhd { margin-left: 50%; } .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } .column.is-offset-one-quarter-fullhd { margin-left: 25%; } .column.is-offset-one-fifth-fullhd { margin-left: 20%; } .column.is-offset-two-fifths-fullhd { margin-left: 40%; } .column.is-offset-three-fifths-fullhd { margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } .column.is-0-fullhd { flex: none; width: 0%; } .column.is-offset-0-fullhd { margin-left: 0%; } .column.is-1-fullhd { flex: none; width: 8.33333337%; } .column.is-offset-1-fullhd { margin-left: 8.33333337%; } .column.is-2-fullhd { flex: none; width: 16.66666674%; } .column.is-offset-2-fullhd { margin-left: 16.66666674%; } .column.is-3-fullhd { flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { flex: none; width: 33.33333337%; } .column.is-offset-4-fullhd { margin-left: 33.33333337%; } .column.is-5-fullhd { flex: none; width: 41.66666674%; } .column.is-offset-5-fullhd { margin-left: 41.66666674%; } .column.is-6-fullhd { flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { flex: none; width: 58.33333337%; } .column.is-offset-7-fullhd { margin-left: 58.33333337%; } .column.is-8-fullhd { flex: none; width: 66.66666674%; } .column.is-offset-8-fullhd { margin-left: 66.66666674%; } .column.is-9-fullhd { flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { flex: none; width: 83.33333337%; } .column.is-offset-10-fullhd { margin-left: 83.33333337%; } .column.is-11-fullhd { flex: none; width: 91.66666674%; } .column.is-offset-11-fullhd { margin-left: 91.66666674%; } .column.is-12-fullhd { flex: none; width: 100%; } .column.is-offset-12-fullhd { margin-left: 100%; } } .columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .columns:last-child { margin-bottom: -0.75rem; } .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } .columns.is-centered { justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless > .column { margin: 0; padding: 0 !important; } .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .columns.is-gapless:last-child { margin-bottom: 0; } .columns.is-mobile { display: flex; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-vcentered { align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { display: flex; } } .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); } .columns.is-variable > .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } .columns.is-variable.is-0 { --columnGap: 0rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-0-mobile { --columnGap: 0rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-0-tablet { --columnGap: 0rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-0-tablet-only { --columnGap: 0rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-0-touch { --columnGap: 0rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-0-desktop { --columnGap: 0rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-0-desktop-only { --columnGap: 0rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-0-fullhd { --columnGap: 0rem; } } .columns.is-variable.is-1 { --columnGap: 0.25rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-1-mobile { --columnGap: 0.25rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-1-tablet { --columnGap: 0.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-1-touch { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem; } } .columns.is-variable.is-2 { --columnGap: 0.5rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-2-mobile { --columnGap: 0.5rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-2-tablet { --columnGap: 0.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-2-touch { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem; } } .columns.is-variable.is-3 { --columnGap: 0.75rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-3-mobile { --columnGap: 0.75rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-3-tablet { --columnGap: 0.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-3-touch { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem; } } .columns.is-variable.is-4 { --columnGap: 1rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-4-mobile { --columnGap: 1rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-4-tablet { --columnGap: 1rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-4-tablet-only { --columnGap: 1rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-4-touch { --columnGap: 1rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-4-desktop { --columnGap: 1rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-4-desktop-only { --columnGap: 1rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-4-fullhd { --columnGap: 1rem; } } .columns.is-variable.is-5 { --columnGap: 1.25rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-5-mobile { --columnGap: 1.25rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-5-tablet { --columnGap: 1.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-5-touch { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem; } } .columns.is-variable.is-6 { --columnGap: 1.5rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-6-mobile { --columnGap: 1.5rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-6-tablet { --columnGap: 1.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-6-touch { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem; } } .columns.is-variable.is-7 { --columnGap: 1.75rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-7-mobile { --columnGap: 1.75rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-7-tablet { --columnGap: 1.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-7-touch { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem; } } .columns.is-variable.is-8 { --columnGap: 2rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-8-mobile { --columnGap: 2rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-8-tablet { --columnGap: 2rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-8-tablet-only { --columnGap: 2rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-8-touch { --columnGap: 2rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-8-desktop-only { --columnGap: 2rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } } .tile { align-items: stretch; display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-height: min-content; } .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px), print { .tile:not(.is-child) { display: flex; } .tile.is-1 { flex: none; width: 8.33333337%; } .tile.is-2 { flex: none; width: 16.66666674%; } .tile.is-3 { flex: none; width: 25%; } .tile.is-4 { flex: none; width: 33.33333337%; } .tile.is-5 { flex: none; width: 41.66666674%; } .tile.is-6 { flex: none; width: 50%; } .tile.is-7 { flex: none; width: 58.33333337%; } .tile.is-8 { flex: none; width: 66.66666674%; } .tile.is-9 { flex: none; width: 75%; } .tile.is-10 { flex: none; width: 83.33333337%; } .tile.is-11 { flex: none; width: 91.66666674%; } .tile.is-12 { flex: none; width: 100%; } } /* Bulma Helpers */ .has-text-white { color: hsl(0, 0%, 100%) !important; } a.has-text-white:hover, a.has-text-white:focus { color: hsl(0, 0%, 90%) !important; } .has-background-white { background-color: hsl(0, 0%, 100%) !important; } .has-text-black { color: hsl(0, 0%, 4%) !important; } a.has-text-black:hover, a.has-text-black:focus { color: hsl(0, 0%, 0%) !important; } .has-background-black { background-color: hsl(0, 0%, 4%) !important; } .has-text-light { color: hsl(0, 0%, 96%) !important; } a.has-text-light:hover, a.has-text-light:focus { color: hsl(0, 0%, 86%) !important; } .has-background-light { background-color: hsl(0, 0%, 96%) !important; } .has-text-dark { color: hsl(0, 0%, 21%) !important; } a.has-text-dark:hover, a.has-text-dark:focus { color: hsl(0, 0%, 11%) !important; } .has-background-dark { background-color: hsl(0, 0%, 21%) !important; } .has-text-primary { color: hsl(171, 100%, 41%) !important; } a.has-text-primary:hover, a.has-text-primary:focus { color: hsl(171, 100%, 31%) !important; } .has-background-primary { background-color: hsl(171, 100%, 41%) !important; } .has-text-primary-light { color: hsl(171, 100%, 96%) !important; } a.has-text-primary-light:hover, a.has-text-primary-light:focus { color: hsl(171, 100%, 86%) !important; } .has-background-primary-light { background-color: hsl(171, 100%, 96%) !important; } .has-text-primary-dark { color: hsl(171, 100%, 29%) !important; } a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { color: hsl(171, 100%, 39%) !important; } .has-background-primary-dark { background-color: hsl(171, 100%, 29%) !important; } .has-text-link { color: hsl(229, 53%, 53%) !important; } a.has-text-link:hover, a.has-text-link:focus { color: hsl(229, 53%, 43%) !important; } .has-background-link { background-color: hsl(229, 53%, 53%) !important; } .has-text-link-light { color: hsl(229, 53%, 96%) !important; } a.has-text-link-light:hover, a.has-text-link-light:focus { color: hsl(229, 53%, 86%) !important; } .has-background-link-light { background-color: hsl(229, 53%, 96%) !important; } .has-text-link-dark { color: hsl(229, 53%, 47%) !important; } a.has-text-link-dark:hover, a.has-text-link-dark:focus { color: hsl(229, 53%, 57%) !important; } .has-background-link-dark { background-color: hsl(229, 53%, 47%) !important; } .has-text-info { color: hsl(207, 61%, 53%) !important; } a.has-text-info:hover, a.has-text-info:focus { color: hsl(207, 61%, 43%) !important; } .has-background-info { background-color: hsl(207, 61%, 53%) !important; } .has-text-info-light { color: hsl(207, 61%, 96%) !important; } a.has-text-info-light:hover, a.has-text-info-light:focus { color: hsl(207, 61%, 86%) !important; } .has-background-info-light { background-color: hsl(207, 61%, 96%) !important; } .has-text-info-dark { color: hsl(207, 61%, 41%) !important; } a.has-text-info-dark:hover, a.has-text-info-dark:focus { color: hsl(207, 61%, 51%) !important; } .has-background-info-dark { background-color: hsl(207, 61%, 41%) !important; } .has-text-success { color: hsl(153, 53%, 53%) !important; } a.has-text-success:hover, a.has-text-success:focus { color: hsl(153, 53%, 43%) !important; } .has-background-success { background-color: hsl(153, 53%, 53%) !important; } .has-text-success-light { color: hsl(153, 53%, 96%) !important; } a.has-text-success-light:hover, a.has-text-success-light:focus { color: hsl(153, 53%, 86%) !important; } .has-background-success-light { background-color: hsl(153, 53%, 96%) !important; } .has-text-success-dark { color: hsl(153, 53%, 31%) !important; } a.has-text-success-dark:hover, a.has-text-success-dark:focus { color: hsl(153, 53%, 41%) !important; } .has-background-success-dark { background-color: hsl(153, 53%, 31%) !important; } .has-text-warning { color: hsl(44, 100%, 77%) !important; } a.has-text-warning:hover, a.has-text-warning:focus { color: hsl(44, 100%, 67%) !important; } .has-background-warning { background-color: hsl(44, 100%, 77%) !important; } .has-text-warning-light { color: hsl(44, 100%, 96%) !important; } a.has-text-warning-light:hover, a.has-text-warning-light:focus { color: hsl(44, 100%, 86%) !important; } .has-background-warning-light { background-color: hsl(44, 100%, 96%) !important; } .has-text-warning-dark { color: hsl(44, 100%, 29%) !important; } a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { color: hsl(44, 100%, 39%) !important; } .has-background-warning-dark { background-color: hsl(44, 100%, 29%) !important; } .has-text-danger { color: hsl(348, 86%, 61%) !important; } a.has-text-danger:hover, a.has-text-danger:focus { color: hsl(348, 86%, 51%) !important; } .has-background-danger { background-color: hsl(348, 86%, 61%) !important; } .has-text-danger-light { color: hsl(348, 86%, 96%) !important; } a.has-text-danger-light:hover, a.has-text-danger-light:focus { color: hsl(348, 86%, 86%) !important; } .has-background-danger-light { background-color: hsl(348, 86%, 96%) !important; } .has-text-danger-dark { color: hsl(348, 86%, 43%) !important; } a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { color: hsl(348, 86%, 53%) !important; } .has-background-danger-dark { background-color: hsl(348, 86%, 43%) !important; } .has-text-black-bis { color: hsl(0, 0%, 7%) !important; } .has-background-black-bis { background-color: hsl(0, 0%, 7%) !important; } .has-text-black-ter { color: hsl(0, 0%, 14%) !important; } .has-background-black-ter { background-color: hsl(0, 0%, 14%) !important; } .has-text-grey-darker { color: hsl(0, 0%, 21%) !important; } .has-background-grey-darker { background-color: hsl(0, 0%, 21%) !important; } .has-text-grey-dark { color: hsl(0, 0%, 29%) !important; } .has-background-grey-dark { background-color: hsl(0, 0%, 29%) !important; } .has-text-grey { color: hsl(0, 0%, 48%) !important; } .has-background-grey { background-color: hsl(0, 0%, 48%) !important; } .has-text-grey-light { color: hsl(0, 0%, 71%) !important; } .has-background-grey-light { background-color: hsl(0, 0%, 71%) !important; } .has-text-grey-lighter { color: hsl(0, 0%, 86%) !important; } .has-background-grey-lighter { background-color: hsl(0, 0%, 86%) !important; } .has-text-white-ter { color: hsl(0, 0%, 96%) !important; } .has-background-white-ter { background-color: hsl(0, 0%, 96%) !important; } .has-text-white-bis { color: hsl(0, 0%, 98%) !important; } .has-background-white-bis { background-color: hsl(0, 0%, 98%) !important; } .is-flex-direction-row { flex-direction: row !important; } .is-flex-direction-row-reverse { flex-direction: row-reverse !important; } .is-flex-direction-column { flex-direction: column !important; } .is-flex-direction-column-reverse { flex-direction: column-reverse !important; } .is-flex-wrap-nowrap { flex-wrap: nowrap !important; } .is-flex-wrap-wrap { flex-wrap: wrap !important; } .is-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse !important; } .is-justify-content-flex-start { justify-content: flex-start !important; } .is-justify-content-flex-end { justify-content: flex-end !important; } .is-justify-content-center { justify-content: center !important; } .is-justify-content-space-between { justify-content: space-between !important; } .is-justify-content-space-around { justify-content: space-around !important; } .is-justify-content-space-evenly { justify-content: space-evenly !important; } .is-justify-content-start { justify-content: start !important; } .is-justify-content-end { justify-content: end !important; } .is-justify-content-left { justify-content: left !important; } .is-justify-content-right { justify-content: right !important; } .is-align-content-flex-start { align-content: flex-start !important; } .is-align-content-flex-end { align-content: flex-end !important; } .is-align-content-center { align-content: center !important; } .is-align-content-space-between { align-content: space-between !important; } .is-align-content-space-around { align-content: space-around !important; } .is-align-content-space-evenly { align-content: space-evenly !important; } .is-align-content-stretch { align-content: stretch !important; } .is-align-content-start { align-content: start !important; } .is-align-content-end { align-content: end !important; } .is-align-content-baseline { align-content: baseline !important; } .is-align-items-stretch { align-items: stretch !important; } .is-align-items-flex-start { align-items: flex-start !important; } .is-align-items-flex-end { align-items: flex-end !important; } .is-align-items-center { align-items: center !important; } .is-align-items-baseline { align-items: baseline !important; } .is-align-items-start { align-items: start !important; } .is-align-items-end { align-items: end !important; } .is-align-items-self-start { align-items: self-start !important; } .is-align-items-self-end { align-items: self-end !important; } .is-align-self-auto { align-self: auto !important; } .is-align-self-flex-start { align-self: flex-start !important; } .is-align-self-flex-end { align-self: flex-end !important; } .is-align-self-center { align-self: center !important; } .is-align-self-baseline { align-self: baseline !important; } .is-align-self-stretch { align-self: stretch !important; } .is-flex-grow-0 { flex-grow: 0 !important; } .is-flex-grow-1 { flex-grow: 1 !important; } .is-flex-grow-2 { flex-grow: 2 !important; } .is-flex-grow-3 { flex-grow: 3 !important; } .is-flex-grow-4 { flex-grow: 4 !important; } .is-flex-grow-5 { flex-grow: 5 !important; } .is-flex-shrink-0 { flex-shrink: 0 !important; } .is-flex-shrink-1 { flex-shrink: 1 !important; } .is-flex-shrink-2 { flex-shrink: 2 !important; } .is-flex-shrink-3 { flex-shrink: 3 !important; } .is-flex-shrink-4 { flex-shrink: 4 !important; } .is-flex-shrink-5 { flex-shrink: 5 !important; } .is-clearfix::after { clear: both; content: " "; display: table; } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { box-shadow: none !important; } .is-clickable { cursor: pointer !important; pointer-events: all !important; } .is-clipped { overflow: hidden !important; } .is-relative { position: relative !important; } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mr-3 { margin-right: 0.75rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .ml-3 { margin-left: 0.75rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .m-4 { margin: 1rem !important; } .mt-4 { margin-top: 1rem !important; } .mr-4 { margin-right: 1rem !important; } .mb-4 { margin-bottom: 1rem !important; } .ml-4 { margin-left: 1rem !important; } .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-5 { margin: 1.5rem !important; } .mt-5 { margin-top: 1.5rem !important; } .mr-5 { margin-right: 1.5rem !important; } .mb-5 { margin-bottom: 1.5rem !important; } .ml-5 { margin-left: 1.5rem !important; } .mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-6 { margin: 3rem !important; } .mt-6 { margin-top: 3rem !important; } .mr-6 { margin-right: 3rem !important; } .mb-6 { margin-bottom: 3rem !important; } .ml-6 { margin-left: 3rem !important; } .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .pt-3 { padding-top: 0.75rem !important; } .pr-3 { padding-right: 0.75rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pl-3 { padding-left: 0.75rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .p-4 { padding: 1rem !important; } .pt-4 { padding-top: 1rem !important; } .pr-4 { padding-right: 1rem !important; } .pb-4 { padding-bottom: 1rem !important; } .pl-4 { padding-left: 1rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-5 { padding: 1.5rem !important; } .pt-5 { padding-top: 1.5rem !important; } .pr-5 { padding-right: 1.5rem !important; } .pb-5 { padding-bottom: 1.5rem !important; } .pl-5 { padding-left: 1.5rem !important; } .px-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-6 { padding: 3rem !important; } .pt-6 { padding-top: 3rem !important; } .pr-6 { padding-right: 3rem !important; } .pb-6 { padding-bottom: 3rem !important; } .pl-6 { padding-left: 3rem !important; } .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .p-auto { padding: auto !important; } .pt-auto { padding-top: auto !important; } .pr-auto { padding-right: auto !important; } .pb-auto { padding-bottom: auto !important; } .pl-auto { padding-left: auto !important; } .px-auto { padding-left: auto !important; padding-right: auto !important; } .py-auto { padding-top: auto !important; padding-bottom: auto !important; } .is-size-1 { font-size: 3rem !important; } .is-size-2 { font-size: 2.5rem !important; } .is-size-3 { font-size: 2rem !important; } .is-size-4 { font-size: 1.5rem !important; } .is-size-5 { font-size: 1.25rem !important; } .is-size-6 { font-size: 1rem !important; } .is-size-7, .user-profile .user-profile__position__func-manager { font-size: 0.75rem !important; } @media screen and (max-width: 768px) { .is-size-1-mobile { font-size: 3rem !important; } .is-size-2-mobile { font-size: 2.5rem !important; } .is-size-3-mobile { font-size: 2rem !important; } .is-size-4-mobile { font-size: 1.5rem !important; } .is-size-5-mobile { font-size: 1.25rem !important; } .is-size-6-mobile { font-size: 1rem !important; } .is-size-7-mobile { font-size: 0.75rem !important; } } @media screen and (min-width: 769px), print { .is-size-1-tablet { font-size: 3rem !important; } .is-size-2-tablet { font-size: 2.5rem !important; } .is-size-3-tablet { font-size: 2rem !important; } .is-size-4-tablet { font-size: 1.5rem !important; } .is-size-5-tablet { font-size: 1.25rem !important; } .is-size-6-tablet { font-size: 1rem !important; } .is-size-7-tablet { font-size: 0.75rem !important; } } @media screen and (max-width: 1023px) { .is-size-1-touch { font-size: 3rem !important; } .is-size-2-touch { font-size: 2.5rem !important; } .is-size-3-touch { font-size: 2rem !important; } .is-size-4-touch { font-size: 1.5rem !important; } .is-size-5-touch { font-size: 1.25rem !important; } .is-size-6-touch { font-size: 1rem !important; } .is-size-7-touch { font-size: 0.75rem !important; } } @media screen and (min-width: 1024px) { .is-size-1-desktop { font-size: 3rem !important; } .is-size-2-desktop { font-size: 2.5rem !important; } .is-size-3-desktop { font-size: 2rem !important; } .is-size-4-desktop { font-size: 1.5rem !important; } .is-size-5-desktop { font-size: 1.25rem !important; } .is-size-6-desktop { font-size: 1rem !important; } .is-size-7-desktop { font-size: 0.75rem !important; } } @media screen and (min-width: 1216px) { .is-size-1-widescreen { font-size: 3rem !important; } .is-size-2-widescreen { font-size: 2.5rem !important; } .is-size-3-widescreen { font-size: 2rem !important; } .is-size-4-widescreen { font-size: 1.5rem !important; } .is-size-5-widescreen { font-size: 1.25rem !important; } .is-size-6-widescreen { font-size: 1rem !important; } .is-size-7-widescreen { font-size: 0.75rem !important; } } @media screen and (min-width: 1408px) { .is-size-1-fullhd { font-size: 3rem !important; } .is-size-2-fullhd { font-size: 2.5rem !important; } .is-size-3-fullhd { font-size: 2rem !important; } .is-size-4-fullhd { font-size: 1.5rem !important; } .is-size-5-fullhd { font-size: 1.25rem !important; } .is-size-6-fullhd { font-size: 1rem !important; } .is-size-7-fullhd { font-size: 0.75rem !important; } } .has-text-centered { text-align: center !important; } .has-text-justified { text-align: justify !important; } .has-text-left { text-align: left !important; } .has-text-right { text-align: right !important; } @media screen and (max-width: 768px) { .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 769px), print { .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 1023px) { .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 1024px) { .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1216px) { .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1408px) { .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 768px) { .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 769px), print { .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 1023px) { .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 1024px) { .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1216px) { .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1408px) { .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 768px) { .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 769px), print { .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 1023px) { .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 1024px) { .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1216px) { .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1408px) { .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 768px) { .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 769px), print { .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 1023px) { .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 1024px) { .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1216px) { .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1408px) { .has-text-right-fullhd { text-align: right !important; } } .is-capitalized { text-transform: capitalize !important; } .is-lowercase { text-transform: lowercase !important; } .is-uppercase { text-transform: uppercase !important; } .is-italic { font-style: italic !important; } .is-underlined { text-decoration: underline !important; } .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } .has-text-weight-medium { font-weight: 500 !important; } .has-text-weight-semibold, .user-profile .user-profile__position__func-manager { font-weight: 600 !important; } .has-text-weight-bold { font-weight: 700 !important; } .is-family-primary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-monospace { font-family: monospace !important; } .is-family-code { font-family: monospace !important; } .is-block { display: block !important; } @media screen and (max-width: 768px) { .is-block-mobile { display: block !important; } } @media screen and (min-width: 769px), print { .is-block-tablet { display: block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 1023px) { .is-block-touch { display: block !important; } } @media screen and (min-width: 1024px) { .is-block-desktop { display: block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1216px) { .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1408px) { .is-block-fullhd { display: block !important; } } .is-flex { display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { display: flex !important; } } .is-inline { display: inline !important; } @media screen and (max-width: 768px) { .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 769px), print { .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 1023px) { .is-inline-touch { display: inline !important; } } @media screen and (min-width: 1024px) { .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1216px) { .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1408px) { .is-inline-fullhd { display: inline !important; } } .is-inline-block { display: inline-block !important; } @media screen and (max-width: 768px) { .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 769px), print { .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 1023px) { .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 1024px) { .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1216px) { .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1408px) { .is-inline-block-fullhd { display: inline-block !important; } } .is-inline-flex { display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { display: inline-flex !important; } } .is-hidden { display: none !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 769px), print { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 1023px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 1024px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1216px) { .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1408px) { .is-hidden-fullhd { display: none !important; } } .is-invisible { visibility: hidden !important; } @media screen and (max-width: 768px) { .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 769px), print { .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 1023px) { .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 1024px) { .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1216px) { .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1408px) { .is-invisible-fullhd { visibility: hidden !important; } } /* Bulma Layout */ .hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; } .hero .navbar { background: none; } .hero .tabs ul { border-bottom: none; } .hero.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .hero.is-white a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } .hero.is-white .title { color: hsl(0, 0%, 4%); } .hero.is-white .subtitle { color: rgba(10.2, 10.2, 10.2, 0.9); } .hero.is-white .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-white .subtitle strong { color: hsl(0, 0%, 4%); } @media screen and (max-width: 1023px) { .hero.is-white .navbar-menu { background-color: hsl(0, 0%, 100%); } } .hero.is-white .navbar-item, .hero.is-white .navbar-link { color: rgba(10.2, 10.2, 10.2, 0.7); } .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .hero.is-white .tabs a { color: hsl(0, 0%, 4%); opacity: 0.9; } .hero.is-white .tabs a:hover { opacity: 1; } .hero.is-white .tabs li.is-active a { color: hsl(0, 0%, 100%) !important; opacity: 1; } .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: hsl(0, 0%, 4%); } .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .hero.is-white.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); } @media screen and (max-width: 768px) { .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); } } .hero.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .hero.is-black a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } .hero.is-black .title { color: hsl(0, 0%, 100%); } .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-black .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-black .subtitle strong { color: hsl(0, 0%, 100%); } @media screen and (max-width: 1023px) { .hero.is-black .navbar-menu { background-color: hsl(0, 0%, 4%); } } .hero.is-black .navbar-item, .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .hero.is-black .tabs a { color: hsl(0, 0%, 100%); opacity: 0.9; } .hero.is-black .tabs a:hover { opacity: 1; } .hero.is-black .tabs li.is-active a { color: hsl(0, 0%, 4%) !important; opacity: 1; } .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: hsl(0, 0%, 100%); } .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .hero.is-black.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); } @media screen and (max-width: 768px) { .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); } } .hero.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .hero.is-light a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } .hero.is-light .title { color: rgba(0, 0, 0, 0.7); } .hero.is-light .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-light .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-light .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-light .navbar-menu { background-color: hsl(0, 0%, 96%); } } .hero.is-light .navbar-item, .hero.is-light .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-light .tabs a:hover { opacity: 1; } .hero.is-light .tabs li.is-active a { color: hsl(0, 0%, 96%) !important; opacity: 1; } .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .hero.is-light.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); } @media screen and (max-width: 768px) { .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); } } .hero.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .hero.is-dark a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { color: #fff; } .hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-dark .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-dark .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-dark .navbar-menu { background-color: hsl(0, 0%, 21%); } } .hero.is-dark .navbar-item, .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .hero.is-dark .tabs a { color: #fff; opacity: 0.9; } .hero.is-dark .tabs a:hover { opacity: 1; } .hero.is-dark .tabs li.is-active a { color: hsl(0, 0%, 21%) !important; opacity: 1; } .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: #fff; } .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(0, 0%, 21%); } .hero.is-dark.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); } @media screen and (max-width: 768px) { .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); } } .hero.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .hero.is-primary a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { color: #fff; } .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-primary .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-primary .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { background-color: hsl(171, 100%, 41%); } } .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .hero.is-primary .tabs a { color: #fff; opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { color: hsl(171, 100%, 41%) !important; opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: #fff; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(171, 100%, 41%); } .hero.is-primary.is-bold { background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); } } .hero.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .hero.is-link a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } .hero.is-link .title { color: #fff; } .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-link .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-link .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-link .navbar-menu { background-color: hsl(229, 53%, 53%); } } .hero.is-link .navbar-item, .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .hero.is-link .tabs a { color: #fff; opacity: 0.9; } .hero.is-link .tabs a:hover { opacity: 1; } .hero.is-link .tabs li.is-active a { color: hsl(229, 53%, 53%) !important; opacity: 1; } .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { color: #fff; } .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 0.1); } .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: hsl(229, 53%, 53%); } .hero.is-link.is-bold { background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%); } } .hero.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .hero.is-info a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } .hero.is-info .title { color: #fff; } .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-info .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-info .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-info .navbar-menu { background-color: hsl(207, 61%, 53%); } } .hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .hero.is-info .tabs a { color: #fff; opacity: 0.9; } .hero.is-info .tabs a:hover { opacity: 1; } .hero.is-info .tabs li.is-active a { color: hsl(207, 61%, 53%) !important; opacity: 1; } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: #fff; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(207, 61%, 53%); } .hero.is-info.is-bold { background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); } } .hero.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .hero.is-success a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } .hero.is-success .title { color: #fff; } .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-success .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-success .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-success .navbar-menu { background-color: hsl(153, 53%, 53%); } } .hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .hero.is-success .tabs a { color: #fff; opacity: 0.9; } .hero.is-success .tabs a:hover { opacity: 1; } .hero.is-success .tabs li.is-active a { color: hsl(153, 53%, 53%) !important; opacity: 1; } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: #fff; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(153, 53%, 53%); } .hero.is-success.is-bold { background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); } } .hero.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .hero.is-warning a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-warning .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-warning .navbar-menu { background-color: hsl(44, 100%, 77%); } } .hero.is-warning .navbar-item, .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-warning .tabs a:hover { opacity: 1; } .hero.is-warning .tabs li.is-active a { color: hsl(44, 100%, 77%) !important; opacity: 1; } .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .hero.is-warning.is-bold { background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); } @media screen and (max-width: 768px) { .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); } } .hero.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .hero.is-danger a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { color: #fff; } .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-danger .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-danger .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-danger .navbar-menu { background-color: hsl(348, 86%, 61%); } } .hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .hero.is-danger .tabs a { color: #fff; opacity: 0.9; } .hero.is-danger .tabs a:hover { opacity: 1; } .hero.is-danger .tabs li.is-active a { color: hsl(348, 86%, 61%) !important; opacity: 1; } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: #fff; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(348, 86%, 61%); } .hero.is-danger.is-bold { background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); } @media screen and (max-width: 768px) { .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); } } .hero.is-small .hero-body { padding: 1.5rem; } @media screen and (min-width: 769px), print { .hero.is-medium .hero-body { padding: 9rem 4.5rem; } } @media screen and (min-width: 769px), print { .hero.is-large .hero-body { padding: 18rem 6rem; } } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { flex-grow: 1; flex-shrink: 1; } .hero.is-halfheight { min-height: 50vh; } .hero.is-fullheight { min-height: 100vh; } .hero-video { 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: 1.5rem; } @media screen and (max-width: 768px) { .hero-buttons .button, .hero-buttons .ui-datepicker-trigger, .hero-buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .hero-buttons a.paginate_button { display: flex; } .hero-buttons .button:not(:last-child), .hero-buttons .ui-datepicker-trigger:not(:last-child), .hero-buttons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .hero-buttons a.paginate_button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 769px), print { .hero-buttons { display: flex; justify-content: center; } .hero-buttons .button:not(:last-child), .hero-buttons .ui-datepicker-trigger:not(:last-child), .hero-buttons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .hero-buttons a.paginate_button:not(:last-child) { margin-right: 1.5rem; } } .hero-head, .hero-foot { flex-grow: 0; flex-shrink: 0; } .hero-body { flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem; } @media screen and (min-width: 769px), print { .hero-body { padding: 3rem 3rem; } } .section { padding: 3rem 1.5rem; } @media screen and (min-width: 1024px) { .section { padding: 3rem 3rem; } .section.is-medium { padding: 9rem 4.5rem; } .section.is-large { padding: 18rem 6rem; } } .footer { background-color: hsl(0, 0%, 98%); padding: 3rem 1.5rem 6rem; } .tooltip { overflow: visible; position: relative; } .tooltip:hover:not(.is-loading)::after, .tooltip.is-tooltip-active:not(.is-loading)::after { z-index: 99999; position: absolute; display: inline-block; pointer-events: none; } .tooltip:hover::before, .tooltip.is-tooltip-active::before { z-index: 99999; position: absolute; display: inline-block; pointer-events: none; } .tooltip:hover:not(.is-loading)::after, .tooltip.is-tooltip-active:not(.is-loading)::after { content: ""; border-style: solid; border-width: 0.5rem; } .tooltip:hover::before, .tooltip.is-tooltip-active::before { opacity: 0; content: attr(data-tooltip); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.75rem; padding: 0.4rem 0.8rem; background: rgba(73.95, 73.95, 73.95, 0.9); border-radius: 4px; color: hsl(0, 0%, 100%); max-width: 24rem; } .tooltip:focus:not(.is-loading)::after, .tooltip:hover:not(.is-loading)::after, .tooltip.is-tooltip-active:not(.is-loading)::after { opacity: 1; margin-left: -0.5rem; margin-top: -0.5rem; } .tooltip:focus::before, .tooltip:hover::before, .tooltip.is-tooltip-active::before { opacity: 1; } .tooltip::before { top: auto; bottom: 100%; left: 50%; right: auto; } .tooltip:focus:not(.is-loading)::after, .tooltip:hover:not(.is-loading)::after, .tooltip.is-tooltip-active:not(.is-loading)::after { top: 0; bottom: auto; left: 50%; right: auto; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .tooltip:focus::before, .tooltip:hover::before, .tooltip.is-tooltip-active::before { transform: translate(-50%, -0.5rem); } .tooltip.is-tooltip-right::before { top: auto; bottom: 50%; left: 100%; right: auto; transform: translate(-1rem, 50%); } .tooltip.is-tooltip-right:focus:not(.is-loading)::after, .tooltip.is-tooltip-right:hover:not(.is-loading)::after, .tooltip.is-tooltip-right.is-tooltip-active:not(.is-loading)::after { top: 50%; left: 100%; right: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .tooltip.is-tooltip-right:focus::before, .tooltip.is-tooltip-right:hover::before, .tooltip.is-tooltip-right.is-tooltip-active::before { transform: translate(0.5rem, 50%); } .tooltip.is-tooltip-bottom::before { top: 100%; bottom: auto; left: 50%; right: auto; transform: translate(-50%, -1rem); } .tooltip.is-tooltip-bottom:focus:not(.is-loading)::after, .tooltip.is-tooltip-bottom:hover:not(.is-loading)::after, .tooltip.is-tooltip-bottom.is-tooltip-active:not(.is-loading)::after { top: 100%; bottom: auto; left: 50%; right: auto; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .tooltip.is-tooltip-bottom:focus::before, .tooltip.is-tooltip-bottom:hover::before, .tooltip.is-tooltip-bottom.is-tooltip-active::before { transform: translate(-50%, 0.5rem); } .tooltip.is-tooltip-left::before { top: auto; bottom: 50%; left: auto; right: 100%; transform: translate(1rem, 50%); } .tooltip.is-tooltip-left:focus:not(.is-loading)::after, .tooltip.is-tooltip-left:hover:not(.is-loading)::after, .tooltip.is-tooltip-left.is-tooltip-active:not(.is-loading)::after { top: 50%; bottom: auto; left: auto; right: calc(100% - 0.5rem); border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .tooltip.is-tooltip-left:focus::before, .tooltip.is-tooltip-left:hover::before, .tooltip.is-tooltip-left.is-tooltip-active::before { transform: translate(-0.5rem, 50%); } .tooltip.is-tooltip-multiline::before { min-width: 24rem; text-overflow: clip; white-space: pre-line; word-break: keep-all; } .tooltip.is-tooltip-white:not(.is-loading)::after { border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-white.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } .tooltip.is-tooltip-white.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent; } .tooltip.is-tooltip-white.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); } .tooltip.is-tooltip-white::before { background: rgba(255, 255, 255, 0.9); color: hsl(0, 0%, 4%); } .tooltip.is-tooltip-black:not(.is-loading)::after { border-color: rgba(10.2, 10.2, 10.2, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-black.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(10.2, 10.2, 10.2, 0.9) transparent transparent; } .tooltip.is-tooltip-black.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(10.2, 10.2, 10.2, 0.9) transparent; } .tooltip.is-tooltip-black.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(10.2, 10.2, 10.2, 0.9); } .tooltip.is-tooltip-black::before { background: rgba(10.2, 10.2, 10.2, 0.9); color: hsl(0, 0%, 100%); } .tooltip.is-tooltip-light:not(.is-loading)::after { border-color: rgba(244.8, 244.8, 244.8, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-light.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(244.8, 244.8, 244.8, 0.9) transparent transparent; } .tooltip.is-tooltip-light.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(244.8, 244.8, 244.8, 0.9) transparent; } .tooltip.is-tooltip-light.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(244.8, 244.8, 244.8, 0.9); } .tooltip.is-tooltip-light::before { background: rgba(244.8, 244.8, 244.8, 0.9); color: rgba(0, 0, 0, 0.7); } .tooltip.is-tooltip-dark:not(.is-loading)::after { border-color: rgba(53.55, 53.55, 53.55, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-dark.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(53.55, 53.55, 53.55, 0.9) transparent transparent; } .tooltip.is-tooltip-dark.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(53.55, 53.55, 53.55, 0.9) transparent; } .tooltip.is-tooltip-dark.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(53.55, 53.55, 53.55, 0.9); } .tooltip.is-tooltip-dark::before { background: rgba(53.55, 53.55, 53.55, 0.9); color: #fff; } .tooltip.is-tooltip-primary:not(.is-loading)::after { border-color: rgba(0, 209.1, 177.735, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-primary.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(0, 209.1, 177.735, 0.9) transparent transparent; } .tooltip.is-tooltip-primary.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(0, 209.1, 177.735, 0.9) transparent; } .tooltip.is-tooltip-primary.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(0, 209.1, 177.735, 0.9); } .tooltip.is-tooltip-primary::before { background: rgba(0, 209.1, 177.735, 0.9); color: #fff; } .tooltip.is-tooltip-link:not(.is-loading)::after { border-color: rgba(71.6295, 94.92035, 198.6705, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-link.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(71.6295, 94.92035, 198.6705, 0.9) transparent transparent; } .tooltip.is-tooltip-link.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(71.6295, 94.92035, 198.6705, 0.9) transparent; } .tooltip.is-tooltip-link.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(71.6295, 94.92035, 198.6705, 0.9); } .tooltip.is-tooltip-link::before { background: rgba(71.6295, 94.92035, 198.6705, 0.9); color: #fff; } .tooltip.is-tooltip-info:not(.is-loading)::after { border-color: rgba(62.0415, 142.46085, 208.2585, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-info.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(62.0415, 142.46085, 208.2585, 0.9) transparent transparent; } .tooltip.is-tooltip-info.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(62.0415, 142.46085, 208.2585, 0.9) transparent; } .tooltip.is-tooltip-info.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(62.0415, 142.46085, 208.2585, 0.9); } .tooltip.is-tooltip-info::before { background: rgba(62.0415, 142.46085, 208.2585, 0.9); color: #fff; } .tooltip.is-tooltip-success:not(.is-loading)::after { border-color: rgba(71.6295, 198.6705, 141.50205, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-success.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(71.6295, 198.6705, 141.50205, 0.9) transparent transparent; } .tooltip.is-tooltip-success.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(71.6295, 198.6705, 141.50205, 0.9) transparent; } .tooltip.is-tooltip-success.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(71.6295, 198.6705, 141.50205, 0.9); } .tooltip.is-tooltip-success::before { background: rgba(71.6295, 198.6705, 141.50205, 0.9); color: #fff; } .tooltip.is-tooltip-warning:not(.is-loading)::after { border-color: rgba(255, 223.72, 137.7, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-warning.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(255, 223.72, 137.7, 0.9) transparent transparent; } .tooltip.is-tooltip-warning.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(255, 223.72, 137.7, 0.9) transparent; } .tooltip.is-tooltip-warning.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(255, 223.72, 137.7, 0.9); } .tooltip.is-tooltip-warning::before { background: rgba(255, 223.72, 137.7, 0.9); color: rgba(0, 0, 0, 0.7); } .tooltip.is-tooltip-danger:not(.is-loading)::after { border-color: rgba(241.077, 70.023, 104.2338, 0.9) transparent transparent transparent; } .tooltip.is-tooltip-danger.is-tooltip-right:not(.is-loading)::after { border-color: transparent rgba(241.077, 70.023, 104.2338, 0.9) transparent transparent; } .tooltip.is-tooltip-danger.is-tooltip-bottom:not(.is-loading)::after { border-color: transparent transparent rgba(241.077, 70.023, 104.2338, 0.9) transparent; } .tooltip.is-tooltip-danger.is-tooltip-left:not(.is-loading)::after { border-color: transparent transparent transparent rgba(241.077, 70.023, 104.2338, 0.9); } .tooltip.is-tooltip-danger::before { background: rgba(241.077, 70.023, 104.2338, 0.9); color: #fff; } @media screen and (max-width: 768px) { .is-tooltip-top-mobile::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-mobile:focus:not(.is-loading)::after, .is-tooltip-top-mobile:hover:not(.is-loading)::after, .is-tooltip-top-mobile.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-mobile:focus::before, .is-tooltip-top-mobile:hover::before, .is-tooltip-top-mobile.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 769px), print { .is-tooltip-top-tablet::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-tablet:focus:not(.is-loading)::after, .is-tooltip-top-tablet:hover:not(.is-loading)::after, .is-tooltip-top-tablet.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-tablet:focus::before, .is-tooltip-top-tablet:hover::before, .is-tooltip-top-tablet.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-tooltip-top-tablet-only::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-tablet-only:focus:not(.is-loading)::after, .is-tooltip-top-tablet-only:hover:not(.is-loading)::after, .is-tooltip-top-tablet-only.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-tablet-only:focus::before, .is-tooltip-top-tablet-only:hover::before, .is-tooltip-top-tablet-only.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (max-width: 1023px) { .is-tooltip-top-touch::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-touch:focus:not(.is-loading)::after, .is-tooltip-top-touch:hover:not(.is-loading)::after, .is-tooltip-top-touch.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-touch:focus::before, .is-tooltip-top-touch:hover::before, .is-tooltip-top-touch.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 1024px) { .is-tooltip-top-desktop::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-desktop:focus:not(.is-loading)::after, .is-tooltip-top-desktop:hover:not(.is-loading)::after, .is-tooltip-top-desktop.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-desktop:focus::before, .is-tooltip-top-desktop:hover::before, .is-tooltip-top-desktop.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-tooltip-top-desktop-only::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-desktop-only:focus:not(.is-loading)::after, .is-tooltip-top-desktop-only:hover:not(.is-loading)::after, .is-tooltip-top-desktop-only.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-desktop-only:focus::before, .is-tooltip-top-desktop-only:hover::before, .is-tooltip-top-desktop-only.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (max-width: 1215px) { .is-tooltip-top-until-widescreen::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-until-widescreen:focus:not(.is-loading)::after, .is-tooltip-top-until-widescreen:hover:not(.is-loading)::after, .is-tooltip-top-until-widescreen.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-until-widescreen:focus::before, .is-tooltip-top-until-widescreen:hover::before, .is-tooltip-top-until-widescreen.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 1216px) { .is-tooltip-top-widescreen::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-widescreen:focus:not(.is-loading)::after, .is-tooltip-top-widescreen:hover:not(.is-loading)::after, .is-tooltip-top-widescreen.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-widescreen:focus::before, .is-tooltip-top-widescreen:hover::before, .is-tooltip-top-widescreen.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-tooltip-top-widescreen-only::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-widescreen-only:focus:not(.is-loading)::after, .is-tooltip-top-widescreen-only:hover:not(.is-loading)::after, .is-tooltip-top-widescreen-only.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-widescreen-only:focus::before, .is-tooltip-top-widescreen-only:hover::before, .is-tooltip-top-widescreen-only.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (max-width: 1407px) { .is-tooltip-top-until-fullhd::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-until-fullhd:focus:not(.is-loading)::after, .is-tooltip-top-until-fullhd:hover:not(.is-loading)::after, .is-tooltip-top-until-fullhd.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-until-fullhd:focus::before, .is-tooltip-top-until-fullhd:hover::before, .is-tooltip-top-until-fullhd.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (min-width: 1408px) { .is-tooltip-top-fullhd::before { top: auto !important; bottom: 100% !important; left: 50% !important; right: auto !important; } .is-tooltip-top-fullhd:focus:not(.is-loading)::after, .is-tooltip-top-fullhd:hover:not(.is-loading)::after, .is-tooltip-top-fullhd.is-tooltip-active:not(.is-loading)::after { top: 0 !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent !important; } .is-tooltip-top-fullhd:focus::before, .is-tooltip-top-fullhd:hover::before, .is-tooltip-top-fullhd.is-tooltip-active::before { transform: translate(-50%, -0.5rem) !important; } } @media screen and (max-width: 768px) { .is-tooltip-right-mobile::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-mobile:focus:not(.is-loading)::after, .is-tooltip-right-mobile:hover:not(.is-loading)::after, .is-tooltip-right-mobile.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-mobile:focus::before, .is-tooltip-right-mobile:hover::before, .is-tooltip-right-mobile.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 769px), print { .is-tooltip-right-tablet::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-tablet:focus:not(.is-loading)::after, .is-tooltip-right-tablet:hover:not(.is-loading)::after, .is-tooltip-right-tablet.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-tablet:focus::before, .is-tooltip-right-tablet:hover::before, .is-tooltip-right-tablet.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-tooltip-right-tablet-only::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-tablet-only:focus:not(.is-loading)::after, .is-tooltip-right-tablet-only:hover:not(.is-loading)::after, .is-tooltip-right-tablet-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-tablet-only:focus::before, .is-tooltip-right-tablet-only:hover::before, .is-tooltip-right-tablet-only.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (max-width: 1023px) { .is-tooltip-right-touch::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-touch:focus:not(.is-loading)::after, .is-tooltip-right-touch:hover:not(.is-loading)::after, .is-tooltip-right-touch.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-touch:focus::before, .is-tooltip-right-touch:hover::before, .is-tooltip-right-touch.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 1024px) { .is-tooltip-right-desktop::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-desktop:focus:not(.is-loading)::after, .is-tooltip-right-desktop:hover:not(.is-loading)::after, .is-tooltip-right-desktop.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-desktop:focus::before, .is-tooltip-right-desktop:hover::before, .is-tooltip-right-desktop.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-tooltip-right-desktop-only::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-desktop-only:focus:not(.is-loading)::after, .is-tooltip-right-desktop-only:hover:not(.is-loading)::after, .is-tooltip-right-desktop-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-desktop-only:focus::before, .is-tooltip-right-desktop-only:hover::before, .is-tooltip-right-desktop-only.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (max-width: 1215px) { .is-tooltip-right-until-widescreen::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-until-widescreen:focus:not(.is-loading)::after, .is-tooltip-right-until-widescreen:hover:not(.is-loading)::after, .is-tooltip-right-until-widescreen.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-until-widescreen:focus::before, .is-tooltip-right-until-widescreen:hover::before, .is-tooltip-right-until-widescreen.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 1216px) { .is-tooltip-right-widescreen::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-widescreen:focus:not(.is-loading)::after, .is-tooltip-right-widescreen:hover:not(.is-loading)::after, .is-tooltip-right-widescreen.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-widescreen:focus::before, .is-tooltip-right-widescreen:hover::before, .is-tooltip-right-widescreen.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-tooltip-right-widescreen-only::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-widescreen-only:focus:not(.is-loading)::after, .is-tooltip-right-widescreen-only:hover:not(.is-loading)::after, .is-tooltip-right-widescreen-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-widescreen-only:focus::before, .is-tooltip-right-widescreen-only:hover::before, .is-tooltip-right-widescreen-only.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (max-width: 1407px) { .is-tooltip-right-until-fullhd::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-until-fullhd:focus:not(.is-loading)::after, .is-tooltip-right-until-fullhd:hover:not(.is-loading)::after, .is-tooltip-right-until-fullhd.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-until-fullhd:focus::before, .is-tooltip-right-until-fullhd:hover::before, .is-tooltip-right-until-fullhd.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (min-width: 1408px) { .is-tooltip-right-fullhd::before { top: auto !important; bottom: 50% !important; left: 100% !important; right: auto !important; transform: translate(-1rem, 50%) !important; } .is-tooltip-right-fullhd:focus:not(.is-loading)::after, .is-tooltip-right-fullhd:hover:not(.is-loading)::after, .is-tooltip-right-fullhd.is-tooltip-active:not(.is-loading)::after { top: 50% !important; left: 100% !important; right: auto !important; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent !important; } .is-tooltip-right-fullhd:focus::before, .is-tooltip-right-fullhd:hover::before, .is-tooltip-right-fullhd.is-tooltip-active::before { transform: translate(0.5rem, 50%) !important; } } @media screen and (max-width: 768px) { .is-tooltip-bottom-mobile::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-mobile:focus:not(.is-loading)::after, .is-tooltip-bottom-mobile:hover:not(.is-loading)::after, .is-tooltip-bottom-mobile.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-mobile:focus::before, .is-tooltip-bottom-mobile:hover::before, .is-tooltip-bottom-mobile.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 769px), print { .is-tooltip-bottom-tablet::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-tablet:focus:not(.is-loading)::after, .is-tooltip-bottom-tablet:hover:not(.is-loading)::after, .is-tooltip-bottom-tablet.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-tablet:focus::before, .is-tooltip-bottom-tablet:hover::before, .is-tooltip-bottom-tablet.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-tooltip-bottom-tablet-only::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-tablet-only:focus:not(.is-loading)::after, .is-tooltip-bottom-tablet-only:hover:not(.is-loading)::after, .is-tooltip-bottom-tablet-only.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-tablet-only:focus::before, .is-tooltip-bottom-tablet-only:hover::before, .is-tooltip-bottom-tablet-only.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (max-width: 1023px) { .is-tooltip-bottom-touch::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-touch:focus:not(.is-loading)::after, .is-tooltip-bottom-touch:hover:not(.is-loading)::after, .is-tooltip-bottom-touch.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-touch:focus::before, .is-tooltip-bottom-touch:hover::before, .is-tooltip-bottom-touch.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 1024px) { .is-tooltip-bottom-desktop::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-desktop:focus:not(.is-loading)::after, .is-tooltip-bottom-desktop:hover:not(.is-loading)::after, .is-tooltip-bottom-desktop.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-desktop:focus::before, .is-tooltip-bottom-desktop:hover::before, .is-tooltip-bottom-desktop.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-tooltip-bottom-desktop-only::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-desktop-only:focus:not(.is-loading)::after, .is-tooltip-bottom-desktop-only:hover:not(.is-loading)::after, .is-tooltip-bottom-desktop-only.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-desktop-only:focus::before, .is-tooltip-bottom-desktop-only:hover::before, .is-tooltip-bottom-desktop-only.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (max-width: 1215px) { .is-tooltip-bottom-until-widescreen::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-until-widescreen:focus:not(.is-loading)::after, .is-tooltip-bottom-until-widescreen:hover:not(.is-loading)::after, .is-tooltip-bottom-until-widescreen.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-until-widescreen:focus::before, .is-tooltip-bottom-until-widescreen:hover::before, .is-tooltip-bottom-until-widescreen.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 1216px) { .is-tooltip-bottom-widescreen::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-widescreen:focus:not(.is-loading)::after, .is-tooltip-bottom-widescreen:hover:not(.is-loading)::after, .is-tooltip-bottom-widescreen.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-widescreen:focus::before, .is-tooltip-bottom-widescreen:hover::before, .is-tooltip-bottom-widescreen.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-tooltip-bottom-widescreen-only::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-widescreen-only:focus:not(.is-loading)::after, .is-tooltip-bottom-widescreen-only:hover:not(.is-loading)::after, .is-tooltip-bottom-widescreen-only.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-widescreen-only:focus::before, .is-tooltip-bottom-widescreen-only:hover::before, .is-tooltip-bottom-widescreen-only.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (max-width: 1407px) { .is-tooltip-bottom-until-fullhd::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-until-fullhd:focus:not(.is-loading)::after, .is-tooltip-bottom-until-fullhd:hover:not(.is-loading)::after, .is-tooltip-bottom-until-fullhd.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-until-fullhd:focus::before, .is-tooltip-bottom-until-fullhd:hover::before, .is-tooltip-bottom-until-fullhd.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (min-width: 1408px) { .is-tooltip-bottom-fullhd::before { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; transform: translate(-50%, -1rem) !important; } .is-tooltip-bottom-fullhd:focus:not(.is-loading)::after, .is-tooltip-bottom-fullhd:hover:not(.is-loading)::after, .is-tooltip-bottom-fullhd.is-tooltip-active:not(.is-loading)::after { top: 100% !important; bottom: auto !important; left: 50% !important; right: auto !important; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent !important; } .is-tooltip-bottom-fullhd:focus::before, .is-tooltip-bottom-fullhd:hover::before, .is-tooltip-bottom-fullhd.is-tooltip-active::before { transform: translate(-50%, 0.5rem) !important; } } @media screen and (max-width: 768px) { .is-tooltip-left-mobile::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-mobile:focus:not(.is-loading)::after, .is-tooltip-left-mobile:hover:not(.is-loading)::after, .is-tooltip-left-mobile.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-mobile:focus::before, .is-tooltip-left-mobile:hover::before, .is-tooltip-left-mobile.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 769px), print { .is-tooltip-left-tablet::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-tablet:focus:not(.is-loading)::after, .is-tooltip-left-tablet:hover:not(.is-loading)::after, .is-tooltip-left-tablet.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-tablet:focus::before, .is-tooltip-left-tablet:hover::before, .is-tooltip-left-tablet.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-tooltip-left-tablet-only::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-tablet-only:focus:not(.is-loading)::after, .is-tooltip-left-tablet-only:hover:not(.is-loading)::after, .is-tooltip-left-tablet-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-tablet-only:focus::before, .is-tooltip-left-tablet-only:hover::before, .is-tooltip-left-tablet-only.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (max-width: 1023px) { .is-tooltip-left-touch::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-touch:focus:not(.is-loading)::after, .is-tooltip-left-touch:hover:not(.is-loading)::after, .is-tooltip-left-touch.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-touch:focus::before, .is-tooltip-left-touch:hover::before, .is-tooltip-left-touch.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 1024px) { .is-tooltip-left-desktop::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-desktop:focus:not(.is-loading)::after, .is-tooltip-left-desktop:hover:not(.is-loading)::after, .is-tooltip-left-desktop.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-desktop:focus::before, .is-tooltip-left-desktop:hover::before, .is-tooltip-left-desktop.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-tooltip-left-desktop-only::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-desktop-only:focus:not(.is-loading)::after, .is-tooltip-left-desktop-only:hover:not(.is-loading)::after, .is-tooltip-left-desktop-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-desktop-only:focus::before, .is-tooltip-left-desktop-only:hover::before, .is-tooltip-left-desktop-only.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (max-width: 1215px) { .is-tooltip-left-until-widescreen::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-until-widescreen:focus:not(.is-loading)::after, .is-tooltip-left-until-widescreen:hover:not(.is-loading)::after, .is-tooltip-left-until-widescreen.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-until-widescreen:focus::before, .is-tooltip-left-until-widescreen:hover::before, .is-tooltip-left-until-widescreen.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 1216px) { .is-tooltip-left-widescreen::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-widescreen:focus:not(.is-loading)::after, .is-tooltip-left-widescreen:hover:not(.is-loading)::after, .is-tooltip-left-widescreen.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-widescreen:focus::before, .is-tooltip-left-widescreen:hover::before, .is-tooltip-left-widescreen.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-tooltip-left-widescreen-only::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-widescreen-only:focus:not(.is-loading)::after, .is-tooltip-left-widescreen-only:hover:not(.is-loading)::after, .is-tooltip-left-widescreen-only.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-widescreen-only:focus::before, .is-tooltip-left-widescreen-only:hover::before, .is-tooltip-left-widescreen-only.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (max-width: 1407px) { .is-tooltip-left-until-fullhd::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-until-fullhd:focus:not(.is-loading)::after, .is-tooltip-left-until-fullhd:hover:not(.is-loading)::after, .is-tooltip-left-until-fullhd.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-until-fullhd:focus::before, .is-tooltip-left-until-fullhd:hover::before, .is-tooltip-left-until-fullhd.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } @media screen and (min-width: 1408px) { .is-tooltip-left-fullhd::before { top: auto !important; bottom: 50% !important; left: auto !important; right: 100% !important; transform: translate(1rem, 50%) !important; } .is-tooltip-left-fullhd:focus:not(.is-loading)::after, .is-tooltip-left-fullhd:hover:not(.is-loading)::after, .is-tooltip-left-fullhd.is-tooltip-active:not(.is-loading)::after { top: 50% !important; bottom: auto !important; left: auto !important; right: calc(100% - 0.5rem) !important; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9) !important; } .is-tooltip-left-fullhd:focus::before, .is-tooltip-left-fullhd:hover::before, .is-tooltip-left-fullhd.is-tooltip-active::before { transform: translate(-0.5rem, 50%) !important; } } .is-checkradio[type=radio], [type=radio].form__checkbox[type=checkbox], .is-checkradio[type=checkbox], [type=checkbox].form__checkbox { outline: 0; user-select: none; display: inline-block; position: absolute; opacity: 0; } .is-checkradio[type=radio] + label, [type=radio].form__checkbox[type=checkbox] + label, .is-checkradio[type=checkbox] + label, [type=checkbox].form__checkbox + label { position: relative; display: initial; cursor: pointer; vertical-align: middle; margin: 0.5em; padding: 0.2rem 0.5rem 0.2rem 0; border-radius: 4px; } .is-checkradio[type=radio] + label:first-of-type, .is-checkradio[type=checkbox] + label:first-of-type, [type=checkbox].form__checkbox + label:first-of-type { margin-left: 0; } .is-checkradio[type=radio] + label:hover:before, .is-checkradio[type=checkbox] + label:hover::before, [type=checkbox].form__checkbox + label:hover::before, .is-checkradio[type=checkbox] + label:hover:before { animation-duration: 0.4s; animation-fill-mode: both; animation-name: hover-color; } .is-checkradio[type=radio] + label:before, [type=radio].form__checkbox[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label::before, [type=checkbox].form__checkbox + label::before, .is-checkradio[type=checkbox] + label:before, [type=checkbox].form__checkbox + label:before { position: absolute; left: 0; top: 0rem; content: ""; border: 0.1rem solid hsl(0, 0%, 86%); } .is-checkradio[type=radio] + label:after, [type=radio].form__checkbox[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label::after, [type=checkbox].form__checkbox + label::after, .is-checkradio[type=checkbox] + label:after, [type=checkbox].form__checkbox + label:after { position: absolute; display: none; content: ""; top: 0rem; } .is-checkradio[type=radio].is-rtl + label, .is-checkradio[type=checkbox].is-rtl + label, [type=checkbox].is-rtl.form__checkbox + label { margin-right: 0rem; margin-left: 0.5rem; } .is-checkradio[type=radio].is-rtl + label:before, .is-checkradio[type=checkbox].is-rtl + label::before, [type=checkbox].is-rtl.form__checkbox + label::before, .is-checkradio[type=checkbox].is-rtl + label:before { left: auto; right: 0; } .is-checkradio[type=radio]:focus + label:before, .is-checkradio[type=checkbox]:focus + label::before, [type=checkbox].form__checkbox:focus + label::before, .is-checkradio[type=checkbox]:focus + label:before { outline: 1px dotted hsl(0, 0%, 71%); } .is-checkradio[type=radio]:hover:not([disabled]) + label:before, .is-checkradio[type=checkbox]:hover:not([disabled]) + label::before, [type=checkbox].form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox]:hover:not([disabled]) + label:before { border-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=radio]:checked + label:before, .is-checkradio[type=checkbox]:checked + label::before, [type=checkbox].form__checkbox:checked + label::before, .is-checkradio[type=checkbox]:checked + label:before { border: 0.1rem solid hsl(0, 0%, 86%); } .is-checkradio[type=radio]:checked[disabled], .is-checkradio[type=checkbox]:checked[disabled], [type=checkbox].form__checkbox:checked[disabled] { cursor: not-allowed; } .is-checkradio[type=radio]:checked[disabled] + label, .is-checkradio[type=checkbox]:checked[disabled] + label, [type=checkbox].form__checkbox:checked[disabled] + label { opacity: 0.5; } .is-checkradio[type=radio]:checked + label:before, .is-checkradio[type=checkbox]:checked + label::before, [type=checkbox].form__checkbox:checked + label::before, .is-checkradio[type=checkbox]:checked + label:before { animation-name: none; } .is-checkradio[type=radio]:checked + label:after, .is-checkradio[type=checkbox]:checked + label::after, [type=checkbox].form__checkbox:checked + label::after, .is-checkradio[type=checkbox]:checked + label:after { display: inline-block; } .is-checkradio[type=radio][disabled], .is-checkradio[type=checkbox][disabled], [type=checkbox][disabled].form__checkbox { cursor: not-allowed; } .is-checkradio[type=radio][disabled] + label, .is-checkradio[type=checkbox][disabled] + label, [type=checkbox][disabled].form__checkbox + label { opacity: 0.5; cursor: not-allowed; } .is-checkradio[type=radio][disabled] + label:hover, .is-checkradio[type=radio][disabled] + label::before, .is-checkradio[type=radio][disabled] + label:after, .is-checkradio[type=checkbox][disabled] + label:hover, [type=checkbox][disabled].form__checkbox + label:hover, .is-checkradio[type=checkbox][disabled] + label::before, [type=checkbox][disabled].form__checkbox + label:before, .is-checkradio[type=checkbox][disabled] + label::after, [type=checkbox][disabled].form__checkbox + label::after, .is-checkradio[type=checkbox][disabled] + label:after { cursor: not-allowed; } .is-checkradio[type=radio][disabled]:hover, .is-checkradio[type=checkbox][disabled]:hover, [type=checkbox][disabled].form__checkbox:hover { cursor: not-allowed; } .is-checkradio[type=radio][disabled]:hover:before, .is-checkradio[type=checkbox][disabled]:hover::before, [type=checkbox][disabled].form__checkbox:hover::before, .is-checkradio[type=checkbox][disabled]:hover:before { animation-name: none; } .is-checkradio[type=radio][disabled]:before, .is-checkradio[type=checkbox][disabled]::before, [type=checkbox][disabled].form__checkbox::before, .is-checkradio[type=checkbox][disabled]:before { cursor: not-allowed; } .is-checkradio[type=radio][disabled]:after, .is-checkradio[type=checkbox][disabled]::after, [type=checkbox][disabled].form__checkbox::after, .is-checkradio[type=checkbox][disabled]:after { cursor: not-allowed; } .is-checkradio[type=radio].has-no-border + label:before, .is-checkradio[type=checkbox].has-no-border + label::before, [type=checkbox].has-no-border.form__checkbox + label::before, .is-checkradio[type=checkbox].has-no-border + label:before { border: none !important; } .is-checkradio[type=radio].is-block, .is-checkradio[type=checkbox].is-block, [type=checkbox].is-block.form__checkbox { display: none !important; } .is-checkradio[type=radio].is-block + label, .is-checkradio[type=checkbox].is-block + label, [type=checkbox].is-block.form__checkbox + label { width: 100% !important; background: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); padding-right: 0.75em; } .is-checkradio[type=radio].is-block:hover:not([disabled]) + label, .is-checkradio[type=checkbox].is-block:hover:not([disabled]) + label, [type=checkbox].is-block.form__checkbox:hover:not([disabled]) + label { background: hsl(0, 0%, 91%); } .is-checkradio[type=checkbox] + label::before, [type=checkbox].form__checkbox + label::before, .is-checkradio[type=checkbox] + label:before, [type=checkbox].form__checkbox + label:before { border-radius: 4px; } .is-checkradio[type=checkbox] + label::after, [type=checkbox].form__checkbox + label::after, .is-checkradio[type=checkbox] + label:after, [type=checkbox].form__checkbox + label:after { box-sizing: border-box; transform: translateY(0rem) rotate(45deg); border-width: 0.1rem; border-style: solid; border-color: hsl(171, 100%, 41%); border-top: 0; border-left: 0; } .is-checkradio[type=checkbox].is-circle + label::before, [type=checkbox].is-circle.form__checkbox + label::before, .is-checkradio[type=checkbox].is-circle + label:before { border-radius: 50%; } .is-checkradio[type=checkbox] + label, [type=checkbox].form__checkbox + label { font-size: 1rem; padding-left: 2rem; } .is-checkradio[type=checkbox] + label::before, [type=checkbox].form__checkbox + label::before, .is-checkradio[type=checkbox] + label:before, [type=checkbox].form__checkbox + label:before { width: 1.5rem; height: 1.5rem; } .is-checkradio[type=checkbox] + label::after, [type=checkbox].form__checkbox + label::after, .is-checkradio[type=checkbox] + label:after, [type=checkbox].form__checkbox + label:after { width: 0.375rem; height: 0.6rem; top: 0.405rem; left: 0.6rem; } .is-checkradio[type=checkbox].is-block + label::before, [type=checkbox].is-block.form__checkbox + label::before, .is-checkradio[type=checkbox].is-block + label:before { width: 1.25rem; height: 1.25rem; left: 0.175rem; top: 0.175rem; } .is-checkradio[type=checkbox].is-block + label::after, [type=checkbox].is-block.form__checkbox + label::after, .is-checkradio[type=checkbox].is-block + label:after { top: 0.325rem; left: 0.65rem; } .is-checkradio[type=checkbox].is-rtl + label, [type=checkbox].is-rtl.form__checkbox + label { padding-left: 0; padding-right: 2rem; } .is-checkradio[type=checkbox].is-rtl + label::after, [type=checkbox].is-rtl.form__checkbox + label::after, .is-checkradio[type=checkbox].is-rtl + label:after { left: auto; right: 0.6rem; } .is-checkradio[type=checkbox].is-small + label, [type=checkbox].is-small.form__checkbox + label { font-size: 0.75rem; padding-left: 1.5rem; } .is-checkradio[type=checkbox].is-small + label::before, [type=checkbox].is-small.form__checkbox + label::before, .is-checkradio[type=checkbox].is-small + label:before { width: 1.125rem; height: 1.125rem; } .is-checkradio[type=checkbox].is-small + label::after, [type=checkbox].is-small.form__checkbox + label::after, .is-checkradio[type=checkbox].is-small + label:after { width: 0.28125rem; height: 0.45rem; top: 0.30375rem; left: 0.45rem; } .is-checkradio[type=checkbox].is-small.is-block + label::before, [type=checkbox].is-small.is-block.form__checkbox + label::before, .is-checkradio[type=checkbox].is-small.is-block + label:before { width: 0.9375rem; height: 0.9375rem; left: 0.175rem; top: 0.175rem; } .is-checkradio[type=checkbox].is-small.is-block + label::after, [type=checkbox].is-small.is-block.form__checkbox + label::after, .is-checkradio[type=checkbox].is-small.is-block + label:after { top: 0.29375rem; left: 0.5375rem; } .is-checkradio[type=checkbox].is-small.is-rtl + label, [type=checkbox].is-small.is-rtl.form__checkbox + label { padding-left: 0; padding-right: 1.5rem; } .is-checkradio[type=checkbox].is-small.is-rtl + label::after, [type=checkbox].is-small.is-rtl.form__checkbox + label::after, .is-checkradio[type=checkbox].is-small.is-rtl + label:after { left: auto; right: 0.45rem; } .is-checkradio[type=checkbox].is-medium + label, [type=checkbox].is-medium.form__checkbox + label { font-size: 1.25rem; padding-left: 2.5rem; } .is-checkradio[type=checkbox].is-medium + label::before, [type=checkbox].is-medium.form__checkbox + label::before, .is-checkradio[type=checkbox].is-medium + label:before { width: 1.875rem; height: 1.875rem; } .is-checkradio[type=checkbox].is-medium + label::after, [type=checkbox].is-medium.form__checkbox + label::after, .is-checkradio[type=checkbox].is-medium + label:after { width: 0.46875rem; height: 0.75rem; top: 0.50625rem; left: 0.75rem; } .is-checkradio[type=checkbox].is-medium.is-block + label::before, [type=checkbox].is-medium.is-block.form__checkbox + label::before, .is-checkradio[type=checkbox].is-medium.is-block + label:before { width: 1.5625rem; height: 1.5625rem; left: 0.175rem; top: 0.175rem; } .is-checkradio[type=checkbox].is-medium.is-block + label::after, [type=checkbox].is-medium.is-block.form__checkbox + label::after, .is-checkradio[type=checkbox].is-medium.is-block + label:after { top: 0.35625rem; left: 0.7625rem; } .is-checkradio[type=checkbox].is-medium.is-rtl + label, [type=checkbox].is-medium.is-rtl.form__checkbox + label { padding-left: 0; padding-right: 2.5rem; } .is-checkradio[type=checkbox].is-medium.is-rtl + label::after, [type=checkbox].is-medium.is-rtl.form__checkbox + label::after, .is-checkradio[type=checkbox].is-medium.is-rtl + label:after { left: auto; right: 0.75rem; } .is-checkradio[type=checkbox].is-large + label, [type=checkbox].is-large.form__checkbox + label { font-size: 1.5rem; padding-left: 3rem; } .is-checkradio[type=checkbox].is-large + label::before, [type=checkbox].is-large.form__checkbox + label::before, .is-checkradio[type=checkbox].is-large + label:before { width: 2.25rem; height: 2.25rem; } .is-checkradio[type=checkbox].is-large + label::after, [type=checkbox].is-large.form__checkbox + label::after, .is-checkradio[type=checkbox].is-large + label:after { width: 0.5625rem; height: 0.9rem; top: 0.6075rem; left: 0.9rem; } .is-checkradio[type=checkbox].is-large.is-block + label::before, [type=checkbox].is-large.is-block.form__checkbox + label::before, .is-checkradio[type=checkbox].is-large.is-block + label:before { width: 1.875rem; height: 1.875rem; left: 0.175rem; top: 0.175rem; } .is-checkradio[type=checkbox].is-large.is-block + label::after, [type=checkbox].is-large.is-block.form__checkbox + label::after, .is-checkradio[type=checkbox].is-large.is-block + label:after { top: 0.3875rem; left: 0.875rem; } .is-checkradio[type=checkbox].is-large.is-rtl + label, [type=checkbox].is-large.is-rtl.form__checkbox + label { padding-left: 0; padding-right: 3rem; } .is-checkradio[type=checkbox].is-large.is-rtl + label::after, [type=checkbox].is-large.is-rtl.form__checkbox + label::after, .is-checkradio[type=checkbox].is-large.is-rtl + label:after { left: auto; right: 0.9rem; } .is-checkradio[type=checkbox].is-white.has-background-color + label::before, [type=checkbox].is-white.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-white.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before, [type=checkbox].is-white.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white:checked + label::after, [type=checkbox].is-white.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-white:checked + label:after { border-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before, [type=checkbox].is-white.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after, [type=checkbox].is-white.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after { border-color: hsl(0, 0%, 4%) !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-white.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-white.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-white.is-block:checked + label, [type=checkbox].is-white.is-block.form__checkbox:checked + label { color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 100%) !important; background: hsl(0, 0%, 100%); } .is-checkradio[type=checkbox].is-white.is-block:checked + label::after, [type=checkbox].is-white.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked + label:after { border-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-white.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(0, 0%, 95%); } .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-white.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-white.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 0%) !important; } .is-checkradio[type=checkbox].is-black.has-background-color + label::before, [type=checkbox].is-black.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-black.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before, [type=checkbox].is-black.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black:checked + label::after, [type=checkbox].is-black.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-black:checked + label:after { border-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before, [type=checkbox].is-black.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after, [type=checkbox].is-black.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after { border-color: hsl(0, 0%, 100%) !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-black.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-black.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=checkbox].is-black.is-block:checked + label, [type=checkbox].is-black.is-block.form__checkbox:checked + label { color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 4%) !important; background: hsl(0, 0%, 4%); } .is-checkradio[type=checkbox].is-black.is-block:checked + label::after, [type=checkbox].is-black.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked + label:after { border-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-black.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(0, 0%, 0%); } .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-black.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-black.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 95%) !important; } .is-checkradio[type=checkbox].is-light.has-background-color + label::before, [type=checkbox].is-light.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-light.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before, [type=checkbox].is-light.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light:checked + label::after, [type=checkbox].is-light.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-light:checked + label:after { border-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before, [type=checkbox].is-light.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after, [type=checkbox].is-light.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after { border-color: rgba(0, 0, 0, 0.7) !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-light.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-light.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=checkbox].is-light.is-block:checked + label, [type=checkbox].is-light.is-block.form__checkbox:checked + label { color: rgba(0, 0, 0, 0.7); border-color: hsl(0, 0%, 96%) !important; background: hsl(0, 0%, 96%); } .is-checkradio[type=checkbox].is-light.is-block:checked + label::after, [type=checkbox].is-light.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked + label:after { border-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-light.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(0, 0%, 91%); } .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-light.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-light.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:before { border-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=checkbox].is-dark.has-background-color + label::before, [type=checkbox].is-dark.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-dark.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before, [type=checkbox].is-dark.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark:checked + label::after, [type=checkbox].is-dark.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-dark:checked + label:after { border-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before, [type=checkbox].is-dark.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after, [type=checkbox].is-dark.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-dark.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-dark.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=checkbox].is-dark.is-block:checked + label, [type=checkbox].is-dark.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(0, 0%, 21%) !important; background: hsl(0, 0%, 21%); } .is-checkradio[type=checkbox].is-dark.is-block:checked + label::after, [type=checkbox].is-dark.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-dark.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(0, 0%, 16%); } .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-dark.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-dark.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox].is-primary.has-background-color + label::before, [type=checkbox].is-primary.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-primary.has-background-color + label:before { border-color: transparent !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before, [type=checkbox].is-primary.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before { border-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary:checked + label::after, [type=checkbox].is-primary.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-primary:checked + label:after { border-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before, [type=checkbox].is-primary.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after, [type=checkbox].is-primary.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-primary.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-primary.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:before { border-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=checkbox].is-primary.is-block:checked + label, [type=checkbox].is-primary.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(171, 100%, 41%) !important; background: hsl(171, 100%, 41%); } .is-checkradio[type=checkbox].is-primary.is-block:checked + label::after, [type=checkbox].is-primary.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-primary.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(171, 100%, 36%); } .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-primary.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-primary.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox].is-link.has-background-color + label::before, [type=checkbox].is-link.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-link.has-background-color + label:before { border-color: transparent !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before, [type=checkbox].is-link.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before { border-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link:checked + label::after, [type=checkbox].is-link.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-link:checked + label:after { border-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before, [type=checkbox].is-link.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after, [type=checkbox].is-link.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-link.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-link.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:before { border-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-link.is-block:checked + label, [type=checkbox].is-link.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(229, 53%, 53%) !important; background: hsl(229, 53%, 53%); } .is-checkradio[type=checkbox].is-link.is-block:checked + label::after, [type=checkbox].is-link.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-link.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(229, 53%, 48%); } .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-link.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-link.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox].is-info.has-background-color + label::before, [type=checkbox].is-info.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-info.has-background-color + label:before { border-color: transparent !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before, [type=checkbox].is-info.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before { border-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info:checked + label::after, [type=checkbox].is-info.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-info:checked + label:after { border-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before, [type=checkbox].is-info.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after, [type=checkbox].is-info.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-info.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-info.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:before { border-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=checkbox].is-info.is-block:checked + label, [type=checkbox].is-info.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(207, 61%, 53%) !important; background: hsl(207, 61%, 53%); } .is-checkradio[type=checkbox].is-info.is-block:checked + label::after, [type=checkbox].is-info.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-info.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(207, 61%, 48%); } .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-info.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-info.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox].is-success.has-background-color + label::before, [type=checkbox].is-success.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-success.has-background-color + label:before { border-color: transparent !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before, [type=checkbox].is-success.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before { border-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success:checked + label::after, [type=checkbox].is-success.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-success:checked + label:after { border-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before, [type=checkbox].is-success.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after, [type=checkbox].is-success.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-success.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-success.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:before { border-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=checkbox].is-success.is-block:checked + label, [type=checkbox].is-success.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(153, 53%, 53%) !important; background: hsl(153, 53%, 53%); } .is-checkradio[type=checkbox].is-success.is-block:checked + label::after, [type=checkbox].is-success.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-success.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(153, 53%, 48%); } .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-success.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-success.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox].is-warning.has-background-color + label::before, [type=checkbox].is-warning.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-warning.has-background-color + label:before { border-color: transparent !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before, [type=checkbox].is-warning.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before { border-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning:checked + label::after, [type=checkbox].is-warning.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-warning:checked + label:after { border-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before, [type=checkbox].is-warning.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after, [type=checkbox].is-warning.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after { border-color: rgba(0, 0, 0, 0.7) !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-warning.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-warning.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:before { border-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=checkbox].is-warning.is-block:checked + label, [type=checkbox].is-warning.is-block.form__checkbox:checked + label { color: rgba(0, 0, 0, 0.7); border-color: hsl(44, 100%, 77%) !important; background: hsl(44, 100%, 77%); } .is-checkradio[type=checkbox].is-warning.is-block:checked + label::after, [type=checkbox].is-warning.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked + label:after { border-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-warning.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(44, 100%, 72%); } .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-warning.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-warning.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:before { border-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=checkbox].is-danger.has-background-color + label::before, [type=checkbox].is-danger.has-background-color.form__checkbox + label::before, .is-checkradio[type=checkbox].is-danger.has-background-color + label:before { border-color: transparent !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before, [type=checkbox].is-danger.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before { border-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger:checked + label::after, [type=checkbox].is-danger.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-danger:checked + label:after { border-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before, [type=checkbox].is-danger.form__checkbox:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before { border-color: transparent !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after, [type=checkbox].is-danger.form__checkbox:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after { border-color: #fff !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:after, [type=checkbox].is-danger.is-block.form__checkbox:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::before, [type=checkbox].is-danger.is-block.form__checkbox:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:before { border-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=checkbox].is-danger.is-block:checked + label, [type=checkbox].is-danger.is-block.form__checkbox:checked + label { color: #fff; border-color: hsl(348, 86%, 61%) !important; background: hsl(348, 86%, 61%); } .is-checkradio[type=checkbox].is-danger.is-block:checked + label::after, [type=checkbox].is-danger.is-block.form__checkbox:checked + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked + label:after { border-color: #fff !important; } .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label, [type=checkbox].is-danger.is-block.form__checkbox:checked:hover:not([disabled]) + label { background: hsl(348, 86%, 56%); } .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:after, [type=checkbox].is-danger.is-block.form__checkbox:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::before, [type=checkbox].is-danger.is-block.form__checkbox:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:before { border-color: rgb(242.25, 242.25, 242.25) !important; } .is-checkradio[type=checkbox]:indeterminate + label::after, [type=checkbox].form__checkbox:indeterminate + label::after, .is-checkradio[type=checkbox]:indeterminate + label:after { display: inline-block; transform: rotate(90deg); border-bottom: none; } .is-checkradio[type=checkbox]:indeterminate.is-white + label::after, [type=checkbox].form__checkbox:indeterminate.is-white + label::after, .is-checkradio[type=checkbox]:indeterminate.is-white + label:after { border-color: hsl(0, 0%, 100%); } .is-checkradio[type=checkbox]:indeterminate.is-black + label::after, [type=checkbox].form__checkbox:indeterminate.is-black + label::after, .is-checkradio[type=checkbox]:indeterminate.is-black + label:after { border-color: hsl(0, 0%, 4%); } .is-checkradio[type=checkbox]:indeterminate.is-light + label::after, [type=checkbox].form__checkbox:indeterminate.is-light + label::after, .is-checkradio[type=checkbox]:indeterminate.is-light + label:after { border-color: hsl(0, 0%, 96%); } .is-checkradio[type=checkbox]:indeterminate.is-dark + label::after, [type=checkbox].form__checkbox:indeterminate.is-dark + label::after, .is-checkradio[type=checkbox]:indeterminate.is-dark + label:after { border-color: hsl(0, 0%, 21%); } .is-checkradio[type=checkbox]:indeterminate.is-primary + label::after, [type=checkbox].form__checkbox:indeterminate.is-primary + label::after, .is-checkradio[type=checkbox]:indeterminate.is-primary + label:after { border-color: hsl(171, 100%, 41%); } .is-checkradio[type=checkbox]:indeterminate.is-link + label::after, [type=checkbox].form__checkbox:indeterminate.is-link + label::after, .is-checkradio[type=checkbox]:indeterminate.is-link + label:after { border-color: hsl(229, 53%, 53%); } .is-checkradio[type=checkbox]:indeterminate.is-info + label::after, [type=checkbox].form__checkbox:indeterminate.is-info + label::after, .is-checkradio[type=checkbox]:indeterminate.is-info + label:after { border-color: hsl(207, 61%, 53%); } .is-checkradio[type=checkbox]:indeterminate.is-success + label::after, [type=checkbox].form__checkbox:indeterminate.is-success + label::after, .is-checkradio[type=checkbox]:indeterminate.is-success + label:after { border-color: hsl(153, 53%, 53%); } .is-checkradio[type=checkbox]:indeterminate.is-warning + label::after, [type=checkbox].form__checkbox:indeterminate.is-warning + label::after, .is-checkradio[type=checkbox]:indeterminate.is-warning + label:after { border-color: hsl(44, 100%, 77%); } .is-checkradio[type=checkbox]:indeterminate.is-danger + label::after, [type=checkbox].form__checkbox:indeterminate.is-danger + label::after, .is-checkradio[type=checkbox]:indeterminate.is-danger + label:after { border-color: hsl(348, 86%, 61%); } .is-checkradio[type=radio] + label::before, [type=radio].form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio] + label:before { border-radius: 50%; } .is-checkradio[type=radio] + label::after, [type=radio].form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio] + label:after { border-radius: 50%; background: hsl(171, 100%, 41%); left: 0; transform: scale(0.5); } .is-checkradio[type=radio]:checked.has-background-color + label::before, [type=radio].form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio]:checked.has-background-color + label:before { border-color: hsl(0, 0%, 29%) !important; background-color: hsl(0, 0%, 29%) !important; } .is-checkradio[type=radio]:checked.has-background-color + label::after, [type=radio].form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio]:checked.has-background-color + label:after { border-color: hsl(0, 0%, 29%) !important; background-color: hsl(0, 0%, 29%) !important; } .is-checkradio[type=radio].is-rtl + label, [type=radio].is-rtl.form__checkbox[type=checkbox] + label { padding-left: 0; } .is-checkradio[type=radio].is-rtl + label::after, [type=radio].is-rtl.form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio].is-rtl + label:after { left: auto; right: 0; } .is-checkradio[type=radio] + label, [type=radio].form__checkbox[type=checkbox] + label { font-size: 1rem; line-height: 1.5rem; padding-left: 2rem; } .is-checkradio[type=radio] + label:before, [type=radio].form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio] + label::after, [type=radio].form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio] + label:after { width: 1.5rem; height: 1.5rem; } .is-checkradio[type=radio].is-rtl + label, [type=radio].is-rtl.form__checkbox[type=checkbox] + label { padding-right: 2rem; } .is-checkradio[type=radio].is-small + label, [type=radio].is-small.form__checkbox[type=checkbox] + label { font-size: 0.75rem; line-height: 1.125rem; padding-left: 1.5rem; } .is-checkradio[type=radio].is-small + label:before, [type=radio].is-small.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-small + label::after, [type=radio].is-small.form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio].is-small + label:after { width: 1.125rem; height: 1.125rem; } .is-checkradio[type=radio].is-small.is-rtl + label, [type=radio].is-small.is-rtl.form__checkbox[type=checkbox] + label { padding-right: 1.5rem; } .is-checkradio[type=radio].is-medium + label, [type=radio].is-medium.form__checkbox[type=checkbox] + label { font-size: 1.25rem; line-height: 1.875rem; padding-left: 2.5rem; } .is-checkradio[type=radio].is-medium + label:before, [type=radio].is-medium.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-medium + label::after, [type=radio].is-medium.form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio].is-medium + label:after { width: 1.875rem; height: 1.875rem; } .is-checkradio[type=radio].is-medium.is-rtl + label, [type=radio].is-medium.is-rtl.form__checkbox[type=checkbox] + label { padding-right: 2.5rem; } .is-checkradio[type=radio].is-large + label, [type=radio].is-large.form__checkbox[type=checkbox] + label { font-size: 1.5rem; line-height: 2.25rem; padding-left: 3rem; } .is-checkradio[type=radio].is-large + label:before, [type=radio].is-large.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-large + label::after, [type=radio].is-large.form__checkbox[type=checkbox] + label::after, .is-checkradio[type=radio].is-large + label:after { width: 2.25rem; height: 2.25rem; } .is-checkradio[type=radio].is-large.is-rtl + label, [type=radio].is-large.is-rtl.form__checkbox[type=checkbox] + label { padding-right: 3rem; } .is-checkradio[type=radio].is-white.has-background-color + label::before, [type=radio].is-white.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-white.has-background-color + label:before { border-color: hsl(0, 0%, 100%) !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before, [type=radio].is-white.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=radio].is-white:checked + label::after, [type=radio].is-white.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-white:checked + label:after { border-color: hsl(0, 0%, 100%) !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=radio].is-white:checked.has-background-color + label::before, [type=radio].is-white.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-white:checked.has-background-color + label:before { border-color: hsl(0, 0%, 100%) !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=radio].is-white:checked.has-background-color + label::after, [type=radio].is-white.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-white:checked.has-background-color + label:after { border-color: hsl(0, 0%, 4%) !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=radio].is-black.has-background-color + label::before, [type=radio].is-black.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-black.has-background-color + label:before { border-color: hsl(0, 0%, 4%) !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before, [type=radio].is-black.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=radio].is-black:checked + label::after, [type=radio].is-black.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-black:checked + label:after { border-color: hsl(0, 0%, 4%) !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=radio].is-black:checked.has-background-color + label::before, [type=radio].is-black.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-black:checked.has-background-color + label:before { border-color: hsl(0, 0%, 4%) !important; background-color: hsl(0, 0%, 4%) !important; } .is-checkradio[type=radio].is-black:checked.has-background-color + label::after, [type=radio].is-black.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-black:checked.has-background-color + label:after { border-color: hsl(0, 0%, 100%) !important; background-color: hsl(0, 0%, 100%) !important; } .is-checkradio[type=radio].is-light.has-background-color + label::before, [type=radio].is-light.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-light.has-background-color + label:before { border-color: hsl(0, 0%, 96%) !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before, [type=radio].is-light.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=radio].is-light:checked + label::after, [type=radio].is-light.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-light:checked + label:after { border-color: hsl(0, 0%, 96%) !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=radio].is-light:checked.has-background-color + label::before, [type=radio].is-light.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-light:checked.has-background-color + label:before { border-color: hsl(0, 0%, 96%) !important; background-color: hsl(0, 0%, 96%) !important; } .is-checkradio[type=radio].is-light:checked.has-background-color + label::after, [type=radio].is-light.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-light:checked.has-background-color + label:after { border-color: rgba(0, 0, 0, 0.7) !important; background-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=radio].is-dark.has-background-color + label::before, [type=radio].is-dark.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-dark.has-background-color + label:before { border-color: hsl(0, 0%, 21%) !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before, [type=radio].is-dark.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before { border-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=radio].is-dark:checked + label::after, [type=radio].is-dark.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-dark:checked + label:after { border-color: hsl(0, 0%, 21%) !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=radio].is-dark:checked.has-background-color + label::before, [type=radio].is-dark.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:before { border-color: hsl(0, 0%, 21%) !important; background-color: hsl(0, 0%, 21%) !important; } .is-checkradio[type=radio].is-dark:checked.has-background-color + label::after, [type=radio].is-dark.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } .is-checkradio[type=radio].is-primary.has-background-color + label::before, [type=radio].is-primary.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-primary.has-background-color + label:before { border-color: hsl(171, 100%, 41%) !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before, [type=radio].is-primary.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before { border-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=radio].is-primary:checked + label::after, [type=radio].is-primary.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-primary:checked + label:after { border-color: hsl(171, 100%, 41%) !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=radio].is-primary:checked.has-background-color + label::before, [type=radio].is-primary.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:before { border-color: hsl(171, 100%, 41%) !important; background-color: hsl(171, 100%, 41%) !important; } .is-checkradio[type=radio].is-primary:checked.has-background-color + label::after, [type=radio].is-primary.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } .is-checkradio[type=radio].is-link.has-background-color + label::before, [type=radio].is-link.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-link.has-background-color + label:before { border-color: hsl(229, 53%, 53%) !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before, [type=radio].is-link.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before { border-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=radio].is-link:checked + label::after, [type=radio].is-link.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-link:checked + label:after { border-color: hsl(229, 53%, 53%) !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=radio].is-link:checked.has-background-color + label::before, [type=radio].is-link.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-link:checked.has-background-color + label:before { border-color: hsl(229, 53%, 53%) !important; background-color: hsl(229, 53%, 53%) !important; } .is-checkradio[type=radio].is-link:checked.has-background-color + label::after, [type=radio].is-link.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-link:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } .is-checkradio[type=radio].is-info.has-background-color + label::before, [type=radio].is-info.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-info.has-background-color + label:before { border-color: hsl(207, 61%, 53%) !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before, [type=radio].is-info.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before { border-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=radio].is-info:checked + label::after, [type=radio].is-info.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-info:checked + label:after { border-color: hsl(207, 61%, 53%) !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=radio].is-info:checked.has-background-color + label::before, [type=radio].is-info.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-info:checked.has-background-color + label:before { border-color: hsl(207, 61%, 53%) !important; background-color: hsl(207, 61%, 53%) !important; } .is-checkradio[type=radio].is-info:checked.has-background-color + label::after, [type=radio].is-info.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-info:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } .is-checkradio[type=radio].is-success.has-background-color + label::before, [type=radio].is-success.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-success.has-background-color + label:before { border-color: hsl(153, 53%, 53%) !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before, [type=radio].is-success.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before { border-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=radio].is-success:checked + label::after, [type=radio].is-success.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-success:checked + label:after { border-color: hsl(153, 53%, 53%) !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=radio].is-success:checked.has-background-color + label::before, [type=radio].is-success.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-success:checked.has-background-color + label:before { border-color: hsl(153, 53%, 53%) !important; background-color: hsl(153, 53%, 53%) !important; } .is-checkradio[type=radio].is-success:checked.has-background-color + label::after, [type=radio].is-success.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-success:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } .is-checkradio[type=radio].is-warning.has-background-color + label::before, [type=radio].is-warning.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-warning.has-background-color + label:before { border-color: hsl(44, 100%, 77%) !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before, [type=radio].is-warning.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before { border-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=radio].is-warning:checked + label::after, [type=radio].is-warning.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-warning:checked + label:after { border-color: hsl(44, 100%, 77%) !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=radio].is-warning:checked.has-background-color + label::before, [type=radio].is-warning.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:before { border-color: hsl(44, 100%, 77%) !important; background-color: hsl(44, 100%, 77%) !important; } .is-checkradio[type=radio].is-warning:checked.has-background-color + label::after, [type=radio].is-warning.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:after { border-color: rgba(0, 0, 0, 0.7) !important; background-color: rgba(0, 0, 0, 0.7) !important; } .is-checkradio[type=radio].is-danger.has-background-color + label::before, [type=radio].is-danger.has-background-color.form__checkbox[type=checkbox] + label::before, .is-checkradio[type=radio].is-danger.has-background-color + label:before { border-color: hsl(348, 86%, 61%) !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before, [type=radio].is-danger.form__checkbox[type=checkbox]:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before { border-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=radio].is-danger:checked + label::after, [type=radio].is-danger.form__checkbox[type=checkbox]:checked + label::after, .is-checkradio[type=radio].is-danger:checked + label:after { border-color: hsl(348, 86%, 61%) !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=radio].is-danger:checked.has-background-color + label::before, [type=radio].is-danger.form__checkbox[type=checkbox]:checked.has-background-color + label::before, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:before { border-color: hsl(348, 86%, 61%) !important; background-color: hsl(348, 86%, 61%) !important; } .is-checkradio[type=radio].is-danger:checked.has-background-color + label::after, [type=radio].is-danger.form__checkbox[type=checkbox]:checked.has-background-color + label::after, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:after { border-color: #fff !important; background-color: #fff !important; } /*=============================== = Choices = ===============================*/ .choices { position: relative; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #EAEAEA; cursor: not-allowed; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #DDDDDD; background-color: #FFFFFF; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00BCD4; } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333333 transparent; margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin-top: 0; margin-right: -4px; margin-bottom: 0; margin-left: 8px; padding-left: 16px; border-left: 1px solid rgb(0, 142.7735849057, 161); background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); background-size: 8px; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus { opacity: 1; } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #DDDDDD; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden; } .is-focused .choices__inner, .is-open .choices__inner { border-color: rgb(182.75, 182.75, 182.75); } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00BCD4; border: 1px solid rgb(0, 165.3867924528, 186.5); color: #FFFFFF; word-break: break-all; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .choices__list--multiple .choices__item.is-highlighted { background-color: rgb(0, 165.3867924528, 186.5); border: 1px solid rgb(0, 142.7735849057, 161); } .is-disabled .choices__list--multiple .choices__item { background-color: rgb(170.25, 170.25, 170.25); border: 1px solid rgb(144.75, 144.75, 144.75); } .choices__list--dropdown { display: none; z-index: 1; position: absolute; width: 100%; background-color: #FFFFFF; border: 1px solid #DDDDDD; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all; } .choices__list--dropdown.is-active { display: block; } .is-open .choices__list--dropdown { border-color: rgb(182.75, 182.75, 182.75); } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px; } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: rgb(242.25, 242.25, 242.25); } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid rgb(246.5, 246.5, 246.5); color: rgb(127.5, 127.5, 127.5); } .choices__button { text-indent: -9999px; -webkit-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } .choices__input.is-hidden, .choices[data-type*=select-one] .choices__input.is-hidden, .choices[data-type*=select-multiple] .choices__input.is-hidden { display: none; } /*===== End of Choices ======*/ [data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) { cursor: pointer; overflow: visible; position: relative; } [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::before, [data-tooltip]:not([disabled])::after { box-sizing: border-box; color: hsl(0, 0%, 100%); display: inline-block; font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 0.75rem; hyphens: auto; opacity: 0; overflow: hidden; pointer-events: none; position: absolute; visibility: hidden; z-index: 1020; } [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after { content: ""; border-style: solid; border-width: 6px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; margin-bottom: -5px; } [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before { background: rgba(73.95, 73.95, 73.95, 0.9); border-radius: 2px; content: attr(data-tooltip); padding: 0.5rem 1rem; text-overflow: ellipsis; white-space: pre; } [data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } [data-tooltip]:not(.is-loading).has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-bottom::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } [data-tooltip]:not(.is-loading).has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-left::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } [data-tooltip]:not(.is-loading).has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-right::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } [data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before { height: auto; width: 24rem; max-width: 24rem; text-overflow: clip; white-space: normal; word-break: keep-all; } [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after { border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after { border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after { border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-right)::after { border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before { background-color: rgba(255, 255, 255, 0.9); color: hsl(0, 0%, 4%); } [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after { border-color: transparent transparent rgba(10.2, 10.2, 10.2, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after { border-color: transparent transparent transparent rgba(10.2, 10.2, 10.2, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after { border-color: transparent rgba(10.2, 10.2, 10.2, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-right)::after { border-color: rgba(10.2, 10.2, 10.2, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before { background-color: rgba(10.2, 10.2, 10.2, 0.9); color: hsl(0, 0%, 100%); } [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after { border-color: transparent transparent rgba(244.8, 244.8, 244.8, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after { border-color: transparent transparent transparent rgba(244.8, 244.8, 244.8, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after { border-color: transparent rgba(244.8, 244.8, 244.8, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-right)::after { border-color: rgba(244.8, 244.8, 244.8, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before { background-color: rgba(244.8, 244.8, 244.8, 0.9); color: rgba(0, 0, 0, 0.7); } [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after { border-color: transparent transparent rgba(53.55, 53.55, 53.55, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after { border-color: transparent transparent transparent rgba(53.55, 53.55, 53.55, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after { border-color: transparent rgba(53.55, 53.55, 53.55, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-right)::after { border-color: rgba(53.55, 53.55, 53.55, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before { background-color: rgba(53.55, 53.55, 53.55, 0.9); color: #fff; } [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after { border-color: transparent transparent rgba(0, 209.1, 177.735, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after { border-color: transparent transparent transparent rgba(0, 209.1, 177.735, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after { border-color: transparent rgba(0, 209.1, 177.735, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-right)::after { border-color: rgba(0, 209.1, 177.735, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before { background-color: rgba(0, 209.1, 177.735, 0.9); color: #fff; } [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after { border-color: transparent transparent rgba(71.6295, 94.92035, 198.6705, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after { border-color: transparent transparent transparent rgba(71.6295, 94.92035, 198.6705, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after { border-color: transparent rgba(71.6295, 94.92035, 198.6705, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-right)::after { border-color: rgba(71.6295, 94.92035, 198.6705, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before { background-color: rgba(71.6295, 94.92035, 198.6705, 0.9); color: #fff; } [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after { border-color: transparent transparent rgba(62.0415, 142.46085, 208.2585, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after { border-color: transparent transparent transparent rgba(62.0415, 142.46085, 208.2585, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after { border-color: transparent rgba(62.0415, 142.46085, 208.2585, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-right)::after { border-color: rgba(62.0415, 142.46085, 208.2585, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before { background-color: rgba(62.0415, 142.46085, 208.2585, 0.9); color: #fff; } [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after { border-color: transparent transparent rgba(71.6295, 198.6705, 141.50205, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after { border-color: transparent transparent transparent rgba(71.6295, 198.6705, 141.50205, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after { border-color: transparent rgba(71.6295, 198.6705, 141.50205, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-right)::after { border-color: rgba(71.6295, 198.6705, 141.50205, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before { background-color: rgba(71.6295, 198.6705, 141.50205, 0.9); color: #fff; } [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after { border-color: transparent transparent rgba(255, 223.72, 137.7, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after { border-color: transparent transparent transparent rgba(255, 223.72, 137.7, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after { border-color: transparent rgba(255, 223.72, 137.7, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-right)::after { border-color: rgba(255, 223.72, 137.7, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before { background-color: rgba(255, 223.72, 137.7, 0.9); color: rgba(0, 0, 0, 0.7); } [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after { border-color: transparent transparent rgba(241.077, 70.023, 104.2338, 0.9) transparent; } [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after { border-color: transparent transparent transparent rgba(241.077, 70.023, 104.2338, 0.9); } [data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after { border-color: transparent rgba(241.077, 70.023, 104.2338, 0.9) transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-right)::after { border-color: rgba(241.077, 70.023, 104.2338, 0.9) transparent transparent transparent; } [data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before { background-color: rgba(241.077, 70.023, 104.2338, 0.9); color: #fff; } [data-tooltip]:not(.is-loading):focus::before, [data-tooltip]:not(.is-loading):focus::after, [data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-disabled):focus::before, [data-tooltip]:not(.is-disabled):focus::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not([disabled]):focus::before, [data-tooltip]:not([disabled]):focus::after, [data-tooltip]:not([disabled]):hover::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]).has-tooltip-active::after { opacity: 1; visibility: visible; } [data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after { transition: opacity 0.3s linear, visibility 0.3s linear; } @media screen and (max-width: 768px) { .has-tooltip-top-mobile::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-mobile::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 769px), print { .has-tooltip-top-tablet::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-tablet::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-tooltip-top-tablet-only::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-tablet-only::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (max-width: 1023px) { .has-tooltip-top-touch::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-touch::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 1024px) { .has-tooltip-top-desktop::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-desktop::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-tooltip-top-desktop-only::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-desktop-only::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (max-width: 1215px) { .has-tooltip-top-until-widescreen::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-until-widescreen::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 1216px) { .has-tooltip-top-widescreen::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-widescreen::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-tooltip-top-widescreen-only::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-widescreen-only::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (max-width: 1407px) { .has-tooltip-top-until-fullhd::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-until-fullhd::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (min-width: 1408px) { .has-tooltip-top-fullhd::after { top: 0; right: auto; bottom: auto; left: 50%; margin-top: -5px; margin-right: auto; margin-bottom: auto; margin-left: -5px; border-color: rgba(73.95, 73.95, 73.95, 0.9) transparent transparent transparent; } .has-tooltip-top-fullhd::before { top: 0; right: auto; bottom: auto; left: 50%; top: 0; margin-top: -5px; margin-bottom: auto; transform: translate(-50%, -100%); } } @media screen and (max-width: 768px) { .has-tooltip-right-mobile::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-mobile::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 769px), print { .has-tooltip-right-tablet::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-tablet::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-tooltip-right-tablet-only::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-tablet-only::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (max-width: 1023px) { .has-tooltip-right-touch::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-touch::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 1024px) { .has-tooltip-right-desktop::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-desktop::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-tooltip-right-desktop-only::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-desktop-only::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (max-width: 1215px) { .has-tooltip-right-until-widescreen::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-until-widescreen::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 1216px) { .has-tooltip-right-widescreen::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-widescreen::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-tooltip-right-widescreen-only::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-widescreen-only::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (max-width: 1407px) { .has-tooltip-right-until-fullhd::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-until-fullhd::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (min-width: 1408px) { .has-tooltip-right-fullhd::after { top: auto; right: 0; bottom: 50%; left: auto; margin-top: auto; margin-right: -11px; margin-bottom: -6px; margin-left: auto; border-color: transparent rgba(73.95, 73.95, 73.95, 0.9) transparent transparent; } .has-tooltip-right-fullhd::before { top: auto; right: -11px; bottom: 50%; left: auto; margin-top: auto; transform: translate(100%, 50%); } } @media screen and (max-width: 768px) { .has-tooltip-bottom-mobile::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-mobile::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 769px), print { .has-tooltip-bottom-tablet::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-tablet::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-tooltip-bottom-tablet-only::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-tablet-only::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (max-width: 1023px) { .has-tooltip-bottom-touch::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-touch::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 1024px) { .has-tooltip-bottom-desktop::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-desktop::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-tooltip-bottom-desktop-only::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-desktop-only::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (max-width: 1215px) { .has-tooltip-bottom-until-widescreen::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-until-widescreen::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 1216px) { .has-tooltip-bottom-widescreen::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-widescreen::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-tooltip-bottom-widescreen-only::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-widescreen-only::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (max-width: 1407px) { .has-tooltip-bottom-until-fullhd::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-until-fullhd::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (min-width: 1408px) { .has-tooltip-bottom-fullhd::after { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-right: auto; margin-bottom: -5px; margin-left: -5px; border-color: transparent transparent rgba(73.95, 73.95, 73.95, 0.9) transparent; } .has-tooltip-bottom-fullhd::before { top: auto; right: auto; bottom: 0; left: 50%; margin-top: auto; margin-bottom: -5px; transform: translate(-50%, 100%); } } @media screen and (max-width: 768px) { .has-tooltip-left-mobile::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-mobile::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 769px), print { .has-tooltip-left-tablet::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-tablet::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-tooltip-left-tablet-only::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-tablet-only::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (max-width: 1023px) { .has-tooltip-left-touch::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-touch::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 1024px) { .has-tooltip-left-desktop::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-desktop::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-tooltip-left-desktop-only::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-desktop-only::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (max-width: 1215px) { .has-tooltip-left-until-widescreen::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-until-widescreen::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 1216px) { .has-tooltip-left-widescreen::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-widescreen::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-tooltip-left-widescreen-only::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-widescreen-only::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (max-width: 1407px) { .has-tooltip-left-until-fullhd::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-until-fullhd::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } @media screen and (min-width: 1408px) { .has-tooltip-left-fullhd::after { top: auto; right: auto; bottom: 50%; left: 0; margin-top: auto; margin-right: auto; margin-bottom: -6px; margin-left: -11px; border-color: transparent transparent transparent rgba(73.95, 73.95, 73.95, 0.9); } .has-tooltip-left-fullhd::before { top: auto; right: auto; bottom: 50%; left: -11px; transform: translate(-100%, 50%); } } /* Time report colors */ /* Bulma Utilities */ .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .taginput .taginput-container.is-focusable, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control), .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } .button:focus, .ui-datepicker-trigger:focus, .dataTables_paginate a.paginate_button:focus, .taginput .taginput-container.is-focusable:focus, .input:focus, .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:focus:not(.control), .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-focused.paginate_button, .taginput .is-focused.taginput-container.is-focusable, .is-focused.input, .is-focused.form__input, .auth-wrapper input.is-focused#login_captcha, .dataTables_filter input.is-focused, .dataTables_length label select.is-focused, .dataTable thead th input.is-focused:not([type=checkbox]), .table thead th input.is-focused:not([type=checkbox]), .modal .modal__body input.is-focused, .modal .modal__body select.is-focused, .is-focused.datepicker:not(.control), .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .ui-datepicker-trigger:active, .dataTables_paginate a.paginate_button:active, .taginput .taginput-container.is-focusable:active, .input:active, .form__input:active, .auth-wrapper input#login_captcha:active, .dataTables_filter input:active, .dataTables_length label select:active, .dataTable thead th input:active:not([type=checkbox]), .table thead th input:active:not([type=checkbox]), .modal .modal__body input:active, .modal .modal__body select:active, .datepicker:active:not(.control), .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.ui-datepicker-trigger, .dataTables_paginate a.is-active.paginate_button, .taginput .is-active.taginput-container.is-focusable, .is-active.input, .is-active.form__input, .auth-wrapper input.is-active#login_captcha, .dataTables_filter input.is-active, .dataTables_length label select.is-active, .dataTable thead th input.is-active:not([type=checkbox]), .table thead th input.is-active:not([type=checkbox]), .modal .modal__body input.is-active, .modal .modal__body select.is-active, .is-active.datepicker:not(.control), .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } [disabled].button, [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, .taginput [disabled].taginput-container.is-focusable, [disabled].input, [disabled].form__input, .auth-wrapper input[disabled]#login_captcha, .dataTables_filter input[disabled], .dataTables_length label select[disabled], .dataTable thead th input[disabled]:not([type=checkbox]), .table thead th input[disabled]:not([type=checkbox]), .modal .modal__body input[disabled], .modal .modal__body select[disabled], [disabled].datepicker:not(.control), [disabled].textarea, .select select[disabled], [disabled].file-cta, [disabled].file-name, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.paginate_button, .dataTables_paginate fieldset[disabled] a.paginate_button, fieldset[disabled] .taginput .taginput-container.is-focusable, .taginput fieldset[disabled] .taginput-container.is-focusable, fieldset[disabled] .input, fieldset[disabled] .form__input, fieldset[disabled] .auth-wrapper input#login_captcha, .auth-wrapper fieldset[disabled] input#login_captcha, fieldset[disabled] .dataTables_filter input, .dataTables_filter fieldset[disabled] input, fieldset[disabled] .dataTables_length label select, .dataTables_length label fieldset[disabled] select, fieldset[disabled] .dataTable thead th input:not([type=checkbox]), fieldset[disabled] .table thead th input:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:not([type=checkbox]), .table thead th fieldset[disabled] input:not([type=checkbox]), fieldset[disabled] .modal .modal__body input, .modal .modal__body fieldset[disabled] input, fieldset[disabled] .modal .modal__body select, .modal .modal__body fieldset[disabled] select, fieldset[disabled] .datepicker:not(.control), fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } .switch, .b-radio.radio, .b-checkbox.checkbox, .carousel-list, .carousel, .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs, .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; } .box:not(:last-child), .form__sub-collection > div:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .progress-wrapper.is-not-native:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { margin-bottom: 1.5rem; } .delete, .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.2, 10.2, 10.2, 0.2); border: none; border-radius: 9999px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete::before, .modal-close::before, .delete::after, .modal-close::after { background-color: hsl(0, 0%, 100%); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete::before, .modal-close::before { height: 2px; width: 50%; } .delete::after, .modal-close::after { height: 50%; width: 2px; } .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { background-color: rgba(10.2, 10.2, 10.2, 0.3); } .delete:active, .modal-close:active { background-color: rgba(10.2, 10.2, 10.2, 0.4); } .is-small.delete, .is-small.modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.delete, .is-medium.modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.delete, .is-large.modal-close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .button.is-loading::after, .is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-loading.paginate_button::after, .loader, .select.is-loading::after, .control.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .b-image-wrapper > img.has-ratio, .b-image-wrapper > img.placeholder, .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .navbar-burger { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; } /*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ /* Bulma Utilities */ .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .taginput .taginput-container.is-focusable, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control), .textarea, .select select, .file-cta, .file-name, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; border-radius: 4px; box-shadow: none; display: inline-flex; font-size: 1rem; height: 2.5em; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; } .button:focus, .ui-datepicker-trigger:focus, .dataTables_paginate a.paginate_button:focus, .taginput .taginput-container.is-focusable:focus, .input:focus, .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:focus:not(.control), .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-focused.paginate_button, .taginput .is-focused.taginput-container.is-focusable, .is-focused.input, .is-focused.form__input, .auth-wrapper input.is-focused#login_captcha, .dataTables_filter input.is-focused, .dataTables_length label select.is-focused, .dataTable thead th input.is-focused:not([type=checkbox]), .table thead th input.is-focused:not([type=checkbox]), .modal .modal__body input.is-focused, .modal .modal__body select.is-focused, .is-focused.datepicker:not(.control), .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-previous, .is-focused.pagination-next, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .ui-datepicker-trigger:active, .dataTables_paginate a.paginate_button:active, .taginput .taginput-container.is-focusable:active, .input:active, .form__input:active, .auth-wrapper input#login_captcha:active, .dataTables_filter input:active, .dataTables_length label select:active, .dataTable thead th input:active:not([type=checkbox]), .table thead th input:active:not([type=checkbox]), .modal .modal__body input:active, .modal .modal__body select:active, .datepicker:active:not(.control), .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-previous:active, .pagination-next:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.ui-datepicker-trigger, .dataTables_paginate a.is-active.paginate_button, .taginput .is-active.taginput-container.is-focusable, .is-active.input, .is-active.form__input, .auth-wrapper input.is-active#login_captcha, .dataTables_filter input.is-active, .dataTables_length label select.is-active, .dataTable thead th input.is-active:not([type=checkbox]), .table thead th input.is-active:not([type=checkbox]), .modal .modal__body input.is-active, .modal .modal__body select.is-active, .is-active.datepicker:not(.control), .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-previous, .is-active.pagination-next, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; } [disabled].button, [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, .taginput [disabled].taginput-container.is-focusable, [disabled].input, [disabled].form__input, .auth-wrapper input[disabled]#login_captcha, .dataTables_filter input[disabled], .dataTables_length label select[disabled], .dataTable thead th input[disabled]:not([type=checkbox]), .table thead th input[disabled]:not([type=checkbox]), .modal .modal__body input[disabled], .modal .modal__body select[disabled], [disabled].datepicker:not(.control), [disabled].textarea, .select select[disabled], [disabled].file-cta, [disabled].file-name, [disabled].pagination-previous, [disabled].pagination-next, [disabled].pagination-link, [disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.paginate_button, .dataTables_paginate fieldset[disabled] a.paginate_button, fieldset[disabled] .taginput .taginput-container.is-focusable, .taginput fieldset[disabled] .taginput-container.is-focusable, fieldset[disabled] .input, fieldset[disabled] .form__input, fieldset[disabled] .auth-wrapper input#login_captcha, .auth-wrapper fieldset[disabled] input#login_captcha, fieldset[disabled] .dataTables_filter input, .dataTables_filter fieldset[disabled] input, fieldset[disabled] .dataTables_length label select, .dataTables_length label fieldset[disabled] select, fieldset[disabled] .dataTable thead th input:not([type=checkbox]), fieldset[disabled] .table thead th input:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:not([type=checkbox]), .table thead th fieldset[disabled] input:not([type=checkbox]), fieldset[disabled] .modal .modal__body input, .modal .modal__body fieldset[disabled] input, fieldset[disabled] .modal .modal__body select, .modal .modal__body fieldset[disabled] select, fieldset[disabled] .datepicker:not(.control), fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; } .switch, .b-radio.radio, .b-checkbox.checkbox, .carousel-list, .carousel, .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .file, .breadcrumb, .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis, .tabs, .is-unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { border: 3px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: " "; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; } .box:not(:last-child), .form__sub-collection > div:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .progress-wrapper.is-not-native:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { margin-bottom: 1.5rem; } .delete, .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.2, 10.2, 10.2, 0.2); border: none; border-radius: 9999px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; } .delete::before, .modal-close::before, .delete::after, .modal-close::after { background-color: hsl(0, 0%, 100%); content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .delete::before, .modal-close::before { height: 2px; width: 50%; } .delete::after, .modal-close::after { height: 50%; width: 2px; } .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { background-color: rgba(10.2, 10.2, 10.2, 0.3); } .delete:active, .modal-close:active { background-color: rgba(10.2, 10.2, 10.2, 0.4); } .is-small.delete, .is-small.modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; } .is-medium.delete, .is-medium.modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; } .is-large.delete, .is-large.modal-close { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; } .button.is-loading::after, .is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-loading.paginate_button::after, .loader, .select.is-loading::after, .control.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; } .b-image-wrapper > img.has-ratio, .b-image-wrapper > img.placeholder, .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .navbar-burger { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; } /* Bulma Base */ /*! minireset.css v0.0.6 | 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; } *, *::before, *::after { box-sizing: inherit; } img, video { height: auto; max-width: 100%; } iframe { border: 0; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } td:not([align]), th:not([align]) { text-align: inherit; } html { background-color: hsl(0, 0%, 100%); font-size: 16px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; overflow-y: scroll; text-rendering: optimizeLegibility; text-size-adjust: 100%; } article, aside, figure, footer, header, hgroup, section { display: block; } body, button, input, optgroup, select, textarea { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; } code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; } body { color: hsl(0, 0%, 29%); font-size: 1em; font-weight: 400; line-height: 1.5; } a { color: #25A18E; cursor: pointer; text-decoration: none; } a strong { color: currentColor; } a:hover { color: hsl(0, 0%, 21%); } code { background-color: hsl(0, 0%, 96%); color: hsl(348, 86%, 46%); font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; } hr { background-color: hsl(0, 0%, 96%); border: none; display: block; height: 2px; margin: 1.5rem 0; } img { height: auto; max-width: 100%; } input[type=checkbox], input[type=radio] { vertical-align: baseline; } small { font-size: 0.875em; } span { font-style: inherit; font-weight: inherit; } strong { color: hsl(0, 0%, 21%); font-weight: 700; } fieldset { border: none; } pre { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 29%); font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; } pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; } table td, table th { vertical-align: top; } table td:not([align]), table th:not([align]) { text-align: inherit; } table th { color: hsl(0, 0%, 21%); } @keyframes spinAround { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } /* Bulma Elements */ .box, .form__sub-collection > div { background-color: hsl(0, 0%, 100%); border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); color: hsl(0, 0%, 29%); display: block; padding: 1.25rem; } a.box:hover, a.box:focus { box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px hsl(229, 53%, 53%); } a.box:active { box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px hsl(229, 53%, 53%); } .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-width: 1px; color: hsl(0, 0%, 21%); cursor: pointer; justify-content: center; padding-bottom: calc(0.5em - 1px); padding-left: 1em; padding-right: 1em; padding-top: calc(0.5em - 1px); text-align: center; white-space: nowrap; } .button strong, .ui-datepicker-trigger strong, .dataTables_paginate a.paginate_button strong { color: inherit; } .button .icon, .ui-datepicker-trigger .icon, .dataTables_paginate a.paginate_button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; } .button .icon:first-child:not(:last-child), .ui-datepicker-trigger .icon:first-child:not(:last-child), .dataTables_paginate a.paginate_button .icon:first-child:not(:last-child) { margin-left: calc(-0.5em - 1px); margin-right: 0.25em; } .button .icon:last-child:not(:first-child), .ui-datepicker-trigger .icon:last-child:not(:first-child), .dataTables_paginate a.paginate_button .icon:last-child:not(:first-child) { margin-left: 0.25em; margin-right: calc(-0.5em - 1px); } .button .icon:first-child:last-child, .ui-datepicker-trigger .icon:first-child:last-child, .dataTables_paginate a.paginate_button .icon:first-child:last-child { margin-left: calc(-0.5em - 1px); margin-right: calc(-0.5em - 1px); } .button:hover, .ui-datepicker-trigger:hover, .dataTables_paginate a.paginate_button:hover, .button.is-hovered, .is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-hovered.paginate_button { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } .button:focus, .ui-datepicker-trigger:focus, .dataTables_paginate a.paginate_button:focus, .button.is-focused, .is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-focused.paginate_button { border-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } .button:focus:not(:active), .ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.paginate_button:focus:not(:active), .button.is-focused:not(:active), .is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .button:active, .ui-datepicker-trigger:active, .dataTables_paginate a.paginate_button:active, .button.is-active, .is-active.ui-datepicker-trigger, .dataTables_paginate a.is-active.paginate_button { border-color: hsl(0, 0%, 29%); color: hsl(0, 0%, 21%); } .button.is-text, .is-text.ui-datepicker-trigger, .dataTables_paginate a.is-text.paginate_button { background-color: transparent; border-color: transparent; color: hsl(0, 0%, 29%); text-decoration: underline; } .button.is-text:hover, .is-text.ui-datepicker-trigger:hover, .dataTables_paginate a.is-text.paginate_button:hover, .button.is-text.is-hovered, .is-text.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-hovered.paginate_button, .button.is-text:focus, .is-text.ui-datepicker-trigger:focus, .dataTables_paginate a.is-text.paginate_button:focus, .button.is-text.is-focused, .is-text.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-focused.paginate_button { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 21%); } .button.is-text:active, .is-text.ui-datepicker-trigger:active, .dataTables_paginate a.is-text.paginate_button:active, .button.is-text.is-active, .is-text.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-text.is-active.paginate_button { background-color: hsl(0, 0%, 91%); color: hsl(0, 0%, 21%); } .button.is-text[disabled], .is-text[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-text[disabled].paginate_button, fieldset[disabled] .button.is-text, fieldset[disabled] .is-text.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-text.paginate_button, .dataTables_paginate fieldset[disabled] a.is-text.paginate_button { background-color: transparent; border-color: transparent; box-shadow: none; } .button.is-ghost, .is-ghost.ui-datepicker-trigger, .dataTables_paginate a.is-ghost.paginate_button { background: none; border-color: transparent; color: hsl(229, 53%, 53%); text-decoration: none; } .button.is-ghost:hover, .is-ghost.ui-datepicker-trigger:hover, .dataTables_paginate a.is-ghost.paginate_button:hover, .button.is-ghost.is-hovered, .is-ghost.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-ghost.is-hovered.paginate_button { color: hsl(229, 53%, 53%); text-decoration: underline; } .button.is-white, .is-white.ui-datepicker-trigger, .dataTables_paginate a.is-white.paginate_button { background-color: hsl(0, 0%, 100%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:hover, .is-white.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.paginate_button:hover, .button.is-white.is-hovered, .is-white.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-hovered.paginate_button { background-color: hsl(0, 0%, 97.5%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:focus, .is-white.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.paginate_button:focus, .button.is-white.is-focused, .is-white.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-focused.paginate_button { border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white:focus:not(:active), .is-white.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-white.paginate_button:focus:not(:active), .button.is-white.is-focused:not(:active), .is-white.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-white.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .button.is-white:active, .is-white.ui-datepicker-trigger:active, .dataTables_paginate a.is-white.paginate_button:active, .button.is-white.is-active, .is-white.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-active.paginate_button { background-color: hsl(0, 0%, 95%); border-color: transparent; color: hsl(0, 0%, 4%); } .button.is-white[disabled], .is-white[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white[disabled].paginate_button, fieldset[disabled] .button.is-white, fieldset[disabled] .is-white.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); box-shadow: none; } .button.is-white.is-inverted, .is-white.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.paginate_button { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-white.is-inverted:hover, .is-white.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-inverted.paginate_button:hover, .button.is-white.is-inverted.is-hovered, .is-white.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-hovered.paginate_button { background-color: hsl(0, 0%, 0%); } .button.is-white.is-inverted[disabled], .is-white.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-white.is-inverted, fieldset[disabled] .is-white.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-inverted.paginate_button { background-color: hsl(0, 0%, 4%); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-white.is-loading::after, .is-white.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-white.is-outlined, .is-white.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .button.is-white.is-outlined:hover, .is-white.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-outlined.paginate_button:hover, .button.is-white.is-outlined.is-hovered, .is-white.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.is-hovered.paginate_button, .button.is-white.is-outlined:focus, .is-white.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.is-outlined.paginate_button:focus, .button.is-white.is-outlined.is-focused, .is-white.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-white.is-outlined.is-loading::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-white.is-outlined.is-loading:hover::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .is-white.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-white.is-outlined.is-loading:focus::after, .is-white.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-white.is-outlined.is-loading.paginate_button:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after, .is-white.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-white.is-outlined[disabled], .is-white.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-white.is-outlined, fieldset[disabled] .is-white.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-white.is-inverted.is-outlined, .is-white.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .button.is-white.is-inverted.is-outlined:hover, .is-white.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .is-white.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-white.is-inverted.is-outlined:focus, .is-white.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button:focus, .button.is-white.is-inverted.is-outlined.is-focused, .is-white.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .is-white.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .is-white.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .is-white.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after, .is-white.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-white.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-white.is-inverted.is-outlined[disabled], .is-white.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-white.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-white.is-inverted.is-outlined, fieldset[disabled] .is-white.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-white.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-white.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black, .is-black.ui-datepicker-trigger, .dataTables_paginate a.is-black.paginate_button { background-color: hsl(0, 0%, 4%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:hover, .is-black.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.paginate_button:hover, .button.is-black.is-hovered, .is-black.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-hovered.paginate_button { background-color: hsl(0, 0%, 1.5%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:focus, .is-black.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.paginate_button:focus, .button.is-black.is-focused, .is-black.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-focused.paginate_button { border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black:focus:not(:active), .is-black.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-black.paginate_button:focus:not(:active), .button.is-black.is-focused:not(:active), .is-black.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-black.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .button.is-black:active, .is-black.ui-datepicker-trigger:active, .dataTables_paginate a.is-black.paginate_button:active, .button.is-black.is-active, .is-black.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-active.paginate_button { background-color: hsl(0, 0%, 0%); border-color: transparent; color: hsl(0, 0%, 100%); } .button.is-black[disabled], .is-black[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black[disabled].paginate_button, fieldset[disabled] .button.is-black, fieldset[disabled] .is-black.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.paginate_button { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); box-shadow: none; } .button.is-black.is-inverted, .is-black.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.paginate_button { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-black.is-inverted:hover, .is-black.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-inverted.paginate_button:hover, .button.is-black.is-inverted.is-hovered, .is-black.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-hovered.paginate_button { background-color: hsl(0, 0%, 95%); } .button.is-black.is-inverted[disabled], .is-black.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-black.is-inverted, fieldset[disabled] .is-black.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-inverted.paginate_button { background-color: hsl(0, 0%, 100%); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black.is-loading::after, .is-black.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-black.is-outlined, .is-black.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .button.is-black.is-outlined:hover, .is-black.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-outlined.paginate_button:hover, .button.is-black.is-outlined.is-hovered, .is-black.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.is-hovered.paginate_button, .button.is-black.is-outlined:focus, .is-black.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.is-outlined.paginate_button:focus, .button.is-black.is-outlined.is-focused, .is-black.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .button.is-black.is-outlined.is-loading::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-black.is-outlined.is-loading:hover::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .is-black.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-black.is-outlined.is-loading:focus::after, .is-black.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-black.is-outlined.is-loading.paginate_button:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after, .is-black.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; } .button.is-black.is-outlined[disabled], .is-black.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-black.is-outlined, fieldset[disabled] .is-black.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 4%); box-shadow: none; color: hsl(0, 0%, 4%); } .button.is-black.is-inverted.is-outlined, .is-black.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 100%); } .button.is-black.is-inverted.is-outlined:hover, .is-black.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .is-black.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-black.is-inverted.is-outlined:focus, .is-black.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button:focus, .button.is-black.is-inverted.is-outlined.is-focused, .is-black.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .is-black.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .is-black.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .is-black.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after, .is-black.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-black.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; } .button.is-black.is-inverted.is-outlined[disabled], .is-black.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-black.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-black.is-inverted.is-outlined, fieldset[disabled] .is-black.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-black.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-black.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 100%); box-shadow: none; color: hsl(0, 0%, 100%); } .button.is-light, .is-light.ui-datepicker-trigger, .dataTables_paginate a.is-light.paginate_button { background-color: hsl(0, 0%, 96%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:hover, .is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.paginate_button:hover, .button.is-light.is-hovered, .is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-hovered.paginate_button { background-color: hsl(0, 0%, 93.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:focus, .is-light.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.paginate_button:focus, .button.is-light.is-focused, .is-light.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-focused.paginate_button { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light:focus:not(:active), .is-light.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-light.paginate_button:focus:not(:active), .button.is-light.is-focused:not(:active), .is-light.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-light.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .button.is-light:active, .is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-light.paginate_button:active, .button.is-light.is-active, .is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-active.paginate_button { background-color: hsl(0, 0%, 91%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-light[disabled], .is-light[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light[disabled].paginate_button, fieldset[disabled] .button.is-light, fieldset[disabled] .is-light.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); box-shadow: none; } .button.is-light.is-inverted, .is-light.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .button.is-light.is-inverted:hover, .is-light.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-inverted.paginate_button:hover, .button.is-light.is-inverted.is-hovered, .is-light.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-hovered.paginate_button { background-color: rgba(0, 0, 0, 0.7); } .button.is-light.is-inverted[disabled], .is-light.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-light.is-inverted, fieldset[disabled] .is-light.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: hsl(0, 0%, 96%); } .button.is-light.is-loading::after, .is-light.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-loading.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-light.is-outlined, .is-light.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .button.is-light.is-outlined:hover, .is-light.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-outlined.paginate_button:hover, .button.is-light.is-outlined.is-hovered, .is-light.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.is-hovered.paginate_button, .button.is-light.is-outlined:focus, .is-light.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.is-outlined.paginate_button:focus, .button.is-light.is-outlined.is-focused, .is-light.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .button.is-light.is-outlined.is-loading::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; } .button.is-light.is-outlined.is-loading:hover::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .is-light.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-light.is-outlined.is-loading:focus::after, .is-light.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-light.is-outlined.is-loading.paginate_button:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after, .is-light.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-light.is-outlined[disabled], .is-light.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-light.is-outlined, fieldset[disabled] .is-light.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 96%); box-shadow: none; color: hsl(0, 0%, 96%); } .button.is-light.is-inverted.is-outlined, .is-light.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } .button.is-light.is-inverted.is-outlined:hover, .is-light.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .is-light.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-light.is-inverted.is-outlined:focus, .is-light.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button:focus, .button.is-light.is-inverted.is-outlined.is-focused, .is-light.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-focused.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .is-light.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .is-light.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .is-light.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, .is-light.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-light.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; } .button.is-light.is-inverted.is-outlined[disabled], .is-light.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-light.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-light.is-inverted.is-outlined, fieldset[disabled] .is-light.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-light.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-light.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-dark, .is-dark.ui-datepicker-trigger, .dataTables_paginate a.is-dark.paginate_button { background-color: hsl(0, 0%, 21%); border-color: transparent; color: #fff; } .button.is-dark:hover, .is-dark.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.paginate_button:hover, .button.is-dark.is-hovered, .is-dark.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-hovered.paginate_button { background-color: hsl(0, 0%, 18.5%); border-color: transparent; color: #fff; } .button.is-dark:focus, .is-dark.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.paginate_button:focus, .button.is-dark.is-focused, .is-dark.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-dark:focus:not(:active), .is-dark.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-dark.paginate_button:focus:not(:active), .button.is-dark.is-focused:not(:active), .is-dark.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-dark.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .button.is-dark:active, .is-dark.ui-datepicker-trigger:active, .dataTables_paginate a.is-dark.paginate_button:active, .button.is-dark.is-active, .is-dark.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-active.paginate_button { background-color: hsl(0, 0%, 16%); border-color: transparent; color: #fff; } .button.is-dark[disabled], .is-dark[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark[disabled].paginate_button, fieldset[disabled] .button.is-dark, fieldset[disabled] .is-dark.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.paginate_button { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); box-shadow: none; } .button.is-dark.is-inverted, .is-dark.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.paginate_button { background-color: #fff; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted:hover, .is-dark.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-inverted.paginate_button:hover, .button.is-dark.is-inverted.is-hovered, .is-dark.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-dark.is-inverted[disabled], .is-dark.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-inverted, fieldset[disabled] .is-dark.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(0, 0%, 21%); } .button.is-dark.is-loading::after, .is-dark.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-dark.is-outlined, .is-dark.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 21%); color: hsl(0, 0%, 21%); } .button.is-dark.is-outlined:hover, .is-dark.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-outlined.paginate_button:hover, .button.is-dark.is-outlined.is-hovered, .is-dark.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.is-hovered.paginate_button, .button.is-dark.is-outlined:focus, .is-dark.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.is-outlined.paginate_button:focus, .button.is-dark.is-outlined.is-focused, .is-dark.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined.is-focused.paginate_button { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: #fff; } .button.is-dark.is-outlined.is-loading::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } .button.is-dark.is-outlined.is-loading:hover::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .is-dark.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-dark.is-outlined.is-loading:focus::after, .is-dark.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.paginate_button:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after, .is-dark.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-dark.is-outlined[disabled], .is-dark.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-outlined, fieldset[disabled] .is-dark.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-outlined.paginate_button { background-color: transparent; border-color: hsl(0, 0%, 21%); box-shadow: none; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted.is-outlined, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-dark.is-inverted.is-outlined:hover, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .is-dark.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-dark.is-inverted.is-outlined:focus, .is-dark.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button:focus, .button.is-dark.is-inverted.is-outlined.is-focused, .is-dark.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(0, 0%, 21%); } .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .is-dark.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .is-dark.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .is-dark.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after, .is-dark.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-dark.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; } .button.is-dark.is-inverted.is-outlined[disabled], .is-dark.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-dark.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-dark.is-inverted.is-outlined, fieldset[disabled] .is-dark.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-dark.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-dark.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-primary, .is-primary.ui-datepicker-trigger, .dataTables_paginate a.is-primary.paginate_button { background-color: hsl(171, 100%, 41%); border-color: transparent; color: #fff; } .button.is-primary:hover, .is-primary.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.paginate_button:hover, .button.is-primary.is-hovered, .is-primary.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-hovered.paginate_button { background-color: hsl(171, 100%, 38.5%); border-color: transparent; color: #fff; } .button.is-primary:focus, .is-primary.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.paginate_button:focus, .button.is-primary.is-focused, .is-primary.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-primary:focus:not(:active), .is-primary.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-primary.paginate_button:focus:not(:active), .button.is-primary.is-focused:not(:active), .is-primary.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-primary.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .button.is-primary:active, .is-primary.ui-datepicker-trigger:active, .dataTables_paginate a.is-primary.paginate_button:active, .button.is-primary.is-active, .is-primary.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-active.paginate_button { background-color: hsl(171, 100%, 36%); border-color: transparent; color: #fff; } .button.is-primary[disabled], .is-primary[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary[disabled].paginate_button, fieldset[disabled] .button.is-primary, fieldset[disabled] .is-primary.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.paginate_button { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); box-shadow: none; } .button.is-primary.is-inverted, .is-primary.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.paginate_button { background-color: #fff; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted:hover, .is-primary.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-inverted.paginate_button:hover, .button.is-primary.is-inverted.is-hovered, .is-primary.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-primary.is-inverted[disabled], .is-primary.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-inverted, fieldset[disabled] .is-primary.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(171, 100%, 41%); } .button.is-primary.is-loading::after, .is-primary.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined, .is-primary.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.paginate_button { background-color: transparent; border-color: hsl(171, 100%, 41%); color: hsl(171, 100%, 41%); } .button.is-primary.is-outlined:hover, .is-primary.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-outlined.paginate_button:hover, .button.is-primary.is-outlined.is-hovered, .is-primary.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.is-hovered.paginate_button, .button.is-primary.is-outlined:focus, .is-primary.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.is-outlined.paginate_button:focus, .button.is-primary.is-outlined.is-focused, .is-primary.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined.is-focused.paginate_button { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); color: #fff; } .button.is-primary.is-outlined.is-loading::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } .button.is-primary.is-outlined.is-loading:hover::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .is-primary.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-primary.is-outlined.is-loading:focus::after, .is-primary.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.paginate_button:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after, .is-primary.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-primary.is-outlined[disabled], .is-primary.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-outlined, fieldset[disabled] .is-primary.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-outlined.paginate_button { background-color: transparent; border-color: hsl(171, 100%, 41%); box-shadow: none; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted.is-outlined, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-primary.is-inverted.is-outlined:hover, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .is-primary.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-primary.is-inverted.is-outlined:focus, .is-primary.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button:focus, .button.is-primary.is-inverted.is-outlined.is-focused, .is-primary.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(171, 100%, 41%); } .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .is-primary.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .is-primary.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .is-primary.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after, .is-primary.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-primary.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; } .button.is-primary.is-inverted.is-outlined[disabled], .is-primary.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-primary.is-inverted.is-outlined, fieldset[disabled] .is-primary.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-primary.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-primary.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-primary.is-light, .is-primary.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.paginate_button { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .button.is-primary.is-light:hover, .is-primary.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-light.paginate_button:hover, .button.is-primary.is-light.is-hovered, .is-primary.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.is-hovered.paginate_button { background-color: hsl(171, 100%, 93.5%); border-color: transparent; color: hsl(171, 100%, 29%); } .button.is-primary.is-light:active, .is-primary.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-primary.is-light.paginate_button:active, .button.is-primary.is-light.is-active, .is-primary.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-light.is-active.paginate_button { background-color: hsl(171, 100%, 91%); border-color: transparent; color: hsl(171, 100%, 29%); } .button.is-link, .is-link.ui-datepicker-trigger, .dataTables_paginate a.is-link.paginate_button { background-color: hsl(229, 53%, 53%); border-color: transparent; color: #fff; } .button.is-link:hover, .is-link.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.paginate_button:hover, .button.is-link.is-hovered, .is-link.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-hovered.paginate_button { background-color: hsl(229, 53%, 50.5%); border-color: transparent; color: #fff; } .button.is-link:focus, .is-link.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.paginate_button:focus, .button.is-link.is-focused, .is-link.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-link:focus:not(:active), .is-link.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-link.paginate_button:focus:not(:active), .button.is-link.is-focused:not(:active), .is-link.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-link.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .button.is-link:active, .is-link.ui-datepicker-trigger:active, .dataTables_paginate a.is-link.paginate_button:active, .button.is-link.is-active, .is-link.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-active.paginate_button { background-color: hsl(229, 53%, 48%); border-color: transparent; color: #fff; } .button.is-link[disabled], .is-link[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link[disabled].paginate_button, fieldset[disabled] .button.is-link, fieldset[disabled] .is-link.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.paginate_button { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); box-shadow: none; } .button.is-link.is-inverted, .is-link.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.paginate_button { background-color: #fff; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted:hover, .is-link.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-inverted.paginate_button:hover, .button.is-link.is-inverted.is-hovered, .is-link.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-link.is-inverted[disabled], .is-link.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-link.is-inverted, fieldset[disabled] .is-link.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(229, 53%, 53%); } .button.is-link.is-loading::after, .is-link.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined, .is-link.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.paginate_button { background-color: transparent; border-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 53%); } .button.is-link.is-outlined:hover, .is-link.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-outlined.paginate_button:hover, .button.is-link.is-outlined.is-hovered, .is-link.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.is-hovered.paginate_button, .button.is-link.is-outlined:focus, .is-link.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.is-outlined.paginate_button:focus, .button.is-link.is-outlined.is-focused, .is-link.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined.is-focused.paginate_button { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .button.is-link.is-outlined.is-loading::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } .button.is-link.is-outlined.is-loading:hover::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .is-link.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-link.is-outlined.is-loading:focus::after, .is-link.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-link.is-outlined.is-loading.paginate_button:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after, .is-link.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-link.is-outlined[disabled], .is-link.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-link.is-outlined, fieldset[disabled] .is-link.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-outlined.paginate_button { background-color: transparent; border-color: hsl(229, 53%, 53%); box-shadow: none; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted.is-outlined, .is-link.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-link.is-inverted.is-outlined:hover, .is-link.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .is-link.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-link.is-inverted.is-outlined:focus, .is-link.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button:focus, .button.is-link.is-inverted.is-outlined.is-focused, .is-link.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(229, 53%, 53%); } .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .is-link.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .is-link.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .is-link.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after, .is-link.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-link.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; } .button.is-link.is-inverted.is-outlined[disabled], .is-link.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-link.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-link.is-inverted.is-outlined, fieldset[disabled] .is-link.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-link.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-link.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-link.is-light, .is-link.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.paginate_button { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .button.is-link.is-light:hover, .is-link.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-link.is-light.paginate_button:hover, .button.is-link.is-light.is-hovered, .is-link.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.is-hovered.paginate_button { background-color: hsl(229, 53%, 93.5%); border-color: transparent; color: hsl(229, 53%, 47%); } .button.is-link.is-light:active, .is-link.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-link.is-light.paginate_button:active, .button.is-link.is-light.is-active, .is-link.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-link.is-light.is-active.paginate_button { background-color: hsl(229, 53%, 91%); border-color: transparent; color: hsl(229, 53%, 47%); } .button.is-info, .is-info.ui-datepicker-trigger, .dataTables_paginate a.is-info.paginate_button { background-color: hsl(207, 61%, 53%); border-color: transparent; color: #fff; } .button.is-info:hover, .is-info.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.paginate_button:hover, .button.is-info.is-hovered, .is-info.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-hovered.paginate_button { background-color: hsl(207, 61%, 50.5%); border-color: transparent; color: #fff; } .button.is-info:focus, .is-info.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.paginate_button:focus, .button.is-info.is-focused, .is-info.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-info:focus:not(:active), .is-info.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-info.paginate_button:focus:not(:active), .button.is-info.is-focused:not(:active), .is-info.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-info.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .button.is-info:active, .is-info.ui-datepicker-trigger:active, .dataTables_paginate a.is-info.paginate_button:active, .button.is-info.is-active, .is-info.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-active.paginate_button { background-color: hsl(207, 61%, 48%); border-color: transparent; color: #fff; } .button.is-info[disabled], .is-info[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info[disabled].paginate_button, fieldset[disabled] .button.is-info, fieldset[disabled] .is-info.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.paginate_button { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); box-shadow: none; } .button.is-info.is-inverted, .is-info.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.paginate_button { background-color: #fff; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted:hover, .is-info.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-inverted.paginate_button:hover, .button.is-info.is-inverted.is-hovered, .is-info.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-info.is-inverted[disabled], .is-info.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-info.is-inverted, fieldset[disabled] .is-info.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(207, 61%, 53%); } .button.is-info.is-loading::after, .is-info.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined, .is-info.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.paginate_button { background-color: transparent; border-color: hsl(207, 61%, 53%); color: hsl(207, 61%, 53%); } .button.is-info.is-outlined:hover, .is-info.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-outlined.paginate_button:hover, .button.is-info.is-outlined.is-hovered, .is-info.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.is-hovered.paginate_button, .button.is-info.is-outlined:focus, .is-info.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.is-outlined.paginate_button:focus, .button.is-info.is-outlined.is-focused, .is-info.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined.is-focused.paginate_button { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); color: #fff; } .button.is-info.is-outlined.is-loading::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } .button.is-info.is-outlined.is-loading:hover::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .is-info.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-info.is-outlined.is-loading:focus::after, .is-info.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-info.is-outlined.is-loading.paginate_button:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after, .is-info.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-info.is-outlined[disabled], .is-info.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-info.is-outlined, fieldset[disabled] .is-info.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-outlined.paginate_button { background-color: transparent; border-color: hsl(207, 61%, 53%); box-shadow: none; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted.is-outlined, .is-info.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-info.is-inverted.is-outlined:hover, .is-info.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .is-info.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-info.is-inverted.is-outlined:focus, .is-info.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button:focus, .button.is-info.is-inverted.is-outlined.is-focused, .is-info.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(207, 61%, 53%); } .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .is-info.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .is-info.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .is-info.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after, .is-info.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-info.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; } .button.is-info.is-inverted.is-outlined[disabled], .is-info.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-info.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-info.is-inverted.is-outlined, fieldset[disabled] .is-info.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-info.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-info.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-info.is-light, .is-info.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.paginate_button { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .button.is-info.is-light:hover, .is-info.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-info.is-light.paginate_button:hover, .button.is-info.is-light.is-hovered, .is-info.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.is-hovered.paginate_button { background-color: hsl(207, 61%, 93.5%); border-color: transparent; color: hsl(207, 61%, 41%); } .button.is-info.is-light:active, .is-info.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-info.is-light.paginate_button:active, .button.is-info.is-light.is-active, .is-info.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-info.is-light.is-active.paginate_button { background-color: hsl(207, 61%, 91%); border-color: transparent; color: hsl(207, 61%, 41%); } .button.is-success, .is-success.ui-datepicker-trigger, .dataTables_paginate a.is-success.paginate_button { background-color: hsl(153, 53%, 53%); border-color: transparent; color: #fff; } .button.is-success:hover, .is-success.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.paginate_button:hover, .button.is-success.is-hovered, .is-success.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-hovered.paginate_button { background-color: hsl(153, 53%, 50.5%); border-color: transparent; color: #fff; } .button.is-success:focus, .is-success.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.paginate_button:focus, .button.is-success.is-focused, .is-success.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-success:focus:not(:active), .is-success.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-success.paginate_button:focus:not(:active), .button.is-success.is-focused:not(:active), .is-success.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-success.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .button.is-success:active, .is-success.ui-datepicker-trigger:active, .dataTables_paginate a.is-success.paginate_button:active, .button.is-success.is-active, .is-success.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-active.paginate_button { background-color: hsl(153, 53%, 48%); border-color: transparent; color: #fff; } .button.is-success[disabled], .is-success[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success[disabled].paginate_button, fieldset[disabled] .button.is-success, fieldset[disabled] .is-success.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.paginate_button { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); box-shadow: none; } .button.is-success.is-inverted, .is-success.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.paginate_button { background-color: #fff; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted:hover, .is-success.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-inverted.paginate_button:hover, .button.is-success.is-inverted.is-hovered, .is-success.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-success.is-inverted[disabled], .is-success.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-success.is-inverted, fieldset[disabled] .is-success.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(153, 53%, 53%); } .button.is-success.is-loading::after, .is-success.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined, .is-success.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.paginate_button { background-color: transparent; border-color: hsl(153, 53%, 53%); color: hsl(153, 53%, 53%); } .button.is-success.is-outlined:hover, .is-success.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-outlined.paginate_button:hover, .button.is-success.is-outlined.is-hovered, .is-success.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.is-hovered.paginate_button, .button.is-success.is-outlined:focus, .is-success.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.is-outlined.paginate_button:focus, .button.is-success.is-outlined.is-focused, .is-success.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined.is-focused.paginate_button { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); color: #fff; } .button.is-success.is-outlined.is-loading::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } .button.is-success.is-outlined.is-loading:hover::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .is-success.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-success.is-outlined.is-loading:focus::after, .is-success.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-success.is-outlined.is-loading.paginate_button:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after, .is-success.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-success.is-outlined[disabled], .is-success.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-success.is-outlined, fieldset[disabled] .is-success.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-outlined.paginate_button { background-color: transparent; border-color: hsl(153, 53%, 53%); box-shadow: none; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted.is-outlined, .is-success.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-success.is-inverted.is-outlined:hover, .is-success.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .is-success.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-success.is-inverted.is-outlined:focus, .is-success.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button:focus, .button.is-success.is-inverted.is-outlined.is-focused, .is-success.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(153, 53%, 53%); } .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .is-success.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .is-success.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .is-success.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after, .is-success.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-success.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; } .button.is-success.is-inverted.is-outlined[disabled], .is-success.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-success.is-inverted.is-outlined, fieldset[disabled] .is-success.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-success.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-success.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-success.is-light, .is-success.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.paginate_button { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .button.is-success.is-light:hover, .is-success.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-light.paginate_button:hover, .button.is-success.is-light.is-hovered, .is-success.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.is-hovered.paginate_button { background-color: hsl(153, 53%, 93.5%); border-color: transparent; color: hsl(153, 53%, 31%); } .button.is-success.is-light:active, .is-success.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-success.is-light.paginate_button:active, .button.is-success.is-light.is-active, .is-success.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-light.is-active.paginate_button { background-color: hsl(153, 53%, 91%); border-color: transparent; color: hsl(153, 53%, 31%); } .button.is-warning, .is-warning.ui-datepicker-trigger, .dataTables_paginate a.is-warning.paginate_button { background-color: hsl(44, 100%, 77%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:hover, .is-warning.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.paginate_button:hover, .button.is-warning.is-hovered, .is-warning.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-hovered.paginate_button { background-color: hsl(44, 100%, 74.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus, .is-warning.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.paginate_button:focus, .button.is-warning.is-focused, .is-warning.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-focused.paginate_button { border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning:focus:not(:active), .is-warning.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-warning.paginate_button:focus:not(:active), .button.is-warning.is-focused:not(:active), .is-warning.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-warning.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .button.is-warning:active, .is-warning.ui-datepicker-trigger:active, .dataTables_paginate a.is-warning.paginate_button:active, .button.is-warning.is-active, .is-warning.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-active.paginate_button { background-color: hsl(44, 100%, 72%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .button.is-warning[disabled], .is-warning[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning[disabled].paginate_button, fieldset[disabled] .button.is-warning, fieldset[disabled] .is-warning.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.paginate_button { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); box-shadow: none; } .button.is-warning.is-inverted, .is-warning.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted:hover, .is-warning.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-inverted.paginate_button:hover, .button.is-warning.is-inverted.is-hovered, .is-warning.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-hovered.paginate_button { background-color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted[disabled], .is-warning.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-inverted, fieldset[disabled] .is-warning.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-inverted.paginate_button { background-color: rgba(0, 0, 0, 0.7); border-color: transparent; box-shadow: none; color: hsl(44, 100%, 77%); } .button.is-warning.is-loading::after, .is-warning.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-loading.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined, .is-warning.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.paginate_button { background-color: transparent; border-color: hsl(44, 100%, 77%); color: hsl(44, 100%, 77%); } .button.is-warning.is-outlined:hover, .is-warning.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-outlined.paginate_button:hover, .button.is-warning.is-outlined.is-hovered, .is-warning.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.is-hovered.paginate_button, .button.is-warning.is-outlined:focus, .is-warning.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.is-outlined.paginate_button:focus, .button.is-warning.is-outlined.is-focused, .is-warning.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined.is-focused.paginate_button { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-outlined.is-loading::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } .button.is-warning.is-outlined.is-loading:hover::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .is-warning.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-warning.is-outlined.is-loading:focus::after, .is-warning.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.paginate_button:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after, .is-warning.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } .button.is-warning.is-outlined[disabled], .is-warning.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-outlined, fieldset[disabled] .is-warning.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-outlined.paginate_button { background-color: transparent; border-color: hsl(44, 100%, 77%); box-shadow: none; color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted.is-outlined, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-inverted.is-outlined:hover, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .is-warning.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-warning.is-inverted.is-outlined:focus, .is-warning.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button:focus, .button.is-warning.is-inverted.is-outlined.is-focused, .is-warning.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-focused.paginate_button { background-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .is-warning.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .is-warning.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .is-warning.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after, .is-warning.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-warning.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; } .button.is-warning.is-inverted.is-outlined[disabled], .is-warning.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-warning.is-inverted.is-outlined, fieldset[disabled] .is-warning.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-warning.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-warning.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); box-shadow: none; color: rgba(0, 0, 0, 0.7); } .button.is-warning.is-light, .is-warning.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.paginate_button { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .button.is-warning.is-light:hover, .is-warning.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-warning.is-light.paginate_button:hover, .button.is-warning.is-light.is-hovered, .is-warning.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.is-hovered.paginate_button { background-color: hsl(44, 100%, 93.5%); border-color: transparent; color: hsl(44, 100%, 29%); } .button.is-warning.is-light:active, .is-warning.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-warning.is-light.paginate_button:active, .button.is-warning.is-light.is-active, .is-warning.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-warning.is-light.is-active.paginate_button { background-color: hsl(44, 100%, 91%); border-color: transparent; color: hsl(44, 100%, 29%); } .button.is-danger, .is-danger.ui-datepicker-trigger, .dataTables_paginate a.is-danger.paginate_button { background-color: hsl(348, 86%, 61%); border-color: transparent; color: #fff; } .button.is-danger:hover, .is-danger.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.paginate_button:hover, .button.is-danger.is-hovered, .is-danger.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-hovered.paginate_button { background-color: hsl(348, 86%, 58.5%); border-color: transparent; color: #fff; } .button.is-danger:focus, .is-danger.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.paginate_button:focus, .button.is-danger.is-focused, .is-danger.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-focused.paginate_button { border-color: transparent; color: #fff; } .button.is-danger:focus:not(:active), .is-danger.ui-datepicker-trigger:focus:not(:active), .dataTables_paginate a.is-danger.paginate_button:focus:not(:active), .button.is-danger.is-focused:not(:active), .is-danger.is-focused.ui-datepicker-trigger:not(:active), .dataTables_paginate a.is-danger.is-focused.paginate_button:not(:active) { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .button.is-danger:active, .is-danger.ui-datepicker-trigger:active, .dataTables_paginate a.is-danger.paginate_button:active, .button.is-danger.is-active, .is-danger.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-active.paginate_button { background-color: hsl(348, 86%, 56%); border-color: transparent; color: #fff; } .button.is-danger[disabled], .is-danger[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger[disabled].paginate_button, fieldset[disabled] .button.is-danger, fieldset[disabled] .is-danger.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.paginate_button { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); box-shadow: none; } .button.is-danger.is-inverted, .is-danger.is-inverted.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.paginate_button { background-color: #fff; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted:hover, .is-danger.is-inverted.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-inverted.paginate_button:hover, .button.is-danger.is-inverted.is-hovered, .is-danger.is-inverted.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-hovered.paginate_button { background-color: rgb(242.25, 242.25, 242.25); } .button.is-danger.is-inverted[disabled], .is-danger.is-inverted[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-inverted, fieldset[disabled] .is-danger.is-inverted.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-inverted.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-inverted.paginate_button { background-color: #fff; border-color: transparent; box-shadow: none; color: hsl(348, 86%, 61%); } .button.is-danger.is-loading::after, .is-danger.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-loading.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined, .is-danger.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.paginate_button { background-color: transparent; border-color: hsl(348, 86%, 61%); color: hsl(348, 86%, 61%); } .button.is-danger.is-outlined:hover, .is-danger.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-outlined.paginate_button:hover, .button.is-danger.is-outlined.is-hovered, .is-danger.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.is-hovered.paginate_button, .button.is-danger.is-outlined:focus, .is-danger.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.is-outlined.paginate_button:focus, .button.is-danger.is-outlined.is-focused, .is-danger.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined.is-focused.paginate_button { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); color: #fff; } .button.is-danger.is-outlined.is-loading::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button::after { border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } .button.is-danger.is-outlined.is-loading:hover::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .is-danger.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-danger.is-outlined.is-loading:focus::after, .is-danger.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.paginate_button:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after, .is-danger.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent #fff #fff !important; } .button.is-danger.is-outlined[disabled], .is-danger.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-outlined, fieldset[disabled] .is-danger.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-outlined.paginate_button { background-color: transparent; border-color: hsl(348, 86%, 61%); box-shadow: none; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted.is-outlined, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; color: #fff; } .button.is-danger.is-inverted.is-outlined:hover, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .is-danger.is-inverted.is-outlined.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-hovered.paginate_button, .button.is-danger.is-inverted.is-outlined:focus, .is-danger.is-inverted.is-outlined.ui-datepicker-trigger:focus, .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button:focus, .button.is-danger.is-inverted.is-outlined.is-focused, .is-danger.is-inverted.is-outlined.is-focused.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-focused.paginate_button { background-color: #fff; color: hsl(348, 86%, 61%); } .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .is-danger.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:hover::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.paginate_button:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .is-danger.is-inverted.is-outlined.is-loading.is-hovered.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.is-hovered.paginate_button::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .is-danger.is-inverted.is-outlined.is-loading.ui-datepicker-trigger:focus::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.paginate_button:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after, .is-danger.is-inverted.is-outlined.is-loading.is-focused.ui-datepicker-trigger::after, .dataTables_paginate a.is-danger.is-inverted.is-outlined.is-loading.is-focused.paginate_button::after { border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; } .button.is-danger.is-inverted.is-outlined[disabled], .is-danger.is-inverted.is-outlined[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-inverted.is-outlined[disabled].paginate_button, fieldset[disabled] .button.is-danger.is-inverted.is-outlined, fieldset[disabled] .is-danger.is-inverted.is-outlined.ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.is-danger.is-inverted.is-outlined.paginate_button, .dataTables_paginate fieldset[disabled] a.is-danger.is-inverted.is-outlined.paginate_button { background-color: transparent; border-color: #fff; box-shadow: none; color: #fff; } .button.is-danger.is-light, .is-danger.is-light.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.paginate_button { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .button.is-danger.is-light:hover, .is-danger.is-light.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-light.paginate_button:hover, .button.is-danger.is-light.is-hovered, .is-danger.is-light.is-hovered.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.is-hovered.paginate_button { background-color: hsl(348, 86%, 93.5%); border-color: transparent; color: hsl(348, 86%, 43%); } .button.is-danger.is-light:active, .is-danger.is-light.ui-datepicker-trigger:active, .dataTables_paginate a.is-danger.is-light.paginate_button:active, .button.is-danger.is-light.is-active, .is-danger.is-light.is-active.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-light.is-active.paginate_button { background-color: hsl(348, 86%, 91%); border-color: transparent; color: hsl(348, 86%, 43%); } .button.is-small:not(.is-rounded), .is-small.ui-datepicker-trigger:not(.is-rounded), .dataTables_paginate a.is-small.paginate_button:not(.is-rounded) { border-radius: 2px; } .button.is-small, .is-small.ui-datepicker-trigger, .dataTables_paginate a.is-small.paginate_button { font-size: 0.75rem; } .button.is-normal, .is-normal.ui-datepicker-trigger, .dataTables_paginate a.is-normal.paginate_button { font-size: 1rem; } .button.is-medium, .is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-medium.paginate_button { font-size: 1.25rem; } .button.is-large, .is-large.ui-datepicker-trigger, .dataTables_paginate a.is-large.paginate_button { font-size: 1.5rem; } .button[disabled], [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, fieldset[disabled] .button, fieldset[disabled] .ui-datepicker-trigger, fieldset[disabled] .dataTables_paginate a.paginate_button, .dataTables_paginate fieldset[disabled] a.paginate_button { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); box-shadow: none; opacity: 0.5; } .button.is-fullwidth, .is-fullwidth.ui-datepicker-trigger, .dataTables_paginate a.is-fullwidth.paginate_button { display: flex; width: 100%; } .button.is-loading, .is-loading.ui-datepicker-trigger, .dataTables_paginate a.is-loading.paginate_button { color: transparent !important; pointer-events: none; } .button.is-loading::after, .is-loading.ui-datepicker-trigger::after, .dataTables_paginate a.is-loading.paginate_button::after { position: absolute; left: calc(50% - 1em * 0.5); top: calc(50% - 1em * 0.5); position: absolute !important; } .button.is-static, .is-static.ui-datepicker-trigger, .dataTables_paginate a.is-static.paginate_button { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 86%); color: hsl(0, 0%, 48%); box-shadow: none; pointer-events: none; } .button.is-rounded, .is-rounded.ui-datepicker-trigger, .dataTables_paginate a.is-rounded.paginate_button { border-radius: 9999px; padding-left: calc(1em + 0.25em); padding-right: calc(1em + 0.25em); } .buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .buttons .button, .buttons .ui-datepicker-trigger, .buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .buttons a.paginate_button { margin-bottom: 0.5rem; } .buttons .button:not(:last-child):not(.is-fullwidth), .buttons .ui-datepicker-trigger:not(:last-child):not(.is-fullwidth), .buttons .dataTables_paginate a.paginate_button:not(:last-child):not(.is-fullwidth), .dataTables_paginate .buttons a.paginate_button:not(:last-child):not(.is-fullwidth) { margin-right: 0.5rem; } .buttons:last-child { margin-bottom: -0.5rem; } .buttons:not(:last-child) { margin-bottom: 1rem; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .buttons.are-small .ui-datepicker-trigger:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .buttons.are-small .dataTables_paginate a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded), .dataTables_paginate .buttons.are-small a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { border-radius: 2px; } .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large), .buttons.are-small .ui-datepicker-trigger:not(.is-normal):not(.is-medium):not(.is-large), .buttons.are-small .dataTables_paginate a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large), .dataTables_paginate .buttons.are-small a.paginate_button:not(.is-normal):not(.is-medium):not(.is-large) { font-size: 0.75rem; } .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large), .buttons.are-medium .ui-datepicker-trigger:not(.is-small):not(.is-normal):not(.is-large), .buttons.are-medium .dataTables_paginate a.paginate_button:not(.is-small):not(.is-normal):not(.is-large), .dataTables_paginate .buttons.are-medium a.paginate_button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 1.25rem; } .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium), .buttons.are-large .ui-datepicker-trigger:not(.is-small):not(.is-normal):not(.is-medium), .buttons.are-large .dataTables_paginate a.paginate_button:not(.is-small):not(.is-normal):not(.is-medium), .dataTables_paginate .buttons.are-large a.paginate_button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 1.5rem; } .buttons.has-addons .button:not(:first-child), .buttons.has-addons .ui-datepicker-trigger:not(:first-child), .buttons.has-addons .dataTables_paginate a.paginate_button:not(:first-child), .dataTables_paginate .buttons.has-addons a.paginate_button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .buttons.has-addons .button:not(:last-child), .buttons.has-addons .ui-datepicker-trigger:not(:last-child), .buttons.has-addons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .buttons.has-addons a.paginate_button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; } .buttons.has-addons .button:last-child, .buttons.has-addons .ui-datepicker-trigger:last-child, .buttons.has-addons .dataTables_paginate a.paginate_button:last-child, .dataTables_paginate .buttons.has-addons a.paginate_button:last-child { margin-right: 0; } .buttons.has-addons .button:hover, .buttons.has-addons .ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:hover, .buttons.has-addons .button.is-hovered, .buttons.has-addons .is-hovered.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-hovered.paginate_button, .dataTables_paginate .buttons.has-addons a.is-hovered.paginate_button { z-index: 2; } .buttons.has-addons .button:focus, .buttons.has-addons .ui-datepicker-trigger:focus, .buttons.has-addons .dataTables_paginate a.paginate_button:focus, .dataTables_paginate .buttons.has-addons a.paginate_button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .is-focused.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-focused.paginate_button, .dataTables_paginate .buttons.has-addons a.is-focused.paginate_button, .buttons.has-addons .button:active, .buttons.has-addons .ui-datepicker-trigger:active, .buttons.has-addons .dataTables_paginate a.paginate_button:active, .dataTables_paginate .buttons.has-addons a.paginate_button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .is-active.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-active.paginate_button, .dataTables_paginate .buttons.has-addons a.is-active.paginate_button, .buttons.has-addons .button.is-selected, .buttons.has-addons .is-selected.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-selected.paginate_button, .dataTables_paginate .buttons.has-addons a.is-selected.paginate_button { z-index: 3; } .buttons.has-addons .button:focus:hover, .buttons.has-addons .ui-datepicker-trigger:focus:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:focus:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .is-focused.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-focused.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-focused.paginate_button:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .ui-datepicker-trigger:active:hover, .buttons.has-addons .dataTables_paginate a.paginate_button:active:hover, .dataTables_paginate .buttons.has-addons a.paginate_button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .is-active.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-active.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-active.paginate_button:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .is-selected.ui-datepicker-trigger:hover, .buttons.has-addons .dataTables_paginate a.is-selected.paginate_button:hover, .dataTables_paginate .buttons.has-addons a.is-selected.paginate_button:hover { z-index: 4; } .buttons.has-addons .button.is-expanded, .buttons.has-addons .is-expanded.ui-datepicker-trigger, .buttons.has-addons .dataTables_paginate a.is-expanded.paginate_button, .dataTables_paginate .buttons.has-addons a.is-expanded.paginate_button { flex-grow: 1; flex-shrink: 1; } .buttons.is-centered { justify-content: center; } .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .ui-datepicker-trigger:not(.is-fullwidth), .buttons.is-centered:not(.has-addons) .dataTables_paginate a.paginate_button:not(.is-fullwidth), .dataTables_paginate .buttons.is-centered:not(.has-addons) a.paginate_button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } .buttons.is-right { justify-content: flex-end; } .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth), .buttons.is-right:not(.has-addons) .ui-datepicker-trigger:not(.is-fullwidth), .buttons.is-right:not(.has-addons) .dataTables_paginate a.paginate_button:not(.is-fullwidth), .dataTables_paginate .buttons.is-right:not(.has-addons) a.paginate_button:not(.is-fullwidth) { margin-left: 0.25rem; margin-right: 0.25rem; } @media screen and (max-width: 768px) { .button.is-responsive.is-small, .is-responsive.is-small.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-small.paginate_button { font-size: 0.5625rem; } .button.is-responsive, .is-responsive.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.paginate_button, .button.is-responsive.is-normal { font-size: 0.65625rem; } .button.is-responsive.is-medium, .is-responsive.is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-medium.paginate_button { font-size: 0.75rem; } .button.is-responsive.is-large, .is-responsive.is-large.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-large.paginate_button { font-size: 1rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .button.is-responsive.is-small, .is-responsive.is-small.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-small.paginate_button { font-size: 0.65625rem; } .button.is-responsive, .is-responsive.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.paginate_button, .button.is-responsive.is-normal { font-size: 0.75rem; } .button.is-responsive.is-medium, .is-responsive.is-medium.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-medium.paginate_button { font-size: 1rem; } .button.is-responsive.is-large, .is-responsive.is-large.ui-datepicker-trigger, .dataTables_paginate a.is-responsive.is-large.paginate_button { font-size: 1.25rem; } } .container { flex-grow: 1; margin: 0 auto; position: relative; width: auto; } .container.is-fluid { max-width: none !important; padding-left: 32px; padding-right: 32px; width: 100%; } @media screen and (min-width: 1024px) { .container { max-width: 960px; } } @media screen and (max-width: 1215px) { .container.is-widescreen:not(.is-max-desktop) { max-width: 1152px; } } @media screen and (max-width: 1407px) { .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1344px; } } @media screen and (min-width: 1216px) { .container:not(.is-max-desktop) { max-width: 1152px; } } @media screen and (min-width: 1408px) { .container:not(.is-max-desktop):not(.is-max-widescreen) { max-width: 1344px; } } .content li + li { margin-top: 0.25em; } .content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; } .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: hsl(0, 0%, 21%); font-weight: 600; line-height: 1.125; } .content h1 { font-size: 2em; margin-bottom: 0.5em; } .content h1:not(:first-child) { margin-top: 1em; } .content h2 { font-size: 1.75em; margin-bottom: 0.5714em; } .content h2:not(:first-child) { margin-top: 1.1428em; } .content h3 { font-size: 1.5em; margin-bottom: 0.6666em; } .content h3:not(:first-child) { margin-top: 1.3333em; } .content h4 { font-size: 1.25em; margin-bottom: 0.8em; } .content h5 { font-size: 1.125em; margin-bottom: 0.8888em; } .content h6 { font-size: 1em; margin-bottom: 1em; } .content blockquote { background-color: hsl(0, 0%, 96%); border-left: 5px solid hsl(0, 0%, 86%); padding: 1.25em 1.5em; } .content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; } .content ol:not([type]) { list-style-type: decimal; } .content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; } .content ol:not([type]).is-lower-roman { list-style-type: lower-roman; } .content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; } .content ol:not([type]).is-upper-roman { list-style-type: upper-roman; } .content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; } .content ul ul { list-style-type: circle; margin-top: 0.5em; } .content ul ul ul { list-style-type: square; } .content dd { margin-left: 2em; } .content figure { margin-left: 2em; margin-right: 2em; text-align: center; } .content figure:not(:first-child) { margin-top: 2em; } .content figure:not(:last-child) { margin-bottom: 2em; } .content figure img { display: inline-block; } .content figure figcaption { font-style: italic; } .content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; } .content sup, .content sub { font-size: 75%; } .content table { width: 100%; } .content table td, .content table th { border: 1px solid hsl(0, 0%, 86%); border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .content table th { color: hsl(0, 0%, 21%); } .content table th:not([align]) { text-align: inherit; } .content table thead td, .content table thead th { border-width: 0 0 2px; color: hsl(0, 0%, 21%); } .content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: hsl(0, 0%, 21%); } .content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; } .content .tabs li + li { margin-top: 0; } .content.is-small { font-size: 0.75rem; } .content.is-normal { font-size: 1rem; } .content.is-medium { font-size: 1.25rem; } .content.is-large { font-size: 1.5rem; } .icon { align-items: center; display: inline-flex; justify-content: center; height: 1.5rem; width: 1.5rem; } .icon.is-small { height: 1rem; width: 1rem; } .icon.is-medium { height: 2rem; width: 2rem; } .icon.is-large { height: 3rem; width: 3rem; } .icon-text { align-items: flex-start; color: inherit; display: inline-flex; flex-wrap: wrap; line-height: 1.5rem; vertical-align: top; } .icon-text .icon { flex-grow: 0; flex-shrink: 0; } .icon-text .icon:not(:last-child) { margin-right: 0.25em; } .icon-text .icon:not(:first-child) { margin-left: 0.25em; } div.icon-text { display: flex; } .image { display: block; position: relative; } .image img { display: block; height: auto; width: 100%; } .image img.is-rounded { border-radius: 9999px; } .image.is-fullwidth { width: 100%; } .image.is-square img, .image.is-square .has-ratio, .image.is-1by1 img, .image.is-1by1 .has-ratio, .image.is-5by4 img, .image.is-5by4 .has-ratio, .image.is-4by3 img, .image.is-4by3 .has-ratio, .image.is-3by2 img, .image.is-3by2 .has-ratio, .image.is-5by3 img, .image.is-5by3 .has-ratio, .image.is-16by9 img, .image.is-16by9 .has-ratio, .image.is-2by1 img, .image.is-2by1 .has-ratio, .image.is-3by1 img, .image.is-3by1 .has-ratio, .image.is-4by5 img, .image.is-4by5 .has-ratio, .image.is-3by4 img, .image.is-3by4 .has-ratio, .image.is-2by3 img, .image.is-2by3 .has-ratio, .image.is-3by5 img, .image.is-3by5 .has-ratio, .image.is-9by16 img, .image.is-9by16 .has-ratio, .image.is-1by2 img, .image.is-1by2 .has-ratio, .image.is-1by3 img, .image.is-1by3 .has-ratio { height: 100%; width: 100%; } .image.is-square, .image.is-1by1 { padding-top: 100%; } .image.is-5by4 { padding-top: 80%; } .image.is-4by3 { padding-top: 75%; } .image.is-3by2 { padding-top: 66.6666%; } .image.is-5by3 { padding-top: 60%; } .image.is-16by9 { padding-top: 56.25%; } .image.is-2by1 { padding-top: 50%; } .image.is-3by1 { padding-top: 33.3333%; } .image.is-4by5 { padding-top: 125%; } .image.is-3by4 { padding-top: 133.3333%; } .image.is-2by3 { padding-top: 150%; } .image.is-3by5 { padding-top: 166.6666%; } .image.is-9by16 { padding-top: 177.7777%; } .image.is-1by2 { padding-top: 200%; } .image.is-1by3 { padding-top: 300%; } .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: hsl(0, 0%, 96%); border-radius: 4px; position: relative; padding: 1.25rem 2.5rem 1.25rem 1.5rem; } .notification a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .notification strong { color: currentColor; } .notification code, .notification pre { background: hsl(0, 0%, 100%); } .notification pre code { background: transparent; } .notification > .delete { right: 0.5rem; position: absolute; top: 0.5rem; } .notification .title, .notification .subtitle, .notification .content { color: currentColor; } .notification.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .notification.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .notification.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .notification.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .notification.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .notification.is-primary.is-light { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .notification.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .notification.is-link.is-light { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .notification.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .notification.is-info.is-light { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .notification.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .notification.is-success.is-light { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .notification.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .notification.is-warning.is-light { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .notification.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .notification.is-danger.is-light { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .progress, .progress-wrapper.is-not-native { -moz-appearance: none; -webkit-appearance: none; border: none; border-radius: 9999px; display: block; height: 1rem; overflow: hidden; padding: 0; width: 100%; } .progress::-webkit-progress-bar, .progress-wrapper.is-not-native::-webkit-progress-bar { background-color: hsl(0, 0%, 93%); } .progress::-webkit-progress-value, .progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 29%); } .progress::-moz-progress-bar, .progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 29%); } .progress::-ms-fill, .progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 29%); border: none; } .progress.is-white::-webkit-progress-value, .is-white.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 100%); } .progress.is-white::-moz-progress-bar, .is-white.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 100%); } .progress.is-white::-ms-fill, .is-white.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 100%); } .progress.is-white:indeterminate, .is-white.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-black::-webkit-progress-value, .is-black.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 4%); } .progress.is-black::-moz-progress-bar, .is-black.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 4%); } .progress.is-black::-ms-fill, .is-black.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 4%); } .progress.is-black:indeterminate, .is-black.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-light::-webkit-progress-value, .is-light.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 96%); } .progress.is-light::-moz-progress-bar, .is-light.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 96%); } .progress.is-light::-ms-fill, .is-light.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 96%); } .progress.is-light:indeterminate, .is-light.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-dark::-webkit-progress-value, .is-dark.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(0, 0%, 21%); } .progress.is-dark::-moz-progress-bar, .is-dark.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(0, 0%, 21%); } .progress.is-dark::-ms-fill, .is-dark.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(0, 0%, 21%); } .progress.is-dark:indeterminate, .is-dark.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-primary::-webkit-progress-value, .is-primary.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(171, 100%, 41%); } .progress.is-primary::-moz-progress-bar, .is-primary.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(171, 100%, 41%); } .progress.is-primary::-ms-fill, .is-primary.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(171, 100%, 41%); } .progress.is-primary:indeterminate, .is-primary.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(171, 100%, 41%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-link::-webkit-progress-value, .is-link.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(229, 53%, 53%); } .progress.is-link::-moz-progress-bar, .is-link.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(229, 53%, 53%); } .progress.is-link::-ms-fill, .is-link.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(229, 53%, 53%); } .progress.is-link:indeterminate, .is-link.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(229, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-info::-webkit-progress-value, .is-info.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(207, 61%, 53%); } .progress.is-info::-moz-progress-bar, .is-info.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(207, 61%, 53%); } .progress.is-info::-ms-fill, .is-info.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(207, 61%, 53%); } .progress.is-info:indeterminate, .is-info.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-success::-webkit-progress-value, .is-success.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(153, 53%, 53%); } .progress.is-success::-moz-progress-bar, .is-success.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(153, 53%, 53%); } .progress.is-success::-ms-fill, .is-success.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(153, 53%, 53%); } .progress.is-success:indeterminate, .is-success.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(153, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-warning::-webkit-progress-value, .is-warning.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(44, 100%, 77%); } .progress.is-warning::-moz-progress-bar, .is-warning.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(44, 100%, 77%); } .progress.is-warning::-ms-fill, .is-warning.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(44, 100%, 77%); } .progress.is-warning:indeterminate, .is-warning.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(44, 100%, 77%) 30%, hsl(0, 0%, 93%) 30%); } .progress.is-danger::-webkit-progress-value, .is-danger.progress-wrapper.is-not-native::-webkit-progress-value { background-color: hsl(348, 86%, 61%); } .progress.is-danger::-moz-progress-bar, .is-danger.progress-wrapper.is-not-native::-moz-progress-bar { background-color: hsl(348, 86%, 61%); } .progress.is-danger::-ms-fill, .is-danger.progress-wrapper.is-not-native::-ms-fill { background-color: hsl(348, 86%, 61%); } .progress.is-danger:indeterminate, .is-danger.progress-wrapper.is-not-native:indeterminate { background-image: linear-gradient(to right, hsl(348, 86%, 61%) 30%, hsl(0, 0%, 93%) 30%); } .progress:indeterminate, .progress-wrapper.is-not-native:indeterminate { animation-duration: 1.5s; animation-iteration-count: infinite; animation-name: moveIndeterminate; animation-timing-function: linear; background-color: hsl(0, 0%, 93%); background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 30%); background-position: top left; background-repeat: no-repeat; background-size: 150% 150%; } .progress:indeterminate::-webkit-progress-bar, .progress-wrapper.is-not-native:indeterminate::-webkit-progress-bar { background-color: transparent; } .progress:indeterminate::-moz-progress-bar, .progress-wrapper.is-not-native:indeterminate::-moz-progress-bar { background-color: transparent; } .progress:indeterminate::-ms-fill, .progress-wrapper.is-not-native:indeterminate::-ms-fill { animation-name: none; } .progress.is-small, .is-small.progress-wrapper.is-not-native { height: 0.75rem; } .progress.is-medium, .is-medium.progress-wrapper.is-not-native { height: 1.25rem; } .progress.is-large, .is-large.progress-wrapper.is-not-native { height: 1.5rem; } @keyframes moveIndeterminate { from { background-position: 200% 0; } to { background-position: -200% 0; } } .table { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 21%); } .table td, .table th { border: 1px solid hsl(0, 0%, 86%); border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; } .table td.is-white, .table th.is-white { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .table td.is-black, .table th.is-black { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .table td.is-light, .table th.is-light { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .table td.is-dark, .table th.is-dark { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); color: #fff; } .table td.is-primary, .table th.is-primary { background-color: hsl(171, 100%, 41%); border-color: hsl(171, 100%, 41%); color: #fff; } .table td.is-link, .table th.is-link { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .table td.is-info, .table th.is-info { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); color: #fff; } .table td.is-success, .table th.is-success { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); color: #fff; } .table td.is-warning, .table th.is-warning { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .table td.is-danger, .table th.is-danger { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); color: #fff; } .table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; } .table td.is-selected, .table th.is-selected { background-color: hsl(171, 100%, 41%); color: #fff; } .table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentColor; } .table td.is-vcentered, .table th.is-vcentered { vertical-align: middle; } .table th { color: hsl(0, 0%, 21%); } .table th:not([align]) { text-align: left; } .table tr.is-selected { background-color: hsl(171, 100%, 41%); color: #fff; } .table tr.is-selected a, .table tr.is-selected strong { color: currentColor; } .table tr.is-selected td, .table tr.is-selected th { border-color: #fff; color: currentColor; } .table thead { background-color: transparent; } .table thead td, .table thead th { border-width: 0 0 2px; color: hsl(0, 0%, 21%); } .table tfoot { background-color: transparent; } .table tfoot td, .table tfoot th { border-width: 2px 0 0; color: hsl(0, 0%, 21%); } .table tbody { background-color: transparent; } .table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; } .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-fullwidth { width: 100%; } .table.is-hoverable tbody tr:not(.is-selected):hover { background-color: hsl(0, 0%, 98%); } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: hsl(0, 0%, 98%); } .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { background-color: hsl(0, 0%, 96%); } .table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; } .table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: hsl(0, 0%, 98%); } .table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; } .tags { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; } .tags .tag { margin-bottom: 0.5rem; } .tags .tag:not(:last-child) { margin-right: 0.5rem; } .tags:last-child { margin-bottom: -0.5rem; } .tags:not(:last-child) { margin-bottom: 1rem; } .tags.are-medium .tag:not(.is-normal):not(.is-large) { font-size: 1rem; } .tags.are-large .tag:not(.is-normal):not(.is-medium) { font-size: 1.25rem; } .tags.is-centered { justify-content: center; } .tags.is-centered .tag { margin-right: 0.25rem; margin-left: 0.25rem; } .tags.is-right { justify-content: flex-end; } .tags.is-right .tag:not(:first-child) { margin-left: 0.5rem; } .tags.is-right .tag:not(:last-child) { margin-right: 0; } .tags.has-addons .tag { margin-right: 0; } .tags.has-addons .tag:not(:first-child) { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .tags.has-addons .tag:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tag:not(body) { align-items: center; background-color: hsl(0, 0%, 96%); border-radius: 4px; color: hsl(0, 0%, 29%); display: inline-flex; font-size: 0.75rem; height: 2em; justify-content: center; line-height: 1.5; padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .tag:not(body) .delete { margin-left: 0.25rem; margin-right: -0.375rem; } .tag:not(body).is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .tag:not(body).is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .tag:not(body).is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .tag:not(body).is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .tag:not(body).is-primary.is-light { background-color: hsl(171, 100%, 96%); color: hsl(171, 100%, 29%); } .tag:not(body).is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .tag:not(body).is-link.is-light { background-color: hsl(229, 53%, 96%); color: hsl(229, 53%, 47%); } .tag:not(body).is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .tag:not(body).is-info.is-light { background-color: hsl(207, 61%, 96%); color: hsl(207, 61%, 41%); } .tag:not(body).is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .tag:not(body).is-success.is-light { background-color: hsl(153, 53%, 96%); color: hsl(153, 53%, 31%); } .tag:not(body).is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .tag:not(body).is-warning.is-light { background-color: hsl(44, 100%, 96%); color: hsl(44, 100%, 29%); } .tag:not(body).is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .tag:not(body).is-danger.is-light { background-color: hsl(348, 86%, 96%); color: hsl(348, 86%, 43%); } .tag:not(body).is-normal { font-size: 0.75rem; } .tag:not(body).is-medium { font-size: 1rem; } .tag:not(body).is-large { font-size: 1.25rem; } .tag:not(body) .icon:first-child:not(:last-child) { margin-left: -0.375em; margin-right: 0.1875em; } .tag:not(body) .icon:last-child:not(:first-child) { margin-left: 0.1875em; margin-right: -0.375em; } .tag:not(body) .icon:first-child:last-child { margin-left: -0.375em; margin-right: -0.375em; } .tag:not(body).is-delete { margin-left: 1px; padding: 0; position: relative; width: 2em; } .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { background-color: currentColor; content: ""; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; } .tag:not(body).is-delete::before { height: 1px; width: 50%; } .tag:not(body).is-delete::after { height: 50%; width: 1px; } .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { background-color: hsl(0, 0%, 91%); } .tag:not(body).is-delete:active { background-color: hsl(0, 0%, 86%); } .tag:not(body).is-rounded { border-radius: 9999px; } a.tag:hover { text-decoration: underline; } .title, .subtitle { word-break: break-word; } .title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; } .title sub, .subtitle sub { font-size: 0.75em; } .title sup, .subtitle sup { font-size: 0.75em; } .title .tag, .subtitle .tag { vertical-align: middle; } .title { color: hsl(0, 0%, 21%); font-size: 2rem; font-weight: 600; line-height: 1.125; } .title strong { color: inherit; font-weight: inherit; } .title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; } .title.is-1 { font-size: 3rem; } .title.is-2 { font-size: 2.5rem; } .title.is-3 { font-size: 2rem; } .title.is-4 { font-size: 1.5rem; } .title.is-5 { font-size: 1.25rem; } .title.is-6 { font-size: 1rem; } .title.is-7 { font-size: 0.75rem; } .subtitle { color: hsl(0, 0%, 29%); font-size: 1.25rem; font-weight: 400; line-height: 1.25; } .subtitle strong { color: hsl(0, 0%, 21%); font-weight: 600; } .subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; } .subtitle.is-1 { font-size: 3rem; } .subtitle.is-2 { font-size: 2.5rem; } .subtitle.is-3 { font-size: 2rem; } .subtitle.is-4 { font-size: 1.5rem; } .subtitle.is-5 { font-size: 1.25rem; } .subtitle.is-6 { font-size: 1rem; } .subtitle.is-7 { font-size: 0.75rem; } .heading { display: block; font-size: 11px; letter-spacing: 1px; margin-bottom: 5px; text-transform: uppercase; } .number { align-items: center; background-color: hsl(0, 0%, 96%); border-radius: 9999px; display: inline-flex; font-size: 1.25rem; height: 2em; justify-content: center; margin-right: 1.5rem; min-width: 2.5em; padding: 0.25rem 0.5rem; text-align: center; vertical-align: top; } /* Bulma Form */ .taginput .taginput-container.is-focusable, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control), .textarea, .select select { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-radius: 4px; color: hsl(0, 0%, 21%); } .taginput .taginput-container.is-focusable::-moz-placeholder, .input::-moz-placeholder, .form__input::-moz-placeholder, .auth-wrapper input#login_captcha::-moz-placeholder, .dataTables_filter input::-moz-placeholder, .dataTables_length label select::-moz-placeholder, .dataTable thead th input:not([type=checkbox])::-moz-placeholder, .table thead th input:not([type=checkbox])::-moz-placeholder, .modal .modal__body input::-moz-placeholder, .modal .modal__body select::-moz-placeholder, .datepicker:not(.control)::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .input::-webkit-input-placeholder, .form__input::-webkit-input-placeholder, .auth-wrapper input#login_captcha::-webkit-input-placeholder, .dataTables_filter input::-webkit-input-placeholder, .dataTables_length label select::-webkit-input-placeholder, .dataTable thead th input:not([type=checkbox])::-webkit-input-placeholder, .table thead th input:not([type=checkbox])::-webkit-input-placeholder, .modal .modal__body input::-webkit-input-placeholder, .modal .modal__body select::-webkit-input-placeholder, .datepicker:not(.control)::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .taginput .taginput-container.is-focusable:-moz-placeholder, .input:-moz-placeholder, .form__input:-moz-placeholder, .auth-wrapper input#login_captcha:-moz-placeholder, .dataTables_filter input:-moz-placeholder, .dataTables_length label select:-moz-placeholder, .dataTable thead th input:-moz-placeholder:not([type=checkbox]), .table thead th input:-moz-placeholder:not([type=checkbox]), .modal .modal__body input:-moz-placeholder, .modal .modal__body select:-moz-placeholder, .datepicker:-moz-placeholder:not(.control), .textarea:-moz-placeholder, .select select:-moz-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .taginput .taginput-container.is-focusable:-ms-input-placeholder, .input:-ms-input-placeholder, .form__input:-ms-input-placeholder, .auth-wrapper input#login_captcha:-ms-input-placeholder, .dataTables_filter input:-ms-input-placeholder, .dataTables_length label select:-ms-input-placeholder, .dataTable thead th input:-ms-input-placeholder:not([type=checkbox]), .table thead th input:-ms-input-placeholder:not([type=checkbox]), .modal .modal__body input:-ms-input-placeholder, .modal .modal__body select:-ms-input-placeholder, .datepicker:-ms-input-placeholder:not(.control), .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { color: rgba(53.55, 53.55, 53.55, 0.3); } .taginput .taginput-container.is-focusable:hover, .input:hover, .form__input:hover, .auth-wrapper input#login_captcha:hover, .dataTables_filter input:hover, .dataTables_length label select:hover, .dataTable thead th input:hover:not([type=checkbox]), .table thead th input:hover:not([type=checkbox]), .modal .modal__body input:hover, .modal .modal__body select:hover, .datepicker:hover:not(.control), .textarea:hover, .select select:hover, .taginput .is-hovered.taginput-container.is-focusable, .is-hovered.input, .is-hovered.form__input, .auth-wrapper input.is-hovered#login_captcha, .dataTables_filter input.is-hovered, .dataTables_length label select.is-hovered, .dataTable thead th input.is-hovered:not([type=checkbox]), .table thead th input.is-hovered:not([type=checkbox]), .modal .modal__body input.is-hovered, .modal .modal__body select.is-hovered, .is-hovered.datepicker:not(.control), .is-hovered.textarea, .select select.is-hovered { border-color: hsl(0, 0%, 71%); } .taginput .taginput-container.is-focusable:focus, .input:focus, .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:focus:not(.control), .textarea:focus, .select select:focus, .taginput .is-focused.taginput-container.is-focusable, .is-focused.input, .is-focused.form__input, .auth-wrapper input.is-focused#login_captcha, .dataTables_filter input.is-focused, .dataTables_length label select.is-focused, .dataTable thead th input.is-focused:not([type=checkbox]), .table thead th input.is-focused:not([type=checkbox]), .modal .modal__body input.is-focused, .modal .modal__body select.is-focused, .is-focused.datepicker:not(.control), .is-focused.textarea, .select select.is-focused, .taginput .taginput-container.is-focusable:active, .input:active, .form__input:active, .auth-wrapper input#login_captcha:active, .dataTables_filter input:active, .dataTables_length label select:active, .dataTable thead th input:active:not([type=checkbox]), .table thead th input:active:not([type=checkbox]), .modal .modal__body input:active, .modal .modal__body select:active, .datepicker:active:not(.control), .textarea:active, .select select:active, .taginput .is-active.taginput-container.is-focusable, .is-active.input, .is-active.form__input, .auth-wrapper input.is-active#login_captcha, .dataTables_filter input.is-active, .dataTables_length label select.is-active, .dataTable thead th input.is-active:not([type=checkbox]), .table thead th input.is-active:not([type=checkbox]), .modal .modal__body input.is-active, .modal .modal__body select.is-active, .is-active.datepicker:not(.control), .is-active.textarea, .select select.is-active { border-color: hsl(229, 53%, 53%); box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .taginput [disabled].taginput-container.is-focusable, [disabled].input, [disabled].form__input, .auth-wrapper input[disabled]#login_captcha, .dataTables_filter input[disabled], .dataTables_length label select[disabled], .dataTable thead th input[disabled]:not([type=checkbox]), .table thead th input[disabled]:not([type=checkbox]), .modal .modal__body input[disabled], .modal .modal__body select[disabled], [disabled].datepicker:not(.control), [disabled].textarea, .select select[disabled], fieldset[disabled] .taginput .taginput-container.is-focusable, .taginput fieldset[disabled] .taginput-container.is-focusable, fieldset[disabled] .input, fieldset[disabled] .form__input, fieldset[disabled] .auth-wrapper input#login_captcha, .auth-wrapper fieldset[disabled] input#login_captcha, fieldset[disabled] .dataTables_filter input, .dataTables_filter fieldset[disabled] input, fieldset[disabled] .dataTables_length label select, .dataTables_length label fieldset[disabled] select, fieldset[disabled] .dataTable thead th input:not([type=checkbox]), fieldset[disabled] .table thead th input:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:not([type=checkbox]), .table thead th fieldset[disabled] input:not([type=checkbox]), fieldset[disabled] .modal .modal__body input, .modal .modal__body fieldset[disabled] input, fieldset[disabled] .modal .modal__body select, .modal .modal__body fieldset[disabled] select, fieldset[disabled] .datepicker:not(.control), fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); box-shadow: none; color: hsl(0, 0%, 48%); } .taginput [disabled].taginput-container.is-focusable::-moz-placeholder, [disabled].input::-moz-placeholder, [disabled].form__input::-moz-placeholder, .auth-wrapper input[disabled]#login_captcha::-moz-placeholder, .dataTables_filter input[disabled]::-moz-placeholder, .dataTables_length label select[disabled]::-moz-placeholder, .dataTable thead th input[disabled]:not([type=checkbox])::-moz-placeholder, .table thead th input[disabled]:not([type=checkbox])::-moz-placeholder, .modal .modal__body input[disabled]::-moz-placeholder, .modal .modal__body select[disabled]::-moz-placeholder, [disabled].datepicker:not(.control)::-moz-placeholder, [disabled].textarea::-moz-placeholder, .select select[disabled]::-moz-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable::-moz-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .form__input::-moz-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha::-moz-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha::-moz-placeholder, fieldset[disabled] .dataTables_filter input::-moz-placeholder, .dataTables_filter fieldset[disabled] input::-moz-placeholder, fieldset[disabled] .dataTables_length label select::-moz-placeholder, .dataTables_length label fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .dataTable thead th input:not([type=checkbox])::-moz-placeholder, fieldset[disabled] .table thead th input:not([type=checkbox])::-moz-placeholder, .dataTable thead th fieldset[disabled] input:not([type=checkbox])::-moz-placeholder, .table thead th fieldset[disabled] input:not([type=checkbox])::-moz-placeholder, fieldset[disabled] .modal .modal__body input::-moz-placeholder, .modal .modal__body fieldset[disabled] input::-moz-placeholder, fieldset[disabled] .modal .modal__body select::-moz-placeholder, .modal .modal__body fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .datepicker:not(.control)::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .taginput [disabled].taginput-container.is-focusable::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, [disabled].form__input::-webkit-input-placeholder, .auth-wrapper input[disabled]#login_captcha::-webkit-input-placeholder, .dataTables_filter input[disabled]::-webkit-input-placeholder, .dataTables_length label select[disabled]::-webkit-input-placeholder, .dataTable thead th input[disabled]:not([type=checkbox])::-webkit-input-placeholder, .table thead th input[disabled]:not([type=checkbox])::-webkit-input-placeholder, .modal .modal__body input[disabled]::-webkit-input-placeholder, .modal .modal__body select[disabled]::-webkit-input-placeholder, [disabled].datepicker:not(.control)::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .form__input::-webkit-input-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha::-webkit-input-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha::-webkit-input-placeholder, fieldset[disabled] .dataTables_filter input::-webkit-input-placeholder, .dataTables_filter fieldset[disabled] input::-webkit-input-placeholder, fieldset[disabled] .dataTables_length label select::-webkit-input-placeholder, .dataTables_length label fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .dataTable thead th input:not([type=checkbox])::-webkit-input-placeholder, fieldset[disabled] .table thead th input:not([type=checkbox])::-webkit-input-placeholder, .dataTable thead th fieldset[disabled] input:not([type=checkbox])::-webkit-input-placeholder, .table thead th fieldset[disabled] input:not([type=checkbox])::-webkit-input-placeholder, fieldset[disabled] .modal .modal__body input::-webkit-input-placeholder, .modal .modal__body fieldset[disabled] input::-webkit-input-placeholder, fieldset[disabled] .modal .modal__body select::-webkit-input-placeholder, .modal .modal__body fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .datepicker:not(.control)::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .taginput [disabled].taginput-container.is-focusable:-moz-placeholder, [disabled].input:-moz-placeholder, [disabled].form__input:-moz-placeholder, .auth-wrapper input[disabled]#login_captcha:-moz-placeholder, .dataTables_filter input[disabled]:-moz-placeholder, .dataTables_length label select[disabled]:-moz-placeholder, .dataTable thead th input[disabled]:-moz-placeholder:not([type=checkbox]), .table thead th input[disabled]:-moz-placeholder:not([type=checkbox]), .modal .modal__body input[disabled]:-moz-placeholder, .modal .modal__body select[disabled]:-moz-placeholder, [disabled].datepicker:-moz-placeholder:not(.control), [disabled].textarea:-moz-placeholder, .select select[disabled]:-moz-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable:-moz-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .form__input:-moz-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha:-moz-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha:-moz-placeholder, fieldset[disabled] .dataTables_filter input:-moz-placeholder, .dataTables_filter fieldset[disabled] input:-moz-placeholder, fieldset[disabled] .dataTables_length label select:-moz-placeholder, .dataTables_length label fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .dataTable thead th input:-moz-placeholder:not([type=checkbox]), fieldset[disabled] .table thead th input:-moz-placeholder:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:-moz-placeholder:not([type=checkbox]), .table thead th fieldset[disabled] input:-moz-placeholder:not([type=checkbox]), fieldset[disabled] .modal .modal__body input:-moz-placeholder, .modal .modal__body fieldset[disabled] input:-moz-placeholder, fieldset[disabled] .modal .modal__body select:-moz-placeholder, .modal .modal__body fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .datepicker:-moz-placeholder:not(.control), fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .taginput [disabled].taginput-container.is-focusable:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, [disabled].form__input:-ms-input-placeholder, .auth-wrapper input[disabled]#login_captcha:-ms-input-placeholder, .dataTables_filter input[disabled]:-ms-input-placeholder, .dataTables_length label select[disabled]:-ms-input-placeholder, .dataTable thead th input[disabled]:-ms-input-placeholder:not([type=checkbox]), .table thead th input[disabled]:-ms-input-placeholder:not([type=checkbox]), .modal .modal__body input[disabled]:-ms-input-placeholder, .modal .modal__body select[disabled]:-ms-input-placeholder, [disabled].datepicker:-ms-input-placeholder:not(.control), [disabled].textarea:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .taginput .taginput-container.is-focusable:-ms-input-placeholder, .taginput fieldset[disabled] .taginput-container.is-focusable:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .form__input:-ms-input-placeholder, fieldset[disabled] .auth-wrapper input#login_captcha:-ms-input-placeholder, .auth-wrapper fieldset[disabled] input#login_captcha:-ms-input-placeholder, fieldset[disabled] .dataTables_filter input:-ms-input-placeholder, .dataTables_filter fieldset[disabled] input:-ms-input-placeholder, fieldset[disabled] .dataTables_length label select:-ms-input-placeholder, .dataTables_length label fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .dataTable thead th input:-ms-input-placeholder:not([type=checkbox]), fieldset[disabled] .table thead th input:-ms-input-placeholder:not([type=checkbox]), .dataTable thead th fieldset[disabled] input:-ms-input-placeholder:not([type=checkbox]), .table thead th fieldset[disabled] input:-ms-input-placeholder:not([type=checkbox]), fieldset[disabled] .modal .modal__body input:-ms-input-placeholder, .modal .modal__body fieldset[disabled] input:-ms-input-placeholder, fieldset[disabled] .modal .modal__body select:-ms-input-placeholder, .modal .modal__body fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .datepicker:-ms-input-placeholder:not(.control), fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder { color: rgba(122.4, 122.4, 122.4, 0.3); } .taginput .taginput-container.is-focusable, .input, .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control), .textarea { box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05); max-width: 100%; width: 100%; } .taginput [readonly].taginput-container.is-focusable, [readonly].input, [readonly].form__input, .auth-wrapper input[readonly]#login_captcha, .dataTables_filter input[readonly], .dataTables_length label select[readonly], .dataTable thead th input[readonly]:not([type=checkbox]), .table thead th input[readonly]:not([type=checkbox]), .modal .modal__body input[readonly], .modal .modal__body select[readonly], [readonly].datepicker:not(.control), [readonly].textarea { box-shadow: none; } .taginput .is-white.taginput-container.is-focusable, .is-white.input, .is-white.form__input, .auth-wrapper input.is-white#login_captcha, .dataTables_filter input.is-white, .dataTables_length label select.is-white, .dataTable thead th input.is-white:not([type=checkbox]), .table thead th input.is-white:not([type=checkbox]), .modal .modal__body input.is-white, .modal .modal__body select.is-white, .is-white.datepicker:not(.control), .is-white.textarea { border-color: hsl(0, 0%, 100%); } .taginput .is-white.taginput-container.is-focusable:focus, .is-white.input:focus, .is-white.form__input:focus, .auth-wrapper input.is-white#login_captcha:focus, .dataTables_filter input.is-white:focus, .dataTables_length label select.is-white:focus, .dataTable thead th input.is-white:focus:not([type=checkbox]), .table thead th input.is-white:focus:not([type=checkbox]), .modal .modal__body input.is-white:focus, .modal .modal__body select.is-white:focus, .is-white.datepicker:focus:not(.control), .is-white.textarea:focus, .taginput .is-white.is-focused.taginput-container.is-focusable, .is-white.is-focused.input, .is-white.is-focused.form__input, .auth-wrapper input.is-white.is-focused#login_captcha, .dataTables_filter input.is-white.is-focused, .dataTables_length label select.is-white.is-focused, .dataTable thead th input.is-white.is-focused:not([type=checkbox]), .table thead th input.is-white.is-focused:not([type=checkbox]), .modal .modal__body input.is-white.is-focused, .modal .modal__body select.is-white.is-focused, .is-white.is-focused.datepicker:not(.control), .is-white.is-focused.textarea, .taginput .is-white.taginput-container.is-focusable:active, .is-white.input:active, .is-white.form__input:active, .auth-wrapper input.is-white#login_captcha:active, .dataTables_filter input.is-white:active, .dataTables_length label select.is-white:active, .dataTable thead th input.is-white:active:not([type=checkbox]), .table thead th input.is-white:active:not([type=checkbox]), .modal .modal__body input.is-white:active, .modal .modal__body select.is-white:active, .is-white.datepicker:active:not(.control), .is-white.textarea:active, .taginput .is-white.is-active.taginput-container.is-focusable, .is-white.is-active.input, .is-white.is-active.form__input, .auth-wrapper input.is-white.is-active#login_captcha, .dataTables_filter input.is-white.is-active, .dataTables_length label select.is-white.is-active, .dataTable thead th input.is-white.is-active:not([type=checkbox]), .table thead th input.is-white.is-active:not([type=checkbox]), .modal .modal__body input.is-white.is-active, .modal .modal__body select.is-white.is-active, .is-white.is-active.datepicker:not(.control), .is-white.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .taginput .is-black.taginput-container.is-focusable, .is-black.input, .is-black.form__input, .auth-wrapper input.is-black#login_captcha, .dataTables_filter input.is-black, .dataTables_length label select.is-black, .dataTable thead th input.is-black:not([type=checkbox]), .table thead th input.is-black:not([type=checkbox]), .modal .modal__body input.is-black, .modal .modal__body select.is-black, .is-black.datepicker:not(.control), .is-black.textarea { border-color: hsl(0, 0%, 4%); } .taginput .is-black.taginput-container.is-focusable:focus, .is-black.input:focus, .is-black.form__input:focus, .auth-wrapper input.is-black#login_captcha:focus, .dataTables_filter input.is-black:focus, .dataTables_length label select.is-black:focus, .dataTable thead th input.is-black:focus:not([type=checkbox]), .table thead th input.is-black:focus:not([type=checkbox]), .modal .modal__body input.is-black:focus, .modal .modal__body select.is-black:focus, .is-black.datepicker:focus:not(.control), .is-black.textarea:focus, .taginput .is-black.is-focused.taginput-container.is-focusable, .is-black.is-focused.input, .is-black.is-focused.form__input, .auth-wrapper input.is-black.is-focused#login_captcha, .dataTables_filter input.is-black.is-focused, .dataTables_length label select.is-black.is-focused, .dataTable thead th input.is-black.is-focused:not([type=checkbox]), .table thead th input.is-black.is-focused:not([type=checkbox]), .modal .modal__body input.is-black.is-focused, .modal .modal__body select.is-black.is-focused, .is-black.is-focused.datepicker:not(.control), .is-black.is-focused.textarea, .taginput .is-black.taginput-container.is-focusable:active, .is-black.input:active, .is-black.form__input:active, .auth-wrapper input.is-black#login_captcha:active, .dataTables_filter input.is-black:active, .dataTables_length label select.is-black:active, .dataTable thead th input.is-black:active:not([type=checkbox]), .table thead th input.is-black:active:not([type=checkbox]), .modal .modal__body input.is-black:active, .modal .modal__body select.is-black:active, .is-black.datepicker:active:not(.control), .is-black.textarea:active, .taginput .is-black.is-active.taginput-container.is-focusable, .is-black.is-active.input, .is-black.is-active.form__input, .auth-wrapper input.is-black.is-active#login_captcha, .dataTables_filter input.is-black.is-active, .dataTables_length label select.is-black.is-active, .dataTable thead th input.is-black.is-active:not([type=checkbox]), .table thead th input.is-black.is-active:not([type=checkbox]), .modal .modal__body input.is-black.is-active, .modal .modal__body select.is-black.is-active, .is-black.is-active.datepicker:not(.control), .is-black.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .taginput .is-light.taginput-container.is-focusable, .is-light.input, .is-light.form__input, .auth-wrapper input.is-light#login_captcha, .dataTables_filter input.is-light, .dataTables_length label select.is-light, .dataTable thead th input.is-light:not([type=checkbox]), .table thead th input.is-light:not([type=checkbox]), .modal .modal__body input.is-light, .modal .modal__body select.is-light, .is-light.datepicker:not(.control), .is-light.textarea { border-color: hsl(0, 0%, 96%); } .taginput .is-light.taginput-container.is-focusable:focus, .is-light.input:focus, .is-light.form__input:focus, .auth-wrapper input.is-light#login_captcha:focus, .dataTables_filter input.is-light:focus, .dataTables_length label select.is-light:focus, .dataTable thead th input.is-light:focus:not([type=checkbox]), .table thead th input.is-light:focus:not([type=checkbox]), .modal .modal__body input.is-light:focus, .modal .modal__body select.is-light:focus, .is-light.datepicker:focus:not(.control), .is-light.textarea:focus, .taginput .is-light.is-focused.taginput-container.is-focusable, .is-light.is-focused.input, .is-light.is-focused.form__input, .auth-wrapper input.is-light.is-focused#login_captcha, .dataTables_filter input.is-light.is-focused, .dataTables_length label select.is-light.is-focused, .dataTable thead th input.is-light.is-focused:not([type=checkbox]), .table thead th input.is-light.is-focused:not([type=checkbox]), .modal .modal__body input.is-light.is-focused, .modal .modal__body select.is-light.is-focused, .is-light.is-focused.datepicker:not(.control), .is-light.is-focused.textarea, .taginput .is-light.taginput-container.is-focusable:active, .is-light.input:active, .is-light.form__input:active, .auth-wrapper input.is-light#login_captcha:active, .dataTables_filter input.is-light:active, .dataTables_length label select.is-light:active, .dataTable thead th input.is-light:active:not([type=checkbox]), .table thead th input.is-light:active:not([type=checkbox]), .modal .modal__body input.is-light:active, .modal .modal__body select.is-light:active, .is-light.datepicker:active:not(.control), .is-light.textarea:active, .taginput .is-light.is-active.taginput-container.is-focusable, .is-light.is-active.input, .is-light.is-active.form__input, .auth-wrapper input.is-light.is-active#login_captcha, .dataTables_filter input.is-light.is-active, .dataTables_length label select.is-light.is-active, .dataTable thead th input.is-light.is-active:not([type=checkbox]), .table thead th input.is-light.is-active:not([type=checkbox]), .modal .modal__body input.is-light.is-active, .modal .modal__body select.is-light.is-active, .is-light.is-active.datepicker:not(.control), .is-light.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .taginput .is-dark.taginput-container.is-focusable, .is-dark.input, .is-dark.form__input, .auth-wrapper input.is-dark#login_captcha, .dataTables_filter input.is-dark, .dataTables_length label select.is-dark, .dataTable thead th input.is-dark:not([type=checkbox]), .table thead th input.is-dark:not([type=checkbox]), .modal .modal__body input.is-dark, .modal .modal__body select.is-dark, .is-dark.datepicker:not(.control), .is-dark.textarea { border-color: hsl(0, 0%, 21%); } .taginput .is-dark.taginput-container.is-focusable:focus, .is-dark.input:focus, .is-dark.form__input:focus, .auth-wrapper input.is-dark#login_captcha:focus, .dataTables_filter input.is-dark:focus, .dataTables_length label select.is-dark:focus, .dataTable thead th input.is-dark:focus:not([type=checkbox]), .table thead th input.is-dark:focus:not([type=checkbox]), .modal .modal__body input.is-dark:focus, .modal .modal__body select.is-dark:focus, .is-dark.datepicker:focus:not(.control), .is-dark.textarea:focus, .taginput .is-dark.is-focused.taginput-container.is-focusable, .is-dark.is-focused.input, .is-dark.is-focused.form__input, .auth-wrapper input.is-dark.is-focused#login_captcha, .dataTables_filter input.is-dark.is-focused, .dataTables_length label select.is-dark.is-focused, .dataTable thead th input.is-dark.is-focused:not([type=checkbox]), .table thead th input.is-dark.is-focused:not([type=checkbox]), .modal .modal__body input.is-dark.is-focused, .modal .modal__body select.is-dark.is-focused, .is-dark.is-focused.datepicker:not(.control), .is-dark.is-focused.textarea, .taginput .is-dark.taginput-container.is-focusable:active, .is-dark.input:active, .is-dark.form__input:active, .auth-wrapper input.is-dark#login_captcha:active, .dataTables_filter input.is-dark:active, .dataTables_length label select.is-dark:active, .dataTable thead th input.is-dark:active:not([type=checkbox]), .table thead th input.is-dark:active:not([type=checkbox]), .modal .modal__body input.is-dark:active, .modal .modal__body select.is-dark:active, .is-dark.datepicker:active:not(.control), .is-dark.textarea:active, .taginput .is-dark.is-active.taginput-container.is-focusable, .is-dark.is-active.input, .is-dark.is-active.form__input, .auth-wrapper input.is-dark.is-active#login_captcha, .dataTables_filter input.is-dark.is-active, .dataTables_length label select.is-dark.is-active, .dataTable thead th input.is-dark.is-active:not([type=checkbox]), .table thead th input.is-dark.is-active:not([type=checkbox]), .modal .modal__body input.is-dark.is-active, .modal .modal__body select.is-dark.is-active, .is-dark.is-active.datepicker:not(.control), .is-dark.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .taginput .is-primary.taginput-container.is-focusable, .is-primary.input, .is-primary.form__input, .auth-wrapper input.is-primary#login_captcha, .dataTables_filter input.is-primary, .dataTables_length label select.is-primary, .dataTable thead th input.is-primary:not([type=checkbox]), .table thead th input.is-primary:not([type=checkbox]), .modal .modal__body input.is-primary, .modal .modal__body select.is-primary, .is-primary.datepicker:not(.control), .is-primary.textarea { border-color: hsl(171, 100%, 41%); } .taginput .is-primary.taginput-container.is-focusable:focus, .is-primary.input:focus, .is-primary.form__input:focus, .auth-wrapper input.is-primary#login_captcha:focus, .dataTables_filter input.is-primary:focus, .dataTables_length label select.is-primary:focus, .dataTable thead th input.is-primary:focus:not([type=checkbox]), .table thead th input.is-primary:focus:not([type=checkbox]), .modal .modal__body input.is-primary:focus, .modal .modal__body select.is-primary:focus, .is-primary.datepicker:focus:not(.control), .is-primary.textarea:focus, .taginput .is-primary.is-focused.taginput-container.is-focusable, .is-primary.is-focused.input, .is-primary.is-focused.form__input, .auth-wrapper input.is-primary.is-focused#login_captcha, .dataTables_filter input.is-primary.is-focused, .dataTables_length label select.is-primary.is-focused, .dataTable thead th input.is-primary.is-focused:not([type=checkbox]), .table thead th input.is-primary.is-focused:not([type=checkbox]), .modal .modal__body input.is-primary.is-focused, .modal .modal__body select.is-primary.is-focused, .is-primary.is-focused.datepicker:not(.control), .is-primary.is-focused.textarea, .taginput .is-primary.taginput-container.is-focusable:active, .is-primary.input:active, .is-primary.form__input:active, .auth-wrapper input.is-primary#login_captcha:active, .dataTables_filter input.is-primary:active, .dataTables_length label select.is-primary:active, .dataTable thead th input.is-primary:active:not([type=checkbox]), .table thead th input.is-primary:active:not([type=checkbox]), .modal .modal__body input.is-primary:active, .modal .modal__body select.is-primary:active, .is-primary.datepicker:active:not(.control), .is-primary.textarea:active, .taginput .is-primary.is-active.taginput-container.is-focusable, .is-primary.is-active.input, .is-primary.is-active.form__input, .auth-wrapper input.is-primary.is-active#login_captcha, .dataTables_filter input.is-primary.is-active, .dataTables_length label select.is-primary.is-active, .dataTable thead th input.is-primary.is-active:not([type=checkbox]), .table thead th input.is-primary.is-active:not([type=checkbox]), .modal .modal__body input.is-primary.is-active, .modal .modal__body select.is-primary.is-active, .is-primary.is-active.datepicker:not(.control), .is-primary.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .taginput .is-link.taginput-container.is-focusable, .is-link.input, .is-link.form__input, .auth-wrapper input.is-link#login_captcha, .dataTables_filter input.is-link, .dataTables_length label select.is-link, .dataTable thead th input.is-link:not([type=checkbox]), .table thead th input.is-link:not([type=checkbox]), .modal .modal__body input.is-link, .modal .modal__body select.is-link, .is-link.datepicker:not(.control), .is-link.textarea { border-color: hsl(229, 53%, 53%); } .taginput .is-link.taginput-container.is-focusable:focus, .is-link.input:focus, .is-link.form__input:focus, .auth-wrapper input.is-link#login_captcha:focus, .dataTables_filter input.is-link:focus, .dataTables_length label select.is-link:focus, .dataTable thead th input.is-link:focus:not([type=checkbox]), .table thead th input.is-link:focus:not([type=checkbox]), .modal .modal__body input.is-link:focus, .modal .modal__body select.is-link:focus, .is-link.datepicker:focus:not(.control), .is-link.textarea:focus, .taginput .is-link.is-focused.taginput-container.is-focusable, .is-link.is-focused.input, .is-link.is-focused.form__input, .auth-wrapper input.is-link.is-focused#login_captcha, .dataTables_filter input.is-link.is-focused, .dataTables_length label select.is-link.is-focused, .dataTable thead th input.is-link.is-focused:not([type=checkbox]), .table thead th input.is-link.is-focused:not([type=checkbox]), .modal .modal__body input.is-link.is-focused, .modal .modal__body select.is-link.is-focused, .is-link.is-focused.datepicker:not(.control), .is-link.is-focused.textarea, .taginput .is-link.taginput-container.is-focusable:active, .is-link.input:active, .is-link.form__input:active, .auth-wrapper input.is-link#login_captcha:active, .dataTables_filter input.is-link:active, .dataTables_length label select.is-link:active, .dataTable thead th input.is-link:active:not([type=checkbox]), .table thead th input.is-link:active:not([type=checkbox]), .modal .modal__body input.is-link:active, .modal .modal__body select.is-link:active, .is-link.datepicker:active:not(.control), .is-link.textarea:active, .taginput .is-link.is-active.taginput-container.is-focusable, .is-link.is-active.input, .is-link.is-active.form__input, .auth-wrapper input.is-link.is-active#login_captcha, .dataTables_filter input.is-link.is-active, .dataTables_length label select.is-link.is-active, .dataTable thead th input.is-link.is-active:not([type=checkbox]), .table thead th input.is-link.is-active:not([type=checkbox]), .modal .modal__body input.is-link.is-active, .modal .modal__body select.is-link.is-active, .is-link.is-active.datepicker:not(.control), .is-link.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .taginput .is-info.taginput-container.is-focusable, .is-info.input, .is-info.form__input, .auth-wrapper input.is-info#login_captcha, .dataTables_filter input.is-info, .dataTables_length label select.is-info, .dataTable thead th input.is-info:not([type=checkbox]), .table thead th input.is-info:not([type=checkbox]), .modal .modal__body input.is-info, .modal .modal__body select.is-info, .is-info.datepicker:not(.control), .is-info.textarea { border-color: hsl(207, 61%, 53%); } .taginput .is-info.taginput-container.is-focusable:focus, .is-info.input:focus, .is-info.form__input:focus, .auth-wrapper input.is-info#login_captcha:focus, .dataTables_filter input.is-info:focus, .dataTables_length label select.is-info:focus, .dataTable thead th input.is-info:focus:not([type=checkbox]), .table thead th input.is-info:focus:not([type=checkbox]), .modal .modal__body input.is-info:focus, .modal .modal__body select.is-info:focus, .is-info.datepicker:focus:not(.control), .is-info.textarea:focus, .taginput .is-info.is-focused.taginput-container.is-focusable, .is-info.is-focused.input, .is-info.is-focused.form__input, .auth-wrapper input.is-info.is-focused#login_captcha, .dataTables_filter input.is-info.is-focused, .dataTables_length label select.is-info.is-focused, .dataTable thead th input.is-info.is-focused:not([type=checkbox]), .table thead th input.is-info.is-focused:not([type=checkbox]), .modal .modal__body input.is-info.is-focused, .modal .modal__body select.is-info.is-focused, .is-info.is-focused.datepicker:not(.control), .is-info.is-focused.textarea, .taginput .is-info.taginput-container.is-focusable:active, .is-info.input:active, .is-info.form__input:active, .auth-wrapper input.is-info#login_captcha:active, .dataTables_filter input.is-info:active, .dataTables_length label select.is-info:active, .dataTable thead th input.is-info:active:not([type=checkbox]), .table thead th input.is-info:active:not([type=checkbox]), .modal .modal__body input.is-info:active, .modal .modal__body select.is-info:active, .is-info.datepicker:active:not(.control), .is-info.textarea:active, .taginput .is-info.is-active.taginput-container.is-focusable, .is-info.is-active.input, .is-info.is-active.form__input, .auth-wrapper input.is-info.is-active#login_captcha, .dataTables_filter input.is-info.is-active, .dataTables_length label select.is-info.is-active, .dataTable thead th input.is-info.is-active:not([type=checkbox]), .table thead th input.is-info.is-active:not([type=checkbox]), .modal .modal__body input.is-info.is-active, .modal .modal__body select.is-info.is-active, .is-info.is-active.datepicker:not(.control), .is-info.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .taginput .is-success.taginput-container.is-focusable, .is-success.input, .is-success.form__input, .auth-wrapper input.is-success#login_captcha, .dataTables_filter input.is-success, .dataTables_length label select.is-success, .dataTable thead th input.is-success:not([type=checkbox]), .table thead th input.is-success:not([type=checkbox]), .modal .modal__body input.is-success, .modal .modal__body select.is-success, .is-success.datepicker:not(.control), .is-success.textarea { border-color: hsl(153, 53%, 53%); } .taginput .is-success.taginput-container.is-focusable:focus, .is-success.input:focus, .is-success.form__input:focus, .auth-wrapper input.is-success#login_captcha:focus, .dataTables_filter input.is-success:focus, .dataTables_length label select.is-success:focus, .dataTable thead th input.is-success:focus:not([type=checkbox]), .table thead th input.is-success:focus:not([type=checkbox]), .modal .modal__body input.is-success:focus, .modal .modal__body select.is-success:focus, .is-success.datepicker:focus:not(.control), .is-success.textarea:focus, .taginput .is-success.is-focused.taginput-container.is-focusable, .is-success.is-focused.input, .is-success.is-focused.form__input, .auth-wrapper input.is-success.is-focused#login_captcha, .dataTables_filter input.is-success.is-focused, .dataTables_length label select.is-success.is-focused, .dataTable thead th input.is-success.is-focused:not([type=checkbox]), .table thead th input.is-success.is-focused:not([type=checkbox]), .modal .modal__body input.is-success.is-focused, .modal .modal__body select.is-success.is-focused, .is-success.is-focused.datepicker:not(.control), .is-success.is-focused.textarea, .taginput .is-success.taginput-container.is-focusable:active, .is-success.input:active, .is-success.form__input:active, .auth-wrapper input.is-success#login_captcha:active, .dataTables_filter input.is-success:active, .dataTables_length label select.is-success:active, .dataTable thead th input.is-success:active:not([type=checkbox]), .table thead th input.is-success:active:not([type=checkbox]), .modal .modal__body input.is-success:active, .modal .modal__body select.is-success:active, .is-success.datepicker:active:not(.control), .is-success.textarea:active, .taginput .is-success.is-active.taginput-container.is-focusable, .is-success.is-active.input, .is-success.is-active.form__input, .auth-wrapper input.is-success.is-active#login_captcha, .dataTables_filter input.is-success.is-active, .dataTables_length label select.is-success.is-active, .dataTable thead th input.is-success.is-active:not([type=checkbox]), .table thead th input.is-success.is-active:not([type=checkbox]), .modal .modal__body input.is-success.is-active, .modal .modal__body select.is-success.is-active, .is-success.is-active.datepicker:not(.control), .is-success.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .taginput .is-warning.taginput-container.is-focusable, .is-warning.input, .is-warning.form__input, .auth-wrapper input.is-warning#login_captcha, .dataTables_filter input.is-warning, .dataTables_length label select.is-warning, .dataTable thead th input.is-warning:not([type=checkbox]), .table thead th input.is-warning:not([type=checkbox]), .modal .modal__body input.is-warning, .modal .modal__body select.is-warning, .is-warning.datepicker:not(.control), .is-warning.textarea { border-color: hsl(44, 100%, 77%); } .taginput .is-warning.taginput-container.is-focusable:focus, .is-warning.input:focus, .is-warning.form__input:focus, .auth-wrapper input.is-warning#login_captcha:focus, .dataTables_filter input.is-warning:focus, .dataTables_length label select.is-warning:focus, .dataTable thead th input.is-warning:focus:not([type=checkbox]), .table thead th input.is-warning:focus:not([type=checkbox]), .modal .modal__body input.is-warning:focus, .modal .modal__body select.is-warning:focus, .is-warning.datepicker:focus:not(.control), .is-warning.textarea:focus, .taginput .is-warning.is-focused.taginput-container.is-focusable, .is-warning.is-focused.input, .is-warning.is-focused.form__input, .auth-wrapper input.is-warning.is-focused#login_captcha, .dataTables_filter input.is-warning.is-focused, .dataTables_length label select.is-warning.is-focused, .dataTable thead th input.is-warning.is-focused:not([type=checkbox]), .table thead th input.is-warning.is-focused:not([type=checkbox]), .modal .modal__body input.is-warning.is-focused, .modal .modal__body select.is-warning.is-focused, .is-warning.is-focused.datepicker:not(.control), .is-warning.is-focused.textarea, .taginput .is-warning.taginput-container.is-focusable:active, .is-warning.input:active, .is-warning.form__input:active, .auth-wrapper input.is-warning#login_captcha:active, .dataTables_filter input.is-warning:active, .dataTables_length label select.is-warning:active, .dataTable thead th input.is-warning:active:not([type=checkbox]), .table thead th input.is-warning:active:not([type=checkbox]), .modal .modal__body input.is-warning:active, .modal .modal__body select.is-warning:active, .is-warning.datepicker:active:not(.control), .is-warning.textarea:active, .taginput .is-warning.is-active.taginput-container.is-focusable, .is-warning.is-active.input, .is-warning.is-active.form__input, .auth-wrapper input.is-warning.is-active#login_captcha, .dataTables_filter input.is-warning.is-active, .dataTables_length label select.is-warning.is-active, .dataTable thead th input.is-warning.is-active:not([type=checkbox]), .table thead th input.is-warning.is-active:not([type=checkbox]), .modal .modal__body input.is-warning.is-active, .modal .modal__body select.is-warning.is-active, .is-warning.is-active.datepicker:not(.control), .is-warning.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .taginput .is-danger.taginput-container.is-focusable, .is-danger.input, .is-danger.form__input, .auth-wrapper input.is-danger#login_captcha, .dataTables_filter input.is-danger, .dataTables_length label select.is-danger, .dataTable thead th input.is-danger:not([type=checkbox]), .table thead th input.is-danger:not([type=checkbox]), .modal .modal__body input.is-danger, .modal .modal__body select.is-danger, .is-danger.datepicker:not(.control), .is-danger.textarea { border-color: hsl(348, 86%, 61%); } .taginput .is-danger.taginput-container.is-focusable:focus, .is-danger.input:focus, .is-danger.form__input:focus, .auth-wrapper input.is-danger#login_captcha:focus, .dataTables_filter input.is-danger:focus, .dataTables_length label select.is-danger:focus, .dataTable thead th input.is-danger:focus:not([type=checkbox]), .table thead th input.is-danger:focus:not([type=checkbox]), .modal .modal__body input.is-danger:focus, .modal .modal__body select.is-danger:focus, .is-danger.datepicker:focus:not(.control), .is-danger.textarea:focus, .taginput .is-danger.is-focused.taginput-container.is-focusable, .is-danger.is-focused.input, .is-danger.is-focused.form__input, .auth-wrapper input.is-danger.is-focused#login_captcha, .dataTables_filter input.is-danger.is-focused, .dataTables_length label select.is-danger.is-focused, .dataTable thead th input.is-danger.is-focused:not([type=checkbox]), .table thead th input.is-danger.is-focused:not([type=checkbox]), .modal .modal__body input.is-danger.is-focused, .modal .modal__body select.is-danger.is-focused, .is-danger.is-focused.datepicker:not(.control), .is-danger.is-focused.textarea, .taginput .is-danger.taginput-container.is-focusable:active, .is-danger.input:active, .is-danger.form__input:active, .auth-wrapper input.is-danger#login_captcha:active, .dataTables_filter input.is-danger:active, .dataTables_length label select.is-danger:active, .dataTable thead th input.is-danger:active:not([type=checkbox]), .table thead th input.is-danger:active:not([type=checkbox]), .modal .modal__body input.is-danger:active, .modal .modal__body select.is-danger:active, .is-danger.datepicker:active:not(.control), .is-danger.textarea:active, .taginput .is-danger.is-active.taginput-container.is-focusable, .is-danger.is-active.input, .is-danger.is-active.form__input, .auth-wrapper input.is-danger.is-active#login_captcha, .dataTables_filter input.is-danger.is-active, .dataTables_length label select.is-danger.is-active, .dataTable thead th input.is-danger.is-active:not([type=checkbox]), .table thead th input.is-danger.is-active:not([type=checkbox]), .modal .modal__body input.is-danger.is-active, .modal .modal__body select.is-danger.is-active, .is-danger.is-active.datepicker:not(.control), .is-danger.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .taginput .is-small.taginput-container.is-focusable, .is-small.input, .is-small.form__input, .auth-wrapper input.is-small#login_captcha, .dataTables_filter input.is-small, .dataTables_length label select.is-small, .dataTable thead th input.is-small:not([type=checkbox]), .table thead th input.is-small:not([type=checkbox]), .modal .modal__body input.is-small, .modal .modal__body select.is-small, .is-small.datepicker:not(.control), .is-small.textarea { border-radius: 2px; font-size: 0.75rem; } .taginput .is-medium.taginput-container.is-focusable, .is-medium.input, .is-medium.form__input, .auth-wrapper input.is-medium#login_captcha, .dataTables_filter input.is-medium, .dataTables_length label select.is-medium, .dataTable thead th input.is-medium:not([type=checkbox]), .table thead th input.is-medium:not([type=checkbox]), .modal .modal__body input.is-medium, .modal .modal__body select.is-medium, .is-medium.datepicker:not(.control), .is-medium.textarea { font-size: 1.25rem; } .taginput .is-large.taginput-container.is-focusable, .is-large.input, .is-large.form__input, .auth-wrapper input.is-large#login_captcha, .dataTables_filter input.is-large, .dataTables_length label select.is-large, .dataTable thead th input.is-large:not([type=checkbox]), .table thead th input.is-large:not([type=checkbox]), .modal .modal__body input.is-large, .modal .modal__body select.is-large, .is-large.datepicker:not(.control), .is-large.textarea { font-size: 1.5rem; } .taginput .is-fullwidth.taginput-container.is-focusable, .is-fullwidth.input, .is-fullwidth.form__input, .auth-wrapper input.is-fullwidth#login_captcha, .dataTables_filter input.is-fullwidth, .dataTables_length label select.is-fullwidth, .dataTable thead th input.is-fullwidth:not([type=checkbox]), .table thead th input.is-fullwidth:not([type=checkbox]), .modal .modal__body input.is-fullwidth, .modal .modal__body select.is-fullwidth, .is-fullwidth.datepicker:not(.control), .is-fullwidth.textarea { display: block; width: 100%; } .taginput .is-inline.taginput-container.is-focusable, .is-inline.input, .is-inline.form__input, .auth-wrapper input.is-inline#login_captcha, .dataTables_filter input.is-inline, .dataTables_length label select.is-inline, .dataTable thead th input.is-inline:not([type=checkbox]), .table thead th input.is-inline:not([type=checkbox]), .modal .modal__body input.is-inline, .modal .modal__body select.is-inline, .is-inline.datepicker:not(.control), .is-inline.textarea { display: inline; width: auto; } .input.is-rounded, .is-rounded.form__input, .auth-wrapper input.is-rounded#login_captcha, .dataTables_filter input.is-rounded, .dataTables_length label select.is-rounded, .dataTable thead th input.is-rounded:not([type=checkbox]), .table thead th input.is-rounded:not([type=checkbox]), .modal .modal__body input.is-rounded, .modal .modal__body select.is-rounded, .is-rounded.datepicker:not(.control) { border-radius: 9999px; padding-left: calc(calc(0.75em - 1px) + 0.375em); padding-right: calc(calc(0.75em - 1px) + 0.375em); } .input.is-static, .is-static.form__input, .auth-wrapper input.is-static#login_captcha, .dataTables_filter input.is-static, .dataTables_length label select.is-static, .dataTable thead th input.is-static:not([type=checkbox]), .table thead th input.is-static:not([type=checkbox]), .modal .modal__body input.is-static, .modal .modal__body select.is-static, .is-static.datepicker:not(.control) { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; } .textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; } .textarea:not([rows]) { max-height: 40em; min-height: 8em; } .textarea[rows] { height: initial; } .textarea.has-fixed-size { resize: none; } .checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; } .checkbox input, .radio input { cursor: pointer; } .checkbox:hover, .radio:hover { color: hsl(0, 0%, 21%); } [disabled].checkbox, [disabled].radio, fieldset[disabled] .checkbox, fieldset[disabled] .radio, .checkbox input[disabled], .radio input[disabled] { color: hsl(0, 0%, 48%); cursor: not-allowed; } .radio + .radio { margin-left: 0.5em; } .select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; } .select:not(.is-multiple) { height: 2.5em; } .select:not(.is-multiple):not(.is-loading)::after { border-color: hsl(229, 53%, 53%); right: 1.125em; z-index: 4; } .select.is-rounded select { border-radius: 9999px; padding-left: 1em; } .select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; } .select select::-ms-expand { display: none; } .select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: hsl(0, 0%, 96%); } .select select:not([multiple]) { padding-right: 2.5em; } .select select[multiple] { height: auto; padding: 0; } .select select[multiple] option { padding: 0.5em 1em; } .select:not(.is-multiple):not(.is-loading):hover::after { border-color: hsl(0, 0%, 21%); } .select.is-white:not(:hover)::after { border-color: hsl(0, 0%, 100%); } .select.is-white select { border-color: hsl(0, 0%, 100%); } .select.is-white select:hover, .select.is-white select.is-hovered { border-color: hsl(0, 0%, 95%); } .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } .select.is-black:not(:hover)::after { border-color: hsl(0, 0%, 4%); } .select.is-black select { border-color: hsl(0, 0%, 4%); } .select.is-black select:hover, .select.is-black select.is-hovered { border-color: hsl(0, 0%, 0%); } .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); } .select.is-light:not(:hover)::after { border-color: hsl(0, 0%, 96%); } .select.is-light select { border-color: hsl(0, 0%, 96%); } .select.is-light select:hover, .select.is-light select.is-hovered { border-color: hsl(0, 0%, 91%); } .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); } .select.is-dark:not(:hover)::after { border-color: hsl(0, 0%, 21%); } .select.is-dark select { border-color: hsl(0, 0%, 21%); } .select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: hsl(0, 0%, 16%); } .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); } .select.is-primary:not(:hover)::after { border-color: hsl(171, 100%, 41%); } .select.is-primary select { border-color: hsl(171, 100%, 41%); } .select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: hsl(171, 100%, 36%); } .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { box-shadow: 0 0 0 0.125em rgba(0, 209.1, 177.735, 0.25); } .select.is-link:not(:hover)::after { border-color: hsl(229, 53%, 53%); } .select.is-link select { border-color: hsl(229, 53%, 53%); } .select.is-link select:hover, .select.is-link select.is-hovered { border-color: hsl(229, 53%, 48%); } .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .select.is-info:not(:hover)::after { border-color: hsl(207, 61%, 53%); } .select.is-info select { border-color: hsl(207, 61%, 53%); } .select.is-info select:hover, .select.is-info select.is-hovered { border-color: hsl(207, 61%, 48%); } .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25); } .select.is-success:not(:hover)::after { border-color: hsl(153, 53%, 53%); } .select.is-success select { border-color: hsl(153, 53%, 53%); } .select.is-success select:hover, .select.is-success select.is-hovered { border-color: hsl(153, 53%, 48%); } .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { box-shadow: 0 0 0 0.125em rgba(71.6295, 198.6705, 141.50205, 0.25); } .select.is-warning:not(:hover)::after { border-color: hsl(44, 100%, 77%); } .select.is-warning select { border-color: hsl(44, 100%, 77%); } .select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: hsl(44, 100%, 72%); } .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 223.72, 137.7, 0.25); } .select.is-danger:not(:hover)::after { border-color: hsl(348, 86%, 61%); } .select.is-danger select { border-color: hsl(348, 86%, 61%); } .select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: hsl(348, 86%, 56%); } .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); } .select.is-small { border-radius: 2px; font-size: 0.75rem; } .select.is-medium { font-size: 1.25rem; } .select.is-large { font-size: 1.5rem; } .select.is-disabled::after { border-color: hsl(0, 0%, 48%) !important; opacity: 0.5; } .select.is-fullwidth { width: 100%; } .select.is-fullwidth select { width: 100%; } .select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; } .select.is-loading.is-small:after { font-size: 0.75rem; } .select.is-loading.is-medium:after { font-size: 1.25rem; } .select.is-loading.is-large:after { font-size: 1.5rem; } .file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; } .file.is-white .file-cta { background-color: hsl(0, 0%, 100%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { background-color: hsl(0, 0%, 97.5%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: hsl(0, 0%, 4%); } .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: hsl(0, 0%, 95%); border-color: transparent; color: hsl(0, 0%, 4%); } .file.is-black .file-cta { background-color: hsl(0, 0%, 4%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { background-color: hsl(0, 0%, 1.5%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25); color: hsl(0, 0%, 100%); } .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: hsl(0, 0%, 0%); border-color: transparent; color: hsl(0, 0%, 100%); } .file.is-light .file-cta { background-color: hsl(0, 0%, 96%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { background-color: hsl(0, 0%, 93.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: hsl(0, 0%, 91%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-dark .file-cta { background-color: hsl(0, 0%, 21%); border-color: transparent; color: #fff; } .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { background-color: hsl(0, 0%, 18.5%); border-color: transparent; color: #fff; } .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.25); color: #fff; } .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: hsl(0, 0%, 16%); border-color: transparent; color: #fff; } .file.is-primary .file-cta { background-color: hsl(171, 100%, 41%); border-color: transparent; color: #fff; } .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { background-color: hsl(171, 100%, 38.5%); border-color: transparent; color: #fff; } .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(0, 209.1, 177.735, 0.25); color: #fff; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: hsl(171, 100%, 36%); border-color: transparent; color: #fff; } .file.is-link .file-cta { background-color: hsl(229, 53%, 53%); border-color: transparent; color: #fff; } .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { background-color: hsl(229, 53%, 50.5%); border-color: transparent; color: #fff; } .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(71.6295, 94.92035, 198.6705, 0.25); color: #fff; } .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: hsl(229, 53%, 48%); border-color: transparent; color: #fff; } .file.is-info .file-cta { background-color: hsl(207, 61%, 53%); border-color: transparent; color: #fff; } .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { background-color: hsl(207, 61%, 50.5%); border-color: transparent; color: #fff; } .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.25); color: #fff; } .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: hsl(207, 61%, 48%); border-color: transparent; color: #fff; } .file.is-success .file-cta { background-color: hsl(153, 53%, 53%); border-color: transparent; color: #fff; } .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { background-color: hsl(153, 53%, 50.5%); border-color: transparent; color: #fff; } .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.25); color: #fff; } .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: hsl(153, 53%, 48%); border-color: transparent; color: #fff; } .file.is-warning .file-cta { background-color: hsl(44, 100%, 77%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { background-color: hsl(44, 100%, 74.5%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.25); color: rgba(0, 0, 0, 0.7); } .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: hsl(44, 100%, 72%); border-color: transparent; color: rgba(0, 0, 0, 0.7); } .file.is-danger .file-cta { background-color: hsl(348, 86%, 61%); border-color: transparent; color: #fff; } .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { background-color: hsl(348, 86%, 58.5%); border-color: transparent; color: #fff; } .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.25); color: #fff; } .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: hsl(348, 86%, 56%); border-color: transparent; color: #fff; } .file.is-small { font-size: 0.75rem; } .file.is-normal { font-size: 1rem; } .file.is-medium { font-size: 1.25rem; } .file.is-medium .file-icon .fa { font-size: 21px; } .file.is-large { font-size: 1.5rem; } .file.is-large .file-icon .fa { font-size: 28px; } .file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; } .file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; } .file.has-name.is-empty .file-cta { border-radius: 4px; } .file.has-name.is-empty .file-name { display: none; } .file.is-boxed .file-label { flex-direction: column; } .file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; } .file.is-boxed .file-name { border-width: 0 1px 1px; } .file.is-boxed .file-icon { height: 1.5em; width: 1.5em; } .file.is-boxed .file-icon .fa { font-size: 21px; } .file.is-boxed.is-small .file-icon .fa { font-size: 14px; } .file.is-boxed.is-medium .file-icon .fa { font-size: 28px; } .file.is-boxed.is-large .file-icon .fa { font-size: 35px; } .file.is-boxed.has-name .file-cta { border-radius: 4px 4px 0 0; } .file.is-boxed.has-name .file-name { border-radius: 0 0 4px 4px; border-width: 0 1px 1px; } .file.is-centered { justify-content: center; } .file.is-fullwidth .file-label { width: 100%; } .file.is-fullwidth .file-name { flex-grow: 1; max-width: none; } .file.is-right { justify-content: flex-end; } .file.is-right .file-cta { border-radius: 0 4px 4px 0; } .file.is-right .file-name { border-radius: 4px 0 0 4px; border-width: 1px 0 1px 1px; order: -1; } .file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; } .file-label:hover .file-cta { background-color: hsl(0, 0%, 93.5%); color: hsl(0, 0%, 21%); } .file-label:hover .file-name { border-color: hsl(0, 0%, 83.5%); } .file-label:active .file-cta { background-color: hsl(0, 0%, 91%); color: hsl(0, 0%, 21%); } .file-label:active .file-name { border-color: hsl(0, 0%, 81%); } .file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; } .file-cta, .file-name { border-color: hsl(0, 0%, 86%); border-radius: 4px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; } .file-cta { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 29%); } .file-name { border-color: hsl(0, 0%, 86%); border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: inherit; text-overflow: ellipsis; } .file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; } .file-icon .fa { font-size: 14px; } .label { color: hsl(0, 0%, 21%); display: block; font-size: 1rem; font-weight: 700; } .label:not(:last-child) { margin-bottom: 0.5em; } .label.is-small { font-size: 0.75rem; } .label.is-medium { font-size: 1.25rem; } .label.is-large { font-size: 1.5rem; } .help { display: block; font-size: 0.75rem; margin-top: 0.25rem; } .help.is-white { color: hsl(0, 0%, 100%); } .help.is-black { color: hsl(0, 0%, 4%); } .help.is-light { color: hsl(0, 0%, 96%); } .help.is-dark { color: hsl(0, 0%, 21%); } .help.is-primary { color: hsl(171, 100%, 41%); } .help.is-link { color: hsl(229, 53%, 53%); } .help.is-info { color: hsl(207, 61%, 53%); } .help.is-success { color: hsl(153, 53%, 53%); } .help.is-warning { color: hsl(44, 100%, 77%); } .help.is-danger { color: hsl(348, 86%, 61%); } .field:not(:last-child) { margin-bottom: 0.75rem; } .field.has-addons { display: flex; justify-content: flex-start; } .field.has-addons .control:not(:last-child) { margin-right: -1px; } .field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .ui-datepicker-trigger, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:not(:first-child):not(:last-child) a.paginate_button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .form__input, .field.has-addons .control:not(:first-child):not(:last-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:not(:first-child):not(:last-child) input#login_captcha, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:not(:first-child):not(:last-child) input, .field.has-addons .control:not(:first-child):not(:last-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:not(:first-child):not(:last-child) select, .field.has-addons .control:not(:first-child):not(:last-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:not(:first-child):not(:last-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:not(:first-child):not(:last-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:not(:first-child):not(:last-child) input:not([type=checkbox]), .field.has-addons .control:not(:first-child):not(:last-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:not(:first-child):not(:last-child) input, .field.has-addons .control:not(:first-child):not(:last-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:not(:first-child):not(:last-child) select, .field.has-addons .control:not(:first-child):not(:last-child) .datepicker:not(.control), .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; } .field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .ui-datepicker-trigger, .field.has-addons .control:first-child:not(:only-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:first-child:not(:only-child) a.paginate_button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .form__input, .field.has-addons .control:first-child:not(:only-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:first-child:not(:only-child) input#login_captcha, .field.has-addons .control:first-child:not(:only-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:first-child:not(:only-child) input, .field.has-addons .control:first-child:not(:only-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:first-child:not(:only-child) select, .field.has-addons .control:first-child:not(:only-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:first-child:not(:only-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:first-child:not(:only-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:first-child:not(:only-child) input:not([type=checkbox]), .field.has-addons .control:first-child:not(:only-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:first-child:not(:only-child) input, .field.has-addons .control:first-child:not(:only-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:first-child:not(:only-child) select, .field.has-addons .control:first-child:not(:only-child) .datepicker:not(.control), .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .ui-datepicker-trigger, .field.has-addons .control:last-child:not(:only-child) .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:last-child:not(:only-child) a.paginate_button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .form__input, .field.has-addons .control:last-child:not(:only-child) .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:last-child:not(:only-child) input#login_captcha, .field.has-addons .control:last-child:not(:only-child) .dataTables_filter input, .dataTables_filter .field.has-addons .control:last-child:not(:only-child) input, .field.has-addons .control:last-child:not(:only-child) .dataTables_length label select, .dataTables_length label .field.has-addons .control:last-child:not(:only-child) select, .field.has-addons .control:last-child:not(:only-child) .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:last-child:not(:only-child) .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:last-child:not(:only-child) input:not([type=checkbox]), .table thead th .field.has-addons .control:last-child:not(:only-child) input:not([type=checkbox]), .field.has-addons .control:last-child:not(:only-child) .modal .modal__body input, .modal .modal__body .field.has-addons .control:last-child:not(:only-child) input, .field.has-addons .control:last-child:not(:only-child) .modal .modal__body select, .modal .modal__body .field.has-addons .control:last-child:not(:only-child) select, .field.has-addons .control:last-child:not(:only-child) .datepicker:not(.control), .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-hovered, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-hovered, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .form__input:not([disabled]):hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):hover, .field.has-addons .control .dataTables_filter input:not([disabled]):hover, .dataTables_filter .field.has-addons .control input:not([disabled]):hover, .field.has-addons .control .dataTables_length label select:not([disabled]):hover, .dataTables_length label .field.has-addons .control select:not([disabled]):hover, .field.has-addons .control .dataTable thead th input:not([disabled]):hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):hover, .modal .modal__body .field.has-addons .control input:not([disabled]):hover, .field.has-addons .control .modal .modal__body select:not([disabled]):hover, .modal .modal__body .field.has-addons .control select:not([disabled]):hover, .field.has-addons .control .datepicker:not([disabled]):hover:not(.control), .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .form__input:not([disabled]).is-hovered, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-hovered, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-hovered, .field.has-addons .control .dataTables_filter input:not([disabled]).is-hovered, .dataTables_filter .field.has-addons .control input:not([disabled]).is-hovered, .field.has-addons .control .dataTables_length label select:not([disabled]).is-hovered, .dataTables_length label .field.has-addons .control select:not([disabled]).is-hovered, .field.has-addons .control .dataTable thead th input:not([disabled]).is-hovered:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-hovered:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-hovered:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-hovered:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-hovered, .modal .modal__body .field.has-addons .control input:not([disabled]).is-hovered, .field.has-addons .control .modal .modal__body select:not([disabled]).is-hovered, .modal .modal__body .field.has-addons .control select:not([disabled]).is-hovered, .field.has-addons .control .datepicker:not([disabled]).is-hovered:not(.control), .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; } .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):focus, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):focus, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-focused, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-focused, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):active, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):active, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-active, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-active, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .form__input:not([disabled]):focus, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):focus, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):focus, .field.has-addons .control .dataTables_filter input:not([disabled]):focus, .dataTables_filter .field.has-addons .control input:not([disabled]):focus, .field.has-addons .control .dataTables_length label select:not([disabled]):focus, .dataTables_length label .field.has-addons .control select:not([disabled]):focus, .field.has-addons .control .dataTable thead th input:not([disabled]):focus:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):focus:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):focus:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):focus:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):focus, .modal .modal__body .field.has-addons .control input:not([disabled]):focus, .field.has-addons .control .modal .modal__body select:not([disabled]):focus, .modal .modal__body .field.has-addons .control select:not([disabled]):focus, .field.has-addons .control .datepicker:not([disabled]):focus:not(.control), .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .form__input:not([disabled]).is-focused, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-focused, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-focused, .field.has-addons .control .dataTables_filter input:not([disabled]).is-focused, .dataTables_filter .field.has-addons .control input:not([disabled]).is-focused, .field.has-addons .control .dataTables_length label select:not([disabled]).is-focused, .dataTables_length label .field.has-addons .control select:not([disabled]).is-focused, .field.has-addons .control .dataTable thead th input:not([disabled]).is-focused:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-focused:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-focused:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-focused:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-focused, .modal .modal__body .field.has-addons .control input:not([disabled]).is-focused, .field.has-addons .control .modal .modal__body select:not([disabled]).is-focused, .modal .modal__body .field.has-addons .control select:not([disabled]).is-focused, .field.has-addons .control .datepicker:not([disabled]).is-focused:not(.control), .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .form__input:not([disabled]):active, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):active, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):active, .field.has-addons .control .dataTables_filter input:not([disabled]):active, .dataTables_filter .field.has-addons .control input:not([disabled]):active, .field.has-addons .control .dataTables_length label select:not([disabled]):active, .dataTables_length label .field.has-addons .control select:not([disabled]):active, .field.has-addons .control .dataTable thead th input:not([disabled]):active:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):active:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):active:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):active:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):active, .modal .modal__body .field.has-addons .control input:not([disabled]):active, .field.has-addons .control .modal .modal__body select:not([disabled]):active, .modal .modal__body .field.has-addons .control select:not([disabled]):active, .field.has-addons .control .datepicker:not([disabled]):active:not(.control), .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .form__input:not([disabled]).is-active, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-active, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-active, .field.has-addons .control .dataTables_filter input:not([disabled]).is-active, .dataTables_filter .field.has-addons .control input:not([disabled]).is-active, .field.has-addons .control .dataTables_length label select:not([disabled]).is-active, .dataTables_length label .field.has-addons .control select:not([disabled]).is-active, .field.has-addons .control .dataTable thead th input:not([disabled]).is-active:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-active:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-active:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-active:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-active, .modal .modal__body .field.has-addons .control input:not([disabled]).is-active, .field.has-addons .control .modal .modal__body select:not([disabled]).is-active, .modal .modal__body .field.has-addons .control select:not([disabled]).is-active, .field.has-addons .control .datepicker:not([disabled]).is-active:not(.control), .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; } .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):focus:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):focus:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-focused:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]):active:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]):active:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .ui-datepicker-trigger:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_paginate a.paginate_button:not([disabled]).is-active:hover, .dataTables_paginate .field.has-addons .control a.paginate_button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .form__input:not([disabled]):focus:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):focus:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):focus:hover, .field.has-addons .control .dataTables_filter input:not([disabled]):focus:hover, .dataTables_filter .field.has-addons .control input:not([disabled]):focus:hover, .field.has-addons .control .dataTables_length label select:not([disabled]):focus:hover, .dataTables_length label .field.has-addons .control select:not([disabled]):focus:hover, .field.has-addons .control .dataTable thead th input:not([disabled]):focus:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):focus:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):focus:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):focus:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):focus:hover, .modal .modal__body .field.has-addons .control input:not([disabled]):focus:hover, .field.has-addons .control .modal .modal__body select:not([disabled]):focus:hover, .modal .modal__body .field.has-addons .control select:not([disabled]):focus:hover, .field.has-addons .control .datepicker:not([disabled]):focus:hover:not(.control), .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .form__input:not([disabled]).is-focused:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-focused:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_filter input:not([disabled]).is-focused:hover, .dataTables_filter .field.has-addons .control input:not([disabled]).is-focused:hover, .field.has-addons .control .dataTables_length label select:not([disabled]).is-focused:hover, .dataTables_length label .field.has-addons .control select:not([disabled]).is-focused:hover, .field.has-addons .control .dataTable thead th input:not([disabled]).is-focused:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-focused:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-focused:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-focused:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-focused:hover, .modal .modal__body .field.has-addons .control input:not([disabled]).is-focused:hover, .field.has-addons .control .modal .modal__body select:not([disabled]).is-focused:hover, .modal .modal__body .field.has-addons .control select:not([disabled]).is-focused:hover, .field.has-addons .control .datepicker:not([disabled]).is-focused:hover:not(.control), .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .form__input:not([disabled]):active:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]):active:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]):active:hover, .field.has-addons .control .dataTables_filter input:not([disabled]):active:hover, .dataTables_filter .field.has-addons .control input:not([disabled]):active:hover, .field.has-addons .control .dataTables_length label select:not([disabled]):active:hover, .dataTables_length label .field.has-addons .control select:not([disabled]):active:hover, .field.has-addons .control .dataTable thead th input:not([disabled]):active:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]):active:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]):active:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]):active:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]):active:hover, .modal .modal__body .field.has-addons .control input:not([disabled]):active:hover, .field.has-addons .control .modal .modal__body select:not([disabled]):active:hover, .modal .modal__body .field.has-addons .control select:not([disabled]):active:hover, .field.has-addons .control .datepicker:not([disabled]):active:hover:not(.control), .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .form__input:not([disabled]).is-active:hover, .field.has-addons .control .auth-wrapper input#login_captcha:not([disabled]).is-active:hover, .auth-wrapper .field.has-addons .control input#login_captcha:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_filter input:not([disabled]).is-active:hover, .dataTables_filter .field.has-addons .control input:not([disabled]).is-active:hover, .field.has-addons .control .dataTables_length label select:not([disabled]).is-active:hover, .dataTables_length label .field.has-addons .control select:not([disabled]).is-active:hover, .field.has-addons .control .dataTable thead th input:not([disabled]).is-active:hover:not([type=checkbox]), .field.has-addons .control .table thead th input:not([disabled]).is-active:hover:not([type=checkbox]), .dataTable thead th .field.has-addons .control input:not([disabled]).is-active:hover:not([type=checkbox]), .table thead th .field.has-addons .control input:not([disabled]).is-active:hover:not([type=checkbox]), .field.has-addons .control .modal .modal__body input:not([disabled]).is-active:hover, .modal .modal__body .field.has-addons .control input:not([disabled]).is-active:hover, .field.has-addons .control .modal .modal__body select:not([disabled]).is-active:hover, .modal .modal__body .field.has-addons .control select:not([disabled]).is-active:hover, .field.has-addons .control .datepicker:not([disabled]).is-active:hover:not(.control), .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; } .field.has-addons .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.has-addons.has-addons-centered { justify-content: center; } .field.has-addons.has-addons-right { justify-content: flex-end; } .field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; } .field.is-grouped { display: flex; justify-content: flex-start; } .field.is-grouped > .control { flex-shrink: 0; } .field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.is-grouped.is-grouped-centered { justify-content: center; } .field.is-grouped.is-grouped-right { justify-content: flex-end; } .field.is-grouped.is-grouped-multiline { flex-wrap: wrap; } .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 0.75rem; } .field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -0.75rem; } .field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field.is-horizontal { display: flex; } } .field-label .label { font-size: inherit; } @media screen and (max-width: 768px) { .field-label { margin-bottom: 0.5rem; } } @media screen and (min-width: 769px), print { .field-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 1.5rem; text-align: right; } .field-label.is-small { font-size: 0.75rem; padding-top: 0.375em; } .field-label.is-normal { padding-top: 0.375em; } .field-label.is-medium { font-size: 1.25rem; padding-top: 0.375em; } .field-label.is-large { font-size: 1.5rem; padding-top: 0.375em; } } .field-body .field .field { margin-bottom: 0; } @media screen and (min-width: 769px), print { .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; } .field-body .field { margin-bottom: 0; } .field-body > .field { flex-shrink: 1; } .field-body > .field:not(.is-narrow) { flex-grow: 1; } .field-body > .field:not(:last-child) { margin-right: 0.75rem; } } .control { box-sizing: border-box; clear: both; font-size: 1rem; position: relative; text-align: inherit; } .control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .form__input:focus ~ .icon, .control.has-icons-left .auth-wrapper input#login_captcha:focus ~ .icon, .auth-wrapper .control.has-icons-left input#login_captcha:focus ~ .icon, .control.has-icons-left .dataTables_filter input:focus ~ .icon, .dataTables_filter .control.has-icons-left input:focus ~ .icon, .control.has-icons-left .dataTables_length label select:focus ~ .icon, .dataTables_length label .control.has-icons-left select:focus ~ .icon, .control.has-icons-left .dataTable thead th input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input:focus:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input:focus:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input:focus ~ .icon, .modal .modal__body .control.has-icons-left input:focus ~ .icon, .control.has-icons-left .modal .modal__body select:focus ~ .icon, .modal .modal__body .control.has-icons-left select:focus ~ .icon, .control.has-icons-left .datepicker:focus:not(.control) ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .form__input:focus ~ .icon, .control.has-icons-right .auth-wrapper input#login_captcha:focus ~ .icon, .auth-wrapper .control.has-icons-right input#login_captcha:focus ~ .icon, .control.has-icons-right .dataTables_filter input:focus ~ .icon, .dataTables_filter .control.has-icons-right input:focus ~ .icon, .control.has-icons-right .dataTables_length label select:focus ~ .icon, .dataTables_length label .control.has-icons-right select:focus ~ .icon, .control.has-icons-right .dataTable thead th input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input:focus:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input:focus:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input:focus:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input:focus ~ .icon, .modal .modal__body .control.has-icons-right input:focus ~ .icon, .control.has-icons-right .modal .modal__body select:focus ~ .icon, .modal .modal__body .control.has-icons-right select:focus ~ .icon, .control.has-icons-right .datepicker:focus:not(.control) ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: hsl(0, 0%, 29%); } .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .is-small.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-small#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-small#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-small ~ .icon, .dataTables_filter .control.has-icons-left input.is-small ~ .icon, .control.has-icons-left .dataTables_length label select.is-small ~ .icon, .dataTables_length label .control.has-icons-left select.is-small ~ .icon, .control.has-icons-left .dataTable thead th input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-small:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-small:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-small ~ .icon, .modal .modal__body .control.has-icons-left input.is-small ~ .icon, .control.has-icons-left .modal .modal__body select.is-small ~ .icon, .modal .modal__body .control.has-icons-left select.is-small ~ .icon, .control.has-icons-left .is-small.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .is-small.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-small#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-small#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-small ~ .icon, .dataTables_filter .control.has-icons-right input.is-small ~ .icon, .control.has-icons-right .dataTables_length label select.is-small ~ .icon, .dataTables_length label .control.has-icons-right select.is-small ~ .icon, .control.has-icons-right .dataTable thead th input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-small:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-small:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-small:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-small ~ .icon, .modal .modal__body .control.has-icons-right input.is-small ~ .icon, .control.has-icons-right .modal .modal__body select.is-small ~ .icon, .modal .modal__body .control.has-icons-right select.is-small ~ .icon, .control.has-icons-right .is-small.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 0.75rem; } .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .is-medium.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-medium#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-medium#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-medium ~ .icon, .dataTables_filter .control.has-icons-left input.is-medium ~ .icon, .control.has-icons-left .dataTables_length label select.is-medium ~ .icon, .dataTables_length label .control.has-icons-left select.is-medium ~ .icon, .control.has-icons-left .dataTable thead th input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-medium:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-medium:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-medium ~ .icon, .modal .modal__body .control.has-icons-left input.is-medium ~ .icon, .control.has-icons-left .modal .modal__body select.is-medium ~ .icon, .modal .modal__body .control.has-icons-left select.is-medium ~ .icon, .control.has-icons-left .is-medium.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .is-medium.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-medium#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-medium#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-medium ~ .icon, .dataTables_filter .control.has-icons-right input.is-medium ~ .icon, .control.has-icons-right .dataTables_length label select.is-medium ~ .icon, .dataTables_length label .control.has-icons-right select.is-medium ~ .icon, .control.has-icons-right .dataTable thead th input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-medium:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-medium:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-medium:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-medium ~ .icon, .modal .modal__body .control.has-icons-right input.is-medium ~ .icon, .control.has-icons-right .modal .modal__body select.is-medium ~ .icon, .modal .modal__body .control.has-icons-right select.is-medium ~ .icon, .control.has-icons-right .is-medium.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 1.25rem; } .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .is-large.form__input ~ .icon, .control.has-icons-left .auth-wrapper input.is-large#login_captcha ~ .icon, .auth-wrapper .control.has-icons-left input.is-large#login_captcha ~ .icon, .control.has-icons-left .dataTables_filter input.is-large ~ .icon, .dataTables_filter .control.has-icons-left input.is-large ~ .icon, .control.has-icons-left .dataTables_length label select.is-large ~ .icon, .dataTables_length label .control.has-icons-left select.is-large ~ .icon, .control.has-icons-left .dataTable thead th input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-left .table thead th input.is-large:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-left input.is-large:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-left input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-left .modal .modal__body input.is-large ~ .icon, .modal .modal__body .control.has-icons-left input.is-large ~ .icon, .control.has-icons-left .modal .modal__body select.is-large ~ .icon, .modal .modal__body .control.has-icons-left select.is-large ~ .icon, .control.has-icons-left .is-large.datepicker:not(.control) ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .is-large.form__input ~ .icon, .control.has-icons-right .auth-wrapper input.is-large#login_captcha ~ .icon, .auth-wrapper .control.has-icons-right input.is-large#login_captcha ~ .icon, .control.has-icons-right .dataTables_filter input.is-large ~ .icon, .dataTables_filter .control.has-icons-right input.is-large ~ .icon, .control.has-icons-right .dataTables_length label select.is-large ~ .icon, .dataTables_length label .control.has-icons-right select.is-large ~ .icon, .control.has-icons-right .dataTable thead th input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-right .table thead th input.is-large:not([type=checkbox]) ~ .icon, .dataTable thead th .control.has-icons-right input.is-large:not([type=checkbox]) ~ .icon, .table thead th .control.has-icons-right input.is-large:not([type=checkbox]) ~ .icon, .control.has-icons-right .modal .modal__body input.is-large ~ .icon, .modal .modal__body .control.has-icons-right input.is-large ~ .icon, .control.has-icons-right .modal .modal__body select.is-large ~ .icon, .modal .modal__body .control.has-icons-right select.is-large ~ .icon, .control.has-icons-right .is-large.datepicker:not(.control) ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 1.5rem; } .control.has-icons-left .icon, .control.has-icons-right .icon { color: hsl(0, 0%, 86%); height: 2.5em; pointer-events: none; position: absolute; top: 0; width: 2.5em; z-index: 4; } .control.has-icons-left .input, .control.has-icons-left .form__input, .control.has-icons-left .auth-wrapper input#login_captcha, .auth-wrapper .control.has-icons-left input#login_captcha, .control.has-icons-left .dataTables_filter input, .dataTables_filter .control.has-icons-left input, .control.has-icons-left .dataTables_length label select, .dataTables_length label .control.has-icons-left select, .control.has-icons-left .dataTable thead th input:not([type=checkbox]), .control.has-icons-left .table thead th input:not([type=checkbox]), .dataTable thead th .control.has-icons-left input:not([type=checkbox]), .table thead th .control.has-icons-left input:not([type=checkbox]), .control.has-icons-left .modal .modal__body input, .modal .modal__body .control.has-icons-left input, .control.has-icons-left .modal .modal__body select, .modal .modal__body .control.has-icons-left select, .control.has-icons-left .datepicker:not(.control), .control.has-icons-left .select select { padding-left: 2.5em; } .control.has-icons-left .icon.is-left { left: 0; } .control.has-icons-right .input, .control.has-icons-right .form__input, .control.has-icons-right .auth-wrapper input#login_captcha, .auth-wrapper .control.has-icons-right input#login_captcha, .control.has-icons-right .dataTables_filter input, .dataTables_filter .control.has-icons-right input, .control.has-icons-right .dataTables_length label select, .dataTables_length label .control.has-icons-right select, .control.has-icons-right .dataTable thead th input:not([type=checkbox]), .control.has-icons-right .table thead th input:not([type=checkbox]), .dataTable thead th .control.has-icons-right input:not([type=checkbox]), .table thead th .control.has-icons-right input:not([type=checkbox]), .control.has-icons-right .modal .modal__body input, .modal .modal__body .control.has-icons-right input, .control.has-icons-right .modal .modal__body select, .modal .modal__body .control.has-icons-right select, .control.has-icons-right .datepicker:not(.control), .control.has-icons-right .select select { padding-right: 2.5em; } .control.has-icons-right .icon.is-right { right: 0; } .control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; } .control.is-loading.is-small:after { font-size: 0.75rem; } .control.is-loading.is-medium:after { font-size: 1.25rem; } .control.is-loading.is-large:after { font-size: 1.5rem; } /* Bulma Components */ .breadcrumb { font-size: 1rem; white-space: nowrap; } .breadcrumb a { align-items: center; color: hsl(229, 53%, 53%); display: flex; justify-content: center; padding: 0 0.75em; } .breadcrumb a:hover { color: hsl(0, 0%, 21%); } .breadcrumb li { align-items: center; display: flex; } .breadcrumb li:first-child a { padding-left: 0; } .breadcrumb li.is-active a { color: hsl(0, 0%, 21%); cursor: default; pointer-events: none; } .breadcrumb li + li::before { color: hsl(0, 0%, 71%); content: "/"; } .breadcrumb ul, .breadcrumb ol { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .breadcrumb .icon:first-child { margin-right: 0.5em; } .breadcrumb .icon:last-child { margin-left: 0.5em; } .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { justify-content: center; } .breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; } .breadcrumb.is-small { font-size: 0.75rem; } .breadcrumb.is-medium { font-size: 1.25rem; } .breadcrumb.is-large { font-size: 1.5rem; } .breadcrumb.has-arrow-separator li + li::before { content: "→"; } .breadcrumb.has-bullet-separator li + li::before { content: "•"; } .breadcrumb.has-dot-separator li + li::before { content: "·"; } .breadcrumb.has-succeeds-separator li + li::before { content: "≻"; } .card { background-color: hsl(0, 0%, 100%); border-radius: 0.25rem; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); color: hsl(0, 0%, 29%); max-width: 100%; position: relative; } .card-header:first-child, .card-content:first-child, .card-footer:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-header:last-child, .card-content:last-child, .card-footer:last-child { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-header { background-color: transparent; align-items: stretch; box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1); display: flex; } .card-header-title { align-items: center; color: hsl(0, 0%, 21%); display: flex; flex-grow: 1; font-weight: 700; padding: 0.75rem 1rem; } .card-header-title.is-centered { justify-content: center; } .card-header-icon { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; color: currentColor; font-family: inherit; font-size: 1em; margin: 0; padding: 0; align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 0.75rem 1rem; } .card-image { display: block; position: relative; } .card-image:first-child img { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-image:last-child img { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .card-content { background-color: transparent; padding: 1.5rem; } .card-footer { background-color: transparent; border-top: 1px solid hsl(0, 0%, 93%); align-items: stretch; display: flex; } .card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 0.75rem; } .card-footer-item:not(:last-child) { border-right: 1px solid hsl(0, 0%, 93%); } .card .media:not(:last-child) { margin-bottom: 1.5rem; } .dropdown { display: inline-flex; position: relative; vertical-align: top; } .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; } .dropdown.is-right .dropdown-menu { left: auto; right: 0; } .dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: initial; top: auto; } .dropdown-menu { display: none; left: 0; min-width: 12rem; padding-top: 4px; position: absolute; top: 100%; z-index: 20; } .dropdown-content { background-color: hsl(0, 0%, 100%); border-radius: 4px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); padding-bottom: 0.5rem; padding-top: 0.5rem; } .dropdown-item, .dropdown .dropdown-menu .has-link a { color: hsl(0, 0%, 29%); display: block; font-size: 0.875rem; line-height: 1.5; padding: 0.375rem 1rem; position: relative; } a.dropdown-item, .dropdown .dropdown-menu .has-link a, button.dropdown-item { padding-right: 3rem; text-align: inherit; white-space: nowrap; width: 100%; } a.dropdown-item:hover, .dropdown .dropdown-menu .has-link a:hover, button.dropdown-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } a.dropdown-item.is-active, .dropdown .dropdown-menu .has-link a.is-active, button.dropdown-item.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } .dropdown-divider { background-color: hsl(0, 0%, 93%); border: none; display: block; height: 1px; margin: 0.5rem 0; } .level { align-items: center; justify-content: space-between; } .level code { border-radius: 4px; } .level img { display: inline-block; vertical-align: top; } .level.is-mobile { display: flex; } .level.is-mobile .level-left, .level.is-mobile .level-right { display: flex; } .level.is-mobile .level-left + .level-right { margin-top: 0; } .level.is-mobile .level-item:not(:last-child) { margin-bottom: 0; margin-right: 0.75rem; } .level.is-mobile .level-item:not(.is-narrow) { flex-grow: 1; } @media screen and (min-width: 769px), print { .level { display: flex; } .level > .level-item:not(.is-narrow) { flex-grow: 1; } } .level-item { align-items: center; display: flex; flex-basis: auto; flex-grow: 0; flex-shrink: 0; justify-content: center; } .level-item .title, .level-item .subtitle { margin-bottom: 0; } @media screen and (max-width: 768px) { .level-item:not(:last-child) { margin-bottom: 0.75rem; } } .level-left, .level-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .level-left .level-item.is-flexible, .level-right .level-item.is-flexible { flex-grow: 1; } @media screen and (min-width: 769px), print { .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { margin-right: 0.75rem; } } .level-left { align-items: center; justify-content: flex-start; } @media screen and (max-width: 768px) { .level-left + .level-right { margin-top: 1.5rem; } } @media screen and (min-width: 769px), print { .level-left { display: flex; } } .level-right { align-items: center; justify-content: flex-end; } @media screen and (min-width: 769px), print { .level-right { display: flex; } } .media { align-items: flex-start; display: flex; text-align: inherit; } .media .content:not(:last-child) { margin-bottom: 0.75rem; } .media .media { border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5); display: flex; padding-top: 0.75rem; } .media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 0.5rem; } .media .media .media { padding-top: 0.5rem; } .media .media .media + .media { margin-top: 0.5rem; } .media + .media { border-top: 1px solid rgba(219.3, 219.3, 219.3, 0.5); margin-top: 1rem; padding-top: 1rem; } .media.is-large + .media { margin-top: 1.5rem; padding-top: 1.5rem; } .media-left, .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; } .media-left { margin-right: 1rem; } .media-right { margin-left: 1rem; } .media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; text-align: inherit; } @media screen and (max-width: 768px) { .media-content { overflow-x: auto; } } .menu { font-size: 1rem; } .menu.is-small { font-size: 0.75rem; } .menu.is-medium { font-size: 1.25rem; } .menu.is-large { font-size: 1.5rem; } .menu-list { line-height: 1.25; } .menu-list a { border-radius: 2px; color: hsl(0, 0%, 29%); display: block; padding: 0.5em 0.75em; } .menu-list a:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 21%); } .menu-list a.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } .menu-list li ul { border-left: 1px solid hsl(0, 0%, 86%); margin: 0.75em; padding-left: 0.75em; } .menu-label { color: hsl(0, 0%, 48%); font-size: 0.75em; letter-spacing: 0.1em; text-transform: uppercase; } .menu-label:not(:first-child) { margin-top: 1em; } .menu-label:not(:last-child) { margin-bottom: 1em; } .message { background-color: hsl(0, 0%, 96%); border-radius: 4px; font-size: 1rem; } .message strong { color: currentColor; } .message a:not(.button):not(.ui-datepicker-trigger):not(.tag):not(.dropdown-item) { color: currentColor; text-decoration: underline; } .message.is-small { font-size: 0.75rem; } .message.is-medium { font-size: 1.25rem; } .message.is-large { font-size: 1.5rem; } .message.is-white { background-color: hsl(0, 0%, 100%); } .message.is-white .message-header { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .message.is-white .message-body { border-color: hsl(0, 0%, 100%); } .message.is-black { background-color: hsl(0, 0%, 98%); } .message.is-black .message-header { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .message.is-black .message-body { border-color: hsl(0, 0%, 4%); } .message.is-light { background-color: hsl(0, 0%, 98%); } .message.is-light .message-header { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .message.is-light .message-body { border-color: hsl(0, 0%, 96%); } .message.is-dark { background-color: hsl(0, 0%, 98%); } .message.is-dark .message-header { background-color: hsl(0, 0%, 21%); color: #fff; } .message.is-dark .message-body { border-color: hsl(0, 0%, 21%); } .message.is-primary { background-color: hsl(171, 100%, 96%); } .message.is-primary .message-header { background-color: hsl(171, 100%, 41%); color: #fff; } .message.is-primary .message-body { border-color: hsl(171, 100%, 41%); color: hsl(171, 100%, 29%); } .message.is-link { background-color: hsl(229, 53%, 96%); } .message.is-link .message-header { background-color: hsl(229, 53%, 53%); color: #fff; } .message.is-link .message-body { border-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 47%); } .message.is-info { background-color: hsl(207, 61%, 96%); } .message.is-info .message-header { background-color: hsl(207, 61%, 53%); color: #fff; } .message.is-info .message-body { border-color: hsl(207, 61%, 53%); color: hsl(207, 61%, 41%); } .message.is-success { background-color: hsl(153, 53%, 96%); } .message.is-success .message-header { background-color: hsl(153, 53%, 53%); color: #fff; } .message.is-success .message-body { border-color: hsl(153, 53%, 53%); color: hsl(153, 53%, 31%); } .message.is-warning { background-color: hsl(44, 100%, 96%); } .message.is-warning .message-header { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .message.is-warning .message-body { border-color: hsl(44, 100%, 77%); color: hsl(44, 100%, 29%); } .message.is-danger { background-color: hsl(348, 86%, 96%); } .message.is-danger .message-header { background-color: hsl(348, 86%, 61%); color: #fff; } .message.is-danger .message-body { border-color: hsl(348, 86%, 61%); color: hsl(348, 86%, 43%); } .message-header { align-items: center; background-color: hsl(0, 0%, 29%); border-radius: 4px 4px 0 0; color: #fff; display: flex; font-weight: 700; justify-content: space-between; line-height: 1.25; padding: 0.75em 1em; position: relative; } .message-header .delete { flex-grow: 0; flex-shrink: 0; margin-left: 0.75em; } .message-header + .message-body { border-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .message-body { border-color: hsl(0, 0%, 86%); border-radius: 4px; border-style: solid; border-width: 0 0 0 4px; color: hsl(0, 0%, 29%); padding: 1.25em 1.5em; } .message-body code, .message-body pre { background-color: hsl(0, 0%, 100%); } .message-body pre code { background-color: transparent; } .modal { align-items: center; display: none; flex-direction: column; justify-content: center; overflow: hidden; position: fixed; z-index: 40; } .modal.is-active { display: flex; } .modal-background { background-color: rgba(10.2, 10.2, 10.2, 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 { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; } .modal-card { display: flex; flex-direction: column; max-height: calc(100vh - 40px); overflow: hidden; -ms-overflow-y: visible; } .modal-card-head, .modal-card-foot { align-items: center; background-color: hsl(0, 0%, 96%); display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px; position: relative; } .modal-card-head { border-bottom: 1px solid hsl(0, 0%, 86%); border-top-left-radius: 6px; border-top-right-radius: 6px; } .modal-card-title { color: hsl(0, 0%, 21%); flex-grow: 1; flex-shrink: 0; font-size: 1.5rem; line-height: 1; } .modal-card-foot { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 1px solid hsl(0, 0%, 86%); } .modal-card-foot .button:not(:last-child), .modal-card-foot .ui-datepicker-trigger:not(:last-child), .modal-card-foot .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .modal-card-foot a.paginate_button:not(:last-child) { margin-right: 0.5em; } .modal-card-body { -webkit-overflow-scrolling: touch; background-color: hsl(0, 0%, 100%); flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px; } .navbar { background-color: hsl(0, 0%, 100%); min-height: 3.25rem; position: relative; z-index: 30; } .navbar.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand > .navbar-item, .navbar.is-white .navbar-brand .navbar-link { color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand .navbar-link:focus, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-brand .navbar-link::after { border-color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-burger { color: hsl(0, 0%, 4%); } @media screen and (min-width: 1024px) { .navbar.is-white .navbar-start > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-end .navbar-link { color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start .navbar-link:focus, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-end > a.navbar-item:focus, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end .navbar-link:focus, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-start .navbar-link::after, .navbar.is-white .navbar-end .navbar-link::after { border-color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .navbar.is-white .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } } .navbar.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand > .navbar-item, .navbar.is-black .navbar-brand .navbar-link { color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand .navbar-link:focus, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-brand .navbar-link::after { border-color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-burger { color: hsl(0, 0%, 100%); } @media screen and (min-width: 1024px) { .navbar.is-black .navbar-start > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-end .navbar-link { color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start .navbar-link:focus, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-end > a.navbar-item:focus, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end .navbar-link:focus, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-start .navbar-link::after, .navbar.is-black .navbar-end .navbar-link::after { border-color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .navbar.is-black .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } } .navbar.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand > .navbar-item, .navbar.is-light .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand .navbar-link:focus, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-light .navbar-start > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start .navbar-link:focus, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-end > a.navbar-item:focus, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end .navbar-link:focus, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-start .navbar-link::after, .navbar.is-light .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .navbar.is-light .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } } .navbar.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .navbar.is-dark .navbar-brand > .navbar-item, .navbar.is-dark .navbar-brand .navbar-link { color: #fff; } .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand .navbar-link:focus, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-dark .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-dark .navbar-start > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-end .navbar-link { color: #fff; } .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start .navbar-link:focus, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-end > a.navbar-item:focus, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end .navbar-link:focus, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-start .navbar-link::after, .navbar.is-dark .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 16%); color: #fff; } .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 21%); color: #fff; } } .navbar.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .navbar.is-primary .navbar-brand > .navbar-item, .navbar.is-primary .navbar-brand .navbar-link { color: #fff; } .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand .navbar-link:focus, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-primary .navbar-start > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-end .navbar-link { color: #fff; } .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start .navbar-link:focus, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-end > a.navbar-item:focus, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end .navbar-link:focus, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-start .navbar-link::after, .navbar.is-primary .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(171, 100%, 36%); color: #fff; } .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { background-color: hsl(171, 100%, 41%); color: #fff; } } .navbar.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .navbar.is-link .navbar-brand > .navbar-item, .navbar.is-link .navbar-brand .navbar-link { color: #fff; } .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand .navbar-link:focus, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-link .navbar-start > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-end .navbar-link { color: #fff; } .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start .navbar-link:focus, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-end > a.navbar-item:focus, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end .navbar-link:focus, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-start .navbar-link::after, .navbar.is-link .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(229, 53%, 48%); color: #fff; } .navbar.is-link .navbar-dropdown a.navbar-item.is-active { background-color: hsl(229, 53%, 53%); color: #fff; } } .navbar.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .navbar.is-info .navbar-brand > .navbar-item, .navbar.is-info .navbar-brand .navbar-link { color: #fff; } .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand .navbar-link:focus, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-info .navbar-start > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-end .navbar-link { color: #fff; } .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start .navbar-link:focus, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-end > a.navbar-item:focus, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end .navbar-link:focus, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-start .navbar-link::after, .navbar.is-info .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(207, 61%, 48%); color: #fff; } .navbar.is-info .navbar-dropdown a.navbar-item.is-active { background-color: hsl(207, 61%, 53%); color: #fff; } } .navbar.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .navbar.is-success .navbar-brand > .navbar-item, .navbar.is-success .navbar-brand .navbar-link { color: #fff; } .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand .navbar-link:focus, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-success .navbar-start > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-end .navbar-link { color: #fff; } .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start .navbar-link:focus, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-end > a.navbar-item:focus, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end .navbar-link:focus, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-start .navbar-link::after, .navbar.is-success .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(153, 53%, 48%); color: #fff; } .navbar.is-success .navbar-dropdown a.navbar-item.is-active { background-color: hsl(153, 53%, 53%); color: #fff; } } .navbar.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > .navbar-item, .navbar.is-warning .navbar-brand .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand .navbar-link:focus, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-brand .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-burger { color: rgba(0, 0, 0, 0.7); } @media screen and (min-width: 1024px) { .navbar.is-warning .navbar-start > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-end .navbar-link { color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start .navbar-link:focus, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-end > a.navbar-item:focus, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end .navbar-link:focus, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-start .navbar-link::after, .navbar.is-warning .navbar-end .navbar-link::after { border-color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } } .navbar.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .navbar.is-danger .navbar-brand > .navbar-item, .navbar.is-danger .navbar-brand .navbar-link { color: #fff; } .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand .navbar-link:focus, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-brand .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-burger { color: #fff; } @media screen and (min-width: 1024px) { .navbar.is-danger .navbar-start > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-end .navbar-link { color: #fff; } .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start .navbar-link:focus, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-end > a.navbar-item:focus, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end .navbar-link:focus, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-start .navbar-link::after, .navbar.is-danger .navbar-end .navbar-link::after { border-color: #fff; } .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(348, 86%, 56%); color: #fff; } .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { background-color: hsl(348, 86%, 61%); color: #fff; } } .navbar > .container { align-items: stretch; display: flex; min-height: 3.25rem; width: 100%; } .navbar.has-shadow { box-shadow: 0 2px 0 0 hsl(0, 0%, 96%); } .navbar.is-fixed-bottom, .navbar.is-fixed-top { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom { bottom: 0; } .navbar.is-fixed-bottom.has-shadow { box-shadow: 0 -2px 0 0 hsl(0, 0%, 96%); } .navbar.is-fixed-top { top: 0; } html.has-navbar-fixed-top, body.has-navbar-fixed-top { padding-top: 3.25rem; } html.has-navbar-fixed-bottom, body.has-navbar-fixed-bottom { padding-bottom: 3.25rem; } .navbar-brand, .navbar-tabs { align-items: stretch; display: flex; flex-shrink: 0; min-height: 3.25rem; } .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { background-color: transparent; } .navbar-tabs { -webkit-overflow-scrolling: touch; max-width: 100vw; overflow-x: auto; overflow-y: hidden; } .navbar-burger { color: hsl(0, 0%, 29%); -moz-appearance: none; -webkit-appearance: none; appearance: none; background: none; border: none; cursor: pointer; display: block; height: 3.25rem; position: relative; width: 3.25rem; } .navbar-burger span { background-color: currentColor; display: block; height: 1px; left: calc(50% - 8px); position: absolute; transform-origin: center; transition-duration: 86ms; transition-property: background-color, opacity, transform; transition-timing-function: ease-out; width: 16px; } .navbar-burger span:nth-child(1) { top: calc(50% - 6px); } .navbar-burger span:nth-child(2) { top: calc(50% - 1px); } .navbar-burger span:nth-child(3) { top: calc(50% + 4px); } .navbar-burger:hover { background-color: rgba(0, 0, 0, 0.05); } .navbar-burger.is-active span:nth-child(1) { transform: translateY(5px) rotate(45deg); } .navbar-burger.is-active span:nth-child(2) { opacity: 0; } .navbar-burger.is-active span:nth-child(3) { transform: translateY(-5px) rotate(-45deg); } .navbar-burger { margin-left: auto; } .navbar-menu { display: none; } .navbar-item, .navbar-link { color: hsl(0, 0%, 29%); display: block; line-height: 1.5; padding: 0.5rem 0.75rem; position: relative; } .navbar-item .icon:only-child, .navbar-link .icon:only-child { margin-left: -0.25rem; margin-right: -0.25rem; } a.navbar-item, .navbar-link { cursor: pointer; } a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { background-color: hsl(0, 0%, 98%); color: hsl(229, 53%, 53%); } .navbar-item { flex-grow: 0; flex-shrink: 0; } .navbar-item img { max-height: 1.75rem; } .navbar-item.has-dropdown { padding: 0; } .navbar-item.is-expanded { flex-grow: 1; flex-shrink: 1; } .navbar-item.is-tab { border-bottom: 1px solid transparent; min-height: 3.25rem; padding-bottom: calc(0.5rem - 1px); } .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { background-color: transparent; border-bottom-color: hsl(229, 53%, 53%); } .navbar-item.is-tab.is-active { background-color: transparent; border-bottom-color: hsl(229, 53%, 53%); border-bottom-style: solid; border-bottom-width: 3px; color: hsl(229, 53%, 53%); padding-bottom: calc(0.5rem - 3px); } .navbar-content { flex-grow: 1; flex-shrink: 1; } .navbar-link:not(.is-arrowless) { padding-right: 2.5em; } .navbar-link:not(.is-arrowless)::after { border-color: hsl(229, 53%, 53%); margin-top: -0.375em; right: 1.125em; } .navbar-dropdown { font-size: 0.875rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .navbar-dropdown .navbar-item { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-divider { background-color: hsl(0, 0%, 96%); border: none; display: none; height: 2px; margin: 0.5rem 0; } @media screen and (max-width: 1023px) { .navbar > .container { display: block; } .navbar-brand .navbar-item, .navbar-tabs .navbar-item { align-items: center; display: flex; } .navbar-link::after { display: none; } .navbar-menu { background-color: hsl(0, 0%, 100%); box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1); padding: 0.5rem 0; } .navbar-menu.is-active { display: block; } .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-touch { bottom: 0; } .navbar.is-fixed-bottom-touch.has-shadow { box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); } .navbar.is-fixed-top-touch { top: 0; } .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { -webkit-overflow-scrolling: touch; max-height: calc(100vh - 3.25rem); overflow: auto; } html.has-navbar-fixed-top-touch, body.has-navbar-fixed-top-touch { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-touch, body.has-navbar-fixed-bottom-touch { padding-bottom: 3.25rem; } } @media screen and (min-width: 1024px) { .navbar, .navbar-menu, .navbar-start, .navbar-end { align-items: stretch; display: flex; } .navbar { min-height: 3.25rem; } .navbar.is-spaced { padding: 1rem 2rem; } .navbar.is-spaced .navbar-start, .navbar.is-spaced .navbar-end { align-items: center; } .navbar.is-spaced a.navbar-item, .navbar.is-spaced .navbar-link { border-radius: 4px; } .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent .navbar-link:focus, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent .navbar-link.is-active { background-color: transparent !important; } .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { background-color: transparent !important; } .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: hsl(229, 53%, 53%); } .navbar-burger { display: none; } .navbar-item, .navbar-link { align-items: center; display: flex; } .navbar-item.has-dropdown { align-items: stretch; } .navbar-item.has-dropdown-up .navbar-link::after { transform: rotate(135deg) translate(0.25em, -0.25em); } .navbar-item.has-dropdown-up .navbar-dropdown { border-bottom: 2px solid hsl(0, 0%, 86%); border-radius: 6px 6px 0 0; border-top: none; bottom: 100%; box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1); top: auto; } .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { display: block; } .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { opacity: 1; pointer-events: auto; transform: translateY(0); } .navbar-menu { flex-grow: 1; flex-shrink: 0; } .navbar-start { justify-content: flex-start; margin-right: auto; } .navbar-end { justify-content: flex-end; margin-left: auto; } .navbar-dropdown { background-color: hsl(0, 0%, 100%); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top: 2px solid hsl(0, 0%, 86%); box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1); display: none; font-size: 0.875rem; left: 0; min-width: 100%; position: absolute; top: 100%; z-index: 20; } .navbar-dropdown .navbar-item { padding: 0.375rem 1rem; white-space: nowrap; } .navbar-dropdown a.navbar-item { padding-right: 3rem; } .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .navbar-dropdown a.navbar-item.is-active { background-color: hsl(0, 0%, 96%); color: hsl(229, 53%, 53%); } .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { border-radius: 6px; border-top: none; box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1); display: block; opacity: 0; pointer-events: none; top: calc(100% + (-4px)); transform: translateY(-5px); transition-duration: 86ms; transition-property: opacity, transform; } .navbar-dropdown.is-right { left: auto; right: 0; } .navbar-divider { display: block; } .navbar > .container .navbar-brand, .container > .navbar .navbar-brand { margin-left: -0.75rem; } .navbar > .container .navbar-menu, .container > .navbar .navbar-menu { margin-right: -0.75rem; } .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { left: 0; position: fixed; right: 0; z-index: 30; } .navbar.is-fixed-bottom-desktop { bottom: 0; } .navbar.is-fixed-bottom-desktop.has-shadow { box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); } .navbar.is-fixed-top-desktop { top: 0; } html.has-navbar-fixed-top-desktop, body.has-navbar-fixed-top-desktop { padding-top: 3.25rem; } html.has-navbar-fixed-bottom-desktop, body.has-navbar-fixed-bottom-desktop { padding-bottom: 3.25rem; } html.has-spaced-navbar-fixed-top, body.has-spaced-navbar-fixed-top { padding-top: 5.25rem; } html.has-spaced-navbar-fixed-bottom, body.has-spaced-navbar-fixed-bottom { padding-bottom: 5.25rem; } a.navbar-item.is-active, .navbar-link.is-active { color: hsl(0, 0%, 4%); } a.navbar-item.is-active:not(:focus):not(:hover), .navbar-link.is-active:not(:focus):not(:hover) { background-color: transparent; } .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { background-color: hsl(0, 0%, 98%); } } .hero.is-fullheight-with-navbar { min-height: calc(100vh - 3.25rem); } .pagination { font-size: 1rem; margin: -0.25rem; } .pagination.is-small { font-size: 0.75rem; } .pagination.is-medium { font-size: 1.25rem; } .pagination.is-large { font-size: 1.5rem; } .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 9999px; } .pagination.is-rounded .pagination-link { border-radius: 9999px; } .pagination, .pagination-list { align-items: center; display: flex; justify-content: center; text-align: center; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { font-size: 1em; justify-content: center; margin: 0.25rem; padding-left: 0.5em; padding-right: 0.5em; text-align: center; } .pagination-previous, .pagination-next, .pagination-link { border-color: hsl(0, 0%, 86%); color: hsl(0, 0%, 21%); min-width: 2.5em; } .pagination-previous:hover, .pagination-next:hover, .pagination-link:hover { border-color: hsl(0, 0%, 71%); color: hsl(0, 0%, 21%); } .pagination-previous:focus, .pagination-next:focus, .pagination-link:focus { border-color: hsl(229, 53%, 53%); } .pagination-previous:active, .pagination-next:active, .pagination-link:active { box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2); } .pagination-previous[disabled], .pagination-previous.is-disabled, .pagination-next[disabled], .pagination-next.is-disabled, .pagination-link[disabled], .pagination-link.is-disabled { background-color: hsl(0, 0%, 86%); border-color: hsl(0, 0%, 86%); box-shadow: none; color: hsl(0, 0%, 48%); opacity: 0.5; } .pagination-previous, .pagination-next { padding-left: 0.75em; padding-right: 0.75em; white-space: nowrap; } .pagination-link.is-current { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; } .pagination-ellipsis { color: hsl(0, 0%, 71%); pointer-events: none; } .pagination-list { flex-wrap: wrap; } .pagination-list li { list-style: none; } @media screen and (max-width: 768px) { .pagination { flex-wrap: wrap; } .pagination-previous, .pagination-next { flex-grow: 1; flex-shrink: 1; } .pagination-list li { flex-grow: 1; flex-shrink: 1; } } @media screen and (min-width: 769px), print { .pagination-list { flex-grow: 1; flex-shrink: 1; justify-content: flex-start; order: 1; } .pagination-previous, .pagination-next, .pagination-link, .pagination-ellipsis { margin-bottom: 0; margin-top: 0; } .pagination-previous { order: 2; } .pagination-next { order: 3; } .pagination { justify-content: space-between; margin-bottom: 0; margin-top: 0; } .pagination.is-centered .pagination-previous { order: 1; } .pagination.is-centered .pagination-list { justify-content: center; order: 2; } .pagination.is-centered .pagination-next { order: 3; } .pagination.is-right .pagination-previous { order: 1; } .pagination.is-right .pagination-next { order: 2; } .pagination.is-right .pagination-list { justify-content: flex-end; order: 3; } } .panel { border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); font-size: 1rem; } .panel:not(:last-child) { margin-bottom: 1.5rem; } .panel.is-white .panel-heading { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .panel.is-white .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 100%); } .panel.is-white .panel-block.is-active .panel-icon { color: hsl(0, 0%, 100%); } .panel.is-black .panel-heading { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .panel.is-black .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 4%); } .panel.is-black .panel-block.is-active .panel-icon { color: hsl(0, 0%, 4%); } .panel.is-light .panel-heading { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .panel.is-light .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 96%); } .panel.is-light .panel-block.is-active .panel-icon { color: hsl(0, 0%, 96%); } .panel.is-dark .panel-heading { background-color: hsl(0, 0%, 21%); color: #fff; } .panel.is-dark .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 21%); } .panel.is-dark .panel-block.is-active .panel-icon { color: hsl(0, 0%, 21%); } .panel.is-primary .panel-heading { background-color: hsl(171, 100%, 41%); color: #fff; } .panel.is-primary .panel-tabs a.is-active { border-bottom-color: hsl(171, 100%, 41%); } .panel.is-primary .panel-block.is-active .panel-icon { color: hsl(171, 100%, 41%); } .panel.is-link .panel-heading { background-color: hsl(229, 53%, 53%); color: #fff; } .panel.is-link .panel-tabs a.is-active { border-bottom-color: hsl(229, 53%, 53%); } .panel.is-link .panel-block.is-active .panel-icon { color: hsl(229, 53%, 53%); } .panel.is-info .panel-heading { background-color: hsl(207, 61%, 53%); color: #fff; } .panel.is-info .panel-tabs a.is-active { border-bottom-color: hsl(207, 61%, 53%); } .panel.is-info .panel-block.is-active .panel-icon { color: hsl(207, 61%, 53%); } .panel.is-success .panel-heading { background-color: hsl(153, 53%, 53%); color: #fff; } .panel.is-success .panel-tabs a.is-active { border-bottom-color: hsl(153, 53%, 53%); } .panel.is-success .panel-block.is-active .panel-icon { color: hsl(153, 53%, 53%); } .panel.is-warning .panel-heading { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .panel.is-warning .panel-tabs a.is-active { border-bottom-color: hsl(44, 100%, 77%); } .panel.is-warning .panel-block.is-active .panel-icon { color: hsl(44, 100%, 77%); } .panel.is-danger .panel-heading { background-color: hsl(348, 86%, 61%); color: #fff; } .panel.is-danger .panel-tabs a.is-active { border-bottom-color: hsl(348, 86%, 61%); } .panel.is-danger .panel-block.is-active .panel-icon { color: hsl(348, 86%, 61%); } .panel-tabs:not(:last-child), .panel-block:not(:last-child) { border-bottom: 1px solid hsl(0, 0%, 93%); } .panel-heading { background-color: hsl(0, 0%, 93%); border-radius: 6px 6px 0 0; color: hsl(0, 0%, 21%); font-size: 1.25em; font-weight: 700; line-height: 1.25; padding: 0.75em 1em; } .panel-tabs { align-items: flex-end; display: flex; font-size: 0.875em; justify-content: center; } .panel-tabs a { border-bottom: 1px solid hsl(0, 0%, 86%); margin-bottom: -1px; padding: 0.5em; } .panel-tabs a.is-active { border-bottom-color: hsl(0, 0%, 29%); color: hsl(0, 0%, 21%); } .panel-list a { color: hsl(0, 0%, 29%); } .panel-list a:hover { color: hsl(229, 53%, 53%); } .panel-block { align-items: center; color: hsl(0, 0%, 21%); display: flex; justify-content: flex-start; padding: 0.5em 0.75em; } .panel-block input[type=checkbox] { margin-right: 0.75em; } .panel-block > .control { flex-grow: 1; flex-shrink: 1; width: 100%; } .panel-block.is-wrapped { flex-wrap: wrap; } .panel-block.is-active { border-left-color: hsl(229, 53%, 53%); color: hsl(0, 0%, 21%); } .panel-block.is-active .panel-icon { color: hsl(229, 53%, 53%); } .panel-block:last-child { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } a.panel-block, label.panel-block { cursor: pointer; } a.panel-block:hover, label.panel-block:hover { background-color: hsl(0, 0%, 96%); } .panel-icon { display: inline-block; font-size: 14px; height: 1em; line-height: 1em; text-align: center; vertical-align: top; width: 1em; color: hsl(0, 0%, 48%); margin-right: 0.75em; } .panel-icon .fa { font-size: inherit; line-height: inherit; } .tabs { -webkit-overflow-scrolling: touch; align-items: stretch; display: flex; font-size: 1rem; justify-content: space-between; overflow: hidden; overflow-x: auto; white-space: nowrap; } .tabs a { align-items: center; border-bottom-color: hsl(0, 0%, 86%); border-bottom-style: solid; border-bottom-width: 1px; color: hsl(0, 0%, 29%); display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; } .tabs a:hover { border-bottom-color: hsl(0, 0%, 21%); color: hsl(0, 0%, 21%); } .tabs li { display: block; } .tabs li.is-active a { border-bottom-color: hsl(229, 53%, 53%); color: hsl(229, 53%, 53%); } .tabs ul { align-items: center; border-bottom-color: hsl(0, 0%, 86%); border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; } .tabs ul.is-left { padding-right: 0.75em; } .tabs ul.is-center { flex: none; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; } .tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; } .tabs .icon:first-child { margin-right: 0.5em; } .tabs .icon:last-child { margin-left: 0.5em; } .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: 4px 4px 0 0; } .tabs.is-boxed a:hover { background-color: hsl(0, 0%, 96%); border-bottom-color: hsl(0, 0%, 86%); } .tabs.is-boxed li.is-active a { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 86%); border-bottom-color: transparent !important; } .tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; } .tabs.is-toggle a { border-color: hsl(0, 0%, 86%); border-style: solid; border-width: 1px; margin-bottom: 0; position: relative; } .tabs.is-toggle a:hover { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 71%); z-index: 2; } .tabs.is-toggle li + li { margin-left: -1px; } .tabs.is-toggle li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .tabs.is-toggle li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .tabs.is-toggle li.is-active a { background-color: hsl(229, 53%, 53%); border-color: hsl(229, 53%, 53%); color: #fff; z-index: 1; } .tabs.is-toggle ul { border-bottom: none; } .tabs.is-toggle.is-toggle-rounded li:first-child a { border-bottom-left-radius: 9999px; border-top-left-radius: 9999px; padding-left: 1.25em; } .tabs.is-toggle.is-toggle-rounded li:last-child a { border-bottom-right-radius: 9999px; border-top-right-radius: 9999px; padding-right: 1.25em; } .tabs.is-small { font-size: 0.75rem; } .tabs.is-medium { font-size: 1.25rem; } .tabs.is-large { font-size: 1.5rem; } /* Bulma Grid */ .column { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding: 0.75rem; } .columns.is-mobile > .column.is-narrow { flex: none; width: unset; } .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-one-fifth { flex: none; width: 20%; } .columns.is-mobile > .column.is-two-fifths { flex: none; width: 40%; } .columns.is-mobile > .column.is-three-fifths { flex: none; width: 60%; } .columns.is-mobile > .column.is-four-fifths { flex: none; width: 80%; } .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-offset-one-fifth { margin-left: 20%; } .columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; } .columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; } .columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; } .columns.is-mobile > .column.is-0 { flex: none; width: 0%; } .columns.is-mobile > .column.is-offset-0 { margin-left: 0%; } .columns.is-mobile > .column.is-1 { flex: none; width: 8.33333337%; } .columns.is-mobile > .column.is-offset-1 { margin-left: 8.33333337%; } .columns.is-mobile > .column.is-2 { flex: none; width: 16.66666674%; } .columns.is-mobile > .column.is-offset-2 { margin-left: 16.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-4 { margin-left: 33.33333337%; } .columns.is-mobile > .column.is-5 { flex: none; width: 41.66666674%; } .columns.is-mobile > .column.is-offset-5 { margin-left: 41.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-7 { margin-left: 58.33333337%; } .columns.is-mobile > .column.is-8 { flex: none; width: 66.66666674%; } .columns.is-mobile > .column.is-offset-8 { margin-left: 66.66666674%; } .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.33333337%; } .columns.is-mobile > .column.is-offset-10 { margin-left: 83.33333337%; } .columns.is-mobile > .column.is-11 { flex: none; width: 91.66666674%; } .columns.is-mobile > .column.is-offset-11 { margin-left: 91.66666674%; } .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; width: unset; } .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-one-fifth-mobile { flex: none; width: 20%; } .column.is-two-fifths-mobile { flex: none; width: 40%; } .column.is-three-fifths-mobile { flex: none; width: 60%; } .column.is-four-fifths-mobile { flex: none; width: 80%; } .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-offset-one-fifth-mobile { margin-left: 20%; } .column.is-offset-two-fifths-mobile { margin-left: 40%; } .column.is-offset-three-fifths-mobile { margin-left: 60%; } .column.is-offset-four-fifths-mobile { margin-left: 80%; } .column.is-0-mobile { flex: none; width: 0%; } .column.is-offset-0-mobile { margin-left: 0%; } .column.is-1-mobile { flex: none; width: 8.33333337%; } .column.is-offset-1-mobile { margin-left: 8.33333337%; } .column.is-2-mobile { flex: none; width: 16.66666674%; } .column.is-offset-2-mobile { margin-left: 16.66666674%; } .column.is-3-mobile { flex: none; width: 25%; } .column.is-offset-3-mobile { margin-left: 25%; } .column.is-4-mobile { flex: none; width: 33.33333337%; } .column.is-offset-4-mobile { margin-left: 33.33333337%; } .column.is-5-mobile { flex: none; width: 41.66666674%; } .column.is-offset-5-mobile { margin-left: 41.66666674%; } .column.is-6-mobile { flex: none; width: 50%; } .column.is-offset-6-mobile { margin-left: 50%; } .column.is-7-mobile { flex: none; width: 58.33333337%; } .column.is-offset-7-mobile { margin-left: 58.33333337%; } .column.is-8-mobile { flex: none; width: 66.66666674%; } .column.is-offset-8-mobile { margin-left: 66.66666674%; } .column.is-9-mobile { flex: none; width: 75%; } .column.is-offset-9-mobile { margin-left: 75%; } .column.is-10-mobile { flex: none; width: 83.33333337%; } .column.is-offset-10-mobile { margin-left: 83.33333337%; } .column.is-11-mobile { flex: none; width: 91.66666674%; } .column.is-offset-11-mobile { margin-left: 91.66666674%; } .column.is-12-mobile { flex: none; width: 100%; } .column.is-offset-12-mobile { margin-left: 100%; } } @media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { flex: none; width: unset; } .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-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; } .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; } .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; } .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; } .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-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; } .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; } .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; } .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; } .column.is-0, .column.is-0-tablet { flex: none; width: 0%; } .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; } .column.is-1, .column.is-1-tablet { flex: none; width: 8.33333337%; } .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.33333337%; } .column.is-2, .column.is-2-tablet { flex: none; width: 16.66666674%; } .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.66666674%; } .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.33333337%; } .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.33333337%; } .column.is-5, .column.is-5-tablet { flex: none; width: 41.66666674%; } .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.66666674%; } .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.33333337%; } .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.33333337%; } .column.is-8, .column.is-8-tablet { flex: none; width: 66.66666674%; } .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.66666674%; } .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.33333337%; } .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.33333337%; } .column.is-11, .column.is-11-tablet { flex: none; width: 91.66666674%; } .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.66666674%; } .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 (max-width: 1023px) { .column.is-narrow-touch { flex: none; width: unset; } .column.is-full-touch { flex: none; width: 100%; } .column.is-three-quarters-touch { flex: none; width: 75%; } .column.is-two-thirds-touch { flex: none; width: 66.6666%; } .column.is-half-touch { flex: none; width: 50%; } .column.is-one-third-touch { flex: none; width: 33.3333%; } .column.is-one-quarter-touch { flex: none; width: 25%; } .column.is-one-fifth-touch { flex: none; width: 20%; } .column.is-two-fifths-touch { flex: none; width: 40%; } .column.is-three-fifths-touch { flex: none; width: 60%; } .column.is-four-fifths-touch { flex: none; width: 80%; } .column.is-offset-three-quarters-touch { margin-left: 75%; } .column.is-offset-two-thirds-touch { margin-left: 66.6666%; } .column.is-offset-half-touch { margin-left: 50%; } .column.is-offset-one-third-touch { margin-left: 33.3333%; } .column.is-offset-one-quarter-touch { margin-left: 25%; } .column.is-offset-one-fifth-touch { margin-left: 20%; } .column.is-offset-two-fifths-touch { margin-left: 40%; } .column.is-offset-three-fifths-touch { margin-left: 60%; } .column.is-offset-four-fifths-touch { margin-left: 80%; } .column.is-0-touch { flex: none; width: 0%; } .column.is-offset-0-touch { margin-left: 0%; } .column.is-1-touch { flex: none; width: 8.33333337%; } .column.is-offset-1-touch { margin-left: 8.33333337%; } .column.is-2-touch { flex: none; width: 16.66666674%; } .column.is-offset-2-touch { margin-left: 16.66666674%; } .column.is-3-touch { flex: none; width: 25%; } .column.is-offset-3-touch { margin-left: 25%; } .column.is-4-touch { flex: none; width: 33.33333337%; } .column.is-offset-4-touch { margin-left: 33.33333337%; } .column.is-5-touch { flex: none; width: 41.66666674%; } .column.is-offset-5-touch { margin-left: 41.66666674%; } .column.is-6-touch { flex: none; width: 50%; } .column.is-offset-6-touch { margin-left: 50%; } .column.is-7-touch { flex: none; width: 58.33333337%; } .column.is-offset-7-touch { margin-left: 58.33333337%; } .column.is-8-touch { flex: none; width: 66.66666674%; } .column.is-offset-8-touch { margin-left: 66.66666674%; } .column.is-9-touch { flex: none; width: 75%; } .column.is-offset-9-touch { margin-left: 75%; } .column.is-10-touch { flex: none; width: 83.33333337%; } .column.is-offset-10-touch { margin-left: 83.33333337%; } .column.is-11-touch { flex: none; width: 91.66666674%; } .column.is-offset-11-touch { margin-left: 91.66666674%; } .column.is-12-touch { flex: none; width: 100%; } .column.is-offset-12-touch { margin-left: 100%; } } @media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; width: unset; } .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-one-fifth-desktop { flex: none; width: 20%; } .column.is-two-fifths-desktop { flex: none; width: 40%; } .column.is-three-fifths-desktop { flex: none; width: 60%; } .column.is-four-fifths-desktop { flex: none; width: 80%; } .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-offset-one-fifth-desktop { margin-left: 20%; } .column.is-offset-two-fifths-desktop { margin-left: 40%; } .column.is-offset-three-fifths-desktop { margin-left: 60%; } .column.is-offset-four-fifths-desktop { margin-left: 80%; } .column.is-0-desktop { flex: none; width: 0%; } .column.is-offset-0-desktop { margin-left: 0%; } .column.is-1-desktop { flex: none; width: 8.33333337%; } .column.is-offset-1-desktop { margin-left: 8.33333337%; } .column.is-2-desktop { flex: none; width: 16.66666674%; } .column.is-offset-2-desktop { margin-left: 16.66666674%; } .column.is-3-desktop { flex: none; width: 25%; } .column.is-offset-3-desktop { margin-left: 25%; } .column.is-4-desktop { flex: none; width: 33.33333337%; } .column.is-offset-4-desktop { margin-left: 33.33333337%; } .column.is-5-desktop { flex: none; width: 41.66666674%; } .column.is-offset-5-desktop { margin-left: 41.66666674%; } .column.is-6-desktop { flex: none; width: 50%; } .column.is-offset-6-desktop { margin-left: 50%; } .column.is-7-desktop { flex: none; width: 58.33333337%; } .column.is-offset-7-desktop { margin-left: 58.33333337%; } .column.is-8-desktop { flex: none; width: 66.66666674%; } .column.is-offset-8-desktop { margin-left: 66.66666674%; } .column.is-9-desktop { flex: none; width: 75%; } .column.is-offset-9-desktop { margin-left: 75%; } .column.is-10-desktop { flex: none; width: 83.33333337%; } .column.is-offset-10-desktop { margin-left: 83.33333337%; } .column.is-11-desktop { flex: none; width: 91.66666674%; } .column.is-offset-11-desktop { margin-left: 91.66666674%; } .column.is-12-desktop { flex: none; width: 100%; } .column.is-offset-12-desktop { margin-left: 100%; } } @media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; width: unset; } .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-one-fifth-widescreen { flex: none; width: 20%; } .column.is-two-fifths-widescreen { flex: none; width: 40%; } .column.is-three-fifths-widescreen { flex: none; width: 60%; } .column.is-four-fifths-widescreen { flex: none; width: 80%; } .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-offset-one-fifth-widescreen { margin-left: 20%; } .column.is-offset-two-fifths-widescreen { margin-left: 40%; } .column.is-offset-three-fifths-widescreen { margin-left: 60%; } .column.is-offset-four-fifths-widescreen { margin-left: 80%; } .column.is-0-widescreen { flex: none; width: 0%; } .column.is-offset-0-widescreen { margin-left: 0%; } .column.is-1-widescreen { flex: none; width: 8.33333337%; } .column.is-offset-1-widescreen { margin-left: 8.33333337%; } .column.is-2-widescreen { flex: none; width: 16.66666674%; } .column.is-offset-2-widescreen { margin-left: 16.66666674%; } .column.is-3-widescreen { flex: none; width: 25%; } .column.is-offset-3-widescreen { margin-left: 25%; } .column.is-4-widescreen { flex: none; width: 33.33333337%; } .column.is-offset-4-widescreen { margin-left: 33.33333337%; } .column.is-5-widescreen { flex: none; width: 41.66666674%; } .column.is-offset-5-widescreen { margin-left: 41.66666674%; } .column.is-6-widescreen { flex: none; width: 50%; } .column.is-offset-6-widescreen { margin-left: 50%; } .column.is-7-widescreen { flex: none; width: 58.33333337%; } .column.is-offset-7-widescreen { margin-left: 58.33333337%; } .column.is-8-widescreen { flex: none; width: 66.66666674%; } .column.is-offset-8-widescreen { margin-left: 66.66666674%; } .column.is-9-widescreen { flex: none; width: 75%; } .column.is-offset-9-widescreen { margin-left: 75%; } .column.is-10-widescreen { flex: none; width: 83.33333337%; } .column.is-offset-10-widescreen { margin-left: 83.33333337%; } .column.is-11-widescreen { flex: none; width: 91.66666674%; } .column.is-offset-11-widescreen { margin-left: 91.66666674%; } .column.is-12-widescreen { flex: none; width: 100%; } .column.is-offset-12-widescreen { margin-left: 100%; } } @media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; width: unset; } .column.is-full-fullhd { flex: none; width: 100%; } .column.is-three-quarters-fullhd { flex: none; width: 75%; } .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; } .column.is-half-fullhd { flex: none; width: 50%; } .column.is-one-third-fullhd { flex: none; width: 33.3333%; } .column.is-one-quarter-fullhd { flex: none; width: 25%; } .column.is-one-fifth-fullhd { flex: none; width: 20%; } .column.is-two-fifths-fullhd { flex: none; width: 40%; } .column.is-three-fifths-fullhd { flex: none; width: 60%; } .column.is-four-fifths-fullhd { flex: none; width: 80%; } .column.is-offset-three-quarters-fullhd { margin-left: 75%; } .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; } .column.is-offset-half-fullhd { margin-left: 50%; } .column.is-offset-one-third-fullhd { margin-left: 33.3333%; } .column.is-offset-one-quarter-fullhd { margin-left: 25%; } .column.is-offset-one-fifth-fullhd { margin-left: 20%; } .column.is-offset-two-fifths-fullhd { margin-left: 40%; } .column.is-offset-three-fifths-fullhd { margin-left: 60%; } .column.is-offset-four-fifths-fullhd { margin-left: 80%; } .column.is-0-fullhd { flex: none; width: 0%; } .column.is-offset-0-fullhd { margin-left: 0%; } .column.is-1-fullhd { flex: none; width: 8.33333337%; } .column.is-offset-1-fullhd { margin-left: 8.33333337%; } .column.is-2-fullhd { flex: none; width: 16.66666674%; } .column.is-offset-2-fullhd { margin-left: 16.66666674%; } .column.is-3-fullhd { flex: none; width: 25%; } .column.is-offset-3-fullhd { margin-left: 25%; } .column.is-4-fullhd { flex: none; width: 33.33333337%; } .column.is-offset-4-fullhd { margin-left: 33.33333337%; } .column.is-5-fullhd { flex: none; width: 41.66666674%; } .column.is-offset-5-fullhd { margin-left: 41.66666674%; } .column.is-6-fullhd { flex: none; width: 50%; } .column.is-offset-6-fullhd { margin-left: 50%; } .column.is-7-fullhd { flex: none; width: 58.33333337%; } .column.is-offset-7-fullhd { margin-left: 58.33333337%; } .column.is-8-fullhd { flex: none; width: 66.66666674%; } .column.is-offset-8-fullhd { margin-left: 66.66666674%; } .column.is-9-fullhd { flex: none; width: 75%; } .column.is-offset-9-fullhd { margin-left: 75%; } .column.is-10-fullhd { flex: none; width: 83.33333337%; } .column.is-offset-10-fullhd { margin-left: 83.33333337%; } .column.is-11-fullhd { flex: none; width: 91.66666674%; } .column.is-offset-11-fullhd { margin-left: 91.66666674%; } .column.is-12-fullhd { flex: none; width: 100%; } .column.is-offset-12-fullhd { margin-left: 100%; } } .columns { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .columns:last-child { margin-bottom: -0.75rem; } .columns:not(:last-child) { margin-bottom: calc(1.5rem - 0.75rem); } .columns.is-centered { justify-content: center; } .columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; } .columns.is-gapless > .column { margin: 0; padding: 0 !important; } .columns.is-gapless:not(:last-child) { margin-bottom: 1.5rem; } .columns.is-gapless:last-child { margin-bottom: 0; } .columns.is-mobile { display: flex; } .columns.is-multiline { flex-wrap: wrap; } .columns.is-vcentered { align-items: center; } @media screen and (min-width: 769px), print { .columns:not(.is-desktop) { display: flex; } } @media screen and (min-width: 1024px) { .columns.is-desktop { display: flex; } } .columns.is-variable { --columnGap: 0.75rem; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); } .columns.is-variable > .column { padding-left: var(--columnGap); padding-right: var(--columnGap); } .columns.is-variable.is-0 { --columnGap: 0rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-0-mobile { --columnGap: 0rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-0-tablet { --columnGap: 0rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-0-tablet-only { --columnGap: 0rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-0-touch { --columnGap: 0rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-0-desktop { --columnGap: 0rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-0-desktop-only { --columnGap: 0rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-0-widescreen { --columnGap: 0rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-0-widescreen-only { --columnGap: 0rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-0-fullhd { --columnGap: 0rem; } } .columns.is-variable.is-1 { --columnGap: 0.25rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-1-mobile { --columnGap: 0.25rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-1-tablet { --columnGap: 0.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-1-tablet-only { --columnGap: 0.25rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-1-touch { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-1-desktop { --columnGap: 0.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-1-desktop-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-1-widescreen { --columnGap: 0.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-1-widescreen-only { --columnGap: 0.25rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-1-fullhd { --columnGap: 0.25rem; } } .columns.is-variable.is-2 { --columnGap: 0.5rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-2-mobile { --columnGap: 0.5rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-2-tablet { --columnGap: 0.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-2-tablet-only { --columnGap: 0.5rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-2-touch { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-2-desktop { --columnGap: 0.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-2-desktop-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-2-widescreen { --columnGap: 0.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-2-widescreen-only { --columnGap: 0.5rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-2-fullhd { --columnGap: 0.5rem; } } .columns.is-variable.is-3 { --columnGap: 0.75rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-3-mobile { --columnGap: 0.75rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-3-tablet { --columnGap: 0.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-3-tablet-only { --columnGap: 0.75rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-3-touch { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-3-desktop { --columnGap: 0.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-3-desktop-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-3-widescreen { --columnGap: 0.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-3-widescreen-only { --columnGap: 0.75rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-3-fullhd { --columnGap: 0.75rem; } } .columns.is-variable.is-4 { --columnGap: 1rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-4-mobile { --columnGap: 1rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-4-tablet { --columnGap: 1rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-4-tablet-only { --columnGap: 1rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-4-touch { --columnGap: 1rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-4-desktop { --columnGap: 1rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-4-desktop-only { --columnGap: 1rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-4-widescreen { --columnGap: 1rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-4-widescreen-only { --columnGap: 1rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-4-fullhd { --columnGap: 1rem; } } .columns.is-variable.is-5 { --columnGap: 1.25rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-5-mobile { --columnGap: 1.25rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-5-tablet { --columnGap: 1.25rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-5-tablet-only { --columnGap: 1.25rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-5-touch { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-5-desktop { --columnGap: 1.25rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-5-desktop-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-5-widescreen { --columnGap: 1.25rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-5-widescreen-only { --columnGap: 1.25rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-5-fullhd { --columnGap: 1.25rem; } } .columns.is-variable.is-6 { --columnGap: 1.5rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-6-mobile { --columnGap: 1.5rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-6-tablet { --columnGap: 1.5rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-6-tablet-only { --columnGap: 1.5rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-6-touch { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-6-desktop { --columnGap: 1.5rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-6-desktop-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-6-widescreen { --columnGap: 1.5rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-6-widescreen-only { --columnGap: 1.5rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-6-fullhd { --columnGap: 1.5rem; } } .columns.is-variable.is-7 { --columnGap: 1.75rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-7-mobile { --columnGap: 1.75rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-7-tablet { --columnGap: 1.75rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-7-tablet-only { --columnGap: 1.75rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-7-touch { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-7-desktop { --columnGap: 1.75rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-7-desktop-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-7-widescreen { --columnGap: 1.75rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-7-widescreen-only { --columnGap: 1.75rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-7-fullhd { --columnGap: 1.75rem; } } .columns.is-variable.is-8 { --columnGap: 2rem; } @media screen and (max-width: 768px) { .columns.is-variable.is-8-mobile { --columnGap: 2rem; } } @media screen and (min-width: 769px), print { .columns.is-variable.is-8-tablet { --columnGap: 2rem; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-8-tablet-only { --columnGap: 2rem; } } @media screen and (max-width: 1023px) { .columns.is-variable.is-8-touch { --columnGap: 2rem; } } @media screen and (min-width: 1024px) { .columns.is-variable.is-8-desktop { --columnGap: 2rem; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-8-desktop-only { --columnGap: 2rem; } } @media screen and (min-width: 1216px) { .columns.is-variable.is-8-widescreen { --columnGap: 2rem; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-8-widescreen-only { --columnGap: 2rem; } } @media screen and (min-width: 1408px) { .columns.is-variable.is-8-fullhd { --columnGap: 2rem; } } .tile { align-items: stretch; display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; min-height: min-content; } .tile.is-ancestor { margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.75rem; } .tile.is-ancestor:last-child { margin-bottom: -0.75rem; } .tile.is-ancestor:not(:last-child) { margin-bottom: 0.75rem; } .tile.is-child { margin: 0 !important; } .tile.is-parent { padding: 0.75rem; } .tile.is-vertical { flex-direction: column; } .tile.is-vertical > .tile.is-child:not(:last-child) { margin-bottom: 1.5rem !important; } @media screen and (min-width: 769px), print { .tile:not(.is-child) { display: flex; } .tile.is-1 { flex: none; width: 8.33333337%; } .tile.is-2 { flex: none; width: 16.66666674%; } .tile.is-3 { flex: none; width: 25%; } .tile.is-4 { flex: none; width: 33.33333337%; } .tile.is-5 { flex: none; width: 41.66666674%; } .tile.is-6 { flex: none; width: 50%; } .tile.is-7 { flex: none; width: 58.33333337%; } .tile.is-8 { flex: none; width: 66.66666674%; } .tile.is-9 { flex: none; width: 75%; } .tile.is-10 { flex: none; width: 83.33333337%; } .tile.is-11 { flex: none; width: 91.66666674%; } .tile.is-12 { flex: none; width: 100%; } } /* Bulma Helpers */ .has-text-white { color: #fefefe !important; } a.has-text-white:hover, a.has-text-white:focus { color: rgb(228.5, 228.5, 228.5) !important; } .has-background-white { background-color: #fefefe !important; } .has-text-black { color: hsl(0, 0%, 4%) !important; } a.has-text-black:hover, a.has-text-black:focus { color: hsl(0, 0%, 0%) !important; } .has-background-black { background-color: hsl(0, 0%, 4%) !important; } .has-text-light { color: hsl(0, 0%, 96%) !important; } a.has-text-light:hover, a.has-text-light:focus { color: hsl(0, 0%, 86%) !important; } .has-background-light { background-color: hsl(0, 0%, 96%) !important; } .has-text-dark { color: hsl(0, 0%, 21%) !important; } a.has-text-dark:hover, a.has-text-dark:focus { color: hsl(0, 0%, 11%) !important; } .has-background-dark { background-color: hsl(0, 0%, 21%) !important; } .has-text-primary { color: #25A18E !important; } a.has-text-primary:hover, a.has-text-primary:focus { color: rgb(27.4696969697, 119.5303030303, 105.4242424242) !important; } .has-background-primary { background-color: #25A18E !important; } .has-text-info { color: hsl(207, 61%, 53%) !important; } a.has-text-info:hover, a.has-text-info:focus { color: hsl(207, 61%, 43%) !important; } .has-background-info { background-color: hsl(207, 61%, 53%) !important; } .has-text-success { color: hsl(153, 53%, 53%) !important; } a.has-text-success:hover, a.has-text-success:focus { color: hsl(153, 53%, 43%) !important; } .has-background-success { background-color: hsl(153, 53%, 53%) !important; } .has-text-warning { color: hsl(44, 100%, 77%) !important; } a.has-text-warning:hover, a.has-text-warning:focus { color: hsl(44, 100%, 67%) !important; } .has-background-warning { background-color: hsl(44, 100%, 77%) !important; } .has-text-danger { color: hsl(348, 86%, 61%) !important; } a.has-text-danger:hover, a.has-text-danger:focus { color: hsl(348, 86%, 51%) !important; } .has-background-danger { background-color: hsl(348, 86%, 61%) !important; } .has-text-twitter { color: #4099FF !important; } a.has-text-twitter:hover, a.has-text-twitter:focus { color: rgb(13, 125.7643979058, 255) !important; } .has-background-twitter { background-color: #4099FF !important; } .has-text-black-bis { color: hsl(0, 0%, 7%) !important; } .has-background-black-bis { background-color: hsl(0, 0%, 7%) !important; } .has-text-black-ter { color: hsl(0, 0%, 14%) !important; } .has-background-black-ter { background-color: hsl(0, 0%, 14%) !important; } .has-text-grey-darker { color: hsl(0, 0%, 21%) !important; } .has-background-grey-darker { background-color: hsl(0, 0%, 21%) !important; } .has-text-grey-dark { color: hsl(0, 0%, 29%) !important; } .has-background-grey-dark { background-color: hsl(0, 0%, 29%) !important; } .has-text-grey { color: hsl(0, 0%, 48%) !important; } .has-background-grey { background-color: hsl(0, 0%, 48%) !important; } .has-text-grey-light { color: hsl(0, 0%, 71%) !important; } .has-background-grey-light { background-color: hsl(0, 0%, 71%) !important; } .has-text-grey-lighter { color: hsl(0, 0%, 86%) !important; } .has-background-grey-lighter { background-color: hsl(0, 0%, 86%) !important; } .has-text-white-ter { color: hsl(0, 0%, 96%) !important; } .has-background-white-ter { background-color: hsl(0, 0%, 96%) !important; } .has-text-white-bis { color: hsl(0, 0%, 98%) !important; } .has-background-white-bis { background-color: hsl(0, 0%, 98%) !important; } .is-flex-direction-row { flex-direction: row !important; } .is-flex-direction-row-reverse { flex-direction: row-reverse !important; } .is-flex-direction-column { flex-direction: column !important; } .is-flex-direction-column-reverse { flex-direction: column-reverse !important; } .is-flex-wrap-nowrap { flex-wrap: nowrap !important; } .is-flex-wrap-wrap { flex-wrap: wrap !important; } .is-flex-wrap-wrap-reverse { flex-wrap: wrap-reverse !important; } .is-justify-content-flex-start { justify-content: flex-start !important; } .is-justify-content-flex-end { justify-content: flex-end !important; } .is-justify-content-center { justify-content: center !important; } .is-justify-content-space-between { justify-content: space-between !important; } .is-justify-content-space-around { justify-content: space-around !important; } .is-justify-content-space-evenly { justify-content: space-evenly !important; } .is-justify-content-start { justify-content: start !important; } .is-justify-content-end { justify-content: end !important; } .is-justify-content-left { justify-content: left !important; } .is-justify-content-right { justify-content: right !important; } .is-align-content-flex-start { align-content: flex-start !important; } .is-align-content-flex-end { align-content: flex-end !important; } .is-align-content-center { align-content: center !important; } .is-align-content-space-between { align-content: space-between !important; } .is-align-content-space-around { align-content: space-around !important; } .is-align-content-space-evenly { align-content: space-evenly !important; } .is-align-content-stretch { align-content: stretch !important; } .is-align-content-start { align-content: start !important; } .is-align-content-end { align-content: end !important; } .is-align-content-baseline { align-content: baseline !important; } .is-align-items-stretch { align-items: stretch !important; } .is-align-items-flex-start { align-items: flex-start !important; } .is-align-items-flex-end { align-items: flex-end !important; } .is-align-items-center { align-items: center !important; } .is-align-items-baseline { align-items: baseline !important; } .is-align-items-start { align-items: start !important; } .is-align-items-end { align-items: end !important; } .is-align-items-self-start { align-items: self-start !important; } .is-align-items-self-end { align-items: self-end !important; } .is-align-self-auto { align-self: auto !important; } .is-align-self-flex-start { align-self: flex-start !important; } .is-align-self-flex-end { align-self: flex-end !important; } .is-align-self-center { align-self: center !important; } .is-align-self-baseline { align-self: baseline !important; } .is-align-self-stretch { align-self: stretch !important; } .is-flex-grow-0 { flex-grow: 0 !important; } .is-flex-grow-1 { flex-grow: 1 !important; } .is-flex-grow-2 { flex-grow: 2 !important; } .is-flex-grow-3 { flex-grow: 3 !important; } .is-flex-grow-4 { flex-grow: 4 !important; } .is-flex-grow-5 { flex-grow: 5 !important; } .is-flex-shrink-0 { flex-shrink: 0 !important; } .is-flex-shrink-1 { flex-shrink: 1 !important; } .is-flex-shrink-2 { flex-shrink: 2 !important; } .is-flex-shrink-3 { flex-shrink: 3 !important; } .is-flex-shrink-4 { flex-shrink: 4 !important; } .is-flex-shrink-5 { flex-shrink: 5 !important; } .is-clearfix::after { clear: both; content: " "; display: table; } .is-pulled-left { float: left !important; } .is-pulled-right { float: right !important; } .is-radiusless { border-radius: 0 !important; } .is-shadowless { box-shadow: none !important; } .is-clickable { cursor: pointer !important; pointer-events: all !important; } .is-clipped { overflow: hidden !important; } .is-relative { position: relative !important; } .is-marginless { margin: 0 !important; } .is-paddingless { padding: 0 !important; } .m-0 { margin: 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-left: 0 !important; margin-right: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 0.75rem !important; } .mt-3 { margin-top: 0.75rem !important; } .mr-3 { margin-right: 0.75rem !important; } .mb-3 { margin-bottom: 0.75rem !important; } .ml-3 { margin-left: 0.75rem !important; } .mx-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; } .my-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .m-4 { margin: 1rem !important; } .mt-4 { margin-top: 1rem !important; } .mr-4 { margin-right: 1rem !important; } .mb-4 { margin-bottom: 1rem !important; } .ml-4 { margin-left: 1rem !important; } .mx-4 { margin-left: 1rem !important; margin-right: 1rem !important; } .my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-5 { margin: 1.5rem !important; } .mt-5 { margin-top: 1.5rem !important; } .mr-5 { margin-right: 1.5rem !important; } .mb-5 { margin-bottom: 1.5rem !important; } .ml-5 { margin-left: 1.5rem !important; } .mx-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .my-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-6 { margin: 3rem !important; } .mt-6 { margin-top: 3rem !important; } .mr-6 { margin-right: 3rem !important; } .mb-6 { margin-bottom: 3rem !important; } .ml-6 { margin-left: 3rem !important; } .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .p-0 { padding: 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-left: 0 !important; padding-right: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 0.75rem !important; } .pt-3 { padding-top: 0.75rem !important; } .pr-3 { padding-right: 0.75rem !important; } .pb-3 { padding-bottom: 0.75rem !important; } .pl-3 { padding-left: 0.75rem !important; } .px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .py-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .p-4 { padding: 1rem !important; } .pt-4 { padding-top: 1rem !important; } .pr-4 { padding-right: 1rem !important; } .pb-4 { padding-bottom: 1rem !important; } .pl-4 { padding-left: 1rem !important; } .px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-5 { padding: 1.5rem !important; } .pt-5 { padding-top: 1.5rem !important; } .pr-5 { padding-right: 1.5rem !important; } .pb-5 { padding-bottom: 1.5rem !important; } .pl-5 { padding-left: 1.5rem !important; } .px-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .py-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-6 { padding: 3rem !important; } .pt-6 { padding-top: 3rem !important; } .pr-6 { padding-right: 3rem !important; } .pb-6 { padding-bottom: 3rem !important; } .pl-6 { padding-left: 3rem !important; } .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .p-auto { padding: auto !important; } .pt-auto { padding-top: auto !important; } .pr-auto { padding-right: auto !important; } .pb-auto { padding-bottom: auto !important; } .pl-auto { padding-left: auto !important; } .px-auto { padding-left: auto !important; padding-right: auto !important; } .py-auto { padding-top: auto !important; padding-bottom: auto !important; } .is-size-1 { font-size: 3rem !important; } .is-size-2 { font-size: 2.5rem !important; } .is-size-3 { font-size: 2rem !important; } .is-size-4 { font-size: 1.5rem !important; } .is-size-5 { font-size: 1.25rem !important; } .is-size-6 { font-size: 1rem !important; } .is-size-7, .user-profile .user-profile__position__func-manager { font-size: 0.75rem !important; } @media screen and (max-width: 768px) { .is-size-1-mobile { font-size: 3rem !important; } .is-size-2-mobile { font-size: 2.5rem !important; } .is-size-3-mobile { font-size: 2rem !important; } .is-size-4-mobile { font-size: 1.5rem !important; } .is-size-5-mobile { font-size: 1.25rem !important; } .is-size-6-mobile { font-size: 1rem !important; } .is-size-7-mobile { font-size: 0.75rem !important; } } @media screen and (min-width: 769px), print { .is-size-1-tablet { font-size: 3rem !important; } .is-size-2-tablet { font-size: 2.5rem !important; } .is-size-3-tablet { font-size: 2rem !important; } .is-size-4-tablet { font-size: 1.5rem !important; } .is-size-5-tablet { font-size: 1.25rem !important; } .is-size-6-tablet { font-size: 1rem !important; } .is-size-7-tablet { font-size: 0.75rem !important; } } @media screen and (max-width: 1023px) { .is-size-1-touch { font-size: 3rem !important; } .is-size-2-touch { font-size: 2.5rem !important; } .is-size-3-touch { font-size: 2rem !important; } .is-size-4-touch { font-size: 1.5rem !important; } .is-size-5-touch { font-size: 1.25rem !important; } .is-size-6-touch { font-size: 1rem !important; } .is-size-7-touch { font-size: 0.75rem !important; } } @media screen and (min-width: 1024px) { .is-size-1-desktop { font-size: 3rem !important; } .is-size-2-desktop { font-size: 2.5rem !important; } .is-size-3-desktop { font-size: 2rem !important; } .is-size-4-desktop { font-size: 1.5rem !important; } .is-size-5-desktop { font-size: 1.25rem !important; } .is-size-6-desktop { font-size: 1rem !important; } .is-size-7-desktop { font-size: 0.75rem !important; } } @media screen and (min-width: 1216px) { .is-size-1-widescreen { font-size: 3rem !important; } .is-size-2-widescreen { font-size: 2.5rem !important; } .is-size-3-widescreen { font-size: 2rem !important; } .is-size-4-widescreen { font-size: 1.5rem !important; } .is-size-5-widescreen { font-size: 1.25rem !important; } .is-size-6-widescreen { font-size: 1rem !important; } .is-size-7-widescreen { font-size: 0.75rem !important; } } @media screen and (min-width: 1408px) { .is-size-1-fullhd { font-size: 3rem !important; } .is-size-2-fullhd { font-size: 2.5rem !important; } .is-size-3-fullhd { font-size: 2rem !important; } .is-size-4-fullhd { font-size: 1.5rem !important; } .is-size-5-fullhd { font-size: 1.25rem !important; } .is-size-6-fullhd { font-size: 1rem !important; } .is-size-7-fullhd { font-size: 0.75rem !important; } } .has-text-centered { text-align: center !important; } .has-text-justified { text-align: justify !important; } .has-text-left { text-align: left !important; } .has-text-right { text-align: right !important; } @media screen and (max-width: 768px) { .has-text-centered-mobile { text-align: center !important; } } @media screen and (min-width: 769px), print { .has-text-centered-tablet { text-align: center !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-centered-tablet-only { text-align: center !important; } } @media screen and (max-width: 1023px) { .has-text-centered-touch { text-align: center !important; } } @media screen and (min-width: 1024px) { .has-text-centered-desktop { text-align: center !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-centered-desktop-only { text-align: center !important; } } @media screen and (min-width: 1216px) { .has-text-centered-widescreen { text-align: center !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-centered-widescreen-only { text-align: center !important; } } @media screen and (min-width: 1408px) { .has-text-centered-fullhd { text-align: center !important; } } @media screen and (max-width: 768px) { .has-text-justified-mobile { text-align: justify !important; } } @media screen and (min-width: 769px), print { .has-text-justified-tablet { text-align: justify !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-justified-tablet-only { text-align: justify !important; } } @media screen and (max-width: 1023px) { .has-text-justified-touch { text-align: justify !important; } } @media screen and (min-width: 1024px) { .has-text-justified-desktop { text-align: justify !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-justified-desktop-only { text-align: justify !important; } } @media screen and (min-width: 1216px) { .has-text-justified-widescreen { text-align: justify !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-justified-widescreen-only { text-align: justify !important; } } @media screen and (min-width: 1408px) { .has-text-justified-fullhd { text-align: justify !important; } } @media screen and (max-width: 768px) { .has-text-left-mobile { text-align: left !important; } } @media screen and (min-width: 769px), print { .has-text-left-tablet { text-align: left !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-left-tablet-only { text-align: left !important; } } @media screen and (max-width: 1023px) { .has-text-left-touch { text-align: left !important; } } @media screen and (min-width: 1024px) { .has-text-left-desktop { text-align: left !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-left-desktop-only { text-align: left !important; } } @media screen and (min-width: 1216px) { .has-text-left-widescreen { text-align: left !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-left-widescreen-only { text-align: left !important; } } @media screen and (min-width: 1408px) { .has-text-left-fullhd { text-align: left !important; } } @media screen and (max-width: 768px) { .has-text-right-mobile { text-align: right !important; } } @media screen and (min-width: 769px), print { .has-text-right-tablet { text-align: right !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-right-tablet-only { text-align: right !important; } } @media screen and (max-width: 1023px) { .has-text-right-touch { text-align: right !important; } } @media screen and (min-width: 1024px) { .has-text-right-desktop { text-align: right !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-right-desktop-only { text-align: right !important; } } @media screen and (min-width: 1216px) { .has-text-right-widescreen { text-align: right !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-right-widescreen-only { text-align: right !important; } } @media screen and (min-width: 1408px) { .has-text-right-fullhd { text-align: right !important; } } .is-capitalized { text-transform: capitalize !important; } .is-lowercase { text-transform: lowercase !important; } .is-uppercase { text-transform: uppercase !important; } .is-italic { font-style: italic !important; } .is-underlined { text-decoration: underline !important; } .has-text-weight-light { font-weight: 300 !important; } .has-text-weight-normal { font-weight: 400 !important; } .has-text-weight-medium { font-weight: 500 !important; } .has-text-weight-semibold, .user-profile .user-profile__position__func-manager { font-weight: 600 !important; } .has-text-weight-bold { font-weight: 700 !important; } .is-family-primary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-secondary { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-sans-serif { font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } .is-family-monospace { font-family: monospace !important; } .is-family-code { font-family: monospace !important; } .is-block { display: block !important; } @media screen and (max-width: 768px) { .is-block-mobile { display: block !important; } } @media screen and (min-width: 769px), print { .is-block-tablet { display: block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-block-tablet-only { display: block !important; } } @media screen and (max-width: 1023px) { .is-block-touch { display: block !important; } } @media screen and (min-width: 1024px) { .is-block-desktop { display: block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-block-desktop-only { display: block !important; } } @media screen and (min-width: 1216px) { .is-block-widescreen { display: block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-block-widescreen-only { display: block !important; } } @media screen and (min-width: 1408px) { .is-block-fullhd { display: block !important; } } .is-flex { display: flex !important; } @media screen and (max-width: 768px) { .is-flex-mobile { display: flex !important; } } @media screen and (min-width: 769px), print { .is-flex-tablet { display: flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { display: flex !important; } } @media screen and (max-width: 1023px) { .is-flex-touch { display: flex !important; } } @media screen and (min-width: 1024px) { .is-flex-desktop { display: flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { display: flex !important; } } @media screen and (min-width: 1216px) { .is-flex-widescreen { display: flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { display: flex !important; } } @media screen and (min-width: 1408px) { .is-flex-fullhd { display: flex !important; } } .is-inline { display: inline !important; } @media screen and (max-width: 768px) { .is-inline-mobile { display: inline !important; } } @media screen and (min-width: 769px), print { .is-inline-tablet { display: inline !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-tablet-only { display: inline !important; } } @media screen and (max-width: 1023px) { .is-inline-touch { display: inline !important; } } @media screen and (min-width: 1024px) { .is-inline-desktop { display: inline !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-desktop-only { display: inline !important; } } @media screen and (min-width: 1216px) { .is-inline-widescreen { display: inline !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-widescreen-only { display: inline !important; } } @media screen and (min-width: 1408px) { .is-inline-fullhd { display: inline !important; } } .is-inline-block { display: inline-block !important; } @media screen and (max-width: 768px) { .is-inline-block-mobile { display: inline-block !important; } } @media screen and (min-width: 769px), print { .is-inline-block-tablet { display: inline-block !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-block-tablet-only { display: inline-block !important; } } @media screen and (max-width: 1023px) { .is-inline-block-touch { display: inline-block !important; } } @media screen and (min-width: 1024px) { .is-inline-block-desktop { display: inline-block !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-block-desktop-only { display: inline-block !important; } } @media screen and (min-width: 1216px) { .is-inline-block-widescreen { display: inline-block !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-block-widescreen-only { display: inline-block !important; } } @media screen and (min-width: 1408px) { .is-inline-block-fullhd { display: inline-block !important; } } .is-inline-flex { display: inline-flex !important; } @media screen and (max-width: 768px) { .is-inline-flex-mobile { display: inline-flex !important; } } @media screen and (min-width: 769px), print { .is-inline-flex-tablet { display: inline-flex !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { display: inline-flex !important; } } @media screen and (max-width: 1023px) { .is-inline-flex-touch { display: inline-flex !important; } } @media screen and (min-width: 1024px) { .is-inline-flex-desktop { display: inline-flex !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { display: inline-flex !important; } } @media screen and (min-width: 1216px) { .is-inline-flex-widescreen { display: inline-flex !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } } @media screen and (min-width: 1408px) { .is-inline-flex-fullhd { display: inline-flex !important; } } .is-hidden { display: none !important; } .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; } @media screen and (max-width: 768px) { .is-hidden-mobile { display: none !important; } } @media screen and (min-width: 769px), print { .is-hidden-tablet { display: none !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-hidden-tablet-only { display: none !important; } } @media screen and (max-width: 1023px) { .is-hidden-touch { display: none !important; } } @media screen and (min-width: 1024px) { .is-hidden-desktop { display: none !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-hidden-desktop-only { display: none !important; } } @media screen and (min-width: 1216px) { .is-hidden-widescreen { display: none !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-hidden-widescreen-only { display: none !important; } } @media screen and (min-width: 1408px) { .is-hidden-fullhd { display: none !important; } } .is-invisible { visibility: hidden !important; } @media screen and (max-width: 768px) { .is-invisible-mobile { visibility: hidden !important; } } @media screen and (min-width: 769px), print { .is-invisible-tablet { visibility: hidden !important; } } @media screen and (min-width: 769px) and (max-width: 1023px) { .is-invisible-tablet-only { visibility: hidden !important; } } @media screen and (max-width: 1023px) { .is-invisible-touch { visibility: hidden !important; } } @media screen and (min-width: 1024px) { .is-invisible-desktop { visibility: hidden !important; } } @media screen and (min-width: 1024px) and (max-width: 1215px) { .is-invisible-desktop-only { visibility: hidden !important; } } @media screen and (min-width: 1216px) { .is-invisible-widescreen { visibility: hidden !important; } } @media screen and (min-width: 1216px) and (max-width: 1407px) { .is-invisible-widescreen-only { visibility: hidden !important; } } @media screen and (min-width: 1408px) { .is-invisible-fullhd { visibility: hidden !important; } } /* Bulma Layout */ .hero { align-items: stretch; display: flex; flex-direction: column; justify-content: space-between; } .hero .navbar { background: none; } .hero .tabs ul { border-bottom: none; } .hero.is-white { background-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .hero.is-white a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-white strong { color: inherit; } .hero.is-white .title { color: hsl(0, 0%, 4%); } .hero.is-white .subtitle { color: rgba(10.2, 10.2, 10.2, 0.9); } .hero.is-white .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-white .subtitle strong { color: hsl(0, 0%, 4%); } @media screen and (max-width: 1023px) { .hero.is-white .navbar-menu { background-color: hsl(0, 0%, 100%); } } .hero.is-white .navbar-item, .hero.is-white .navbar-link { color: rgba(10.2, 10.2, 10.2, 0.7); } .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white .navbar-link:hover, .hero.is-white .navbar-link.is-active { background-color: hsl(0, 0%, 95%); color: hsl(0, 0%, 4%); } .hero.is-white .tabs a { color: hsl(0, 0%, 4%); opacity: 0.9; } .hero.is-white .tabs a:hover { opacity: 1; } .hero.is-white .tabs li.is-active a { color: hsl(0, 0%, 100%) !important; opacity: 1; } .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { color: hsl(0, 0%, 4%); } .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .hero.is-white.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); } @media screen and (max-width: 768px) { .hero.is-white.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); } } .hero.is-black { background-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 100%); } .hero.is-black a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-black strong { color: inherit; } .hero.is-black .title { color: hsl(0, 0%, 100%); } .hero.is-black .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-black .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-black .subtitle strong { color: hsl(0, 0%, 100%); } @media screen and (max-width: 1023px) { .hero.is-black .navbar-menu { background-color: hsl(0, 0%, 4%); } } .hero.is-black .navbar-item, .hero.is-black .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black .navbar-link:hover, .hero.is-black .navbar-link.is-active { background-color: hsl(0, 0%, 0%); color: hsl(0, 0%, 100%); } .hero.is-black .tabs a { color: hsl(0, 0%, 100%); opacity: 0.9; } .hero.is-black .tabs a:hover { opacity: 1; } .hero.is-black .tabs li.is-active a { color: hsl(0, 0%, 4%) !important; opacity: 1; } .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { color: hsl(0, 0%, 100%); } .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 100%); color: hsl(0, 0%, 4%); } .hero.is-black.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); } @media screen and (max-width: 768px) { .hero.is-black.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); } } .hero.is-light { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .hero.is-light a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-light strong { color: inherit; } .hero.is-light .title { color: rgba(0, 0, 0, 0.7); } .hero.is-light .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-light .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-light .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-light .navbar-menu { background-color: hsl(0, 0%, 96%); } } .hero.is-light .navbar-item, .hero.is-light .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light .navbar-link:hover, .hero.is-light .navbar-link.is-active { background-color: hsl(0, 0%, 91%); color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-light .tabs a:hover { opacity: 1; } .hero.is-light .tabs li.is-active a { color: hsl(0, 0%, 96%) !important; opacity: 1; } .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: hsl(0, 0%, 96%); } .hero.is-light.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); } @media screen and (max-width: 768px) { .hero.is-light.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); } } .hero.is-dark { background-color: hsl(0, 0%, 21%); color: #fff; } .hero.is-dark a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-dark strong { color: inherit; } .hero.is-dark .title { color: #fff; } .hero.is-dark .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-dark .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-dark .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-dark .navbar-menu { background-color: hsl(0, 0%, 21%); } } .hero.is-dark .navbar-item, .hero.is-dark .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark .navbar-link.is-active { background-color: hsl(0, 0%, 16%); color: #fff; } .hero.is-dark .tabs a { color: #fff; opacity: 0.9; } .hero.is-dark .tabs a:hover { opacity: 1; } .hero.is-dark .tabs li.is-active a { color: hsl(0, 0%, 21%) !important; opacity: 1; } .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { color: #fff; } .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(0, 0%, 21%); } .hero.is-dark.is-bold { background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); } @media screen and (max-width: 768px) { .hero.is-dark.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); } } .hero.is-primary { background-color: hsl(171, 100%, 41%); color: #fff; } .hero.is-primary a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-primary strong { color: inherit; } .hero.is-primary .title { color: #fff; } .hero.is-primary .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-primary .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-primary .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-primary .navbar-menu { background-color: hsl(171, 100%, 41%); } } .hero.is-primary .navbar-item, .hero.is-primary .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary .navbar-link.is-active { background-color: hsl(171, 100%, 36%); color: #fff; } .hero.is-primary .tabs a { color: #fff; opacity: 0.9; } .hero.is-primary .tabs a:hover { opacity: 1; } .hero.is-primary .tabs li.is-active a { color: hsl(171, 100%, 41%) !important; opacity: 1; } .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { color: #fff; } .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(171, 100%, 41%); } .hero.is-primary.is-bold { background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); } @media screen and (max-width: 768px) { .hero.is-primary.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); } } .hero.is-link { background-color: hsl(229, 53%, 53%); color: #fff; } .hero.is-link a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-link strong { color: inherit; } .hero.is-link .title { color: #fff; } .hero.is-link .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-link .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-link .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-link .navbar-menu { background-color: hsl(229, 53%, 53%); } } .hero.is-link .navbar-item, .hero.is-link .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link .navbar-link:hover, .hero.is-link .navbar-link.is-active { background-color: hsl(229, 53%, 48%); color: #fff; } .hero.is-link .tabs a { color: #fff; opacity: 0.9; } .hero.is-link .tabs a:hover { opacity: 1; } .hero.is-link .tabs li.is-active a { color: hsl(229, 53%, 53%) !important; opacity: 1; } .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { color: #fff; } .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 0.1); } .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { background-color: #fff; border-color: #fff; color: hsl(229, 53%, 53%); } .hero.is-link.is-bold { background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-link.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(219, 63%, 43%) 0%, hsl(229, 53%, 53%) 71%, hsl(239, 58%, 58%) 100%); } } .hero.is-info { background-color: hsl(207, 61%, 53%); color: #fff; } .hero.is-info a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-info strong { color: inherit; } .hero.is-info .title { color: #fff; } .hero.is-info .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-info .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-info .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-info .navbar-menu { background-color: hsl(207, 61%, 53%); } } .hero.is-info .navbar-item, .hero.is-info .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info .navbar-link:hover, .hero.is-info .navbar-link.is-active { background-color: hsl(207, 61%, 48%); color: #fff; } .hero.is-info .tabs a { color: #fff; opacity: 0.9; } .hero.is-info .tabs a:hover { opacity: 1; } .hero.is-info .tabs li.is-active a { color: hsl(207, 61%, 53%) !important; opacity: 1; } .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { color: #fff; } .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(207, 61%, 53%); } .hero.is-info.is-bold { background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-info.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); } } .hero.is-success { background-color: hsl(153, 53%, 53%); color: #fff; } .hero.is-success a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-success strong { color: inherit; } .hero.is-success .title { color: #fff; } .hero.is-success .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-success .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-success .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-success .navbar-menu { background-color: hsl(153, 53%, 53%); } } .hero.is-success .navbar-item, .hero.is-success .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success .navbar-link:hover, .hero.is-success .navbar-link.is-active { background-color: hsl(153, 53%, 48%); color: #fff; } .hero.is-success .tabs a { color: #fff; opacity: 0.9; } .hero.is-success .tabs a:hover { opacity: 1; } .hero.is-success .tabs li.is-active a { color: hsl(153, 53%, 53%) !important; opacity: 1; } .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { color: #fff; } .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(153, 53%, 53%); } .hero.is-success.is-bold { background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); } @media screen and (max-width: 768px) { .hero.is-success.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); } } .hero.is-warning { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .hero.is-warning a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-warning strong { color: inherit; } .hero.is-warning .title { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .subtitle { color: rgba(0, 0, 0, 0.9); } .hero.is-warning .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-warning .subtitle strong { color: rgba(0, 0, 0, 0.7); } @media screen and (max-width: 1023px) { .hero.is-warning .navbar-menu { background-color: hsl(44, 100%, 77%); } } .hero.is-warning .navbar-item, .hero.is-warning .navbar-link { color: rgba(0, 0, 0, 0.7); } .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning .navbar-link.is-active { background-color: hsl(44, 100%, 72%); color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs a { color: rgba(0, 0, 0, 0.7); opacity: 0.9; } .hero.is-warning .tabs a:hover { opacity: 1; } .hero.is-warning .tabs li.is-active a { color: hsl(44, 100%, 77%) !important; opacity: 1; } .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { color: rgba(0, 0, 0, 0.7); } .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: rgba(0, 0, 0, 0.7); border-color: rgba(0, 0, 0, 0.7); color: hsl(44, 100%, 77%); } .hero.is-warning.is-bold { background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); } @media screen and (max-width: 768px) { .hero.is-warning.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); } } .hero.is-danger { background-color: hsl(348, 86%, 61%); color: #fff; } .hero.is-danger a:not(.button):not(.ui-datepicker-trigger):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), .hero.is-danger strong { color: inherit; } .hero.is-danger .title { color: #fff; } .hero.is-danger .subtitle { color: rgba(255, 255, 255, 0.9); } .hero.is-danger .subtitle a:not(.button):not(.ui-datepicker-trigger), .hero.is-danger .subtitle strong { color: #fff; } @media screen and (max-width: 1023px) { .hero.is-danger .navbar-menu { background-color: hsl(348, 86%, 61%); } } .hero.is-danger .navbar-item, .hero.is-danger .navbar-link { color: rgba(255, 255, 255, 0.7); } .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger .navbar-link.is-active { background-color: hsl(348, 86%, 56%); color: #fff; } .hero.is-danger .tabs a { color: #fff; opacity: 0.9; } .hero.is-danger .tabs a:hover { opacity: 1; } .hero.is-danger .tabs li.is-active a { color: hsl(348, 86%, 61%) !important; opacity: 1; } .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { color: #fff; } .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { background-color: rgba(10.2, 10.2, 10.2, 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: #fff; border-color: #fff; color: hsl(348, 86%, 61%); } .hero.is-danger.is-bold { background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); } @media screen and (max-width: 768px) { .hero.is-danger.is-bold .navbar-menu { background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); } } .hero.is-small .hero-body { padding: 1.5rem; } @media screen and (min-width: 769px), print { .hero.is-medium .hero-body { padding: 9rem 4.5rem; } } @media screen and (min-width: 769px), print { .hero.is-large .hero-body { padding: 18rem 6rem; } } .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { align-items: center; display: flex; } .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { flex-grow: 1; flex-shrink: 1; } .hero.is-halfheight { min-height: 50vh; } .hero.is-fullheight { min-height: 100vh; } .hero-video { 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: 1.5rem; } @media screen and (max-width: 768px) { .hero-buttons .button, .hero-buttons .ui-datepicker-trigger, .hero-buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .hero-buttons a.paginate_button { display: flex; } .hero-buttons .button:not(:last-child), .hero-buttons .ui-datepicker-trigger:not(:last-child), .hero-buttons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .hero-buttons a.paginate_button:not(:last-child) { margin-bottom: 0.75rem; } } @media screen and (min-width: 769px), print { .hero-buttons { display: flex; justify-content: center; } .hero-buttons .button:not(:last-child), .hero-buttons .ui-datepicker-trigger:not(:last-child), .hero-buttons .dataTables_paginate a.paginate_button:not(:last-child), .dataTables_paginate .hero-buttons a.paginate_button:not(:last-child) { margin-right: 1.5rem; } } .hero-head, .hero-foot { flex-grow: 0; flex-shrink: 0; } .hero-body { flex-grow: 1; flex-shrink: 0; padding: 3rem 1.5rem; } @media screen and (min-width: 769px), print { .hero-body { padding: 3rem 3rem; } } .section { padding: 3rem 1.5rem; } @media screen and (min-width: 1024px) { .section { padding: 3rem 3rem; } .section.is-medium { padding: 9rem 4.5rem; } .section.is-large { padding: 18rem 6rem; } } .footer { background-color: hsl(0, 0%, 98%); padding: 3rem 1.5rem 6rem; } .is-noscroll { position: fixed; overflow-y: hidden; width: 100%; bottom: 0; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } /** * Vue Transitions */ .fade-enter-active, .fade-leave-active { transition: opacity 150ms ease-out; } .fade-enter, .fade-leave-to { opacity: 0; } .zoom-in-enter-active, .zoom-in-leave-active { transition: opacity 150ms ease-out; } .zoom-in-enter-active .animation-content, .zoom-in-enter-active .animation-content, .zoom-in-leave-active .animation-content, .zoom-in-leave-active .animation-content { transition: transform 150ms ease-out; } .zoom-in-enter, .zoom-in-leave-active { opacity: 0; } .zoom-in-enter .animation-content, .zoom-in-enter .animation-content, .zoom-in-leave-active .animation-content, .zoom-in-leave-active .animation-content { transform: scale(0.95); } .zoom-out-enter-active, .zoom-out-leave-active { transition: opacity 150ms ease-out; } .zoom-out-enter-active .animation-content, .zoom-out-enter-active .animation-content, .zoom-out-leave-active .animation-content, .zoom-out-leave-active .animation-content { transition: transform 150ms ease-out; } .zoom-out-enter, .zoom-out-leave-active { opacity: 0; } .zoom-out-enter .animation-content, .zoom-out-enter .animation-content, .zoom-out-leave-active .animation-content, .zoom-out-leave-active .animation-content { transform: scale(1.05); } .slide-next-enter-active, .slide-next-leave-active, .slide-prev-enter-active, .slide-prev-leave-active { transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .slide-prev-leave-to, .slide-next-enter { transform: translate3d(-100%, 0, 0); position: absolute; width: 100%; } .slide-prev-enter, .slide-next-leave-to { transform: translate3d(100%, 0, 0); position: absolute; width: 100%; } .slide-down-enter-active, .slide-down-leave-active, .slide-up-enter-active, .slide-up-leave-active { transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } .slide-up-leave-to, .slide-down-enter { transform: translate3d(0, -100%, 0); position: absolute; height: 100%; } .slide-up-enter, .slide-down-leave-to { transform: translate3d(0, 100%, 0); position: absolute; height: 100%; } .slide-enter-active { transition: 150ms ease-out; } .slide-leave-active { transition: 150ms ease-out; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .slide-enter-to, .slide-leave { max-height: 100px; overflow: hidden; } .slide-enter, .slide-leave-to { overflow: hidden; max-height: 0; } .autocomplete { position: relative; } .autocomplete .dropdown-menu { display: block; min-width: 100%; max-width: 100%; } .autocomplete .dropdown-menu.is-opened-top { top: auto; bottom: 100%; } .autocomplete .dropdown-content { overflow: auto; max-height: 200px; } .autocomplete .dropdown-item, .autocomplete .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .autocomplete a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .autocomplete .dropdown-item.is-hovered, .autocomplete .dropdown .dropdown-menu .has-link a.is-hovered, .dropdown .dropdown-menu .has-link .autocomplete a.is-hovered { background: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); } .autocomplete .dropdown-item.is-disabled, .autocomplete .dropdown .dropdown-menu .has-link a.is-disabled, .dropdown .dropdown-menu .has-link .autocomplete a.is-disabled { opacity: 0.5; cursor: not-allowed; } .autocomplete.is-small { border-radius: 2px; font-size: 0.75rem; } .autocomplete.is-medium { font-size: 1.25rem; } .autocomplete.is-large { font-size: 1.5rem; } .carousel { min-height: 120px; position: relative; } .carousel.is-overlay { background-color: rgba(10.2, 10.2, 10.2, 0.86); align-items: center; flex-direction: column; justify-content: center; display: flex; max-height: 100vh; position: fixed; z-index: 40; } .carousel.is-overlay .carousel-item img { cursor: default; } .carousel.is-overlay .carousel-indicator.has-background { background: transparent; } .carousel .progress, .carousel .progress-wrapper.is-not-native { border-radius: 2px; height: 0.25rem; margin-bottom: 0; } .carousel .carousel-items { position: relative; display: flex; overflow: hidden; width: 100%; } @media screen and (min-width: 769px), print { .carousel .carousel-items:hover .carousel-arrow.is-hovered { opacity: 1; } } .carousel .carousel-items .carousel-item { flex-shrink: 0; width: 100%; } .carousel .carousel-pause { pointer-events: none; position: absolute; top: 0; right: 0.15rem; z-index: 1; } .carousel .carousel-indicator { width: 100%; padding: 0.5rem; display: flex; align-items: center; justify-content: center; } .carousel .carousel-indicator.has-background { background: rgba(10.2, 10.2, 10.2, 0.5); } .carousel .carousel-indicator.has-custom { flex-wrap: nowrap; justify-content: flex-start; -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; } .carousel .carousel-indicator.has-custom.is-small .indicator-item { flex: 1 0 10%; } .carousel .carousel-indicator.has-custom.is-medium .indicator-item { flex: 1 0 16.66667%; } .carousel .carousel-indicator.is-inside { position: absolute; } .carousel .carousel-indicator.is-inside.is-bottom { bottom: 0; } .carousel .carousel-indicator.is-inside.is-top { top: 0; } .carousel .carousel-indicator .indicator-item:not(:last-child) { margin-right: 0.5rem; } .carousel .carousel-indicator .indicator-item.is-active .indicator-style, .carousel .carousel-indicator .indicator-item .indicator-style:hover { background: #25A18E; border: 1px solid hsl(0, 0%, 100%); } .carousel .carousel-indicator .indicator-item .indicator-style { display: block; border: 1px solid #25A18E; background: hsl(0, 0%, 100%); outline: none; transition: 150ms ease-out; } .carousel .carousel-indicator .indicator-item .indicator-style.is-boxes { height: 10px; width: 10px; } .carousel .carousel-indicator .indicator-item .indicator-style.is-dots { border-radius: 9999px; height: 10px; width: 10px; } .carousel .carousel-indicator .indicator-item .indicator-style.is-lines { height: 5px; width: 25px; } .carousel-list { position: relative; overflow: hidden; width: 100%; } .carousel-list.has-shadow { box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25); } @media screen and (min-width: 769px), print { .carousel-list:hover .carousel-arrow.is-hovered { opacity: 1; } } .carousel-list .carousel-slides { position: relative; display: flex; width: 100%; } .carousel-list .carousel-slides:not(.is-dragging) { transition: all 250ms ease-out 0s; } .carousel-list .carousel-slides.has-grayscale .carousel-slide img { filter: grayscale(100%); } .carousel-list .carousel-slides.has-grayscale .carousel-slide.is-active img { filter: grayscale(0%); } .carousel-list .carousel-slides.has-opacity .carousel-slide img { opacity: 0.25; } .carousel-list .carousel-slides.has-opacity .carousel-slide.is-active img { opacity: 1; } .carousel-list .carousel-slides .carousel-slide { border: 2px solid transparent; flex-shrink: 0; } .carousel-arrow { transition: 150ms ease-out; } .carousel-arrow.is-hovered { opacity: 0; } .carousel-arrow .icon { background: hsl(0, 0%, 100%); color: #25A18E; cursor: pointer; border: 1px solid hsl(0, 0%, 100%); border-radius: 9999px; outline: 0; } .carousel-arrow .icon:hover { border: 1px solid #25A18E; opacity: 1; } .carousel-arrow .icon.has-icons-left, .carousel-arrow .icon.has-icons-right { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .carousel-arrow .icon.has-icons-left { left: 1.5rem; } .carousel-arrow .icon.has-icons-right { right: 1.5rem; } .b-checkbox.checkbox { outline: none; display: inline-flex; align-items: center; } .b-checkbox.checkbox:not(.button):not(.ui-datepicker-trigger) { margin-right: 0.5em; } .b-checkbox.checkbox:not(.button):not(.ui-datepicker-trigger) + .checkbox:last-child { margin-right: 0; } .b-checkbox.checkbox input[type=checkbox] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .b-checkbox.checkbox input[type=checkbox] + .check { width: 1.25em; height: 1.25em; flex-shrink: 0; border-radius: 4px; border: 2px solid hsl(0, 0%, 48%); transition: background 150ms ease-out; background: transparent; } .b-checkbox.checkbox input[type=checkbox]:checked + .check { background: #25A18E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #25A18E; } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-white { background: #fefefe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:hsl(0, 0%25, 4%25)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #fefefe; } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-black { background: hsl(0, 0%, 4%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fefefe' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 4%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-light { background: hsl(0, 0%, 96%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(0, 0, 0, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 96%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-dark { background: hsl(0, 0%, 21%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 21%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-primary { background: #25A18E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #25A18E; } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-info { background: hsl(207, 61%, 53%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(207, 61%, 53%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-success { background: hsl(153, 53%, 53%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(153, 53%, 53%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-warning { background: hsl(44, 100%, 77%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(0, 0, 0, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(44, 100%, 77%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-danger { background: hsl(348, 86%, 61%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: hsl(348, 86%, 61%); } .b-checkbox.checkbox input[type=checkbox]:checked + .check.is-twitter { background: #4099FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; border-color: #4099FF; } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check { background: #25A18E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #25A18E; } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-white { background: #fefefe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:hsl(0, 0%25, 4%25)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #fefefe; } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-black { background: hsl(0, 0%, 4%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fefefe' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 4%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-light { background: hsl(0, 0%, 96%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(0, 0, 0, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 96%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-dark { background: hsl(0, 0%, 21%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(0, 0%, 21%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-primary { background: #25A18E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #25A18E; } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-info { background: hsl(207, 61%, 53%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(207, 61%, 53%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-success { background: hsl(153, 53%, 53%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(153, 53%, 53%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-warning { background: hsl(44, 100%, 77%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(0, 0, 0, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(44, 100%, 77%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-danger { background: hsl(348, 86%, 61%) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: hsl(348, 86%, 61%); } .b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-twitter { background: #4099FF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; border-color: #4099FF; } .b-checkbox.checkbox input[type=checkbox]:focus + .check { box-shadow: 0 0 0.5em rgba(122.4, 122.4, 122.4, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-white { box-shadow: 0 0 0.5em rgba(254, 254, 254, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-black { box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-light { box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-dark { box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-primary { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-info { box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-success { box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-warning { box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-danger { box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.8); } .b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-twitter { box-shadow: 0 0 0.5em rgba(64, 153, 255, 0.8); } .b-checkbox.checkbox .control-label { padding-left: calc(0.75em - 1px); } .b-checkbox.checkbox.button, .b-checkbox.checkbox.ui-datepicker-trigger, .dataTables_paginate a.b-checkbox.checkbox.paginate_button { display: flex; } .b-checkbox.checkbox[disabled] { opacity: 0.5; } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check { border-color: #25A18E; } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-white { border-color: #fefefe; } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-black { border-color: hsl(0, 0%, 4%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-light { border-color: hsl(0, 0%, 96%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-dark { border-color: hsl(0, 0%, 21%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-primary { border-color: #25A18E; } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-info { border-color: hsl(207, 61%, 53%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-success { border-color: hsl(153, 53%, 53%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-warning { border-color: hsl(44, 100%, 77%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-danger { border-color: hsl(348, 86%, 61%); } .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-twitter { border-color: #4099FF; } .b-checkbox.checkbox.is-small { border-radius: 2px; font-size: 0.75rem; } .b-checkbox.checkbox.is-medium { font-size: 1.25rem; } .b-checkbox.checkbox.is-large { font-size: 1.5rem; } .b-clockpicker .card-header { background-color: #25A18E; color: #fff; } .b-clockpicker .b-clockpicker-face:after { background-color: #25A18E; } .b-clockpicker .b-clockpicker-face-hand { background-color: #25A18E; border-color: #25A18E; } .b-clockpicker .b-clockpicker-face-number.active { background-color: #25A18E; color: #fff; } .b-clockpicker.is-white .card-header { background-color: #fefefe; color: hsl(0, 0%, 4%); } .b-clockpicker.is-white .b-clockpicker-face:after { background-color: #fefefe; } .b-clockpicker.is-white .b-clockpicker-face-hand { background-color: #fefefe; border-color: #fefefe; } .b-clockpicker.is-white .b-clockpicker-face-number.active { background-color: #fefefe; color: hsl(0, 0%, 4%); } .b-clockpicker.is-black .card-header { background-color: hsl(0, 0%, 4%); color: #fefefe; } .b-clockpicker.is-black .b-clockpicker-face:after { background-color: hsl(0, 0%, 4%); } .b-clockpicker.is-black .b-clockpicker-face-hand { background-color: hsl(0, 0%, 4%); border-color: hsl(0, 0%, 4%); } .b-clockpicker.is-black .b-clockpicker-face-number.active { background-color: hsl(0, 0%, 4%); color: #fefefe; } .b-clockpicker.is-light .card-header { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .b-clockpicker.is-light .b-clockpicker-face:after { background-color: hsl(0, 0%, 96%); } .b-clockpicker.is-light .b-clockpicker-face-hand { background-color: hsl(0, 0%, 96%); border-color: hsl(0, 0%, 96%); } .b-clockpicker.is-light .b-clockpicker-face-number.active { background-color: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .b-clockpicker.is-dark .card-header { background-color: hsl(0, 0%, 21%); color: #fff; } .b-clockpicker.is-dark .b-clockpicker-face:after { background-color: hsl(0, 0%, 21%); } .b-clockpicker.is-dark .b-clockpicker-face-hand { background-color: hsl(0, 0%, 21%); border-color: hsl(0, 0%, 21%); } .b-clockpicker.is-dark .b-clockpicker-face-number.active { background-color: hsl(0, 0%, 21%); color: #fff; } .b-clockpicker.is-primary .card-header { background-color: #25A18E; color: #fff; } .b-clockpicker.is-primary .b-clockpicker-face:after { background-color: #25A18E; } .b-clockpicker.is-primary .b-clockpicker-face-hand { background-color: #25A18E; border-color: #25A18E; } .b-clockpicker.is-primary .b-clockpicker-face-number.active { background-color: #25A18E; color: #fff; } .b-clockpicker.is-info .card-header { background-color: hsl(207, 61%, 53%); color: #fff; } .b-clockpicker.is-info .b-clockpicker-face:after { background-color: hsl(207, 61%, 53%); } .b-clockpicker.is-info .b-clockpicker-face-hand { background-color: hsl(207, 61%, 53%); border-color: hsl(207, 61%, 53%); } .b-clockpicker.is-info .b-clockpicker-face-number.active { background-color: hsl(207, 61%, 53%); color: #fff; } .b-clockpicker.is-success .card-header { background-color: hsl(153, 53%, 53%); color: #fff; } .b-clockpicker.is-success .b-clockpicker-face:after { background-color: hsl(153, 53%, 53%); } .b-clockpicker.is-success .b-clockpicker-face-hand { background-color: hsl(153, 53%, 53%); border-color: hsl(153, 53%, 53%); } .b-clockpicker.is-success .b-clockpicker-face-number.active { background-color: hsl(153, 53%, 53%); color: #fff; } .b-clockpicker.is-warning .card-header { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .b-clockpicker.is-warning .b-clockpicker-face:after { background-color: hsl(44, 100%, 77%); } .b-clockpicker.is-warning .b-clockpicker-face-hand { background-color: hsl(44, 100%, 77%); border-color: hsl(44, 100%, 77%); } .b-clockpicker.is-warning .b-clockpicker-face-number.active { background-color: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .b-clockpicker.is-danger .card-header { background-color: hsl(348, 86%, 61%); color: #fff; } .b-clockpicker.is-danger .b-clockpicker-face:after { background-color: hsl(348, 86%, 61%); } .b-clockpicker.is-danger .b-clockpicker-face-hand { background-color: hsl(348, 86%, 61%); border-color: hsl(348, 86%, 61%); } .b-clockpicker.is-danger .b-clockpicker-face-number.active { background-color: hsl(348, 86%, 61%); color: #fff; } .b-clockpicker.is-twitter .card-header { background-color: #4099FF; color: #fff; } .b-clockpicker.is-twitter .b-clockpicker-face:after { background-color: #4099FF; } .b-clockpicker.is-twitter .b-clockpicker-face-hand { background-color: #4099FF; border-color: #4099FF; } .b-clockpicker.is-twitter .b-clockpicker-face-number.active { background-color: #4099FF; color: #fff; } .b-clockpicker .dropdown-menu { min-width: 0; } .b-clockpicker .dropdown, .b-clockpicker .dropdown-trigger { width: 100%; } .b-clockpicker .dropdown .input[readonly], .b-clockpicker .dropdown [readonly].form__input, .b-clockpicker .dropdown .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .b-clockpicker .dropdown input[readonly]#login_captcha, .b-clockpicker .dropdown .dataTables_filter input[readonly], .dataTables_filter .b-clockpicker .dropdown input[readonly], .b-clockpicker .dropdown .dataTables_length label select[readonly], .dataTables_length label .b-clockpicker .dropdown select[readonly], .b-clockpicker .dropdown .dataTable thead th input[readonly]:not([type=checkbox]), .b-clockpicker .dropdown .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown input[readonly]:not([type=checkbox]), .table thead th .b-clockpicker .dropdown input[readonly]:not([type=checkbox]), .b-clockpicker .dropdown .modal .modal__body input[readonly], .modal .modal__body .b-clockpicker .dropdown input[readonly], .b-clockpicker .dropdown .modal .modal__body select[readonly], .modal .modal__body .b-clockpicker .dropdown select[readonly], .b-clockpicker .dropdown [readonly].datepicker:not(.control), .b-clockpicker .dropdown-trigger .input[readonly], .b-clockpicker .dropdown-trigger [readonly].form__input, .b-clockpicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .b-clockpicker .dropdown-trigger input[readonly]#login_captcha, .b-clockpicker .dropdown-trigger .dataTables_filter input[readonly], .dataTables_filter .b-clockpicker .dropdown-trigger input[readonly], .b-clockpicker .dropdown-trigger .dataTables_length label select[readonly], .dataTables_length label .b-clockpicker .dropdown-trigger select[readonly], .b-clockpicker .dropdown-trigger .dataTable thead th input[readonly]:not([type=checkbox]), .b-clockpicker .dropdown-trigger .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown-trigger input[readonly]:not([type=checkbox]), .table thead th .b-clockpicker .dropdown-trigger input[readonly]:not([type=checkbox]), .b-clockpicker .dropdown-trigger .modal .modal__body input[readonly], .modal .modal__body .b-clockpicker .dropdown-trigger input[readonly], .b-clockpicker .dropdown-trigger .modal .modal__body select[readonly], .modal .modal__body .b-clockpicker .dropdown-trigger select[readonly], .b-clockpicker .dropdown-trigger [readonly].datepicker:not(.control) { cursor: pointer; box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05); } .b-clockpicker .dropdown .input[readonly]:focus, .b-clockpicker .dropdown [readonly].form__input:focus, .b-clockpicker .dropdown .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .b-clockpicker .dropdown input[readonly]#login_captcha:focus, .b-clockpicker .dropdown .dataTables_filter input[readonly]:focus, .dataTables_filter .b-clockpicker .dropdown input[readonly]:focus, .b-clockpicker .dropdown .dataTables_length label select[readonly]:focus, .dataTables_length label .b-clockpicker .dropdown select[readonly]:focus, .b-clockpicker .dropdown .dataTable thead th input[readonly]:focus:not([type=checkbox]), .b-clockpicker .dropdown .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown input[readonly]:focus:not([type=checkbox]), .table thead th .b-clockpicker .dropdown input[readonly]:focus:not([type=checkbox]), .b-clockpicker .dropdown .modal .modal__body input[readonly]:focus, .modal .modal__body .b-clockpicker .dropdown input[readonly]:focus, .b-clockpicker .dropdown .modal .modal__body select[readonly]:focus, .modal .modal__body .b-clockpicker .dropdown select[readonly]:focus, .b-clockpicker .dropdown [readonly].datepicker:focus:not(.control), .b-clockpicker .dropdown .input[readonly].is-focused, .b-clockpicker .dropdown [readonly].is-focused.form__input, .b-clockpicker .dropdown .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .b-clockpicker .dropdown input[readonly].is-focused#login_captcha, .b-clockpicker .dropdown .dataTables_filter input[readonly].is-focused, .dataTables_filter .b-clockpicker .dropdown input[readonly].is-focused, .b-clockpicker .dropdown .dataTables_length label select[readonly].is-focused, .dataTables_length label .b-clockpicker .dropdown select[readonly].is-focused, .b-clockpicker .dropdown .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .b-clockpicker .dropdown .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown input[readonly].is-focused:not([type=checkbox]), .table thead th .b-clockpicker .dropdown input[readonly].is-focused:not([type=checkbox]), .b-clockpicker .dropdown .modal .modal__body input[readonly].is-focused, .modal .modal__body .b-clockpicker .dropdown input[readonly].is-focused, .b-clockpicker .dropdown .modal .modal__body select[readonly].is-focused, .modal .modal__body .b-clockpicker .dropdown select[readonly].is-focused, .b-clockpicker .dropdown [readonly].is-focused.datepicker:not(.control), .b-clockpicker .dropdown .input[readonly]:active, .b-clockpicker .dropdown [readonly].form__input:active, .b-clockpicker .dropdown .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .b-clockpicker .dropdown input[readonly]#login_captcha:active, .b-clockpicker .dropdown .dataTables_filter input[readonly]:active, .dataTables_filter .b-clockpicker .dropdown input[readonly]:active, .b-clockpicker .dropdown .dataTables_length label select[readonly]:active, .dataTables_length label .b-clockpicker .dropdown select[readonly]:active, .b-clockpicker .dropdown .dataTable thead th input[readonly]:active:not([type=checkbox]), .b-clockpicker .dropdown .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown input[readonly]:active:not([type=checkbox]), .table thead th .b-clockpicker .dropdown input[readonly]:active:not([type=checkbox]), .b-clockpicker .dropdown .modal .modal__body input[readonly]:active, .modal .modal__body .b-clockpicker .dropdown input[readonly]:active, .b-clockpicker .dropdown .modal .modal__body select[readonly]:active, .modal .modal__body .b-clockpicker .dropdown select[readonly]:active, .b-clockpicker .dropdown [readonly].datepicker:active:not(.control), .b-clockpicker .dropdown .input[readonly].is-active, .b-clockpicker .dropdown [readonly].is-active.form__input, .b-clockpicker .dropdown .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .b-clockpicker .dropdown input[readonly].is-active#login_captcha, .b-clockpicker .dropdown .dataTables_filter input[readonly].is-active, .dataTables_filter .b-clockpicker .dropdown input[readonly].is-active, .b-clockpicker .dropdown .dataTables_length label select[readonly].is-active, .dataTables_length label .b-clockpicker .dropdown select[readonly].is-active, .b-clockpicker .dropdown .dataTable thead th input[readonly].is-active:not([type=checkbox]), .b-clockpicker .dropdown .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown input[readonly].is-active:not([type=checkbox]), .table thead th .b-clockpicker .dropdown input[readonly].is-active:not([type=checkbox]), .b-clockpicker .dropdown .modal .modal__body input[readonly].is-active, .modal .modal__body .b-clockpicker .dropdown input[readonly].is-active, .b-clockpicker .dropdown .modal .modal__body select[readonly].is-active, .modal .modal__body .b-clockpicker .dropdown select[readonly].is-active, .b-clockpicker .dropdown [readonly].is-active.datepicker:not(.control), .b-clockpicker .dropdown-trigger .input[readonly]:focus, .b-clockpicker .dropdown-trigger [readonly].form__input:focus, .b-clockpicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .b-clockpicker .dropdown-trigger input[readonly]#login_captcha:focus, .b-clockpicker .dropdown-trigger .dataTables_filter input[readonly]:focus, .dataTables_filter .b-clockpicker .dropdown-trigger input[readonly]:focus, .b-clockpicker .dropdown-trigger .dataTables_length label select[readonly]:focus, .dataTables_length label .b-clockpicker .dropdown-trigger select[readonly]:focus, .b-clockpicker .dropdown-trigger .dataTable thead th input[readonly]:focus:not([type=checkbox]), .b-clockpicker .dropdown-trigger .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .table thead th .b-clockpicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .b-clockpicker .dropdown-trigger .modal .modal__body input[readonly]:focus, .modal .modal__body .b-clockpicker .dropdown-trigger input[readonly]:focus, .b-clockpicker .dropdown-trigger .modal .modal__body select[readonly]:focus, .modal .modal__body .b-clockpicker .dropdown-trigger select[readonly]:focus, .b-clockpicker .dropdown-trigger [readonly].datepicker:focus:not(.control), .b-clockpicker .dropdown-trigger .input[readonly].is-focused, .b-clockpicker .dropdown-trigger [readonly].is-focused.form__input, .b-clockpicker .dropdown-trigger .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .b-clockpicker .dropdown-trigger input[readonly].is-focused#login_captcha, .b-clockpicker .dropdown-trigger .dataTables_filter input[readonly].is-focused, .dataTables_filter .b-clockpicker .dropdown-trigger input[readonly].is-focused, .b-clockpicker .dropdown-trigger .dataTables_length label select[readonly].is-focused, .dataTables_length label .b-clockpicker .dropdown-trigger select[readonly].is-focused, .b-clockpicker .dropdown-trigger .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .b-clockpicker .dropdown-trigger .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .table thead th .b-clockpicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .b-clockpicker .dropdown-trigger .modal .modal__body input[readonly].is-focused, .modal .modal__body .b-clockpicker .dropdown-trigger input[readonly].is-focused, .b-clockpicker .dropdown-trigger .modal .modal__body select[readonly].is-focused, .modal .modal__body .b-clockpicker .dropdown-trigger select[readonly].is-focused, .b-clockpicker .dropdown-trigger [readonly].is-focused.datepicker:not(.control), .b-clockpicker .dropdown-trigger .input[readonly]:active, .b-clockpicker .dropdown-trigger [readonly].form__input:active, .b-clockpicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .b-clockpicker .dropdown-trigger input[readonly]#login_captcha:active, .b-clockpicker .dropdown-trigger .dataTables_filter input[readonly]:active, .dataTables_filter .b-clockpicker .dropdown-trigger input[readonly]:active, .b-clockpicker .dropdown-trigger .dataTables_length label select[readonly]:active, .dataTables_length label .b-clockpicker .dropdown-trigger select[readonly]:active, .b-clockpicker .dropdown-trigger .dataTable thead th input[readonly]:active:not([type=checkbox]), .b-clockpicker .dropdown-trigger .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .table thead th .b-clockpicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .b-clockpicker .dropdown-trigger .modal .modal__body input[readonly]:active, .modal .modal__body .b-clockpicker .dropdown-trigger input[readonly]:active, .b-clockpicker .dropdown-trigger .modal .modal__body select[readonly]:active, .modal .modal__body .b-clockpicker .dropdown-trigger select[readonly]:active, .b-clockpicker .dropdown-trigger [readonly].datepicker:active:not(.control), .b-clockpicker .dropdown-trigger .input[readonly].is-active, .b-clockpicker .dropdown-trigger [readonly].is-active.form__input, .b-clockpicker .dropdown-trigger .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .b-clockpicker .dropdown-trigger input[readonly].is-active#login_captcha, .b-clockpicker .dropdown-trigger .dataTables_filter input[readonly].is-active, .dataTables_filter .b-clockpicker .dropdown-trigger input[readonly].is-active, .b-clockpicker .dropdown-trigger .dataTables_length label select[readonly].is-active, .dataTables_length label .b-clockpicker .dropdown-trigger select[readonly].is-active, .b-clockpicker .dropdown-trigger .dataTable thead th input[readonly].is-active:not([type=checkbox]), .b-clockpicker .dropdown-trigger .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .b-clockpicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .table thead th .b-clockpicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .b-clockpicker .dropdown-trigger .modal .modal__body input[readonly].is-active, .modal .modal__body .b-clockpicker .dropdown-trigger input[readonly].is-active, .b-clockpicker .dropdown-trigger .modal .modal__body select[readonly].is-active, .modal .modal__body .b-clockpicker .dropdown-trigger select[readonly].is-active, .b-clockpicker .dropdown-trigger [readonly].is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .b-clockpicker .dropdown-item, .b-clockpicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .b-clockpicker a { font-size: inherit; padding: 0; } .b-clockpicker .dropdown-content { padding-top: 0; padding-bottom: 0; } .b-clockpicker .card { border-radius: 4px; } .b-clockpicker .card-header { border-top-left-radius: 4px; border-top-right-radius: 4px; } .b-clockpicker .card-content { padding: 12px; } .b-clockpicker-btn { cursor: pointer; opacity: 0.6; } .b-clockpicker-btn:hover, .b-clockpicker-btn.active { opacity: 1; } .b-clockpicker-period .b-clockpicker-btn { font-size: 16px; } .b-clockpicker-time span { align-items: center; display: inline-flex; justify-content: center; } .b-clockpicker-header { display: flex; line-height: 1; justify-content: flex-end; color: inherit; } .b-clockpicker-header .b-clockpicker-time { white-space: nowrap; } .b-clockpicker-header .b-clockpicker-time span { height: 60px; font-size: 60px; } .b-clockpicker-header .b-clockpicker-period { align-self: flex-end; display: flex; flex-direction: column; margin: 8px 0 6px 8px; } .b-clockpicker-body { transition: 0.9s cubic-bezier(0.25, 0.8, 0.5, 1); } .b-clockpicker-body .b-clockpicker-btn { padding: 0 8px; border-radius: 9999px; margin-bottom: 2px; } .b-clockpicker-body .b-clockpicker-btn:hover, .b-clockpicker-body .b-clockpicker-btn.active { background-color: #25A18E; color: white; } .b-clockpicker-body .b-clockpicker-period { position: absolute; top: 5px; right: 5px; } .b-clockpicker-body .b-clockpicker-time { position: absolute; top: 5px; left: 5px; font-size: 16px; } .b-clockpicker-body .b-clockpicker-face { border-radius: 50%; position: relative; background-color: hsl(0, 0%, 86%); width: 100%; height: 100%; align-items: center; display: flex; justify-content: center; } .b-clockpicker-body .b-clockpicker-face:after { border-radius: 50%; content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 12px; height: 12px; z-index: 10; } .b-clockpicker-body .b-clockpicker-face-outer-ring { user-select: none; height: calc(100% - 50px); width: calc(100% - 50px); position: relative; border-radius: 50%; } .b-clockpicker-body .b-clockpicker-face-number { align-items: center; border-radius: 100%; cursor: default; display: flex; font-size: 18px; text-align: center; justify-content: center; position: absolute; width: 40px; height: 40px; left: calc(50% - 40px / 2); top: calc(50% - 40px / 2); user-select: none; } .b-clockpicker-body .b-clockpicker-face-number > span { z-index: 1; } .b-clockpicker-body .b-clockpicker-face-number:before, .b-clockpicker-body .b-clockpicker-face-number:after { content: ""; height: 40px; width: 40px; border-radius: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .b-clockpicker-body .b-clockpicker-face-number.active { cursor: default; z-index: 2; } .b-clockpicker-body .b-clockpicker-face-number.disabled { pointer-events: none; opacity: 0.25; } .b-clockpicker-body .b-clockpicker-face-hand { height: calc(50% - 6px); width: 2px; bottom: 50%; left: calc(50% - 1px); transform-origin: center bottom; position: absolute; will-change: transform; z-index: 1; } .b-clockpicker-body .b-clockpicker-face-hand:before { background: transparent; border-width: 2px; border-style: solid; border-color: inherit; border-radius: 100%; width: 12px; height: 12px; content: ""; position: absolute; top: -6px; left: 50%; transform: translate(-50%, -50%); } .b-clockpicker-footer { display: block; padding: 12px; } .b-clockpicker.is-small { border-radius: 2px; font-size: 0.75rem; } .b-clockpicker.is-medium { font-size: 1.25rem; } .b-clockpicker.is-large { font-size: 1.5rem; } .collapse .collapse-trigger { display: inline; cursor: pointer; } .collapse .collapse-content { display: inherit; } .datepicker { font-size: 0.875rem; } .datepicker .dropdown, .datepicker .dropdown-trigger { width: 100%; } .datepicker .dropdown .input[readonly], .datepicker .dropdown [readonly].form__input, .datepicker .dropdown .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .datepicker .dropdown input[readonly]#login_captcha, .datepicker .dropdown .dataTables_filter input[readonly], .dataTables_filter .datepicker .dropdown input[readonly], .datepicker .dropdown .dataTables_length label select[readonly], .dataTables_length label .datepicker .dropdown select[readonly], .datepicker .dropdown .dataTable thead th input[readonly]:not([type=checkbox]), .datepicker .dropdown .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .datepicker .dropdown input[readonly]:not([type=checkbox]), .table thead th .datepicker .dropdown input[readonly]:not([type=checkbox]), .datepicker .dropdown .modal .modal__body input[readonly], .modal .modal__body .datepicker .dropdown input[readonly], .datepicker .dropdown .modal .modal__body select[readonly], .modal .modal__body .datepicker .dropdown select[readonly], .datepicker .dropdown [readonly].datepicker:not(.control), .datepicker .dropdown-trigger .input[readonly], .datepicker .dropdown-trigger [readonly].form__input, .datepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .datepicker .dropdown-trigger input[readonly]#login_captcha, .datepicker .dropdown-trigger .dataTables_filter input[readonly], .dataTables_filter .datepicker .dropdown-trigger input[readonly], .datepicker .dropdown-trigger .dataTables_length label select[readonly], .dataTables_length label .datepicker .dropdown-trigger select[readonly], .datepicker .dropdown-trigger .dataTable thead th input[readonly]:not([type=checkbox]), .datepicker .dropdown-trigger .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .datepicker .dropdown-trigger input[readonly]:not([type=checkbox]), .table thead th .datepicker .dropdown-trigger input[readonly]:not([type=checkbox]), .datepicker .dropdown-trigger .modal .modal__body input[readonly], .modal .modal__body .datepicker .dropdown-trigger input[readonly], .datepicker .dropdown-trigger .modal .modal__body select[readonly], .modal .modal__body .datepicker .dropdown-trigger select[readonly], .datepicker .dropdown-trigger [readonly].datepicker:not(.control) { cursor: pointer; box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05); } .datepicker .dropdown .input[readonly]:focus, .datepicker .dropdown [readonly].form__input:focus, .datepicker .dropdown .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .datepicker .dropdown input[readonly]#login_captcha:focus, .datepicker .dropdown .dataTables_filter input[readonly]:focus, .dataTables_filter .datepicker .dropdown input[readonly]:focus, .datepicker .dropdown .dataTables_length label select[readonly]:focus, .dataTables_length label .datepicker .dropdown select[readonly]:focus, .datepicker .dropdown .dataTable thead th input[readonly]:focus:not([type=checkbox]), .datepicker .dropdown .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .datepicker .dropdown input[readonly]:focus:not([type=checkbox]), .table thead th .datepicker .dropdown input[readonly]:focus:not([type=checkbox]), .datepicker .dropdown .modal .modal__body input[readonly]:focus, .modal .modal__body .datepicker .dropdown input[readonly]:focus, .datepicker .dropdown .modal .modal__body select[readonly]:focus, .modal .modal__body .datepicker .dropdown select[readonly]:focus, .datepicker .dropdown [readonly].datepicker:focus:not(.control), .datepicker .dropdown .input[readonly].is-focused, .datepicker .dropdown [readonly].is-focused.form__input, .datepicker .dropdown .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .datepicker .dropdown input[readonly].is-focused#login_captcha, .datepicker .dropdown .dataTables_filter input[readonly].is-focused, .dataTables_filter .datepicker .dropdown input[readonly].is-focused, .datepicker .dropdown .dataTables_length label select[readonly].is-focused, .dataTables_length label .datepicker .dropdown select[readonly].is-focused, .datepicker .dropdown .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .datepicker .dropdown .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .datepicker .dropdown input[readonly].is-focused:not([type=checkbox]), .table thead th .datepicker .dropdown input[readonly].is-focused:not([type=checkbox]), .datepicker .dropdown .modal .modal__body input[readonly].is-focused, .modal .modal__body .datepicker .dropdown input[readonly].is-focused, .datepicker .dropdown .modal .modal__body select[readonly].is-focused, .modal .modal__body .datepicker .dropdown select[readonly].is-focused, .datepicker .dropdown [readonly].is-focused.datepicker:not(.control), .datepicker .dropdown .input[readonly]:active, .datepicker .dropdown [readonly].form__input:active, .datepicker .dropdown .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .datepicker .dropdown input[readonly]#login_captcha:active, .datepicker .dropdown .dataTables_filter input[readonly]:active, .dataTables_filter .datepicker .dropdown input[readonly]:active, .datepicker .dropdown .dataTables_length label select[readonly]:active, .dataTables_length label .datepicker .dropdown select[readonly]:active, .datepicker .dropdown .dataTable thead th input[readonly]:active:not([type=checkbox]), .datepicker .dropdown .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .datepicker .dropdown input[readonly]:active:not([type=checkbox]), .table thead th .datepicker .dropdown input[readonly]:active:not([type=checkbox]), .datepicker .dropdown .modal .modal__body input[readonly]:active, .modal .modal__body .datepicker .dropdown input[readonly]:active, .datepicker .dropdown .modal .modal__body select[readonly]:active, .modal .modal__body .datepicker .dropdown select[readonly]:active, .datepicker .dropdown [readonly].datepicker:active:not(.control), .datepicker .dropdown .input[readonly].is-active, .datepicker .dropdown [readonly].is-active.form__input, .datepicker .dropdown .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .datepicker .dropdown input[readonly].is-active#login_captcha, .datepicker .dropdown .dataTables_filter input[readonly].is-active, .dataTables_filter .datepicker .dropdown input[readonly].is-active, .datepicker .dropdown .dataTables_length label select[readonly].is-active, .dataTables_length label .datepicker .dropdown select[readonly].is-active, .datepicker .dropdown .dataTable thead th input[readonly].is-active:not([type=checkbox]), .datepicker .dropdown .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .datepicker .dropdown input[readonly].is-active:not([type=checkbox]), .table thead th .datepicker .dropdown input[readonly].is-active:not([type=checkbox]), .datepicker .dropdown .modal .modal__body input[readonly].is-active, .modal .modal__body .datepicker .dropdown input[readonly].is-active, .datepicker .dropdown .modal .modal__body select[readonly].is-active, .modal .modal__body .datepicker .dropdown select[readonly].is-active, .datepicker .dropdown [readonly].is-active.datepicker:not(.control), .datepicker .dropdown-trigger .input[readonly]:focus, .datepicker .dropdown-trigger [readonly].form__input:focus, .datepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .datepicker .dropdown-trigger input[readonly]#login_captcha:focus, .datepicker .dropdown-trigger .dataTables_filter input[readonly]:focus, .dataTables_filter .datepicker .dropdown-trigger input[readonly]:focus, .datepicker .dropdown-trigger .dataTables_length label select[readonly]:focus, .dataTables_length label .datepicker .dropdown-trigger select[readonly]:focus, .datepicker .dropdown-trigger .dataTable thead th input[readonly]:focus:not([type=checkbox]), .datepicker .dropdown-trigger .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .datepicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .table thead th .datepicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .datepicker .dropdown-trigger .modal .modal__body input[readonly]:focus, .modal .modal__body .datepicker .dropdown-trigger input[readonly]:focus, .datepicker .dropdown-trigger .modal .modal__body select[readonly]:focus, .modal .modal__body .datepicker .dropdown-trigger select[readonly]:focus, .datepicker .dropdown-trigger [readonly].datepicker:focus:not(.control), .datepicker .dropdown-trigger .input[readonly].is-focused, .datepicker .dropdown-trigger [readonly].is-focused.form__input, .datepicker .dropdown-trigger .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .datepicker .dropdown-trigger input[readonly].is-focused#login_captcha, .datepicker .dropdown-trigger .dataTables_filter input[readonly].is-focused, .dataTables_filter .datepicker .dropdown-trigger input[readonly].is-focused, .datepicker .dropdown-trigger .dataTables_length label select[readonly].is-focused, .dataTables_length label .datepicker .dropdown-trigger select[readonly].is-focused, .datepicker .dropdown-trigger .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .datepicker .dropdown-trigger .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .datepicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .table thead th .datepicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .datepicker .dropdown-trigger .modal .modal__body input[readonly].is-focused, .modal .modal__body .datepicker .dropdown-trigger input[readonly].is-focused, .datepicker .dropdown-trigger .modal .modal__body select[readonly].is-focused, .modal .modal__body .datepicker .dropdown-trigger select[readonly].is-focused, .datepicker .dropdown-trigger [readonly].is-focused.datepicker:not(.control), .datepicker .dropdown-trigger .input[readonly]:active, .datepicker .dropdown-trigger [readonly].form__input:active, .datepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .datepicker .dropdown-trigger input[readonly]#login_captcha:active, .datepicker .dropdown-trigger .dataTables_filter input[readonly]:active, .dataTables_filter .datepicker .dropdown-trigger input[readonly]:active, .datepicker .dropdown-trigger .dataTables_length label select[readonly]:active, .dataTables_length label .datepicker .dropdown-trigger select[readonly]:active, .datepicker .dropdown-trigger .dataTable thead th input[readonly]:active:not([type=checkbox]), .datepicker .dropdown-trigger .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .datepicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .table thead th .datepicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .datepicker .dropdown-trigger .modal .modal__body input[readonly]:active, .modal .modal__body .datepicker .dropdown-trigger input[readonly]:active, .datepicker .dropdown-trigger .modal .modal__body select[readonly]:active, .modal .modal__body .datepicker .dropdown-trigger select[readonly]:active, .datepicker .dropdown-trigger [readonly].datepicker:active:not(.control), .datepicker .dropdown-trigger .input[readonly].is-active, .datepicker .dropdown-trigger [readonly].is-active.form__input, .datepicker .dropdown-trigger .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .datepicker .dropdown-trigger input[readonly].is-active#login_captcha, .datepicker .dropdown-trigger .dataTables_filter input[readonly].is-active, .dataTables_filter .datepicker .dropdown-trigger input[readonly].is-active, .datepicker .dropdown-trigger .dataTables_length label select[readonly].is-active, .dataTables_length label .datepicker .dropdown-trigger select[readonly].is-active, .datepicker .dropdown-trigger .dataTable thead th input[readonly].is-active:not([type=checkbox]), .datepicker .dropdown-trigger .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .datepicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .table thead th .datepicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .datepicker .dropdown-trigger .modal .modal__body input[readonly].is-active, .modal .modal__body .datepicker .dropdown-trigger input[readonly].is-active, .datepicker .dropdown-trigger .modal .modal__body select[readonly].is-active, .modal .modal__body .datepicker .dropdown-trigger select[readonly].is-active, .datepicker .dropdown-trigger [readonly].is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .datepicker .dropdown.is-disabled { opacity: 1; } .datepicker .dropdown-content { background-color: hsl(0, 0%, 100%); border-radius: 4px; box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); } .datepicker .dropdown-item, .datepicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .datepicker a { font-size: inherit; } .datepicker .datepicker-header { padding-bottom: 0.875rem; margin-bottom: 0.875rem; border-bottom: 1px solid hsl(0, 0%, 86%); } .datepicker .datepicker-footer { margin-top: 0.875rem; padding-top: 0.875rem; border-top: 1px solid hsl(0, 0%, 86%); } .datepicker .datepicker-table { display: table; margin: 0 auto 0 auto; } .datepicker .datepicker-table .datepicker-cell { text-align: center; vertical-align: middle; display: table-cell; border-radius: 4px; padding: 0.5rem 0.75rem; } .datepicker .datepicker-table .datepicker-header { display: table-header-group; } .datepicker .datepicker-table .datepicker-header .datepicker-cell { color: hsl(0, 0%, 48%); font-weight: 600; } .datepicker .datepicker-table .datepicker-body { display: table-row-group; } .datepicker .datepicker-table .datepicker-body .datepicker-row { display: table-row; } .datepicker .datepicker-table .datepicker-body .datepicker-months { display: inline-flex; flex-wrap: wrap; flex-direction: row; width: 17rem; } .datepicker .datepicker-table .datepicker-body .datepicker-months .datepicker-cell { display: flex; align-items: center; justify-content: center; width: 33.33%; height: 2.5rem; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-unselectable { color: hsl(0, 0%, 71%); } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-today { border: solid 1px rgba(37, 161, 142, 0.5); } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable { color: hsl(0, 0%, 29%); } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:hover:not(.is-selected), .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:focus:not(.is-selected) { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); cursor: pointer; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-first-hovered { background-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 86%); border-bottom-right-radius: 0; border-top-right-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-within-hovered { background-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 4%); border-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable.is-within-hovered-range.is-last-hovered { background-color: hsl(0, 0%, 48%); color: hsl(0, 0%, 86%); border-bottom-left-radius: 0; border-top-left-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected { background-color: #25A18E; color: #fff; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-first-selected { background-color: #25A18E; color: #fff; border-bottom-right-radius: 0; border-top-right-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-within-selected { background-color: rgba(37, 161, 142, 0.5); border-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected.is-last-selected { background-color: #25A18E; color: #fff; border-bottom-left-radius: 0; border-top-left-radius: 0; } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-nearby:not(.is-selected) { color: hsl(0, 0%, 71%); } .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-week-number { cursor: default; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell { padding: 0.3rem 0.75rem 0.75rem; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event { position: relative; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events { bottom: 0.425rem; display: flex; justify-content: center; left: 0; padding: 0 0.35rem; position: absolute; width: 100%; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-white { background-color: #fefefe; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-black { background-color: hsl(0, 0%, 4%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-light { background-color: hsl(0, 0%, 96%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-dark { background-color: hsl(0, 0%, 21%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-primary { background-color: #25A18E; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-info { background-color: hsl(207, 61%, 53%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-success { background-color: hsl(153, 53%, 53%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-warning { background-color: hsl(44, 100%, 77%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-danger { background-color: hsl(348, 86%, 61%); } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-twitter { background-color: #4099FF; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.dots .event { border-radius: 50%; height: 0.35em; margin: 0 0.1em; width: 0.35em; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.bars .event { height: 0.25em; width: 100%; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected { overflow: hidden; } .datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary { background-color: rgb(63.5075757576, 210.9924242424, 188.3939393939); } .datepicker.is-small { border-radius: 2px; font-size: 0.75rem; } .datepicker.is-medium { font-size: 1.25rem; } .datepicker.is-large { font-size: 1.5rem; } @media screen and (min-width: 1024px) { .datepicker .footer-horizontal-timepicker { border: none; padding-left: 10px; margin-left: 5px; display: flex; } .datepicker .dropdown-horizonal-timepicker { display: flex; } .datepicker .content-horizonal-timepicker { border-right: 1px solid #dbdbdb; } } .dialog .modal-card { max-width: 460px; width: auto; } .dialog .modal-card .modal-card-head { font-size: 1.25rem; font-weight: 600; } .dialog .modal-card .modal-card-body .field { margin-top: 16px; } .dialog .modal-card .modal-card-body.is-titleless { border-top-left-radius: 6px; border-top-right-radius: 6px; } .dialog .modal-card .modal-card-foot { justify-content: flex-end; } .dialog .modal-card .modal-card-foot .button, .dialog .modal-card .modal-card-foot .ui-datepicker-trigger, .dialog .modal-card .modal-card-foot .dataTables_paginate a.paginate_button, .dataTables_paginate .dialog .modal-card .modal-card-foot a.paginate_button { display: inline; min-width: 5em; font-weight: 600; } @media screen and (min-width: 769px), print { .dialog .modal-card { min-width: 320px; } } .dialog.is-small .modal-card, .dialog.is-small .input, .dialog.is-small .form__input, .dialog.is-small .auth-wrapper input#login_captcha, .auth-wrapper .dialog.is-small input#login_captcha, .dialog.is-small .dataTables_filter input, .dataTables_filter .dialog.is-small input, .dialog.is-small .dataTables_length label select, .dataTables_length label .dialog.is-small select, .dialog.is-small .dataTable thead th input:not([type=checkbox]), .dialog.is-small .table thead th input:not([type=checkbox]), .dataTable thead th .dialog.is-small input:not([type=checkbox]), .table thead th .dialog.is-small input:not([type=checkbox]), .dialog.is-small .modal .modal__body input, .modal .modal__body .dialog.is-small input, .dialog.is-small .modal .modal__body select, .modal .modal__body .dialog.is-small select, .dialog.is-small .datepicker:not(.control), .dialog.is-small .button, .dialog.is-small .ui-datepicker-trigger, .dialog.is-small .dataTables_paginate a.paginate_button, .dataTables_paginate .dialog.is-small a.paginate_button { border-radius: 2px; font-size: 0.75rem; } .dialog.is-medium .modal-card, .dialog.is-medium .input, .dialog.is-medium .form__input, .dialog.is-medium .auth-wrapper input#login_captcha, .auth-wrapper .dialog.is-medium input#login_captcha, .dialog.is-medium .dataTables_filter input, .dataTables_filter .dialog.is-medium input, .dialog.is-medium .dataTables_length label select, .dataTables_length label .dialog.is-medium select, .dialog.is-medium .dataTable thead th input:not([type=checkbox]), .dialog.is-medium .table thead th input:not([type=checkbox]), .dataTable thead th .dialog.is-medium input:not([type=checkbox]), .table thead th .dialog.is-medium input:not([type=checkbox]), .dialog.is-medium .modal .modal__body input, .modal .modal__body .dialog.is-medium input, .dialog.is-medium .modal .modal__body select, .modal .modal__body .dialog.is-medium select, .dialog.is-medium .datepicker:not(.control), .dialog.is-medium .button, .dialog.is-medium .ui-datepicker-trigger, .dialog.is-medium .dataTables_paginate a.paginate_button, .dataTables_paginate .dialog.is-medium a.paginate_button { font-size: 1.25rem; } .dialog.is-large .modal-card, .dialog.is-large .input, .dialog.is-large .form__input, .dialog.is-large .auth-wrapper input#login_captcha, .auth-wrapper .dialog.is-large input#login_captcha, .dialog.is-large .dataTables_filter input, .dataTables_filter .dialog.is-large input, .dialog.is-large .dataTables_length label select, .dataTables_length label .dialog.is-large select, .dialog.is-large .dataTable thead th input:not([type=checkbox]), .dialog.is-large .table thead th input:not([type=checkbox]), .dataTable thead th .dialog.is-large input:not([type=checkbox]), .table thead th .dialog.is-large input:not([type=checkbox]), .dialog.is-large .modal .modal__body input, .modal .modal__body .dialog.is-large input, .dialog.is-large .modal .modal__body select, .modal .modal__body .dialog.is-large select, .dialog.is-large .datepicker:not(.control), .dialog.is-large .button, .dialog.is-large .ui-datepicker-trigger, .dialog.is-large .dataTables_paginate a.paginate_button, .dataTables_paginate .dialog.is-large a.paginate_button { font-size: 1.5rem; } .dialog.has-custom-container { position: absolute; } .dropdown + .dropdown { margin-left: 0.5em; } .dropdown .background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; position: fixed; background-color: rgba(10.2, 10.2, 10.2, 0.86); z-index: 40; cursor: pointer; } @media screen and (min-width: 1024px) { .dropdown .background { display: none; } } .dropdown.dropdown-menu-animation .dropdown-menu { display: block; } .dropdown .dropdown-menu .dropdown-item.is-disabled, .dropdown .dropdown-menu .has-link a.is-disabled { cursor: not-allowed; } .dropdown .dropdown-menu .dropdown-item.is-disabled:hover, .dropdown .dropdown-menu .has-link a.is-disabled:hover { background: inherit; color: inherit; } .dropdown .dropdown-menu .has-link a { padding-right: 3rem; white-space: nowrap; } .dropdown.is-hoverable:not(.is-active) .dropdown-menu { display: none; } .dropdown.is-hoverable:hover .dropdown-menu { display: inherit; } .dropdown.is-expanded { width: 100%; } .dropdown.is-expanded .dropdown-trigger { width: 100%; } .dropdown.is-expanded .dropdown-menu { width: 100%; } .dropdown.is-expanded.is-mobile-modal .dropdown-menu { max-width: 100%; } .dropdown:not(.is-disabled) .dropdown-menu .dropdown-item.is-disabled, .dropdown:not(.is-disabled) .dropdown-menu .has-link a.is-disabled { opacity: 0.5; } .dropdown .navbar-item { height: 100%; } .dropdown.is-disabled { opacity: 0.5; cursor: not-allowed; } .dropdown.is-disabled .dropdown-trigger { pointer-events: none; } .dropdown.is-inline .dropdown-menu { position: static; display: inline-block; padding: 0; } .dropdown.is-top-right .dropdown-menu { top: auto; bottom: 100%; } .dropdown.is-top-left .dropdown-menu { top: auto; bottom: 100%; right: 0; left: auto; } .dropdown.is-bottom-left .dropdown-menu { right: 0; left: auto; } @media screen and (max-width: 1023px) { .dropdown.is-mobile-modal > .dropdown-menu { position: fixed !important; width: calc(100vw - 40px); max-width: 460px; max-height: calc(100vh - 120px); top: 25% !important; left: 50% !important; bottom: auto !important; right: auto !important; transform: translate3d(-50%, -25%, 0); white-space: normal; overflow-y: auto; z-index: 50 !important; } .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > .dropdown-item, .dropdown .dropdown-menu .has-link .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > a, .dropdown.is-mobile-modal > .dropdown-menu > .dropdown-content > .has-link a { padding: 1rem 1.5rem; } } .field.is-grouped .field { flex-shrink: 0; } .field.is-grouped .field:not(:last-child) { margin-right: 0.75rem; } .field.is-grouped .field.is-expanded { flex-grow: 1; flex-shrink: 1; } .field.has-addons .control:first-child .control .button, .field.has-addons .control:first-child .control .ui-datepicker-trigger, .field.has-addons .control:first-child .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:first-child .control a.paginate_button, .field.has-addons .control:first-child .control .input, .field.has-addons .control:first-child .control .form__input, .field.has-addons .control:first-child .control .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:first-child .control input#login_captcha, .field.has-addons .control:first-child .control .dataTables_filter input, .dataTables_filter .field.has-addons .control:first-child .control input, .field.has-addons .control:first-child .control .dataTables_length label select, .dataTables_length label .field.has-addons .control:first-child .control select, .field.has-addons .control:first-child .control .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:first-child .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:first-child .control input:not([type=checkbox]), .table thead th .field.has-addons .control:first-child .control input:not([type=checkbox]), .field.has-addons .control:first-child .control .modal .modal__body input, .modal .modal__body .field.has-addons .control:first-child .control input, .field.has-addons .control:first-child .control .modal .modal__body select, .modal .modal__body .field.has-addons .control:first-child .control select, .field.has-addons .control:first-child .control .datepicker:not(.control), .field.has-addons .control:first-child .control .select select { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .field.has-addons .control:last-child .control .button, .field.has-addons .control:last-child .control .ui-datepicker-trigger, .field.has-addons .control:last-child .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control:last-child .control a.paginate_button, .field.has-addons .control:last-child .control .input, .field.has-addons .control:last-child .control .form__input, .field.has-addons .control:last-child .control .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control:last-child .control input#login_captcha, .field.has-addons .control:last-child .control .dataTables_filter input, .dataTables_filter .field.has-addons .control:last-child .control input, .field.has-addons .control:last-child .control .dataTables_length label select, .dataTables_length label .field.has-addons .control:last-child .control select, .field.has-addons .control:last-child .control .dataTable thead th input:not([type=checkbox]), .field.has-addons .control:last-child .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control:last-child .control input:not([type=checkbox]), .table thead th .field.has-addons .control:last-child .control input:not([type=checkbox]), .field.has-addons .control:last-child .control .modal .modal__body input, .modal .modal__body .field.has-addons .control:last-child .control input, .field.has-addons .control:last-child .control .modal .modal__body select, .modal .modal__body .field.has-addons .control:last-child .control select, .field.has-addons .control:last-child .control .datepicker:not(.control), .field.has-addons .control:last-child .control .select select { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .field.has-addons .control .control .button, .field.has-addons .control .control .ui-datepicker-trigger, .field.has-addons .control .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .control .control a.paginate_button, .field.has-addons .control .control .input, .field.has-addons .control .control .form__input, .field.has-addons .control .control .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .control .control input#login_captcha, .field.has-addons .control .control .dataTables_filter input, .dataTables_filter .field.has-addons .control .control input, .field.has-addons .control .control .dataTables_length label select, .dataTables_length label .field.has-addons .control .control select, .field.has-addons .control .control .dataTable thead th input:not([type=checkbox]), .field.has-addons .control .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .control .control input:not([type=checkbox]), .table thead th .field.has-addons .control .control input:not([type=checkbox]), .field.has-addons .control .control .modal .modal__body input, .modal .modal__body .field.has-addons .control .control input, .field.has-addons .control .control .modal .modal__body select, .modal .modal__body .field.has-addons .control .control select, .field.has-addons .control .control .datepicker:not(.control), .field.has-addons .control .control .select select { border-radius: 0; } .field.has-addons .b-numberinput:not(:first-child) .control:first-child .button, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .ui-datepicker-trigger, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .b-numberinput:not(:first-child) .control:first-child a.paginate_button, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .input, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .form__input, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .b-numberinput:not(:first-child) .control:first-child input#login_captcha, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .dataTables_filter input, .dataTables_filter .field.has-addons .b-numberinput:not(:first-child) .control:first-child input, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .dataTables_length label select, .dataTables_length label .field.has-addons .b-numberinput:not(:first-child) .control:first-child select, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .dataTable thead th input:not([type=checkbox]), .field.has-addons .b-numberinput:not(:first-child) .control:first-child .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .b-numberinput:not(:first-child) .control:first-child input:not([type=checkbox]), .table thead th .field.has-addons .b-numberinput:not(:first-child) .control:first-child input:not([type=checkbox]), .field.has-addons .b-numberinput:not(:first-child) .control:first-child .modal .modal__body input, .modal .modal__body .field.has-addons .b-numberinput:not(:first-child) .control:first-child input, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .modal .modal__body select, .modal .modal__body .field.has-addons .b-numberinput:not(:first-child) .control:first-child select, .field.has-addons .b-numberinput:not(:first-child) .control:first-child .datepicker:not(.control), .field.has-addons .b-numberinput:not(:first-child) .control:first-child .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; } .field.has-addons .b-numberinput:not(:last-child) .control:last-child .button, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .ui-datepicker-trigger, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .dataTables_paginate a.paginate_button, .dataTables_paginate .field.has-addons .b-numberinput:not(:last-child) .control:last-child a.paginate_button, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .input, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .form__input, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .auth-wrapper input#login_captcha, .auth-wrapper .field.has-addons .b-numberinput:not(:last-child) .control:last-child input#login_captcha, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .dataTables_filter input, .dataTables_filter .field.has-addons .b-numberinput:not(:last-child) .control:last-child input, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .dataTables_length label select, .dataTables_length label .field.has-addons .b-numberinput:not(:last-child) .control:last-child select, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .dataTable thead th input:not([type=checkbox]), .field.has-addons .b-numberinput:not(:last-child) .control:last-child .table thead th input:not([type=checkbox]), .dataTable thead th .field.has-addons .b-numberinput:not(:last-child) .control:last-child input:not([type=checkbox]), .table thead th .field.has-addons .b-numberinput:not(:last-child) .control:last-child input:not([type=checkbox]), .field.has-addons .b-numberinput:not(:last-child) .control:last-child .modal .modal__body input, .modal .modal__body .field.has-addons .b-numberinput:not(:last-child) .control:last-child input, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .modal .modal__body select, .modal .modal__body .field.has-addons .b-numberinput:not(:last-child) .control:last-child select, .field.has-addons .b-numberinput:not(:last-child) .control:last-child .datepicker:not(.control), .field.has-addons .b-numberinput:not(:last-child) .control:last-child .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; } .field.has-addons.b-numberinput .control { margin-right: unset; } .field.is-floating-label, .field.is-floating-in-label { position: relative; } .field.is-floating-label .label, .field.is-floating-in-label .label { position: absolute; left: 1em; font-size: calc(1rem * 3 / 4); background-color: transparent; z-index: 5; } .field.is-floating-label .label.is-small, .field.is-floating-in-label .label.is-small { font-size: calc(0.75rem * 3 / 4); } .field.is-floating-label .label.is-medium, .field.is-floating-in-label .label.is-medium { font-size: calc(1.25rem * 3 / 4); } .field.is-floating-label .label.is-large, .field.is-floating-in-label .label.is-large { font-size: calc(1.5rem * 3 / 4); } .field.is-floating-label .taginput .counter, .field.is-floating-in-label .taginput .counter { float: none; text-align: right; } .field.is-floating-label.has-addons > .label + .control .button, .field.is-floating-label.has-addons > .label + .control .ui-datepicker-trigger, .field.is-floating-label.has-addons > .label + .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-floating-label.has-addons > .label + .control a.paginate_button, .field.is-floating-label.has-addons > .label + .control .input, .field.is-floating-label.has-addons > .label + .control .form__input, .field.is-floating-label.has-addons > .label + .control .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-label.has-addons > .label + .control input#login_captcha, .field.is-floating-label.has-addons > .label + .control .dataTables_filter input, .dataTables_filter .field.is-floating-label.has-addons > .label + .control input, .field.is-floating-label.has-addons > .label + .control .dataTables_length label select, .dataTables_length label .field.is-floating-label.has-addons > .label + .control select, .field.is-floating-label.has-addons > .label + .control .dataTable thead th input:not([type=checkbox]), .field.is-floating-label.has-addons > .label + .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-label.has-addons > .label + .control input:not([type=checkbox]), .table thead th .field.is-floating-label.has-addons > .label + .control input:not([type=checkbox]), .field.is-floating-label.has-addons > .label + .control .modal .modal__body input, .modal .modal__body .field.is-floating-label.has-addons > .label + .control input, .field.is-floating-label.has-addons > .label + .control .modal .modal__body select, .modal .modal__body .field.is-floating-label.has-addons > .label + .control select, .field.is-floating-label.has-addons > .label + .control .datepicker:not(.control), .field.is-floating-label.has-addons > .label + .control .select select, .field.is-floating-in-label.has-addons > .label + .control .button, .field.is-floating-in-label.has-addons > .label + .control .ui-datepicker-trigger, .field.is-floating-in-label.has-addons > .label + .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-floating-in-label.has-addons > .label + .control a.paginate_button, .field.is-floating-in-label.has-addons > .label + .control .input, .field.is-floating-in-label.has-addons > .label + .control .form__input, .field.is-floating-in-label.has-addons > .label + .control .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label.has-addons > .label + .control input#login_captcha, .field.is-floating-in-label.has-addons > .label + .control .dataTables_filter input, .dataTables_filter .field.is-floating-in-label.has-addons > .label + .control input, .field.is-floating-in-label.has-addons > .label + .control .dataTables_length label select, .dataTables_length label .field.is-floating-in-label.has-addons > .label + .control select, .field.is-floating-in-label.has-addons > .label + .control .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label.has-addons > .label + .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label.has-addons > .label + .control input:not([type=checkbox]), .table thead th .field.is-floating-in-label.has-addons > .label + .control input:not([type=checkbox]), .field.is-floating-in-label.has-addons > .label + .control .modal .modal__body input, .modal .modal__body .field.is-floating-in-label.has-addons > .label + .control input, .field.is-floating-in-label.has-addons > .label + .control .modal .modal__body select, .modal .modal__body .field.is-floating-in-label.has-addons > .label + .control select, .field.is-floating-in-label.has-addons > .label + .control .datepicker:not(.control), .field.is-floating-in-label.has-addons > .label + .control .select select { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .field.is-floating-label .label { top: -0.775em; padding-left: 0.125em; padding-right: 0.125em; } .field.is-floating-label .label:before { content: ""; display: block; position: absolute; top: 0.775em; left: 0; right: 0; height: 0.375em; background-color: hsl(0, 0%, 100%); z-index: -1; } .field.is-floating-label .input:focus, .field.is-floating-label .form__input:focus, .field.is-floating-label .auth-wrapper input#login_captcha:focus, .auth-wrapper .field.is-floating-label input#login_captcha:focus, .field.is-floating-label .dataTables_filter input:focus, .dataTables_filter .field.is-floating-label input:focus, .field.is-floating-label .dataTables_length label select:focus, .dataTables_length label .field.is-floating-label select:focus, .field.is-floating-label .dataTable thead th input:focus:not([type=checkbox]), .field.is-floating-label .table thead th input:focus:not([type=checkbox]), .dataTable thead th .field.is-floating-label input:focus:not([type=checkbox]), .table thead th .field.is-floating-label input:focus:not([type=checkbox]), .field.is-floating-label .modal .modal__body input:focus, .modal .modal__body .field.is-floating-label input:focus, .field.is-floating-label .modal .modal__body select:focus, .modal .modal__body .field.is-floating-label select:focus, .field.is-floating-label .datepicker:focus:not(.control), .field.is-floating-label .textarea:focus, .field.is-floating-label .select select:focus { box-shadow: none; } .field.is-floating-label .taginput .taginput-container { padding-top: 0.475em; } .field.is-floating-label .taginput .taginput-container.is-focused { box-shadow: none; } .field.is-floating-in-label .label { top: 0.25em; } .field.is-floating-in-label > .datepicker .input, .field.is-floating-in-label > .datepicker .form__input, .field.is-floating-in-label > .datepicker .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label > .datepicker input#login_captcha, .field.is-floating-in-label > .datepicker .dataTables_filter input, .dataTables_filter .field.is-floating-in-label > .datepicker input, .field.is-floating-in-label > .datepicker .dataTables_length label select, .dataTables_length label .field.is-floating-in-label > .datepicker select, .field.is-floating-in-label > .datepicker .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label > .datepicker .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label > .datepicker input:not([type=checkbox]), .table thead th .field.is-floating-in-label > .datepicker input:not([type=checkbox]), .field.is-floating-in-label > .datepicker .modal .modal__body input, .modal .modal__body .field.is-floating-in-label > .datepicker input, .field.is-floating-in-label > .datepicker .modal .modal__body select, .modal .modal__body .field.is-floating-in-label > .datepicker select, .field.is-floating-in-label > .datepicker .datepicker:not(.control), .field.is-floating-in-label > .timepicker .input, .field.is-floating-in-label > .timepicker .form__input, .field.is-floating-in-label > .timepicker .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label > .timepicker input#login_captcha, .field.is-floating-in-label > .timepicker .dataTables_filter input, .dataTables_filter .field.is-floating-in-label > .timepicker input, .field.is-floating-in-label > .timepicker .dataTables_length label select, .dataTables_length label .field.is-floating-in-label > .timepicker select, .field.is-floating-in-label > .timepicker .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label > .timepicker .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label > .timepicker input:not([type=checkbox]), .table thead th .field.is-floating-in-label > .timepicker input:not([type=checkbox]), .field.is-floating-in-label > .timepicker .modal .modal__body input, .modal .modal__body .field.is-floating-in-label > .timepicker input, .field.is-floating-in-label > .timepicker .modal .modal__body select, .modal .modal__body .field.is-floating-in-label > .timepicker select, .field.is-floating-in-label > .timepicker .datepicker:not(.control) { padding-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2); padding-bottom: 1px; height: 3.25em; } .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .input, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .form__input, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) input#login_captcha, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .dataTables_filter input, .dataTables_filter .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) input, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) input:not([type=checkbox]), .table thead th .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) input:not([type=checkbox]), .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .modal .modal__body input, .modal .modal__body .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) input, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .datepicker:not(.control), .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .textarea, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) select { padding-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2); padding-bottom: 1px; height: 3.25em; } .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple) { height: 3.25em; } .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple).is-loading::after { margin-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2); } .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple)::after { margin-top: 1px; } .field.is-floating-in-label > :not(.taginput) .is-left.icon, .field.is-floating-in-label > :not(.taginput) .is-right.icon { height: 3.25em; } .field.is-floating-in-label > :not(.taginput) .is-left.icon { padding-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2); } .field.is-floating-in-label .control.is-loading::after { margin-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2); } .field.is-floating-in-label .taginput .taginput-container { padding-top: calc(3.25em / 2 - 1.5rem * 3 / 4 / 2 + 0.275em - 1px); } .field.is-floating-in-label.has-numberinput .b-numberinput .control .button, .field.is-floating-in-label.has-numberinput .b-numberinput .control .ui-datepicker-trigger, .field.is-floating-in-label.has-numberinput .b-numberinput .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-floating-in-label.has-numberinput .b-numberinput .control a.paginate_button { height: 3.25em; } .field.is-floating-in-label .has-addons .control .button, .field.is-floating-in-label .has-addons .control .ui-datepicker-trigger, .field.is-floating-in-label .has-addons .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-floating-in-label .has-addons .control a.paginate_button, .field.is-floating-in-label .has-addons .control .input, .field.is-floating-in-label .has-addons .control .form__input, .field.is-floating-in-label .has-addons .control .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label .has-addons .control input#login_captcha, .field.is-floating-in-label .has-addons .control .dataTables_filter input, .dataTables_filter .field.is-floating-in-label .has-addons .control input, .field.is-floating-in-label .has-addons .control .dataTables_length label select, .dataTables_length label .field.is-floating-in-label .has-addons .control select, .field.is-floating-in-label .has-addons .control .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label .has-addons .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label .has-addons .control input:not([type=checkbox]), .table thead th .field.is-floating-in-label .has-addons .control input:not([type=checkbox]), .field.is-floating-in-label .has-addons .control .modal .modal__body input, .modal .modal__body .field.is-floating-in-label .has-addons .control input, .field.is-floating-in-label .has-addons .control .modal .modal__body select, .modal .modal__body .field.is-floating-in-label .has-addons .control select, .field.is-floating-in-label .has-addons .control .datepicker:not(.control), .field.is-floating-in-label .has-addons .control .select select, .field.is-floating-in-label .is-grouped .control .button, .field.is-floating-in-label .is-grouped .control .ui-datepicker-trigger, .field.is-floating-in-label .is-grouped .control .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-floating-in-label .is-grouped .control a.paginate_button, .field.is-floating-in-label .is-grouped .control .input, .field.is-floating-in-label .is-grouped .control .form__input, .field.is-floating-in-label .is-grouped .control .auth-wrapper input#login_captcha, .auth-wrapper .field.is-floating-in-label .is-grouped .control input#login_captcha, .field.is-floating-in-label .is-grouped .control .dataTables_filter input, .dataTables_filter .field.is-floating-in-label .is-grouped .control input, .field.is-floating-in-label .is-grouped .control .dataTables_length label select, .dataTables_length label .field.is-floating-in-label .is-grouped .control select, .field.is-floating-in-label .is-grouped .control .dataTable thead th input:not([type=checkbox]), .field.is-floating-in-label .is-grouped .control .table thead th input:not([type=checkbox]), .dataTable thead th .field.is-floating-in-label .is-grouped .control input:not([type=checkbox]), .table thead th .field.is-floating-in-label .is-grouped .control input:not([type=checkbox]), .field.is-floating-in-label .is-grouped .control .modal .modal__body input, .modal .modal__body .field.is-floating-in-label .is-grouped .control input, .field.is-floating-in-label .is-grouped .control .modal .modal__body select, .modal .modal__body .field.is-floating-in-label .is-grouped .control select, .field.is-floating-in-label .is-grouped .control .datepicker:not(.control), .field.is-floating-in-label .is-grouped .control .select select { height: 3.25em; } .field.is-floating-label.has-numberinput .label, .field.is-floating-in-label.has-numberinput .label { margin-left: calc(1rem * 3); } .field.is-floating-label.has-numberinput.has-numberinput-is-small .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-small .label { margin-left: calc(0.75rem * 3); } .field.is-floating-label.has-numberinput.has-numberinput-is-medium .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-medium .label { margin-left: calc(1.25rem * 3); } .field.is-floating-label.has-numberinput.has-numberinput-is-large .label, .field.is-floating-in-label.has-numberinput.has-numberinput-is-large .label { margin-left: calc(1.5rem * 3); } .field.is-floating-label.has-numberinput-compact .label, .field.is-floating-in-label.has-numberinput-compact .label { margin-left: calc(1rem * 2.25); } .field.is-floating-label.has-numberinput-compact.has-numberinput-is-small .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-small .label { margin-left: calc(0.75rem * 2.25); } .field.is-floating-label.has-numberinput-compact.has-numberinput-is-medium .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-medium .label { margin-left: calc(1.25rem * 2.25); } .field.is-floating-label.has-numberinput-compact.has-numberinput-is-large .label, .field.is-floating-in-label.has-numberinput-compact.has-numberinput-is-large .label { margin-left: calc(1.5rem * 2.25); } .field.is-grouped-right.is-floating-in-label .label, .field.has-addons-right.is-floating-in-label .label { position: relative; left: 5.25em; } .field.is-grouped-right.is-floating-label .label, .field.has-addons-right.is-floating-label .label { position: relative; left: 5.25em; } .control .help.counter { float: right; margin-left: 0.5em; } .control .icon.is-clickable { pointer-events: auto; cursor: pointer; } .control.is-loading::after { top: calc(50% - 0.5em); right: 0.75em; } .icon { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: inherit; } .icon svg { background-color: transparent; fill: currentColor; stroke-width: 0; stroke: currentColor; pointer-events: none; width: auto; height: auto; } .b-image-wrapper > img { object-fit: cover; } .b-image-wrapper > img.has-ratio, .b-image-wrapper > img.placeholder { height: 100%; width: 100%; } .b-image-wrapper > img.placeholder { filter: blur(10px); } .loading-overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; align-items: center; display: none; justify-content: center; overflow: hidden; z-index: 999; } .loading-overlay.is-active { display: flex; } .loading-overlay.is-full-page { position: fixed; } .loading-overlay.is-full-page .loading-icon:after { top: calc(50% - 2.5em); left: calc(50% - 2.5em); width: 5em; height: 5em; } .loading-overlay .loading-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #7f7f7f; background: rgba(255, 255, 255, 0.5); } .loading-overlay .loading-icon { position: relative; } .loading-overlay .loading-icon:after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; position: absolute; top: calc(50% - 1.5em); left: calc(50% - 1.5em); width: 3em; height: 3em; border-width: 0.25em; } .menu .menu-list li > a.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .message .media, .notification .media { padding-top: 0; border: 0; } .modal.is-full-screen > .animation-content, .modal.is-full-screen > .animation-content > .modal-card { width: 100%; height: 100%; max-height: 100vh; margin: 0; background-color: hsl(0, 0%, 96%); } .modal .animation-content { margin: 0 20px; } .modal .animation-content .modal-card { margin: 0; } @media screen and (max-width: 768px) { .modal .animation-content { width: 100%; } } .modal .modal-content { width: 100%; } .navbar.has-navbar-centered .navbar-start { justify-content: center; margin-left: auto; } .navbar.has-navbar-centered .navbar-end { margin-left: 0; } .notices { position: fixed; display: flex; top: 0; bottom: 0; left: 0; right: 0; padding: 2em; overflow: hidden; z-index: 1000; pointer-events: none; } .notices .toast { display: inline-flex; animation-duration: 150ms; margin: 0.5em 0; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 2em; padding: 0.75em 1.5em; pointer-events: auto; opacity: 0.92; } .notices .toast.is-white { color: hsl(0, 0%, 4%); background: #fefefe; } .notices .toast.is-black { color: #fefefe; background: hsl(0, 0%, 4%); } .notices .toast.is-light { color: rgba(0, 0, 0, 0.7); background: hsl(0, 0%, 96%); } .notices .toast.is-dark { color: #fff; background: hsl(0, 0%, 21%); } .notices .toast.is-primary { color: #fff; background: #25A18E; } .notices .toast.is-info { color: #fff; background: hsl(207, 61%, 53%); } .notices .toast.is-success { color: #fff; background: hsl(153, 53%, 53%); } .notices .toast.is-warning { color: rgba(0, 0, 0, 0.7); background: hsl(44, 100%, 77%); } .notices .toast.is-danger { color: #fff; background: hsl(348, 86%, 61%); } .notices .toast.is-twitter { color: #fff; background: #4099FF; } .notices .snackbar { display: inline-flex; align-items: center; justify-content: space-around; animation-duration: 150ms; margin: 0.5em 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 4px; pointer-events: auto; background: hsl(0, 0%, 21%); color: #fff; min-height: 3em; } .notices .snackbar .text { padding: 0.5em 1em; } .notices .snackbar .action { margin-left: auto; padding: 0.5em; padding-left: 0; } .notices .snackbar .action .button, .notices .snackbar .action .ui-datepicker-trigger, .notices .snackbar .action .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action a.paginate_button { font-weight: 600; text-transform: uppercase; background: hsl(0, 0%, 21%); border: transparent; } .notices .snackbar .action .button:hover, .notices .snackbar .action .ui-datepicker-trigger:hover, .notices .snackbar .action .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .notices .snackbar .action a.paginate_button:hover { background: hsl(0, 0%, 16%); } .notices .snackbar .action .button:active, .notices .snackbar .action .ui-datepicker-trigger:active, .notices .snackbar .action .dataTables_paginate a.paginate_button:active, .dataTables_paginate .notices .snackbar .action a.paginate_button:active { background: hsl(0, 0%, 16%); } .notices .snackbar .action.is-white .button, .notices .snackbar .action.is-white .ui-datepicker-trigger, .notices .snackbar .action.is-white .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-white a.paginate_button { color: #fefefe; } .notices .snackbar .action.is-black .button, .notices .snackbar .action.is-black .ui-datepicker-trigger, .notices .snackbar .action.is-black .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-black a.paginate_button { color: hsl(0, 0%, 4%); } .notices .snackbar .action.is-light .button, .notices .snackbar .action.is-light .ui-datepicker-trigger, .notices .snackbar .action.is-light .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-light a.paginate_button { color: hsl(0, 0%, 96%); } .notices .snackbar .action.is-dark .button, .notices .snackbar .action.is-dark .ui-datepicker-trigger, .notices .snackbar .action.is-dark .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-dark a.paginate_button { color: hsl(0, 0%, 21%); } .notices .snackbar .action.is-primary .button, .notices .snackbar .action.is-primary .ui-datepicker-trigger, .notices .snackbar .action.is-primary .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-primary a.paginate_button { color: #25A18E; } .notices .snackbar .action.is-info .button, .notices .snackbar .action.is-info .ui-datepicker-trigger, .notices .snackbar .action.is-info .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-info a.paginate_button { color: hsl(207, 61%, 53%); } .notices .snackbar .action.is-success .button, .notices .snackbar .action.is-success .ui-datepicker-trigger, .notices .snackbar .action.is-success .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-success a.paginate_button { color: hsl(153, 53%, 53%); } .notices .snackbar .action.is-warning .button, .notices .snackbar .action.is-warning .ui-datepicker-trigger, .notices .snackbar .action.is-warning .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-warning a.paginate_button { color: hsl(44, 100%, 77%); } .notices .snackbar .action.is-danger .button, .notices .snackbar .action.is-danger .ui-datepicker-trigger, .notices .snackbar .action.is-danger .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-danger a.paginate_button { color: hsl(348, 86%, 61%); } .notices .snackbar .action.is-twitter .button, .notices .snackbar .action.is-twitter .ui-datepicker-trigger, .notices .snackbar .action.is-twitter .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-twitter a.paginate_button { color: #4099FF; } @media screen and (max-width: 768px) { .notices .snackbar { width: 100%; margin: 0; border-radius: 0; } } @media screen and (min-width: 769px), print { .notices .snackbar { min-width: 350px; max-width: 600px; overflow: hidden; } } .notices .notification { max-width: 600px; } .notices .toast.is-top, .notices .toast.is-bottom, .notices .snackbar.is-top, .notices .snackbar.is-bottom, .notices .notification.is-top, .notices .notification.is-bottom { align-self: center; } .notices .toast.is-top-right, .notices .toast.is-bottom-right, .notices .snackbar.is-top-right, .notices .snackbar.is-bottom-right, .notices .notification.is-top-right, .notices .notification.is-bottom-right { align-self: flex-end; } .notices .toast.is-top-left, .notices .toast.is-bottom-left, .notices .snackbar.is-top-left, .notices .snackbar.is-bottom-left, .notices .notification.is-top-left, .notices .notification.is-bottom-left { align-self: flex-start; } .notices .toast.is-toast, .notices .snackbar.is-toast, .notices .notification.is-toast { opacity: 0.92; } .notices.is-top { flex-direction: column; } .notices.is-bottom { flex-direction: column-reverse; } .notices.is-bottom .notification { margin-bottom: 0; } .notices.is-bottom .notification:not(:first-child) { margin-bottom: 1.5rem; } .notices.has-custom-container { position: absolute; } @media screen and (max-width: 768px) { .notices { padding: 0; position: fixed !important; } } .b-numberinput.field { margin-bottom: 0; } .b-numberinput.field.is-grouped div.control { flex-grow: 1; flex-shrink: 1; } .b-numberinput.field.has-addons.is-expanded { flex-grow: 1; flex-shrink: 1; } .b-numberinput input[type=number]::-webkit-inner-spin-button, .b-numberinput input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; } .b-numberinput input[type=number] { -moz-appearance: textfield; } .b-numberinput input[type=number] { text-align: center; } .b-numberinput .button.is-rounded, .b-numberinput .is-rounded.ui-datepicker-trigger, .b-numberinput .dataTables_paginate a.is-rounded.paginate_button, .dataTables_paginate .b-numberinput a.is-rounded.paginate_button { padding-left: 1em; padding-right: 1em; } .pagination .pagination-next, .pagination .pagination-previous { padding-left: 0.25em; padding-right: 0.25em; } .pagination .pagination-next.is-disabled, .pagination .pagination-previous.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .pagination.is-simple { justify-content: normal; } .pagination.is-simple.is-centered { justify-content: center; } .pagination.is-simple.is-right { justify-content: flex-end; } .pagination .is-current { pointer-events: none; cursor: not-allowed; } .pagination .pagination-previous { order: 1; } .pagination .pagination-list { justify-content: center; } .progress-wrapper { position: relative; overflow: hidden; } .progress-wrapper:not(:last-child) { margin-bottom: 1.5rem; } .progress-wrapper .progress-value { position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: calc(1rem / 1.5); line-height: 1rem; font-weight: 700; color: rgba(0, 0, 0, 0.7); white-space: nowrap; } .progress-wrapper .progress, .progress-wrapper .progress-wrapper.is-not-native, .progress-wrapper .progress-bar { margin-bottom: 0; } .progress-wrapper .progress.is-small + .progress-value, .progress-wrapper .is-small.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress.is-small .progress-value, .progress-wrapper .is-small.progress-wrapper.is-not-native .progress-value, .progress-wrapper .progress-bar.is-small + .progress-value, .progress-wrapper .progress-bar.is-small .progress-value { font-size: calc(0.75rem / 1.5); line-height: 0.75rem; } .progress-wrapper .progress.is-medium + .progress-value, .progress-wrapper .is-medium.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress.is-medium .progress-value, .progress-wrapper .is-medium.progress-wrapper.is-not-native .progress-value, .progress-wrapper .progress-bar.is-medium + .progress-value, .progress-wrapper .progress-bar.is-medium .progress-value { font-size: calc(1.25rem / 1.5); line-height: 1.25rem; } .progress-wrapper .progress.is-large + .progress-value, .progress-wrapper .is-large.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress.is-large .progress-value, .progress-wrapper .is-large.progress-wrapper.is-not-native .progress-value, .progress-wrapper .progress-bar.is-large + .progress-value, .progress-wrapper .progress-bar.is-large .progress-value { font-size: calc(1.5rem / 1.5); line-height: 1.5rem; } .progress-wrapper .progress:indeterminate::-ms-fill, .progress-wrapper .progress-wrapper.is-not-native:indeterminate::-ms-fill, .progress-wrapper .progress-bar:indeterminate::-ms-fill { animation-name: none; } .progress-wrapper .progress::-webkit-progress-value, .progress-wrapper .progress-wrapper.is-not-native::-webkit-progress-value, .progress-wrapper .progress-bar::-webkit-progress-value { transition: width 0.5s ease; } .progress-wrapper .progress.is-more-than-half + .progress-value, .progress-wrapper .is-more-than-half.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-white + .progress-value, .progress-wrapper .is-more-than-half.is-white.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-white + .progress-value { color: hsl(0, 0%, 4%); } .progress-wrapper .progress.is-more-than-half.is-black + .progress-value, .progress-wrapper .is-more-than-half.is-black.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-black + .progress-value { color: #fefefe; } .progress-wrapper .progress.is-more-than-half.is-light + .progress-value, .progress-wrapper .is-more-than-half.is-light.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-light + .progress-value { color: rgba(0, 0, 0, 0.7); } .progress-wrapper .progress.is-more-than-half.is-dark + .progress-value, .progress-wrapper .is-more-than-half.is-dark.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-dark + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-primary + .progress-value, .progress-wrapper .is-more-than-half.is-primary.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-primary + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-info + .progress-value, .progress-wrapper .is-more-than-half.is-info.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-info + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-success + .progress-value, .progress-wrapper .is-more-than-half.is-success.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-success + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-warning + .progress-value, .progress-wrapper .is-more-than-half.is-warning.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-warning + .progress-value { color: rgba(0, 0, 0, 0.7); } .progress-wrapper .progress.is-more-than-half.is-danger + .progress-value, .progress-wrapper .is-more-than-half.is-danger.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-danger + .progress-value { color: #fff; } .progress-wrapper .progress.is-more-than-half.is-twitter + .progress-value, .progress-wrapper .is-more-than-half.is-twitter.progress-wrapper.is-not-native + .progress-value, .progress-wrapper .progress-bar.is-more-than-half.is-twitter + .progress-value { color: #fff; } .progress-wrapper.is-not-native { white-space: nowrap; background-color: hsl(0, 0%, 93%); border-radius: 9999px; } .progress-wrapper.is-not-native .progress-bar { position: relative; display: inline-block; vertical-align: top; height: 100%; background-color: hsl(0, 0%, 29%); } .progress-wrapper.is-not-native .progress-bar .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-white { background-color: #fefefe; } .progress-wrapper.is-not-native .progress-bar.is-white .progress-value { color: hsl(0, 0%, 4%); } .progress-wrapper.is-not-native .progress-bar.is-black { background-color: hsl(0, 0%, 4%); } .progress-wrapper.is-not-native .progress-bar.is-black .progress-value { color: #fefefe; } .progress-wrapper.is-not-native .progress-bar.is-light { background-color: hsl(0, 0%, 96%); } .progress-wrapper.is-not-native .progress-bar.is-light .progress-value { color: rgba(0, 0, 0, 0.7); } .progress-wrapper.is-not-native .progress-bar.is-dark { background-color: hsl(0, 0%, 21%); } .progress-wrapper.is-not-native .progress-bar.is-dark .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-primary { background-color: #25A18E; } .progress-wrapper.is-not-native .progress-bar.is-primary .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-info { background-color: hsl(207, 61%, 53%); } .progress-wrapper.is-not-native .progress-bar.is-info .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-success { background-color: hsl(153, 53%, 53%); } .progress-wrapper.is-not-native .progress-bar.is-success .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-warning { background-color: hsl(44, 100%, 77%); } .progress-wrapper.is-not-native .progress-bar.is-warning .progress-value { color: rgba(0, 0, 0, 0.7); } .progress-wrapper.is-not-native .progress-bar.is-danger { background-color: hsl(348, 86%, 61%); } .progress-wrapper.is-not-native .progress-bar.is-danger .progress-value { color: #fff; } .progress-wrapper.is-not-native .progress-bar.is-twitter { background-color: #4099FF; } .progress-wrapper.is-not-native .progress-bar.is-twitter .progress-value { color: #fff; } .b-radio.radio { outline: none; display: inline-flex; align-items: center; } .b-radio.radio:not(.button):not(.ui-datepicker-trigger) { margin-right: 0.5em; } .b-radio.radio:not(.button):not(.ui-datepicker-trigger) + .radio:last-child { margin-right: 0; } .b-radio.radio + .radio { margin-left: 0; } .b-radio.radio input[type=radio] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .b-radio.radio input[type=radio] + .check { display: flex; flex-shrink: 0; position: relative; cursor: pointer; width: 1.25em; height: 1.25em; transition: background 150ms ease-out; border-radius: 50%; border: 2px solid hsl(0, 0%, 48%); } .b-radio.radio input[type=radio] + .check:before { content: ""; display: flex; position: absolute; left: 50%; margin-left: calc(-1.25em / 2); bottom: 50%; margin-bottom: calc(-1.25em / 2); width: 1.25em; height: 1.25em; transition: transform 150ms ease-out; border-radius: 50%; transform: scale(0); background-color: #25A18E; } .b-radio.radio input[type=radio] + .check.is-white:before { background: #fefefe; } .b-radio.radio input[type=radio] + .check.is-black:before { background: hsl(0, 0%, 4%); } .b-radio.radio input[type=radio] + .check.is-light:before { background: hsl(0, 0%, 96%); } .b-radio.radio input[type=radio] + .check.is-dark:before { background: hsl(0, 0%, 21%); } .b-radio.radio input[type=radio] + .check.is-primary:before { background: #25A18E; } .b-radio.radio input[type=radio] + .check.is-info:before { background: hsl(207, 61%, 53%); } .b-radio.radio input[type=radio] + .check.is-success:before { background: hsl(153, 53%, 53%); } .b-radio.radio input[type=radio] + .check.is-warning:before { background: hsl(44, 100%, 77%); } .b-radio.radio input[type=radio] + .check.is-danger:before { background: hsl(348, 86%, 61%); } .b-radio.radio input[type=radio] + .check.is-twitter:before { background: #4099FF; } .b-radio.radio input[type=radio]:checked + .check { border-color: #25A18E; } .b-radio.radio input[type=radio]:checked + .check.is-white { border-color: #fefefe; } .b-radio.radio input[type=radio]:checked + .check.is-black { border-color: hsl(0, 0%, 4%); } .b-radio.radio input[type=radio]:checked + .check.is-light { border-color: hsl(0, 0%, 96%); } .b-radio.radio input[type=radio]:checked + .check.is-dark { border-color: hsl(0, 0%, 21%); } .b-radio.radio input[type=radio]:checked + .check.is-primary { border-color: #25A18E; } .b-radio.radio input[type=radio]:checked + .check.is-info { border-color: hsl(207, 61%, 53%); } .b-radio.radio input[type=radio]:checked + .check.is-success { border-color: hsl(153, 53%, 53%); } .b-radio.radio input[type=radio]:checked + .check.is-warning { border-color: hsl(44, 100%, 77%); } .b-radio.radio input[type=radio]:checked + .check.is-danger { border-color: hsl(348, 86%, 61%); } .b-radio.radio input[type=radio]:checked + .check.is-twitter { border-color: #4099FF; } .b-radio.radio input[type=radio]:checked + .check:before { transform: scale(0.5); } .b-radio.radio input[type=radio]:focus + .check { box-shadow: 0 0 0.5em rgba(122.4, 122.4, 122.4, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-white { box-shadow: 0 0 0.5em rgba(254, 254, 254, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-black { box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-light { box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-dark { box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-primary { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-info { box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-success { box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-warning { box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-danger { box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.8); } .b-radio.radio input[type=radio]:focus:checked + .check.is-twitter { box-shadow: 0 0 0.5em rgba(64, 153, 255, 0.8); } .b-radio.radio .control-label { padding-left: calc(0.75em - 1px); } .b-radio.radio.button, .b-radio.radio.ui-datepicker-trigger, .dataTables_paginate a.b-radio.radio.paginate_button { display: flex; } .b-radio.radio[disabled] { opacity: 0.5; } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check { border-color: #25A18E; } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-white { border-color: #fefefe; } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-black { border-color: hsl(0, 0%, 4%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-light { border-color: hsl(0, 0%, 96%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-dark { border-color: hsl(0, 0%, 21%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-primary { border-color: #25A18E; } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-info { border-color: hsl(207, 61%, 53%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-success { border-color: hsl(153, 53%, 53%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-warning { border-color: hsl(44, 100%, 77%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-danger { border-color: hsl(348, 86%, 61%); } .b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-twitter { border-color: #4099FF; } .b-radio.radio.is-small { border-radius: 2px; font-size: 0.75rem; } .b-radio.radio.is-medium { font-size: 1.25rem; } .b-radio.radio.is-large { font-size: 1.5rem; } .rate { align-items: center; display: flex; } .rate:not(:last-child) { margin-bottom: 0.75rem; } .rate.is-spaced .rate-item:not(:last-child) { margin-right: 0.25rem; } .rate.is-disabled .rate-item { cursor: initial; } .rate.is-disabled .rate-item:hover { transform: none; } .rate.is-rtl .rate-item { order: 1; } .rate.is-rtl .rate-text { margin-left: 0; margin-right: 0.35rem; } .rate .rate-item { cursor: pointer; display: inline-flex; position: relative; transition: all 0.3s; } .rate .rate-item:hover { transform: scale(1.1); } .rate .rate-item.set-on .icon, .rate .rate-item.set-half .is-half { color: hsl(44, 100%, 72%); } .rate .rate-item.set-half .is-half { position: absolute; left: 0; top: 0; overflow: hidden; } .rate .icon { color: hsl(0, 0%, 86%); line-height: 1; pointer-events: none; width: inherit; } .rate .is-half > i { position: absolute; left: 0; } .rate .rate-text { font-size: calc(1rem / 1.25); margin-left: 0.35rem; } .rate .rate-text.is-small { font-size: calc(0.75rem / 1.25); } .rate .rate-text.is-medium { font-size: calc(1.25rem / 1.25); } .rate .rate-text.is-large { font-size: calc(1.5rem / 1.25); } .select select { text-rendering: auto !important; padding-right: 2.5em; } .select select option { color: hsl(0, 0%, 29%); padding: calc(0.5em - 1px) calc(0.75em - 1px); } .select select option:disabled { cursor: not-allowed; opacity: 0.5; } .select select optgroup { color: hsl(0, 0%, 71%); font-weight: 400; font-style: normal; padding: 0.25em 0; } .select select[disabled] { opacity: 1; } .select.is-empty select { color: rgba(122.4, 122.4, 122.4, 0.7); } .select.is-loading::after { top: calc(50% - 0.5em); right: 0.75em; } .b-skeleton { display: inline-flex; flex-direction: column; vertical-align: middle; width: 100%; } .b-skeleton > .b-skeleton-item { background: linear-gradient(90deg, hsl(0, 0%, 86%) 25%, rgba(219.3, 219.3, 219.3, 0.5) 50%, hsl(0, 0%, 86%) 75%); background-size: 400% 100%; width: 100%; } .b-skeleton > .b-skeleton-item.is-rounded { border-radius: 4px; } .b-skeleton > .b-skeleton-item::after { content: " "; } .b-skeleton > .b-skeleton-item + .b-skeleton-item { margin-top: 0.5rem; } .b-skeleton.is-animated > .b-skeleton-item { animation: skeleton-loading 1.5s infinite; } .b-skeleton.is-centered { align-items: center; } .b-skeleton.is-right { align-items: flex-end; } .b-skeleton + .b-skeleton { margin-top: 0.5rem; } .b-skeleton > .b-skeleton-item { line-height: 1rem; } .b-skeleton.is-small > .b-skeleton-item { line-height: 0.75rem; } .b-skeleton.is-medium > .b-skeleton-item { line-height: 1.25rem; } .b-skeleton.is-large > .b-skeleton-item { line-height: 1.5rem; } @keyframes skeleton-loading { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } .b-sidebar .sidebar-content { background-color: hsl(0, 0%, 96%); box-shadow: 5px 0px 13px 3px rgba(10.2, 10.2, 10.2, 0.1); width: 260px; z-index: 41; } .b-sidebar .sidebar-content.is-white { background-color: #fefefe; } .b-sidebar .sidebar-content.is-black { background-color: hsl(0, 0%, 4%); } .b-sidebar .sidebar-content.is-light { background-color: hsl(0, 0%, 96%); } .b-sidebar .sidebar-content.is-dark { background-color: hsl(0, 0%, 21%); } .b-sidebar .sidebar-content.is-primary { background-color: #25A18E; } .b-sidebar .sidebar-content.is-info { background-color: hsl(207, 61%, 53%); } .b-sidebar .sidebar-content.is-success { background-color: hsl(153, 53%, 53%); } .b-sidebar .sidebar-content.is-warning { background-color: hsl(44, 100%, 77%); } .b-sidebar .sidebar-content.is-danger { background-color: hsl(348, 86%, 61%); } .b-sidebar .sidebar-content.is-twitter { background-color: #4099FF; } .b-sidebar .sidebar-content.is-fixed { position: fixed; left: 0; top: 0; } .b-sidebar .sidebar-content.is-fixed.is-right { left: auto; right: 0; } .b-sidebar .sidebar-content.is-absolute { position: absolute; left: 0; top: 0; } .b-sidebar .sidebar-content.is-absolute.is-right { left: auto; right: 0; } .b-sidebar .sidebar-content.is-mini { width: 80px; } .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover { transition: width 150ms ease-out; } .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-fullwidth) { width: 260px; } .b-sidebar .sidebar-content.is-mini.is-mini-expand:hover:not(.is-fullwidth).is-mini-expand-fixed { position: fixed; } .b-sidebar .sidebar-content.is-static { position: static; } .b-sidebar .sidebar-content.is-absolute, .b-sidebar .sidebar-content.is-static { transition: width 150ms ease-out; } .b-sidebar .sidebar-content.is-fullwidth { width: 100%; max-width: 100%; } .b-sidebar .sidebar-content.is-fullheight { height: 100%; max-height: 100%; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column; align-content: stretch; } @media screen and (max-width: 768px) { .b-sidebar .sidebar-content.is-mini-mobile { width: 80px; } .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile) { width: 260px; } .b-sidebar .sidebar-content.is-mini-mobile.is-mini-expand:hover:not(.is-fullwidth-mobile).is-mini-expand-fixed { position: fixed; } .b-sidebar .sidebar-content.is-hidden-mobile { width: 0; height: 0; overflow: hidden; } .b-sidebar .sidebar-content.is-fullwidth-mobile { width: 100%; max-width: 100%; } } .b-sidebar .sidebar-background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: rgba(10.2, 10.2, 10.2, 0.86); position: fixed; z-index: 40; } .b-slider { margin: 1em 0; background: transparent; width: 100%; } .b-slider .b-slider-track { display: flex; align-items: center; position: relative; cursor: pointer; background: hsl(0, 0%, 86%); border-radius: 4px; } .b-slider .b-slider-fill { position: absolute; height: 100%; box-shadow: 0px 0px 0px hsl(0, 0%, 48%); background: hsl(0, 0%, 86%); border-radius: 4px; border: 0px solid hsl(0, 0%, 48%); top: 50%; transform: translateY(-50%); } .b-slider .b-slider-thumb-wrapper { display: inline-flex; align-items: center; position: absolute; cursor: grab; transform: translate(-50%, -50%); top: 50%; flex-direction: column; } .b-slider .b-slider-thumb-wrapper .b-slider-thumb { box-shadow: none; border: 1px solid hsl(0, 0%, 71%); border-radius: 4px; background: hsl(0, 0%, 100%); } .b-slider .b-slider-thumb-wrapper .b-slider-thumb:focus { transform: scale(1.25); } .b-slider .b-slider-thumb-wrapper.is-dragging { cursor: grabbing; } .b-slider .b-slider-thumb-wrapper.is-dragging .b-slider-thumb { transform: scale(1.25); } .b-slider.slider-focus { padding-top: 20px; padding-bottom: 20px; margin-top: -20px; margin-bottom: -20px; cursor: pointer; } .b-slider.is-rounded .b-slider-thumb { border-radius: 9999px; } .b-slider.is-disabled .b-slider-track { cursor: not-allowed; opacity: 0.5; } .b-slider.is-disabled .b-slider-thumb-wrapper { cursor: not-allowed; } .b-slider.is-disabled .b-slider-thumb-wrapper .b-slider-thumb { transform: scale(1); } .b-slider .b-slider-track { height: 0.5rem; } .b-slider .b-slider-thumb { height: 1rem; width: 1rem; } .b-slider .b-slider-tick { height: 0.25rem; } .b-slider .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(0.5rem / 2 + 2px); left: 50%; transform: translateX(-50%); } .b-slider.is-small .b-slider-track { height: 0.375rem; } .b-slider.is-small .b-slider-thumb { height: 0.75rem; width: 0.75rem; } .b-slider.is-small .b-slider-tick { height: 0.1875rem; } .b-slider.is-small .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(0.375rem / 2 + 2px); left: 50%; transform: translateX(-50%); } .b-slider.is-medium .b-slider-track { height: 0.625rem; } .b-slider.is-medium .b-slider-thumb { height: 1.25rem; width: 1.25rem; } .b-slider.is-medium .b-slider-tick { height: 0.3125rem; } .b-slider.is-medium .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(0.625rem / 2 + 2px); left: 50%; transform: translateX(-50%); } .b-slider.is-large .b-slider-track { height: 0.75rem; } .b-slider.is-large .b-slider-thumb { height: 1.5rem; width: 1.5rem; } .b-slider.is-large .b-slider-tick { height: 0.375rem; } .b-slider.is-large .b-slider-tick-label { font-size: 0.75rem; position: absolute; top: calc(0.75rem / 2 + 2px); left: 50%; transform: translateX(-50%); } .b-slider.is-white .b-slider-fill { background: #fefefe !important; } .b-slider.is-black .b-slider-fill { background: hsl(0, 0%, 4%) !important; } .b-slider.is-light .b-slider-fill { background: hsl(0, 0%, 96%) !important; } .b-slider.is-dark .b-slider-fill { background: hsl(0, 0%, 21%) !important; } .b-slider.is-primary .b-slider-fill { background: #25A18E !important; } .b-slider.is-info .b-slider-fill { background: hsl(207, 61%, 53%) !important; } .b-slider.is-success .b-slider-fill { background: hsl(153, 53%, 53%) !important; } .b-slider.is-warning .b-slider-fill { background: hsl(44, 100%, 77%) !important; } .b-slider.is-danger .b-slider-fill { background: hsl(348, 86%, 61%) !important; } .b-slider.is-twitter .b-slider-fill { background: #4099FF !important; } .b-slider .b-slider-tick { position: absolute; width: 3px; transform: translate(-50%, -50%); top: 50%; background: hsl(0, 0%, 71%); border-radius: 4px; } .b-slider .b-slider-tick.is-tick-hidden { background: transparent; } /* This project is based on "bulma-steps" (https://github.com/Wikiki/bulma-steps) by Wikiki (https://github.com/Wikiki) licensed under MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE) */ .b-steps .steps .step-items { display: flex; flex-wrap: wrap; } .b-steps .steps .step-items .step-item { margin-top: 0; position: relative; flex-grow: 1; flex-basis: 1em; } .b-steps .steps .step-items .step-item .step-link { display: flex; align-items: center; justify-content: center; flex-direction: column; color: hsl(0, 0%, 29%); } .b-steps .steps .step-items .step-item .step-link:not(.is-clickable) { cursor: not-allowed; } .b-steps .steps .step-items .step-item .step-marker { align-items: center; display: flex; border-radius: 4px; font-weight: 700; justify-content: center; background: hsl(0, 0%, 71%); color: hsl(0, 0%, 100%); border: 0.2em solid #fff; z-index: 1; overflow: hidden; } .b-steps .steps .step-items .step-item.is-white::before, .b-steps .steps .step-items .step-item.is-white::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #fefefe 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-white.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: #fefefe; color: #fefefe; } .b-steps .steps .step-items .step-item.is-white.is-active::before, .b-steps .steps .step-items .step-item.is-white.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-white.is-previous .step-marker { color: hsl(0, 0%, 4%); background-color: #fefefe; } .b-steps .steps .step-items .step-item.is-white.is-previous::before, .b-steps .steps .step-items .step-item.is-white.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-black::before, .b-steps .steps .step-items .step-item.is-black::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 4%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-black.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 4%); color: hsl(0, 0%, 4%); } .b-steps .steps .step-items .step-item.is-black.is-active::before, .b-steps .steps .step-items .step-item.is-black.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-black.is-previous .step-marker { color: #fefefe; background-color: hsl(0, 0%, 4%); } .b-steps .steps .step-items .step-item.is-black.is-previous::before, .b-steps .steps .step-items .step-item.is-black.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-light::before, .b-steps .steps .step-items .step-item.is-light::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 96%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-light.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 96%); color: hsl(0, 0%, 96%); } .b-steps .steps .step-items .step-item.is-light.is-active::before, .b-steps .steps .step-items .step-item.is-light.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-light.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: hsl(0, 0%, 96%); } .b-steps .steps .step-items .step-item.is-light.is-previous::before, .b-steps .steps .step-items .step-item.is-light.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-dark::before, .b-steps .steps .step-items .step-item.is-dark::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 21%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-dark.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(0, 0%, 21%); color: hsl(0, 0%, 21%); } .b-steps .steps .step-items .step-item.is-dark.is-active::before, .b-steps .steps .step-items .step-item.is-dark.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-dark.is-previous .step-marker { color: #fff; background-color: hsl(0, 0%, 21%); } .b-steps .steps .step-items .step-item.is-dark.is-previous::before, .b-steps .steps .step-items .step-item.is-dark.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-primary::before, .b-steps .steps .step-items .step-item.is-primary::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #25A18E 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-primary.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: #25A18E; color: #25A18E; } .b-steps .steps .step-items .step-item.is-primary.is-active::before, .b-steps .steps .step-items .step-item.is-primary.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-primary.is-previous .step-marker { color: #fff; background-color: #25A18E; } .b-steps .steps .step-items .step-item.is-primary.is-previous::before, .b-steps .steps .step-items .step-item.is-primary.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-info::before, .b-steps .steps .step-items .step-item.is-info::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(207, 61%, 53%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-info.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(207, 61%, 53%); color: hsl(207, 61%, 53%); } .b-steps .steps .step-items .step-item.is-info.is-active::before, .b-steps .steps .step-items .step-item.is-info.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-info.is-previous .step-marker { color: #fff; background-color: hsl(207, 61%, 53%); } .b-steps .steps .step-items .step-item.is-info.is-previous::before, .b-steps .steps .step-items .step-item.is-info.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-success::before, .b-steps .steps .step-items .step-item.is-success::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(153, 53%, 53%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-success.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(153, 53%, 53%); color: hsl(153, 53%, 53%); } .b-steps .steps .step-items .step-item.is-success.is-active::before, .b-steps .steps .step-items .step-item.is-success.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-success.is-previous .step-marker { color: #fff; background-color: hsl(153, 53%, 53%); } .b-steps .steps .step-items .step-item.is-success.is-previous::before, .b-steps .steps .step-items .step-item.is-success.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-warning::before, .b-steps .steps .step-items .step-item.is-warning::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(44, 100%, 77%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-warning.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(44, 100%, 77%); color: hsl(44, 100%, 77%); } .b-steps .steps .step-items .step-item.is-warning.is-active::before, .b-steps .steps .step-items .step-item.is-warning.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-warning.is-previous .step-marker { color: rgba(0, 0, 0, 0.7); background-color: hsl(44, 100%, 77%); } .b-steps .steps .step-items .step-item.is-warning.is-previous::before, .b-steps .steps .step-items .step-item.is-warning.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-danger::before, .b-steps .steps .step-items .step-item.is-danger::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, hsl(348, 86%, 61%) 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-danger.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: hsl(348, 86%, 61%); color: hsl(348, 86%, 61%); } .b-steps .steps .step-items .step-item.is-danger.is-active::before, .b-steps .steps .step-items .step-item.is-danger.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-danger.is-previous .step-marker { color: #fff; background-color: hsl(348, 86%, 61%); } .b-steps .steps .step-items .step-item.is-danger.is-previous::before, .b-steps .steps .step-items .step-item.is-danger.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-twitter::before, .b-steps .steps .step-items .step-item.is-twitter::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #4099FF 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-twitter.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: #4099FF; color: #4099FF; } .b-steps .steps .step-items .step-item.is-twitter.is-active::before, .b-steps .steps .step-items .step-item.is-twitter.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-twitter.is-previous .step-marker { color: #fff; background-color: #4099FF; } .b-steps .steps .step-items .step-item.is-twitter.is-previous::before, .b-steps .steps .step-items .step-item.is-twitter.is-previous::after { background-position: left bottom; } .b-steps .steps .step-items .step-item .step-marker { color: hsl(0, 0%, 100%); } .b-steps .steps .step-items .step-item .step-details { text-align: center; z-index: 1; } .b-steps .steps .step-items .step-item:not(:first-child), .b-steps .steps .step-items .step-item:only-child { flex-shrink: 1; } .b-steps .steps .step-items .step-item:not(:first-child)::before, .b-steps .steps .step-items .step-item:only-child::before { content: " "; display: block; position: absolute; width: 100%; bottom: 0; left: -50%; } .b-steps .steps .step-items .step-item:only-child::after { content: " "; display: block; position: absolute; height: 0.2em; bottom: 0; } .b-steps .steps .step-items .step-item:only-child::before, .b-steps .steps .step-items .step-item:only-child::after { width: 25%; left: 50%; } .b-steps .steps .step-items .step-item:only-child::before { right: 50%; left: auto; } .b-steps .steps .step-items .step-item::before, .b-steps .steps .step-items .step-item::after { background: linear-gradient(to left, hsl(0, 0%, 86%) 50%, #25A18E 50%); background-size: 200% 100%; background-position: right bottom; } .b-steps .steps .step-items .step-item.is-active .step-link { cursor: default; } .b-steps .steps .step-items .step-item.is-active .step-marker { background-color: hsl(0, 0%, 100%); border-color: #25A18E; color: #25A18E; } .b-steps .steps .step-items .step-item.is-active::before, .b-steps .steps .step-items .step-item.is-active::after { background-position: left bottom; } .b-steps .steps .step-items .step-item.is-previous .step-marker { color: hsl(0, 0%, 100%); background-color: #25A18E; } .b-steps .steps .step-items .step-item.is-previous::before, .b-steps .steps .step-items .step-item.is-previous::after { background-position: left bottom; } .b-steps .steps + .step-content { position: relative; overflow: visible; display: flex; flex-direction: column; padding: 1rem; } .b-steps .steps + .step-content .step-item { flex-shrink: 0; flex-basis: auto; } .b-steps .steps + .step-content.is-transitioning { overflow: hidden; } .b-steps .steps.is-rounded .step-item .step-marker { border-radius: 9999px; } .b-steps .steps.is-animated .step-item:not(:first-child)::before, .b-steps .steps.is-animated .step-item:only-child::before { transition: background 150ms ease-out; } .b-steps .steps.has-label-right .step-items .step-item .step-link, .b-steps .steps.has-label-left .step-items .step-item .step-link { flex-direction: row; } .b-steps .steps.has-label-right .step-items .step-item .step-link > .step-details, .b-steps .steps.has-label-left .step-items .step-item .step-link > .step-details { background-color: hsl(0, 0%, 100%); padding: 0.2em; } .b-steps .steps.has-label-left .step-items .step-item .step-link { flex-direction: row-reverse; } .b-steps .steps { font-size: 1rem; min-height: 2rem; } .b-steps .steps .step-items .step-item .step-marker { height: 2rem; width: 2rem; } .b-steps .steps .step-items .step-item .step-marker .icon *, .b-steps .steps .step-items .step-item .step-marker .icon *:before { font-size: 1rem; } .b-steps .steps .step-items .step-item .step-details .step-title { font-size: 1.2rem; font-weight: 600; line-height: 1rem; } .b-steps .steps .step-items .step-item:not(:first-child)::before, .b-steps .steps .step-items .step-item:only-child::before { height: 0.2em; top: 1rem; } .b-steps .steps .step-items .step-item:only-child::after { top: 1rem; } @media screen and (max-width: 768px) { .b-steps .steps .step-items .step-item::before, .b-steps .steps .step-items .step-item::after, .b-steps .steps .step-items .step-item:not(:first-child)::before { top: 1rem; } } .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1rem - 0.1em); } .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1rem - 0.1em); } .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1rem - 0.1em); } .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1rem - 0.1em); } .b-steps.is-small .steps { font-size: 0.75rem; min-height: 1.5rem; } .b-steps.is-small .steps .step-items .step-item .step-marker { height: 1.5rem; width: 1.5rem; } .b-steps.is-small .steps .step-items .step-item .step-marker .icon *, .b-steps.is-small .steps .step-items .step-item .step-marker .icon *:before { font-size: 0.75rem; } .b-steps.is-small .steps .step-items .step-item .step-details .step-title { font-size: 0.9rem; font-weight: 600; line-height: 0.75rem; } .b-steps.is-small .steps .step-items .step-item:not(:first-child)::before, .b-steps.is-small .steps .step-items .step-item:only-child::before { height: 0.2em; top: 0.75rem; } .b-steps.is-small .steps .step-items .step-item:only-child::after { top: 0.75rem; } @media screen and (max-width: 768px) { .b-steps.is-small .steps .step-items .step-item::before, .b-steps.is-small .steps .step-items .step-item::after, .b-steps.is-small .steps .step-items .step-item:not(:first-child)::before { top: 0.75rem; } } .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-small.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(0.75rem - 0.1em); } .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-small.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(0.75rem - 0.1em); } .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-small.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(0.75rem - 0.1em); } .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-small.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(0.75rem - 0.1em); } .b-steps.is-medium .steps { font-size: 1.25rem; min-height: 2.5rem; } .b-steps.is-medium .steps .step-items .step-item .step-marker { height: 2.5rem; width: 2.5rem; } .b-steps.is-medium .steps .step-items .step-item .step-marker .icon *, .b-steps.is-medium .steps .step-items .step-item .step-marker .icon *:before { font-size: 1.25rem; } .b-steps.is-medium .steps .step-items .step-item .step-details .step-title { font-size: 1.5rem; font-weight: 600; line-height: 1.25rem; } .b-steps.is-medium .steps .step-items .step-item:not(:first-child)::before, .b-steps.is-medium .steps .step-items .step-item:only-child::before { height: 0.2em; top: 1.25rem; } .b-steps.is-medium .steps .step-items .step-item:only-child::after { top: 1.25rem; } @media screen and (max-width: 768px) { .b-steps.is-medium .steps .step-items .step-item::before, .b-steps.is-medium .steps .step-items .step-item::after, .b-steps.is-medium .steps .step-items .step-item:not(:first-child)::before { top: 1.25rem; } } .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-medium.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1.25rem - 0.1em); } .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-medium.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1.25rem - 0.1em); } .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1.25rem - 0.1em); } .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-medium.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1.25rem - 0.1em); } .b-steps.is-large .steps { font-size: 1.5rem; min-height: 3rem; } .b-steps.is-large .steps .step-items .step-item .step-marker { height: 3rem; width: 3rem; } .b-steps.is-large .steps .step-items .step-item .step-marker .icon *, .b-steps.is-large .steps .step-items .step-item .step-marker .icon *:before { font-size: 1.5rem; } .b-steps.is-large .steps .step-items .step-item .step-details .step-title { font-size: 1.8rem; font-weight: 600; line-height: 1.5rem; } .b-steps.is-large .steps .step-items .step-item:not(:first-child)::before, .b-steps.is-large .steps .step-items .step-item:only-child::before { height: 0.2em; top: 1.5rem; } .b-steps.is-large .steps .step-items .step-item:only-child::after { top: 1.5rem; } @media screen and (max-width: 768px) { .b-steps.is-large .steps .step-items .step-item::before, .b-steps.is-large .steps .step-items .step-item::after, .b-steps.is-large .steps .step-items .step-item:not(:first-child)::before { top: 1.5rem; } } .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-large.is-vertical > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1.5rem - 0.1em); } .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-large.is-vertical > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1.5rem - 0.1em); } .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::before, .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:not(:first-child)::after, .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::before, .b-steps.is-large.is-vertical.is-right > .steps.has-label-right .step-items .step-item:only-child::after { left: calc(1.5rem - 0.1em); } .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::before, .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:not(:first-child)::after, .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::before, .b-steps.is-large.is-vertical.is-right > .steps.has-label-left .step-items .step-item:only-child::after { left: auto; right: calc(1.5rem - 0.1em); } .b-steps.is-vertical { display: flex; flex-direction: row; flex-wrap: wrap; } .b-steps.is-vertical > .steps .step-items { height: 100%; flex-direction: column; border-bottom-color: transparent; } .b-steps.is-vertical > .steps .step-items .step-item { width: 100%; display: flex; align-items: center; justify-content: center; padding: 1em 0; } .b-steps.is-vertical > .steps .step-items .step-item::before, .b-steps.is-vertical > .steps .step-items .step-item::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, #25A18E 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-white::before, .b-steps.is-vertical > .steps .step-items .step-item.is-white::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, #fefefe 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-black::before, .b-steps.is-vertical > .steps .step-items .step-item.is-black::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 4%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-light::before, .b-steps.is-vertical > .steps .step-items .step-item.is-light::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 96%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-dark::before, .b-steps.is-vertical > .steps .step-items .step-item.is-dark::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(0, 0%, 21%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-primary::before, .b-steps.is-vertical > .steps .step-items .step-item.is-primary::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, #25A18E 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-info::before, .b-steps.is-vertical > .steps .step-items .step-item.is-info::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(207, 61%, 53%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-success::before, .b-steps.is-vertical > .steps .step-items .step-item.is-success::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(153, 53%, 53%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-warning::before, .b-steps.is-vertical > .steps .step-items .step-item.is-warning::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(44, 100%, 77%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-danger::before, .b-steps.is-vertical > .steps .step-items .step-item.is-danger::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, hsl(348, 86%, 61%) 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item.is-twitter::before, .b-steps.is-vertical > .steps .step-items .step-item.is-twitter::after { background: linear-gradient(to top, hsl(0, 0%, 86%) 50%, #4099FF 50%); background-size: 100% 200%; background-position: left bottom; } .b-steps.is-vertical > .steps .step-items .step-item:not(:first-child)::before, .b-steps.is-vertical > .steps .step-items .step-item:only-child::before { height: 100%; width: 0.2em; top: -50%; left: calc(50% - 0.1em); } .b-steps.is-vertical > .steps .step-items .step-item.is-active::before, .b-steps.is-vertical > .steps .step-items .step-item.is-active::after, .b-steps.is-vertical > .steps .step-items .step-item.is-previous::before, .b-steps.is-vertical > .steps .step-items .step-item.is-previous::after { background-position: right top; } .b-steps.is-vertical > .steps .step-items .step-item:only-child::before { top: 50%; } .b-steps.is-vertical > .steps .step-items .step-item:only-child::after { width: 0.2em; top: auto; bottom: 50%; } .b-steps.is-vertical > .steps .step-items .step-item:only-child::before, .b-steps.is-vertical > .steps .step-items .step-item:only-child::after { height: 25%; } .b-steps.is-vertical > .steps.has-label-right .step-items .step-item { justify-content: flex-start; } .b-steps.is-vertical > .steps.has-label-left .step-items .step-item { justify-content: flex-end; } .b-steps.is-vertical > .steps:not(.has-label-right):not(.has-label-left) .step-items .step-item .step-link > .step-details { background-color: hsl(0, 0%, 100%); } .b-steps.is-vertical > .step-content { flex-grow: 1; } .b-steps.is-vertical > .step-navigation { flex-basis: 100%; } .b-steps.is-vertical.is-right { flex-direction: row-reverse; } @media screen and (max-width: 768px) { .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(.is-active) { display: none; } .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::before, .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::after, .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child)::before { content: " "; display: block; position: absolute; height: 0.2em; width: 25%; bottom: 0; left: 50%; } .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item::before, .b-steps:not(.is-vertical) .steps.mobile-minimalist .step-items .step-item:not(:first-child)::before { right: 50%; left: auto; } .b-steps:not(.is-vertical) .steps.mobile-compact .step-items .step-item:not(.is-active) .step-details { display: none; } } .switch { cursor: pointer; display: inline-flex; align-items: center; position: relative; margin-right: 0.5em; } .switch + .switch:last-child { margin-right: 0; } .switch input[type=checkbox] { position: absolute; left: 0; opacity: 0; outline: none; z-index: -1; } .switch input[type=checkbox] + .check { display: flex; align-items: center; flex-shrink: 0; width: 2.75em; height: 1.575em; padding: 0.2em; background: hsl(0, 0%, 71%); border-radius: 4px; transition: background 150ms ease-out, box-shadow 150ms ease-out; } .switch input[type=checkbox] + .check.is-white-passive, .switch input[type=checkbox] + .check:hover { background: #fefefe; } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-black-passive, .switch input[type=checkbox] + .check:hover { background: hsl(0, 0%, 4%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-light-passive, .switch input[type=checkbox] + .check:hover { background: hsl(0, 0%, 96%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-dark-passive, .switch input[type=checkbox] + .check:hover { background: hsl(0, 0%, 21%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-primary-passive, .switch input[type=checkbox] + .check:hover { background: #25A18E; } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-info-passive, .switch input[type=checkbox] + .check:hover { background: hsl(207, 61%, 53%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-success-passive, .switch input[type=checkbox] + .check:hover { background: hsl(153, 53%, 53%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-warning-passive, .switch input[type=checkbox] + .check:hover { background: hsl(44, 100%, 77%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-danger-passive, .switch input[type=checkbox] + .check:hover { background: hsl(348, 86%, 61%); } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check.is-twitter-passive, .switch input[type=checkbox] + .check:hover { background: #4099FF; } .switch input[type=checkbox] + .check.input[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].form__input + .switch input[type=checkbox] + .check.check, .switch .auth-wrapper input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .auth-wrapper .switch input[type=checkbox] + input.check[type=checkbox]#login_captcha + .switch input[type=checkbox] + .check.check, .switch .dataTables_filter input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_filter .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTables_length label input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .dataTables_length label .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .dataTable thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .table thead th input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .dataTable thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .table thead th .switch input[type=checkbox] + input.check[type=checkbox]:not([type=checkbox]) + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + input.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch .modal .modal__body input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .modal .modal__body .switch input[type=checkbox] + select.check[type=checkbox] + .switch input[type=checkbox] + .check.check, .switch input[type=checkbox] + .check[type=checkbox].datepicker:not(.control) + .switch input[type=checkbox] + .check.check { background: "pink"; } .switch input[type=checkbox] + .check:before { content: ""; display: block; border-radius: 4px; width: 1.175em; height: 1.175em; background: hsl(0, 0%, 96%); box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); transition: transform 150ms ease-out; will-change: transform; transform-origin: left; } .switch input[type=checkbox] + .check.is-elastic:before { transform: scaleX(1.5); border-radius: 4px; } .switch input[type=checkbox]:checked + .check { background: #25A18E; } .switch input[type=checkbox]:checked + .check.is-white { background: #fefefe; } .switch input[type=checkbox]:checked + .check.is-black { background: hsl(0, 0%, 4%); } .switch input[type=checkbox]:checked + .check.is-light { background: hsl(0, 0%, 96%); } .switch input[type=checkbox]:checked + .check.is-dark { background: hsl(0, 0%, 21%); } .switch input[type=checkbox]:checked + .check.is-primary { background: #25A18E; } .switch input[type=checkbox]:checked + .check.is-info { background: hsl(207, 61%, 53%); } .switch input[type=checkbox]:checked + .check.is-success { background: hsl(153, 53%, 53%); } .switch input[type=checkbox]:checked + .check.is-warning { background: hsl(44, 100%, 77%); } .switch input[type=checkbox]:checked + .check.is-danger { background: hsl(348, 86%, 61%); } .switch input[type=checkbox]:checked + .check.is-twitter { background: #4099FF; } .switch input[type=checkbox]:checked + .check:before { transform: translate3d(100%, 0, 0); } .switch input[type=checkbox]:checked + .check.is-elastic:before { transform: translate3d(50%, 0, 0) scaleX(1.5); } .switch input[type=checkbox]:focus, .switch input[type=checkbox]:active { outline: none; } .switch input[type=checkbox]:focus + .check, .switch input[type=checkbox]:active + .check { box-shadow: 0 0 0.5em rgba(122.4, 122.4, 122.4, 0.6); } .switch input[type=checkbox]:focus + .check.is-white-passive, .switch input[type=checkbox]:active + .check.is-white-passive { box-shadow: 0 0 0.5em rgba(254, 254, 254, 0.8); } .switch input[type=checkbox]:focus + .check.is-black-passive, .switch input[type=checkbox]:active + .check.is-black-passive { box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.8); } .switch input[type=checkbox]:focus + .check.is-light-passive, .switch input[type=checkbox]:active + .check.is-light-passive { box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.8); } .switch input[type=checkbox]:focus + .check.is-dark-passive, .switch input[type=checkbox]:active + .check.is-dark-passive { box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.8); } .switch input[type=checkbox]:focus + .check.is-primary-passive, .switch input[type=checkbox]:active + .check.is-primary-passive { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .switch input[type=checkbox]:focus + .check.is-info-passive, .switch input[type=checkbox]:active + .check.is-info-passive { box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.8); } .switch input[type=checkbox]:focus + .check.is-success-passive, .switch input[type=checkbox]:active + .check.is-success-passive { box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.8); } .switch input[type=checkbox]:focus + .check.is-warning-passive, .switch input[type=checkbox]:active + .check.is-warning-passive { box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.8); } .switch input[type=checkbox]:focus + .check.is-danger-passive, .switch input[type=checkbox]:active + .check.is-danger-passive { box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.8); } .switch input[type=checkbox]:focus + .check.is-twitter-passive, .switch input[type=checkbox]:active + .check.is-twitter-passive { box-shadow: 0 0 0.5em rgba(64, 153, 255, 0.8); } .switch input[type=checkbox]:focus:checked + .check, .switch input[type=checkbox]:active:checked + .check { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-white, .switch input[type=checkbox]:active:checked + .check.is-white { box-shadow: 0 0 0.5em rgba(254, 254, 254, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-black, .switch input[type=checkbox]:active:checked + .check.is-black { box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-light, .switch input[type=checkbox]:active:checked + .check.is-light { box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-dark, .switch input[type=checkbox]:active:checked + .check.is-dark { box-shadow: 0 0 0.5em rgba(53.55, 53.55, 53.55, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-primary, .switch input[type=checkbox]:active:checked + .check.is-primary { box-shadow: 0 0 0.5em rgba(37, 161, 142, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-info, .switch input[type=checkbox]:active:checked + .check.is-info { box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-success, .switch input[type=checkbox]:active:checked + .check.is-success { box-shadow: 0 0 0.5em rgba(71.6295, 198.6705, 141.50205, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-warning, .switch input[type=checkbox]:active:checked + .check.is-warning { box-shadow: 0 0 0.5em rgba(255, 223.72, 137.7, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-danger, .switch input[type=checkbox]:active:checked + .check.is-danger { box-shadow: 0 0 0.5em rgba(241.077, 70.023, 104.2338, 0.8); } .switch input[type=checkbox]:focus:checked + .check.is-twitter, .switch input[type=checkbox]:active:checked + .check.is-twitter { box-shadow: 0 0 0.5em rgba(64, 153, 255, 0.8); } .switch .control-label { padding-left: calc(0.75em - 1px); } .switch:hover input[type=checkbox] + .check { background: rgba(181.05, 181.05, 181.05, 0.9); } .switch:hover input[type=checkbox] + .check.is-white-passive { background: rgba(254, 254, 254, 0.9); } .switch:hover input[type=checkbox] + .check.is-black-passive { background: rgba(10.2, 10.2, 10.2, 0.9); } .switch:hover input[type=checkbox] + .check.is-light-passive { background: rgba(244.8, 244.8, 244.8, 0.9); } .switch:hover input[type=checkbox] + .check.is-dark-passive { background: rgba(53.55, 53.55, 53.55, 0.9); } .switch:hover input[type=checkbox] + .check.is-primary-passive { background: rgba(37, 161, 142, 0.9); } .switch:hover input[type=checkbox] + .check.is-info-passive { background: rgba(62.0415, 142.46085, 208.2585, 0.9); } .switch:hover input[type=checkbox] + .check.is-success-passive { background: rgba(71.6295, 198.6705, 141.50205, 0.9); } .switch:hover input[type=checkbox] + .check.is-warning-passive { background: rgba(255, 223.72, 137.7, 0.9); } .switch:hover input[type=checkbox] + .check.is-danger-passive { background: rgba(241.077, 70.023, 104.2338, 0.9); } .switch:hover input[type=checkbox] + .check.is-twitter-passive { background: rgba(64, 153, 255, 0.9); } .switch:hover input[type=checkbox]:checked + .check { background: rgba(37, 161, 142, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-white { background: rgba(254, 254, 254, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-black { background: rgba(10.2, 10.2, 10.2, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-light { background: rgba(244.8, 244.8, 244.8, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-dark { background: rgba(53.55, 53.55, 53.55, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-primary { background: rgba(37, 161, 142, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-info { background: rgba(62.0415, 142.46085, 208.2585, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-success { background: rgba(71.6295, 198.6705, 141.50205, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-warning { background: rgba(255, 223.72, 137.7, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-danger { background: rgba(241.077, 70.023, 104.2338, 0.9); } .switch:hover input[type=checkbox]:checked + .check.is-twitter { background: rgba(64, 153, 255, 0.9); } .switch.is-rounded input[type=checkbox] + .check { border-radius: 9999px; } .switch.is-rounded input[type=checkbox] + .check:before { border-radius: 9999px; } .switch.is-rounded input[type=checkbox].is-elastic:before { transform: scaleX(1.5); border-radius: 9999px; } .switch.is-outlined input[type=checkbox] + .check { background: transparent; border: 0.1rem solid hsl(0, 0%, 71%); } .switch.is-outlined input[type=checkbox] + .check.is-white-passive { border: 0.1rem solid rgba(254, 254, 254, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-white-passive:before { background: #fefefe; } .switch.is-outlined input[type=checkbox] + .check.is-white-passive:hover { border-color: rgba(254, 254, 254, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-black-passive { border: 0.1rem solid rgba(10.2, 10.2, 10.2, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-black-passive:before { background: hsl(0, 0%, 4%); } .switch.is-outlined input[type=checkbox] + .check.is-black-passive:hover { border-color: rgba(10.2, 10.2, 10.2, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-light-passive { border: 0.1rem solid rgba(244.8, 244.8, 244.8, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-light-passive:before { background: hsl(0, 0%, 96%); } .switch.is-outlined input[type=checkbox] + .check.is-light-passive:hover { border-color: rgba(244.8, 244.8, 244.8, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-dark-passive { border: 0.1rem solid rgba(53.55, 53.55, 53.55, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-dark-passive:before { background: hsl(0, 0%, 21%); } .switch.is-outlined input[type=checkbox] + .check.is-dark-passive:hover { border-color: rgba(53.55, 53.55, 53.55, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-primary-passive { border: 0.1rem solid rgba(37, 161, 142, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-primary-passive:before { background: #25A18E; } .switch.is-outlined input[type=checkbox] + .check.is-primary-passive:hover { border-color: rgba(37, 161, 142, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-info-passive { border: 0.1rem solid rgba(62.0415, 142.46085, 208.2585, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-info-passive:before { background: hsl(207, 61%, 53%); } .switch.is-outlined input[type=checkbox] + .check.is-info-passive:hover { border-color: rgba(62.0415, 142.46085, 208.2585, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-success-passive { border: 0.1rem solid rgba(71.6295, 198.6705, 141.50205, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-success-passive:before { background: hsl(153, 53%, 53%); } .switch.is-outlined input[type=checkbox] + .check.is-success-passive:hover { border-color: rgba(71.6295, 198.6705, 141.50205, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-warning-passive { border: 0.1rem solid rgba(255, 223.72, 137.7, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-warning-passive:before { background: hsl(44, 100%, 77%); } .switch.is-outlined input[type=checkbox] + .check.is-warning-passive:hover { border-color: rgba(255, 223.72, 137.7, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-danger-passive { border: 0.1rem solid rgba(241.077, 70.023, 104.2338, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-danger-passive:before { background: hsl(348, 86%, 61%); } .switch.is-outlined input[type=checkbox] + .check.is-danger-passive:hover { border-color: rgba(241.077, 70.023, 104.2338, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-twitter-passive { border: 0.1rem solid rgba(64, 153, 255, 0.9); } .switch.is-outlined input[type=checkbox] + .check.is-twitter-passive:before { background: #4099FF; } .switch.is-outlined input[type=checkbox] + .check.is-twitter-passive:hover { border-color: rgba(64, 153, 255, 0.9); } .switch.is-outlined input[type=checkbox] + .check:before { background: hsl(0, 0%, 71%); } .switch.is-outlined input[type=checkbox]:checked + .check { border-color: #25A18E; } .switch.is-outlined input[type=checkbox]:checked + .check.is-white { background: transparent; border-color: #fefefe; } .switch.is-outlined input[type=checkbox]:checked + .check.is-white:before { background: #fefefe; } .switch.is-outlined input[type=checkbox]:checked + .check.is-black { background: transparent; border-color: hsl(0, 0%, 4%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-black:before { background: hsl(0, 0%, 4%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-light { background: transparent; border-color: hsl(0, 0%, 96%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-light:before { background: hsl(0, 0%, 96%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-dark { background: transparent; border-color: hsl(0, 0%, 21%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-dark:before { background: hsl(0, 0%, 21%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-primary { background: transparent; border-color: #25A18E; } .switch.is-outlined input[type=checkbox]:checked + .check.is-primary:before { background: #25A18E; } .switch.is-outlined input[type=checkbox]:checked + .check.is-info { background: transparent; border-color: hsl(207, 61%, 53%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-info:before { background: hsl(207, 61%, 53%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-success { background: transparent; border-color: hsl(153, 53%, 53%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-success:before { background: hsl(153, 53%, 53%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-warning { background: transparent; border-color: hsl(44, 100%, 77%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-warning:before { background: hsl(44, 100%, 77%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-danger { background: transparent; border-color: hsl(348, 86%, 61%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-danger:before { background: hsl(348, 86%, 61%); } .switch.is-outlined input[type=checkbox]:checked + .check.is-twitter { background: transparent; border-color: #4099FF; } .switch.is-outlined input[type=checkbox]:checked + .check.is-twitter:before { background: #4099FF; } .switch.is-outlined input[type=checkbox]:checked + .check:before { background: #25A18E; } .switch.is-outlined:hover input[type=checkbox] + .check { background: transparent; border-color: rgba(181.05, 181.05, 181.05, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check { background: transparent; border-color: rgba(37, 161, 142, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-white { border-color: rgba(254, 254, 254, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-black { border-color: rgba(10.2, 10.2, 10.2, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-light { border-color: rgba(244.8, 244.8, 244.8, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-dark { border-color: rgba(53.55, 53.55, 53.55, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-primary { border-color: rgba(37, 161, 142, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-info { border-color: rgba(62.0415, 142.46085, 208.2585, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-success { border-color: rgba(71.6295, 198.6705, 141.50205, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-warning { border-color: rgba(255, 223.72, 137.7, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-danger { border-color: rgba(241.077, 70.023, 104.2338, 0.9); } .switch.is-outlined:hover input[type=checkbox]:checked + .check.is-twitter { border-color: rgba(64, 153, 255, 0.9); } .switch.is-small { border-radius: 2px; font-size: 0.75rem; } .switch.is-medium { font-size: 1.25rem; } .switch.is-large { font-size: 1.5rem; } .switch[disabled] { opacity: 0.5; cursor: not-allowed; color: hsl(0, 0%, 48%); } .table-wrapper .table { margin-bottom: 0; } .table-wrapper:not(:last-child) { margin-bottom: 1.5rem; } @media screen and (max-width: 1023px) { .table-wrapper { overflow-x: auto; } } .b-table { transition: opacity 86ms ease-out; } @media screen and (min-width: 769px), print { .b-table .table-mobile-sort { display: none; } } .b-table .icon { transition: transform 150ms ease-out, opacity 86ms ease-out; } .b-table .icon.is-desc { transform: rotate(180deg); } .b-table .icon.is-expanded { transform: rotate(90deg); } .b-table .sort-icon.icon.is-desc { transform: rotate(180deg) translateY(-50%) !important; } .b-table .table { width: 100%; border: 1px solid transparent; border-radius: 4px; border-collapse: separate; } .b-table .table th { font-weight: 600; } .b-table .table th .th-wrap { display: flex; align-items: center; } .b-table .table th .th-wrap .icon { margin-left: 0.5rem; margin-right: 0; font-size: 1rem; } .b-table .table th .th-wrap.is-numeric { flex-direction: row-reverse; text-align: right; } .b-table .table th .th-wrap.is-numeric .icon { margin-left: 0; margin-right: 0.5rem; } .b-table .table th .th-wrap.is-centered { justify-content: center; text-align: center; } .b-table .table th.is-current-sort { border-color: hsl(0, 0%, 48%); font-weight: 700; } .b-table .table th.is-sortable:hover { border-color: hsl(0, 0%, 48%); } .b-table .table th.is-sortable, .b-table .table th.is-sortable .th-wrap { cursor: pointer; } .b-table .table th.is-sortable .is-relative, .b-table .table th.is-sortable .th-wrap .is-relative { position: absolute; } .b-table .table th .sort-icon, .b-table .table th .multi-sort-cancel-icon { position: absolute; bottom: 50%; left: 100%; transform: translateY(50%); } .b-table .table th .multi-sort-cancel-icon { margin-left: 10px; } .b-table .table th.is-sticky { position: -webkit-sticky; position: sticky; left: 0; z-index: 3 !important; background: transparent; } .b-table .table tr.is-selected .checkbox input:checked + .check { background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:hsl(171, 100%25, 41%25)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; } .b-table .table tr.is-selected .checkbox input + .check { border-color: #fff; } .b-table .table tr.is-empty:hover { background-color: transparent; } .b-table .table .chevron-cell { vertical-align: middle; } .b-table .table .chevron-cell > a { color: hsl(229, 53%, 53%) !important; } .b-table .table .checkbox-cell { width: 40px; } .b-table .table .checkbox-cell .checkbox { vertical-align: middle; } .b-table .table .checkbox-cell .checkbox .check { transition: none; } .b-table .table tr.detail { box-shadow: inset 0 1px 3px hsl(0, 0%, 86%); background: hsl(0, 0%, 98%); } .b-table .table tr.detail .detail-container { padding: 1rem; } .b-table .table:focus { border-color: #25A18E; box-shadow: 0 0 0 0.125em rgba(37, 161, 142, 0.25); } .b-table .table.is-bordered th.is-current-sort, .b-table .table.is-bordered th.is-sortable:hover { border-color: hsl(0, 0%, 86%); background: hsl(0, 0%, 96%); } .b-table .table td.is-sticky { position: -webkit-sticky; position: sticky; left: 0; z-index: 1; background: hsl(0, 0%, 100%); } .b-table .level:not(.top) { padding-bottom: 1.5rem; } .b-table .table-wrapper { position: relative; } .b-table .table-wrapper.has-sticky-header { height: 300px; overflow-y: auto; } @media screen and (max-width: 768px) { .b-table .table-wrapper.has-sticky-header.has-mobile-cards { height: initial !important; overflow-y: initial !important; } } .b-table .table-wrapper.has-sticky-header tr:first-child th { position: -webkit-sticky; position: sticky; top: 0; z-index: 2; background: hsl(0, 0%, 100%); } @media screen and (max-width: 768px) { .b-table .table-wrapper.has-mobile-cards .table { background-color: transparent; } .b-table .table-wrapper.has-mobile-cards thead tr { box-shadow: none; border-width: 0; } .b-table .table-wrapper.has-mobile-cards thead tr th { display: none; } .b-table .table-wrapper.has-mobile-cards thead tr .checkbox-cell { display: block; width: 100%; text-align: right; margin-bottom: 1rem; border: 0; } .b-table .table-wrapper.has-mobile-cards tfoot th { border: 0; display: inherit; } .b-table .table-wrapper.has-mobile-cards tr { box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1); max-width: 100%; position: relative; display: block; } .b-table .table-wrapper.has-mobile-cards tr td { border: 0; display: inherit; } .b-table .table-wrapper.has-mobile-cards tr td:last-child { border-bottom: 0; } .b-table .table-wrapper.has-mobile-cards tr:not(:last-child) { margin-bottom: 1rem; } .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]) { background: hsl(0, 0%, 100%); } .b-table .table-wrapper.has-mobile-cards tr:not([class*=is-]):hover { background-color: hsl(0, 0%, 100%); } .b-table .table-wrapper.has-mobile-cards tr.detail { margin-top: -1rem; } .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { display: flex; width: auto; justify-content: space-between; text-align: right; border-bottom: 1px solid hsl(0, 0%, 96%); } .b-table .table-wrapper.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; padding-right: 0.5em; text-align: left; } } .b-table .table-wrapper.is-card-list .table { background-color: transparent; } .b-table .table-wrapper.is-card-list thead tr { box-shadow: none; border-width: 0; } .b-table .table-wrapper.is-card-list thead tr th { display: none; } .b-table .table-wrapper.is-card-list thead tr .checkbox-cell { display: block; width: 100%; text-align: right; margin-bottom: 1rem; border: 0; } .b-table .table-wrapper.is-card-list tfoot th { border: 0; display: inherit; } .b-table .table-wrapper.is-card-list tr { box-shadow: 0 2px 3px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1); max-width: 100%; position: relative; display: block; } .b-table .table-wrapper.is-card-list tr td { border: 0; display: inherit; } .b-table .table-wrapper.is-card-list tr td:last-child { border-bottom: 0; } .b-table .table-wrapper.is-card-list tr:not(:last-child) { margin-bottom: 1rem; } .b-table .table-wrapper.is-card-list tr:not([class*=is-]) { background: hsl(0, 0%, 100%); } .b-table .table-wrapper.is-card-list tr:not([class*=is-]):hover { background-color: hsl(0, 0%, 100%); } .b-table .table-wrapper.is-card-list tr.detail { margin-top: -1rem; } .b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td { display: flex; width: auto; justify-content: space-between; text-align: right; border-bottom: 1px solid hsl(0, 0%, 96%); } .b-table .table-wrapper.is-card-list tr:not(.detail):not(.is-empty):not(.table-footer) td:before { content: attr(data-label); font-weight: 600; padding-right: 0.5em; text-align: left; } .b-tabs .tabs { margin-bottom: 0; flex-shrink: 0; } .b-tabs .tabs li.is-disabled { pointer-events: none; cursor: not-allowed; opacity: 0.5; } .b-tabs .tab-content { position: relative; overflow: visible; display: flex; flex-direction: column; padding: 1rem; } .b-tabs .tab-content .tab-item { flex-shrink: 0; flex-basis: auto; } .b-tabs .tab-content.is-transitioning { overflow: hidden; } .b-tabs:not(:last-child) { margin-bottom: 1.5rem; } .b-tabs.is-fullwidth { width: 100%; } .b-tabs.is-vertical { display: flex; flex-direction: row; flex-wrap: wrap; } .b-tabs.is-vertical > .tabs ul { flex-direction: column; border-bottom-color: transparent; } .b-tabs.is-vertical > .tabs ul li { width: 100%; } .b-tabs.is-vertical > .tabs ul li a { justify-content: left; } .b-tabs.is-vertical > .tabs.is-boxed li a { border-bottom-color: transparent !important; border-right-color: hsl(0, 0%, 86%) !important; border-radius: 4px 0 0 4px; } .b-tabs.is-vertical > .tabs.is-boxed li.is-active a { border-bottom-color: hsl(0, 0%, 86%) !important; border-right-color: transparent !important; } .b-tabs.is-vertical > .tabs.is-toggle li + li { margin-left: 0; } .b-tabs.is-vertical > .tabs.is-toggle li:first-child a { border-radius: 4px 4px 0 0; } .b-tabs.is-vertical > .tabs.is-toggle li:last-child a { border-radius: 0 0 4px 4px; } .b-tabs.is-vertical > .tabs.is-fullwidth li a { height: 100%; } .b-tabs.is-vertical > .tab-content { flex-grow: 1; } .b-tabs.is-vertical.is-right { flex-direction: row-reverse; } .b-tabs.is-vertical.is-right > .tabs ul a { flex-direction: row-reverse; } .b-tabs.is-vertical.is-right > .tabs ul a .icon:first-child { margin-right: 0; margin-left: 0.5em; } .b-tabs.is-vertical.is-right > .tabs.is-boxed li a { border-bottom-color: transparent !important; border-right-color: transparent !important; border-left-color: hsl(0, 0%, 86%) !important; border-radius: 0 4px 4px 0; } .b-tabs.is-vertical.is-right > .tabs.is-boxed li.is-active a { border-bottom-color: hsl(0, 0%, 86%) !important; border-right-color: hsl(0, 0%, 86%) !important; border-left-color: transparent !important; } .b-tabs.is-multiline > .tabs ul { flex-wrap: wrap; flex-shrink: 1; } .tag .has-ellipsis { max-width: 10em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tag .delete.is-white, .tag.is-delete.is-white, .tag.has-delete-icon.is-white { background: #fefefe; } .tag .delete.is-white:hover, .tag.is-delete.is-white:hover, .tag.has-delete-icon.is-white:hover { background-color: rgb(228.5, 228.5, 228.5); text-decoration: none; } .tag .delete.is-black, .tag.is-delete.is-black, .tag.has-delete-icon.is-black { background: hsl(0, 0%, 4%); } .tag .delete.is-black:hover, .tag.is-delete.is-black:hover, .tag.has-delete-icon.is-black:hover { background-color: hsl(0, 0%, 0%); text-decoration: none; } .tag .delete.is-light, .tag.is-delete.is-light, .tag.has-delete-icon.is-light { background: hsl(0, 0%, 96%); } .tag .delete.is-light:hover, .tag.is-delete.is-light:hover, .tag.has-delete-icon.is-light:hover { background-color: hsl(0, 0%, 86%); text-decoration: none; } .tag .delete.is-dark, .tag.is-delete.is-dark, .tag.has-delete-icon.is-dark { background: hsl(0, 0%, 21%); } .tag .delete.is-dark:hover, .tag.is-delete.is-dark:hover, .tag.has-delete-icon.is-dark:hover { background-color: hsl(0, 0%, 11%); text-decoration: none; } .tag .delete.is-primary, .tag.is-delete.is-primary, .tag.has-delete-icon.is-primary { background: #25A18E; } .tag .delete.is-primary:hover, .tag.is-delete.is-primary:hover, .tag.has-delete-icon.is-primary:hover { background-color: rgb(27.4696969697, 119.5303030303, 105.4242424242); text-decoration: none; } .tag .delete.is-info, .tag.is-delete.is-info, .tag.has-delete-icon.is-info { background: hsl(207, 61%, 53%); } .tag .delete.is-info:hover, .tag.is-delete.is-info:hover, .tag.has-delete-icon.is-info:hover { background-color: hsl(207, 61%, 43%); text-decoration: none; } .tag .delete.is-success, .tag.is-delete.is-success, .tag.has-delete-icon.is-success { background: hsl(153, 53%, 53%); } .tag .delete.is-success:hover, .tag.is-delete.is-success:hover, .tag.has-delete-icon.is-success:hover { background-color: hsl(153, 53%, 43%); text-decoration: none; } .tag .delete.is-warning, .tag.is-delete.is-warning, .tag.has-delete-icon.is-warning { background: hsl(44, 100%, 77%); } .tag .delete.is-warning:hover, .tag.is-delete.is-warning:hover, .tag.has-delete-icon.is-warning:hover { background-color: hsl(44, 100%, 67%); text-decoration: none; } .tag .delete.is-danger, .tag.is-delete.is-danger, .tag.has-delete-icon.is-danger { background: hsl(348, 86%, 61%); } .tag .delete.is-danger:hover, .tag.is-delete.is-danger:hover, .tag.has-delete-icon.is-danger:hover { background-color: hsl(348, 86%, 51%); text-decoration: none; } .tag .delete.is-twitter, .tag.is-delete.is-twitter, .tag.has-delete-icon.is-twitter { background: #4099FF; } .tag .delete.is-twitter:hover, .tag.is-delete.is-twitter:hover, .tag.has-delete-icon.is-twitter:hover { background-color: rgb(13, 125.7643979058, 255); text-decoration: none; } .tag.has-delete-icon { padding: 0px; } .tag.has-delete-icon .icon:first-child:not(:last-child) { margin-right: 0px; margin-left: 0px; } .taginput .taginput-container { display: flex; } .taginput .taginput-container.is-focusable { padding-bottom: 0; padding-top: calc(0.275em - 1px); padding-left: 0; padding-right: 0; align-items: center; flex-wrap: wrap; justify-content: flex-start; height: auto; cursor: text; } .taginput .taginput-container:not(.is-focusable) { align-items: center; flex-wrap: wrap; justify-content: flex-start; height: auto; } .taginput .taginput-container:not(.is-focusable).is-small { border-radius: 2px; font-size: 0.75rem; } .taginput .taginput-container:not(.is-focusable).is-medium { font-size: 1.25rem; } .taginput .taginput-container:not(.is-focusable).is-large { font-size: 1.5rem; } .taginput .taginput-container > .tag, .taginput .taginput-container > .tags { margin-left: 0.275rem; margin-bottom: calc(0.275em - 1px); font-size: 0.9em; height: calc(2em - 1px); } .taginput .taginput-container > .tag .tag, .taginput .taginput-container > .tags .tag { margin-bottom: 0; font-size: 0.9em; height: calc(2em - 1px); } .taginput .taginput-container > .tag .tag.is-delete, .taginput .taginput-container > .tags .tag.is-delete { width: calc(2em - 1px); } .taginput .taginput-container .autocomplete { position: static; flex: 1; } .taginput .taginput-container .autocomplete input { height: calc(2em - 1px); margin-bottom: calc(0.275em - 1px); padding-top: 0; padding-bottom: 0; border: none; box-shadow: none; min-width: 8em; } .taginput .taginput-container .autocomplete input:focus { box-shadow: none !important; } .taginput .taginput-container .autocomplete .icon { height: calc(2em - 1px); } .taginput .taginput-container .autocomplete > .control.is-loading::after { top: 0.375em; } .timepicker .dropdown-menu { min-width: 0; } .timepicker .dropdown, .timepicker .dropdown-trigger { width: 100%; } .timepicker .dropdown .input[readonly], .timepicker .dropdown [readonly].form__input, .timepicker .dropdown .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .timepicker .dropdown input[readonly]#login_captcha, .timepicker .dropdown .dataTables_filter input[readonly], .dataTables_filter .timepicker .dropdown input[readonly], .timepicker .dropdown .dataTables_length label select[readonly], .dataTables_length label .timepicker .dropdown select[readonly], .timepicker .dropdown .dataTable thead th input[readonly]:not([type=checkbox]), .timepicker .dropdown .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .timepicker .dropdown input[readonly]:not([type=checkbox]), .table thead th .timepicker .dropdown input[readonly]:not([type=checkbox]), .timepicker .dropdown .modal .modal__body input[readonly], .modal .modal__body .timepicker .dropdown input[readonly], .timepicker .dropdown .modal .modal__body select[readonly], .modal .modal__body .timepicker .dropdown select[readonly], .timepicker .dropdown [readonly].datepicker:not(.control), .timepicker .dropdown-trigger .input[readonly], .timepicker .dropdown-trigger [readonly].form__input, .timepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha, .auth-wrapper .timepicker .dropdown-trigger input[readonly]#login_captcha, .timepicker .dropdown-trigger .dataTables_filter input[readonly], .dataTables_filter .timepicker .dropdown-trigger input[readonly], .timepicker .dropdown-trigger .dataTables_length label select[readonly], .dataTables_length label .timepicker .dropdown-trigger select[readonly], .timepicker .dropdown-trigger .dataTable thead th input[readonly]:not([type=checkbox]), .timepicker .dropdown-trigger .table thead th input[readonly]:not([type=checkbox]), .dataTable thead th .timepicker .dropdown-trigger input[readonly]:not([type=checkbox]), .table thead th .timepicker .dropdown-trigger input[readonly]:not([type=checkbox]), .timepicker .dropdown-trigger .modal .modal__body input[readonly], .modal .modal__body .timepicker .dropdown-trigger input[readonly], .timepicker .dropdown-trigger .modal .modal__body select[readonly], .modal .modal__body .timepicker .dropdown-trigger select[readonly], .timepicker .dropdown-trigger [readonly].datepicker:not(.control) { cursor: pointer; box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05); } .timepicker .dropdown .input[readonly]:focus, .timepicker .dropdown [readonly].form__input:focus, .timepicker .dropdown .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .timepicker .dropdown input[readonly]#login_captcha:focus, .timepicker .dropdown .dataTables_filter input[readonly]:focus, .dataTables_filter .timepicker .dropdown input[readonly]:focus, .timepicker .dropdown .dataTables_length label select[readonly]:focus, .dataTables_length label .timepicker .dropdown select[readonly]:focus, .timepicker .dropdown .dataTable thead th input[readonly]:focus:not([type=checkbox]), .timepicker .dropdown .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .timepicker .dropdown input[readonly]:focus:not([type=checkbox]), .table thead th .timepicker .dropdown input[readonly]:focus:not([type=checkbox]), .timepicker .dropdown .modal .modal__body input[readonly]:focus, .modal .modal__body .timepicker .dropdown input[readonly]:focus, .timepicker .dropdown .modal .modal__body select[readonly]:focus, .modal .modal__body .timepicker .dropdown select[readonly]:focus, .timepicker .dropdown [readonly].datepicker:focus:not(.control), .timepicker .dropdown .input[readonly].is-focused, .timepicker .dropdown [readonly].is-focused.form__input, .timepicker .dropdown .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .timepicker .dropdown input[readonly].is-focused#login_captcha, .timepicker .dropdown .dataTables_filter input[readonly].is-focused, .dataTables_filter .timepicker .dropdown input[readonly].is-focused, .timepicker .dropdown .dataTables_length label select[readonly].is-focused, .dataTables_length label .timepicker .dropdown select[readonly].is-focused, .timepicker .dropdown .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .timepicker .dropdown .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .timepicker .dropdown input[readonly].is-focused:not([type=checkbox]), .table thead th .timepicker .dropdown input[readonly].is-focused:not([type=checkbox]), .timepicker .dropdown .modal .modal__body input[readonly].is-focused, .modal .modal__body .timepicker .dropdown input[readonly].is-focused, .timepicker .dropdown .modal .modal__body select[readonly].is-focused, .modal .modal__body .timepicker .dropdown select[readonly].is-focused, .timepicker .dropdown [readonly].is-focused.datepicker:not(.control), .timepicker .dropdown .input[readonly]:active, .timepicker .dropdown [readonly].form__input:active, .timepicker .dropdown .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .timepicker .dropdown input[readonly]#login_captcha:active, .timepicker .dropdown .dataTables_filter input[readonly]:active, .dataTables_filter .timepicker .dropdown input[readonly]:active, .timepicker .dropdown .dataTables_length label select[readonly]:active, .dataTables_length label .timepicker .dropdown select[readonly]:active, .timepicker .dropdown .dataTable thead th input[readonly]:active:not([type=checkbox]), .timepicker .dropdown .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .timepicker .dropdown input[readonly]:active:not([type=checkbox]), .table thead th .timepicker .dropdown input[readonly]:active:not([type=checkbox]), .timepicker .dropdown .modal .modal__body input[readonly]:active, .modal .modal__body .timepicker .dropdown input[readonly]:active, .timepicker .dropdown .modal .modal__body select[readonly]:active, .modal .modal__body .timepicker .dropdown select[readonly]:active, .timepicker .dropdown [readonly].datepicker:active:not(.control), .timepicker .dropdown .input[readonly].is-active, .timepicker .dropdown [readonly].is-active.form__input, .timepicker .dropdown .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .timepicker .dropdown input[readonly].is-active#login_captcha, .timepicker .dropdown .dataTables_filter input[readonly].is-active, .dataTables_filter .timepicker .dropdown input[readonly].is-active, .timepicker .dropdown .dataTables_length label select[readonly].is-active, .dataTables_length label .timepicker .dropdown select[readonly].is-active, .timepicker .dropdown .dataTable thead th input[readonly].is-active:not([type=checkbox]), .timepicker .dropdown .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .timepicker .dropdown input[readonly].is-active:not([type=checkbox]), .table thead th .timepicker .dropdown input[readonly].is-active:not([type=checkbox]), .timepicker .dropdown .modal .modal__body input[readonly].is-active, .modal .modal__body .timepicker .dropdown input[readonly].is-active, .timepicker .dropdown .modal .modal__body select[readonly].is-active, .modal .modal__body .timepicker .dropdown select[readonly].is-active, .timepicker .dropdown [readonly].is-active.datepicker:not(.control), .timepicker .dropdown-trigger .input[readonly]:focus, .timepicker .dropdown-trigger [readonly].form__input:focus, .timepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:focus, .auth-wrapper .timepicker .dropdown-trigger input[readonly]#login_captcha:focus, .timepicker .dropdown-trigger .dataTables_filter input[readonly]:focus, .dataTables_filter .timepicker .dropdown-trigger input[readonly]:focus, .timepicker .dropdown-trigger .dataTables_length label select[readonly]:focus, .dataTables_length label .timepicker .dropdown-trigger select[readonly]:focus, .timepicker .dropdown-trigger .dataTable thead th input[readonly]:focus:not([type=checkbox]), .timepicker .dropdown-trigger .table thead th input[readonly]:focus:not([type=checkbox]), .dataTable thead th .timepicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .table thead th .timepicker .dropdown-trigger input[readonly]:focus:not([type=checkbox]), .timepicker .dropdown-trigger .modal .modal__body input[readonly]:focus, .modal .modal__body .timepicker .dropdown-trigger input[readonly]:focus, .timepicker .dropdown-trigger .modal .modal__body select[readonly]:focus, .modal .modal__body .timepicker .dropdown-trigger select[readonly]:focus, .timepicker .dropdown-trigger [readonly].datepicker:focus:not(.control), .timepicker .dropdown-trigger .input[readonly].is-focused, .timepicker .dropdown-trigger [readonly].is-focused.form__input, .timepicker .dropdown-trigger .auth-wrapper input[readonly].is-focused#login_captcha, .auth-wrapper .timepicker .dropdown-trigger input[readonly].is-focused#login_captcha, .timepicker .dropdown-trigger .dataTables_filter input[readonly].is-focused, .dataTables_filter .timepicker .dropdown-trigger input[readonly].is-focused, .timepicker .dropdown-trigger .dataTables_length label select[readonly].is-focused, .dataTables_length label .timepicker .dropdown-trigger select[readonly].is-focused, .timepicker .dropdown-trigger .dataTable thead th input[readonly].is-focused:not([type=checkbox]), .timepicker .dropdown-trigger .table thead th input[readonly].is-focused:not([type=checkbox]), .dataTable thead th .timepicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .table thead th .timepicker .dropdown-trigger input[readonly].is-focused:not([type=checkbox]), .timepicker .dropdown-trigger .modal .modal__body input[readonly].is-focused, .modal .modal__body .timepicker .dropdown-trigger input[readonly].is-focused, .timepicker .dropdown-trigger .modal .modal__body select[readonly].is-focused, .modal .modal__body .timepicker .dropdown-trigger select[readonly].is-focused, .timepicker .dropdown-trigger [readonly].is-focused.datepicker:not(.control), .timepicker .dropdown-trigger .input[readonly]:active, .timepicker .dropdown-trigger [readonly].form__input:active, .timepicker .dropdown-trigger .auth-wrapper input[readonly]#login_captcha:active, .auth-wrapper .timepicker .dropdown-trigger input[readonly]#login_captcha:active, .timepicker .dropdown-trigger .dataTables_filter input[readonly]:active, .dataTables_filter .timepicker .dropdown-trigger input[readonly]:active, .timepicker .dropdown-trigger .dataTables_length label select[readonly]:active, .dataTables_length label .timepicker .dropdown-trigger select[readonly]:active, .timepicker .dropdown-trigger .dataTable thead th input[readonly]:active:not([type=checkbox]), .timepicker .dropdown-trigger .table thead th input[readonly]:active:not([type=checkbox]), .dataTable thead th .timepicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .table thead th .timepicker .dropdown-trigger input[readonly]:active:not([type=checkbox]), .timepicker .dropdown-trigger .modal .modal__body input[readonly]:active, .modal .modal__body .timepicker .dropdown-trigger input[readonly]:active, .timepicker .dropdown-trigger .modal .modal__body select[readonly]:active, .modal .modal__body .timepicker .dropdown-trigger select[readonly]:active, .timepicker .dropdown-trigger [readonly].datepicker:active:not(.control), .timepicker .dropdown-trigger .input[readonly].is-active, .timepicker .dropdown-trigger [readonly].is-active.form__input, .timepicker .dropdown-trigger .auth-wrapper input[readonly].is-active#login_captcha, .auth-wrapper .timepicker .dropdown-trigger input[readonly].is-active#login_captcha, .timepicker .dropdown-trigger .dataTables_filter input[readonly].is-active, .dataTables_filter .timepicker .dropdown-trigger input[readonly].is-active, .timepicker .dropdown-trigger .dataTables_length label select[readonly].is-active, .dataTables_length label .timepicker .dropdown-trigger select[readonly].is-active, .timepicker .dropdown-trigger .dataTable thead th input[readonly].is-active:not([type=checkbox]), .timepicker .dropdown-trigger .table thead th input[readonly].is-active:not([type=checkbox]), .dataTable thead th .timepicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .table thead th .timepicker .dropdown-trigger input[readonly].is-active:not([type=checkbox]), .timepicker .dropdown-trigger .modal .modal__body input[readonly].is-active, .modal .modal__body .timepicker .dropdown-trigger input[readonly].is-active, .timepicker .dropdown-trigger .modal .modal__body select[readonly].is-active, .modal .modal__body .timepicker .dropdown-trigger select[readonly].is-active, .timepicker .dropdown-trigger [readonly].is-active.datepicker:not(.control) { box-shadow: 0 0 0 0.125em rgba(71.6295, 94.92035, 198.6705, 0.25); } .timepicker .dropdown.is-disabled { opacity: 1; } .timepicker .dropdown-item, .timepicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .timepicker a { font-size: inherit; padding: 0; } .timepicker .timepicker-footer { padding: 0 0.5rem 0 0.5rem; } .timepicker .dropdown-content .control { font-size: 1.25em; margin-right: 0 !important; } .timepicker .dropdown-content .control .select select { font-weight: 600; padding-right: calc(0.75em - 1px); border: 0; } .timepicker .dropdown-content .control .select select option:disabled { color: rgba(122.4, 122.4, 122.4, 0.7); } .timepicker .dropdown-content .control .select:after { display: none; } .timepicker .dropdown-content .control.is-colon { font-size: 1.7em; line-height: 1.7em; } .timepicker .dropdown-content .control.is-colon:last-child { padding-right: calc(0.75em - 1px); } .timepicker.is-small { border-radius: 2px; font-size: 0.75rem; } .timepicker.is-medium { font-size: 1.25rem; } .timepicker.is-large { font-size: 1.5rem; } .b-tooltip.is-top .tooltip-content { top: auto; right: auto; bottom: calc(100% + 6px + 2px); left: 50%; transform: translateX(-50%); } .b-tooltip.is-top .tooltip-content::before { top: 100%; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); border-top: 6px solid #25A18E; border-right: 6px solid transparent; border-left: 6px solid transparent; } .b-tooltip.is-top.is-white .tooltip-content::before { border-top-color: #fefefe; } .b-tooltip.is-top.is-black .tooltip-content::before { border-top-color: hsl(0, 0%, 4%); } .b-tooltip.is-top.is-light .tooltip-content::before { border-top-color: hsl(0, 0%, 96%); } .b-tooltip.is-top.is-dark .tooltip-content::before { border-top-color: hsl(0, 0%, 21%); } .b-tooltip.is-top.is-primary .tooltip-content::before { border-top-color: #25A18E; } .b-tooltip.is-top.is-info .tooltip-content::before { border-top-color: hsl(207, 61%, 53%); } .b-tooltip.is-top.is-success .tooltip-content::before { border-top-color: hsl(153, 53%, 53%); } .b-tooltip.is-top.is-warning .tooltip-content::before { border-top-color: hsl(44, 100%, 77%); } .b-tooltip.is-top.is-danger .tooltip-content::before { border-top-color: hsl(348, 86%, 61%); } .b-tooltip.is-top.is-twitter .tooltip-content::before { border-top-color: #4099FF; } .b-tooltip.is-right .tooltip-content { top: 50%; right: auto; bottom: auto; left: calc(100% + 6px + 2px); transform: translateY(-50%); } .b-tooltip.is-right .tooltip-content::before { top: 50%; right: 100%; bottom: auto; left: auto; transform: translateY(-50%); border-top: 6px solid transparent; border-right: 6px solid #25A18E; border-bottom: 6px solid transparent; } .b-tooltip.is-right.is-white .tooltip-content::before { border-right-color: #fefefe; } .b-tooltip.is-right.is-black .tooltip-content::before { border-right-color: hsl(0, 0%, 4%); } .b-tooltip.is-right.is-light .tooltip-content::before { border-right-color: hsl(0, 0%, 96%); } .b-tooltip.is-right.is-dark .tooltip-content::before { border-right-color: hsl(0, 0%, 21%); } .b-tooltip.is-right.is-primary .tooltip-content::before { border-right-color: #25A18E; } .b-tooltip.is-right.is-info .tooltip-content::before { border-right-color: hsl(207, 61%, 53%); } .b-tooltip.is-right.is-success .tooltip-content::before { border-right-color: hsl(153, 53%, 53%); } .b-tooltip.is-right.is-warning .tooltip-content::before { border-right-color: hsl(44, 100%, 77%); } .b-tooltip.is-right.is-danger .tooltip-content::before { border-right-color: hsl(348, 86%, 61%); } .b-tooltip.is-right.is-twitter .tooltip-content::before { border-right-color: #4099FF; } .b-tooltip.is-bottom .tooltip-content { top: calc(100% + 6px + 2px); right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } .b-tooltip.is-bottom .tooltip-content::before { top: auto; right: auto; bottom: 100%; left: 50%; transform: translateX(-50%); border-right: 6px solid transparent; border-bottom: 6px solid #25A18E; border-left: 6px solid transparent; } .b-tooltip.is-bottom.is-white .tooltip-content::before { border-bottom-color: #fefefe; } .b-tooltip.is-bottom.is-black .tooltip-content::before { border-bottom-color: hsl(0, 0%, 4%); } .b-tooltip.is-bottom.is-light .tooltip-content::before { border-bottom-color: hsl(0, 0%, 96%); } .b-tooltip.is-bottom.is-dark .tooltip-content::before { border-bottom-color: hsl(0, 0%, 21%); } .b-tooltip.is-bottom.is-primary .tooltip-content::before { border-bottom-color: #25A18E; } .b-tooltip.is-bottom.is-info .tooltip-content::before { border-bottom-color: hsl(207, 61%, 53%); } .b-tooltip.is-bottom.is-success .tooltip-content::before { border-bottom-color: hsl(153, 53%, 53%); } .b-tooltip.is-bottom.is-warning .tooltip-content::before { border-bottom-color: hsl(44, 100%, 77%); } .b-tooltip.is-bottom.is-danger .tooltip-content::before { border-bottom-color: hsl(348, 86%, 61%); } .b-tooltip.is-bottom.is-twitter .tooltip-content::before { border-bottom-color: #4099FF; } .b-tooltip.is-left .tooltip-content { top: 50%; right: calc(100% + 6px + 2px); bottom: auto; left: auto; transform: translateY(-50%); } .b-tooltip.is-left .tooltip-content::before { top: 50%; right: auto; bottom: auto; left: 100%; transform: translateY(-50%); border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #25A18E; } .b-tooltip.is-left.is-white .tooltip-content::before { border-left-color: #fefefe; } .b-tooltip.is-left.is-black .tooltip-content::before { border-left-color: hsl(0, 0%, 4%); } .b-tooltip.is-left.is-light .tooltip-content::before { border-left-color: hsl(0, 0%, 96%); } .b-tooltip.is-left.is-dark .tooltip-content::before { border-left-color: hsl(0, 0%, 21%); } .b-tooltip.is-left.is-primary .tooltip-content::before { border-left-color: #25A18E; } .b-tooltip.is-left.is-info .tooltip-content::before { border-left-color: hsl(207, 61%, 53%); } .b-tooltip.is-left.is-success .tooltip-content::before { border-left-color: hsl(153, 53%, 53%); } .b-tooltip.is-left.is-warning .tooltip-content::before { border-left-color: hsl(44, 100%, 77%); } .b-tooltip.is-left.is-danger .tooltip-content::before { border-left-color: hsl(348, 86%, 61%); } .b-tooltip.is-left.is-twitter .tooltip-content::before { border-left-color: #4099FF; } .b-tooltip { position: relative; display: inline-flex; } .b-tooltip .tooltip-content { width: auto; padding: 0.35rem 0.75rem; border-radius: 6px; font-size: 0.85rem; font-weight: 400; box-shadow: 0px 1px 2px 1px rgba(0, 1, 0, 0.2); z-index: 38; white-space: nowrap; position: absolute; } .b-tooltip .tooltip-content::before { position: absolute; content: ""; pointer-events: none; z-index: 38; } .b-tooltip .tooltip-trigger { width: 100%; } .b-tooltip.is-white .tooltip-content { background: #fefefe; color: hsl(0, 0%, 4%); } .b-tooltip.is-black .tooltip-content { background: hsl(0, 0%, 4%); color: #fefefe; } .b-tooltip.is-light .tooltip-content { background: hsl(0, 0%, 96%); color: rgba(0, 0, 0, 0.7); } .b-tooltip.is-dark .tooltip-content { background: hsl(0, 0%, 21%); color: #fff; } .b-tooltip.is-primary .tooltip-content { background: #25A18E; color: #fff; } .b-tooltip.is-info .tooltip-content { background: hsl(207, 61%, 53%); color: #fff; } .b-tooltip.is-success .tooltip-content { background: hsl(153, 53%, 53%); color: #fff; } .b-tooltip.is-warning .tooltip-content { background: hsl(44, 100%, 77%); color: rgba(0, 0, 0, 0.7); } .b-tooltip.is-danger .tooltip-content { background: hsl(348, 86%, 61%); color: #fff; } .b-tooltip.is-twitter .tooltip-content { background: #4099FF; color: #fff; } .b-tooltip.is-always .tooltip-content::before, .b-tooltip.is-always .tooltip-content { opacity: 1; visibility: visible; } .b-tooltip.is-multiline .tooltip-content { display: flex-block; text-align: center; white-space: normal; } .b-tooltip.is-multiline.is-small .tooltip-content { width: 180px; } .b-tooltip.is-multiline.is-medium .tooltip-content { width: 240px; } .b-tooltip.is-multiline.is-large .tooltip-content { width: 300px; } .b-tooltip.is-dashed .tooltip-trigger { border-bottom: 1px dashed hsl(0, 0%, 71%); cursor: default; } .b-tooltip.is-square .tooltip-content { border-radius: 0; } .upload { position: relative; display: inline-flex; } .upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; outline: none; cursor: pointer; z-index: -1; } .upload .upload-draggable { cursor: pointer; padding: 0.25em; border: 1px dashed hsl(0, 0%, 71%); border-radius: 6px; } .upload .upload-draggable.is-disabled { opacity: 0.5; cursor: not-allowed; } .upload .upload-draggable.is-loading { position: relative; pointer-events: none; opacity: 0.5; } .upload .upload-draggable.is-loading:after { animation: spinAround 500ms infinite linear; border: 2px solid hsl(0, 0%, 86%); border-radius: 9999px; border-right-color: transparent; border-top-color: transparent; content: ""; display: block; height: 1em; position: relative; width: 1em; top: 0; left: calc(50% - 1.5em); width: 3em; height: 3em; border-width: 0.25em; } .upload .upload-draggable:hover.is-white, .upload .upload-draggable.is-hovered.is-white { border-color: #fefefe; background: rgba(254, 254, 254, 0.05); } .upload .upload-draggable:hover.is-black, .upload .upload-draggable.is-hovered.is-black { border-color: hsl(0, 0%, 4%); background: rgba(10.2, 10.2, 10.2, 0.05); } .upload .upload-draggable:hover.is-light, .upload .upload-draggable.is-hovered.is-light { border-color: hsl(0, 0%, 96%); background: rgba(244.8, 244.8, 244.8, 0.05); } .upload .upload-draggable:hover.is-dark, .upload .upload-draggable.is-hovered.is-dark { border-color: hsl(0, 0%, 21%); background: rgba(53.55, 53.55, 53.55, 0.05); } .upload .upload-draggable:hover.is-primary, .upload .upload-draggable.is-hovered.is-primary { border-color: #25A18E; background: rgba(37, 161, 142, 0.05); } .upload .upload-draggable:hover.is-info, .upload .upload-draggable.is-hovered.is-info { border-color: hsl(207, 61%, 53%); background: rgba(62.0415, 142.46085, 208.2585, 0.05); } .upload .upload-draggable:hover.is-success, .upload .upload-draggable.is-hovered.is-success { border-color: hsl(153, 53%, 53%); background: rgba(71.6295, 198.6705, 141.50205, 0.05); } .upload .upload-draggable:hover.is-warning, .upload .upload-draggable.is-hovered.is-warning { border-color: hsl(44, 100%, 77%); background: rgba(255, 223.72, 137.7, 0.05); } .upload .upload-draggable:hover.is-danger, .upload .upload-draggable.is-hovered.is-danger { border-color: hsl(348, 86%, 61%); background: rgba(241.077, 70.023, 104.2338, 0.05); } .upload .upload-draggable:hover.is-twitter, .upload .upload-draggable.is-hovered.is-twitter { border-color: #4099FF; background: rgba(64, 153, 255, 0.05); } .upload .upload-draggable.is-expanded { width: 100%; } .upload.is-expanded { width: 100%; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .upload input[type=file] { z-index: auto; } .upload .upload-draggable + input[type=file] { z-index: -1; } } .m-0 { margin: 0px !important; } .m-t-0 { margin-top: 0px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-l-0 { margin-left: 0px !important; } .m-r-0 { margin-right: 0px !important; } .p-0 { padding: 0px !important; } .p-t-0 { padding-top: 0px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-l-0 { padding-left: 0px !important; } .p-r-0 { padding-right: 0px !important; } .has-gap-0 { padding: 0px !important; } .m-5 { margin: 5px !important; } .m-t-5 { margin-top: 5px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-l-5 { margin-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } .p-5 { padding: 5px !important; } .p-t-5 { padding-top: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-l-5 { padding-left: 5px !important; } .p-r-5 { padding-right: 5px !important; } .has-gap-2 { padding: 2px !important; } .m-10 { margin: 10px !important; } .m-t-10 { margin-top: 10px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-l-10 { margin-left: 10px !important; } .m-r-10 { margin-right: 10px !important; } .p-10 { padding: 10px !important; } .p-t-10 { padding-top: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-l-10 { padding-left: 10px !important; } .p-r-10 { padding-right: 10px !important; } .has-gap-4 { padding: 4px !important; } .m-15 { margin: 15px !important; } .m-t-15 { margin-top: 15px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-l-15 { margin-left: 15px !important; } .m-r-15 { margin-right: 15px !important; } .p-15 { padding: 15px !important; } .p-t-15 { padding-top: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-l-15 { padding-left: 15px !important; } .p-r-15 { padding-right: 15px !important; } .has-gap-6 { padding: 6px !important; } .m-20 { margin: 20px !important; } .m-t-20 { margin-top: 20px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-l-20 { margin-left: 20px !important; } .m-r-20 { margin-right: 20px !important; } .p-20 { padding: 20px !important; } .p-t-20 { padding-top: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-l-20 { padding-left: 20px !important; } .p-r-20 { padding-right: 20px !important; } .has-gap-8 { padding: 8px !important; } .m-25 { margin: 25px !important; } .m-t-25 { margin-top: 25px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-l-25 { margin-left: 25px !important; } .m-r-25 { margin-right: 25px !important; } .p-25 { padding: 25px !important; } .p-t-25 { padding-top: 25px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-l-25 { padding-left: 25px !important; } .p-r-25 { padding-right: 25px !important; } .has-gap-10 { padding: 10px !important; } .m-30 { margin: 30px !important; } .m-t-30 { margin-top: 30px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-l-30 { margin-left: 30px !important; } .m-r-30 { margin-right: 30px !important; } .p-30 { padding: 30px !important; } .p-t-30 { padding-top: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-l-30 { padding-left: 30px !important; } .p-r-30 { padding-right: 30px !important; } .has-gap-12 { padding: 12px !important; } .m-35 { margin: 35px !important; } .m-t-35 { margin-top: 35px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-l-35 { margin-left: 35px !important; } .m-r-35 { margin-right: 35px !important; } .p-35 { padding: 35px !important; } .p-t-35 { padding-top: 35px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-l-35 { padding-left: 35px !important; } .p-r-35 { padding-right: 35px !important; } .has-gap-14 { padding: 14px !important; } .m-40 { margin: 40px !important; } .m-t-40 { margin-top: 40px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-l-40 { margin-left: 40px !important; } .m-r-40 { margin-right: 40px !important; } .p-40 { padding: 40px !important; } .p-t-40 { padding-top: 40px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-l-40 { padding-left: 40px !important; } .p-r-40 { padding-right: 40px !important; } .has-gap-16 { padding: 16px !important; } .m-45 { margin: 45px !important; } .m-t-45 { margin-top: 45px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-l-45 { margin-left: 45px !important; } .m-r-45 { margin-right: 45px !important; } .p-45 { padding: 45px !important; } .p-t-45 { padding-top: 45px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-l-45 { padding-left: 45px !important; } .p-r-45 { padding-right: 45px !important; } .has-gap-18 { padding: 18px !important; } .m-50 { margin: 50px !important; } .m-t-50 { margin-top: 50px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-l-50 { margin-left: 50px !important; } .m-r-50 { margin-right: 50px !important; } .p-50 { padding: 50px !important; } .p-t-50 { padding-top: 50px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-l-50 { padding-left: 50px !important; } .p-r-50 { padding-right: 50px !important; } .has-gap-20 { padding: 20px !important; } .m-55 { margin: 55px !important; } .m-t-55 { margin-top: 55px !important; } .m-b-55 { margin-bottom: 55px !important; } .m-l-55 { margin-left: 55px !important; } .m-r-55 { margin-right: 55px !important; } .p-55 { padding: 55px !important; } .p-t-55 { padding-top: 55px !important; } .p-b-55 { padding-bottom: 55px !important; } .p-l-55 { padding-left: 55px !important; } .p-r-55 { padding-right: 55px !important; } .has-gap-22 { padding: 22px !important; } .m-60 { margin: 60px !important; } .m-t-60 { margin-top: 60px !important; } .m-b-60 { margin-bottom: 60px !important; } .m-l-60 { margin-left: 60px !important; } .m-r-60 { margin-right: 60px !important; } .p-60 { padding: 60px !important; } .p-t-60 { padding-top: 60px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-l-60 { padding-left: 60px !important; } .p-r-60 { padding-right: 60px !important; } .has-gap-24 { padding: 24px !important; } .m-65 { margin: 65px !important; } .m-t-65 { margin-top: 65px !important; } .m-b-65 { margin-bottom: 65px !important; } .m-l-65 { margin-left: 65px !important; } .m-r-65 { margin-right: 65px !important; } .p-65 { padding: 65px !important; } .p-t-65 { padding-top: 65px !important; } .p-b-65 { padding-bottom: 65px !important; } .p-l-65 { padding-left: 65px !important; } .p-r-65 { padding-right: 65px !important; } .has-gap-26 { padding: 26px !important; } .m-70 { margin: 70px !important; } .m-t-70 { margin-top: 70px !important; } .m-b-70 { margin-bottom: 70px !important; } .m-l-70 { margin-left: 70px !important; } .m-r-70 { margin-right: 70px !important; } .p-70 { padding: 70px !important; } .p-t-70 { padding-top: 70px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-l-70 { padding-left: 70px !important; } .p-r-70 { padding-right: 70px !important; } .has-gap-28 { padding: 28px !important; } .m-75 { margin: 75px !important; } .m-t-75 { margin-top: 75px !important; } .m-b-75 { margin-bottom: 75px !important; } .m-l-75 { margin-left: 75px !important; } .m-r-75 { margin-right: 75px !important; } .p-75 { padding: 75px !important; } .p-t-75 { padding-top: 75px !important; } .p-b-75 { padding-bottom: 75px !important; } .p-l-75 { padding-left: 75px !important; } .p-r-75 { padding-right: 75px !important; } .has-gap-30 { padding: 30px !important; } .m-80 { margin: 80px !important; } .m-t-80 { margin-top: 80px !important; } .m-b-80 { margin-bottom: 80px !important; } .m-l-80 { margin-left: 80px !important; } .m-r-80 { margin-right: 80px !important; } .p-80 { padding: 80px !important; } .p-t-80 { padding-top: 80px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-l-80 { padding-left: 80px !important; } .p-r-80 { padding-right: 80px !important; } .has-gap-32 { padding: 32px !important; } .m-85 { margin: 85px !important; } .m-t-85 { margin-top: 85px !important; } .m-b-85 { margin-bottom: 85px !important; } .m-l-85 { margin-left: 85px !important; } .m-r-85 { margin-right: 85px !important; } .p-85 { padding: 85px !important; } .p-t-85 { padding-top: 85px !important; } .p-b-85 { padding-bottom: 85px !important; } .p-l-85 { padding-left: 85px !important; } .p-r-85 { padding-right: 85px !important; } .has-gap-34 { padding: 34px !important; } .m-90 { margin: 90px !important; } .m-t-90 { margin-top: 90px !important; } .m-b-90 { margin-bottom: 90px !important; } .m-l-90 { margin-left: 90px !important; } .m-r-90 { margin-right: 90px !important; } .p-90 { padding: 90px !important; } .p-t-90 { padding-top: 90px !important; } .p-b-90 { padding-bottom: 90px !important; } .p-l-90 { padding-left: 90px !important; } .p-r-90 { padding-right: 90px !important; } .has-gap-36 { padding: 36px !important; } .m-95 { margin: 95px !important; } .m-t-95 { margin-top: 95px !important; } .m-b-95 { margin-bottom: 95px !important; } .m-l-95 { margin-left: 95px !important; } .m-r-95 { margin-right: 95px !important; } .p-95 { padding: 95px !important; } .p-t-95 { padding-top: 95px !important; } .p-b-95 { padding-bottom: 95px !important; } .p-l-95 { padding-left: 95px !important; } .p-r-95 { padding-right: 95px !important; } .has-gap-38 { padding: 38px !important; } .m-100 { margin: 100px !important; } .m-t-100 { margin-top: 100px !important; } .m-b-100 { margin-bottom: 100px !important; } .m-l-100 { margin-left: 100px !important; } .m-r-100 { margin-right: 100px !important; } .p-100 { padding: 100px !important; } .p-t-100 { padding-top: 100px !important; } .p-b-100 { padding-bottom: 100px !important; } .p-l-100 { padding-left: 100px !important; } .p-r-100 { padding-right: 100px !important; } .has-gap-40 { padding: 40px !important; } html { height: 100%; } body { min-height: calc(100vh - 50px); } .off-canvas-content { margin-top: 48px; margin-left: 48px; } @media (min-resolution: 215dpi) { .off-canvas-content { margin-top: 42px; margin-left: 42px; } } @media (max-width: 68rem) { .off-canvas-content { margin-left: 0; } } @media (max-width: 48rem) { .off-canvas-content { margin-top: 3.5rem; } } @media print { .off-canvas-content { margin: 0; } } .container { padding-bottom: 1.5rem; margin-bottom: 3rem; } .container--medium { padding: 0 5rem; } @media (min-width: 80rem) { .container--medium { padding: 0; max-width: 61.75rem; width: 61.75rem; } } @media (max-width: 68rem) { .container--medium { padding: 0 2.5rem; max-width: unset; width: unset; } } @media (max-width: 48rem) { .container--medium { padding: 0 0.75rem; } } .container--small { padding: 0 11.25rem; } @media (max-width: 68rem) { .container--small { padding: 0 5.625rem; } } @media (max-width: 48rem) { .container--small { padding: 0 1.875rem; } } .container--big { padding: 0 25rem; margin: 0; max-width: 100%; width: 100%; } .container--full-width { padding: 0; margin: 0; max-width: 100%; width: 100%; } .columns { margin: 0; } .columns .column { padding: 6px; } @media (min-resolution: 215dpi) { .columns .column { padding: 0.25rem; } } .columns:last-child { margin-bottom: 0; } @media (max-width: 48rem) { .columns.is-gapless-mobile { margin: 0.75rem 0; } .columns.is-gapless-mobile > .column { margin: 0; padding: 0 !important; } } .columns.is-nested { margin: 0; } @media (min-width: 48.0625rem) { .columns.is-nested .left-column { padding-left: 0; } .columns.is-nested .right-column { padding-right: 0; } } @media (max-width: 48rem) { .columns.is-nested:not(.is-mobile) .column { padding-left: 0; padding-right: 0; } } .section.has-fixed-top { position: fixed; top: 0; left: 0; width: 100%; padding: 0; z-index: 600; box-shadow: 0 0.125rem 0.375rem rgba(0, 0, 0, 0.16); } .divider { margin: 1.875rem auto; width: 70%; border-top: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .ellipsis-wrapper { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap !important; } .is-fullheight { height: 100%; } .is-flex-direction-row { flex-direction: row; } .is-flex-direction-column { flex-direction: column; } .is-justify-content-center { justify-content: center; } .is-justify-content-space-between { justify-content: space-between; } .is-justify-content-flex-end { justify-content: flex-end; } .is-align-items-center { align-items: center; } .is-align-items-end { align-items: flex-end; } .is-align-items-flex-end { align-items: flex-end; } .column.is-1-5 { flex: none; width: 12.5%; } @media screen and (min-width: 1024px) { .column.is-1-5-desktop { flex: none; width: 12.5%; } } .column.is-2-5 { flex: none; width: 20.85%; } @media screen and (min-width: 1024px) { .column.is-2-5-desktop { flex: none; width: 20.85%; } } @media screen and (min-width: 1216px) { .column.is-2-5-widescreen { flex: none; width: 20.85%; } } @font-face { font-family: "Montserrat"; src: url(/build/Montserrat-Light.100b38fa184634fc89bd07a84453992c.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(/build/Montserrat-Regular.9c46095118380d38f12e67c916b427f9.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; src: url(/build/Montserrat-SemiBold.c88cecbffad6d8e731fd95de49561ebd.ttf) format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: "foundation-icons"; src: url(/build/foundation-icons.92827f088b9eda87169bdc2b9888ce52.eot); src: url(/build/foundation-icons.92827f088b9eda87169bdc2b9888ce52.eot) format("embedded-opentype"), url(/build/foundation-icons.a188c2f768ce5033d3f5d47be7280e25.woff) format("woff"), url(/build/foundation-icons.e20945d7c929279ef7a6f1db184a4470.ttf) format("truetype"), url(/build/./images/foundation-icons.svg) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "os-icons"; src: url(/build/os-icons.1ea36f24d523c0baddc8d41caef2fa5e.eot); src: url(/build/os-icons.1ea36f24d523c0baddc8d41caef2fa5e.eot) format("embedded-opentype"), url(/build/os-icons.6ddeed569c5535859f6232ccde028910.woff) format("woff"), url(/build/os-icons.0d441cb158e352f5423a0cb117e4aa01.ttf) format("truetype"), url(/build/./images/os-icons.svg) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "drupal-icons"; src: url(/build/icomoon.73fee33d7b67980e132306176b3e6f37.eot); src: url(/build/icomoon.73fee33d7b67980e132306176b3e6f37.eot) format("embedded-opentype"), url(/build/icomoon.3e1208094619ca608605ec2413a92a37.woff) format("woff"), url(/build/icomoon.bd4682097c22d31ed96e6ad6f12f1bd5.ttf) format("truetype"), url(/build/./images/icomoon.svg) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "feather-icons"; src: url(/build/icomoon.e74c1bdb1ca5493d3cea9e08b17dadf3.eot); src: url(/build/icomoon.e74c1bdb1ca5493d3cea9e08b17dadf3.eot) format("embedded-opentype"), url(/build/icomoon.6f83bc701e5130c0f486825b57f2e802.woff) format("woff"), url(/build/icomoon.f184f40473d2cf66952753521252da4d.ttf) format("truetype"), url(/build/./images/icomoon.svg) format("svg"); font-weight: normal; font-style: normal; } body { font-family: "Montserrat"; font-size: 14px; } @media (min-resolution: 215dpi) { body { font-size: 12px; } } h1 { font-family: "Montserrat"; font-size: 2rem; font-weight: 300; line-height: 2.375rem; color: #282A2A; margin-bottom: 0.5rem; } h2 { font-family: "Montserrat"; font-size: 1.5rem; font-weight: 400; line-height: 1.875rem; color: #282A2A; margin-bottom: 0.5rem; } h3 { font-family: "Montserrat"; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; color: #282A2A; margin-bottom: 0.25rem; } @media (min-resolution: 215dpi) { h3 { font-size: 16px; } } p { font-family: "Montserrat"; font-size: 14px; font-weight: 300; line-height: 1.5rem; color: #282A2A; } @media (min-resolution: 215dpi) { p { font-size: 12px; } } p.is-danger, p.is-alert { color: #D04725; } p.is-success { color: #25A18E; } strong { font-weight: 600; } a, a:visited { font-family: "Montserrat"; font-size: 0.875rem; font-weight: 600; line-height: 1.5rem; color: #282A2A; transition: color 0.3s ease; } a:hover, a:active, a:visited:hover, a:visited:active { color: #25A18E; } ul, dl { font-family: "Montserrat"; font-size: 0.875rem; font-weight: 300; line-height: 1.5rem; color: #282A2A; margin-left: 0; } dl dt { margin-bottom: 0.25rem; font-weight: 400; } dl dd { margin-bottom: 0.75rem; } .text.is-lead { font-size: 1.25rem; } .text.is-white { color: #fefefe; } .text.is-alert { color: #D04725; } span.is-success { color: #25A18E; } span.is-alert { color: #D04725; } .has-text-danger { color: #D04725 !important; } .is-info { font-size: 0.75rem; } .help.is-danger { color: #D04725; font-weight: 400; } .gradient-icon-wrapper { display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #25A18E 0%, #174A8C 100%); border-radius: 50%; padding: 10px; } .gradient-icon-wrapper svg, .gradient-icon-wrapper path, .gradient-icon-wrapper line { stroke: #ffffff; } [class^=os-icon-]:before, [class*=" os-icon-"]:before { font-family: "os-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fi-address-book:before, .fi-alert:before, .fi-align-center:before, .fi-align-justify:before, .fi-align-left:before, .fi-align-right:before, .fi-anchor:before, .fi-annotate:before, .fi-archive:before, .fi-arrow-down:before, .fi-arrow-left:before, .fi-arrow-right:before, .fi-arrow-up:before, .fi-arrows-compress:before, .fi-arrows-expand:before, .fi-arrows-in:before, .fi-arrows-out:before, .fi-asl:before, .fi-asterisk:before, .fi-at-sign:before, .fi-background-color:before, .fi-battery-empty:before, .fi-battery-full:before, .fi-battery-half:before, .fi-bitcoin-circle:before, .fi-bitcoin:before, .fi-blind:before, .fi-bluetooth:before, .fi-bold:before, .fi-book-bookmark:before, .fi-book:before, .fi-bookmark:before, .fi-braille:before, .fi-burst-new:before, .fi-burst-sale:before, .fi-burst:before, .fi-calendar:before, .fi-camera:before, .fi-check:before, .fi-checkbox:before, .fi-clipboard-notes:before, .fi-clipboard-pencil:before, .fi-clipboard:before, .fi-clock:before, .fi-closed-caption:before, .fi-cloud:before, .fi-comment-minus:before, .fi-comment-quotes:before, .fi-comment-video:before, .fi-comment:before, .fi-comments:before, .fi-compass:before, .fi-contrast:before, .fi-credit-card:before, .fi-crop:before, .fi-crown:before, .fi-css3:before, .fi-database:before, .fi-die-five:before, .fi-die-four:before, .fi-die-one:before, .fi-die-six:before, .fi-die-three:before, .fi-die-two:before, .fi-dislike:before, .fi-dollar-bill:before, .fi-dollar:before, .fi-download:before, .fi-eject:before, .fi-elevator:before, .fi-euro:before, .fi-eye:before, .fi-fast-forward:before, .fi-female-symbol:before, .fi-female:before, .fi-filter:before, .fi-first-aid:before, .fi-flag:before, .fi-folder-add:before, .fi-folder-lock:before, .fi-folder:before, .fi-foot:before, .fi-foundation:before, .fi-graph-bar:before, .fi-graph-horizontal:before, .fi-graph-pie:before, .fi-graph-trend:before, .fi-guide-dog:before, .fi-hearing-aid:before, .fi-heart:before, .fi-home:before, .fi-html5:before, .fi-indent-less:before, .fi-indent-more:before, .fi-info:before, .fi-italic:before, .fi-key:before, .fi-laptop:before, .fi-layout:before, .fi-lightbulb:before, .fi-like:before, .fi-link:before, .fi-list-bullet:before, .fi-list-number:before, .fi-list-thumbnails:before, .fi-list:before, .fi-lock:before, .fi-loop:before, .fi-magnifying-glass:before, .fi-mail:before, .fi-male-female:before, .fi-male-symbol:before, .fi-male:before, .fi-map:before, .fi-marker:before, .fi-megaphone:before, .fi-microphone:before, .fi-minus-circle:before, .fi-minus:before, .fi-mobile-signal:before, .fi-mobile:before, .fi-monitor:before, .fi-mountains:before, .fi-music:before, .fi-next:before, .fi-no-dogs:before, .fi-no-smoking:before, .fi-page-add:before, .fi-page-copy:before, .fi-page-csv:before, .fi-page-delete:before, .fi-page-doc:before, .fi-page-edit:before, .fi-page-export-csv:before, .fi-page-export-doc:before, .fi-page-export-pdf:before, .fi-page-export:before, .fi-page-filled:before, .fi-page-multiple:before, .fi-page-pdf:before, .fi-page-remove:before, .fi-page-search:before, .fi-page:before, .fi-paint-bucket:before, .fi-paperclip:before, .fi-pause:before, .fi-paw:before, .fi-paypal:before, .fi-pencil:before, .fi-photo:before, .fi-play-circle:before, .fi-play-video:before, .fi-play:before, .fi-plus:before, .fi-pound:before, .fi-power:before, .fi-previous:before, .fi-price-tag:before, .fi-pricetag-multiple:before, .fi-print:before, .fi-prohibited:before, .fi-projection-screen:before, .fi-puzzle:before, .fi-quote:before, .fi-record:before, .fi-refresh:before, .fi-results-demographics:before, .fi-results:before, .fi-rewind-ten:before, .fi-rewind:before, .fi-rss:before, .fi-safety-cone:before, .fi-save:before, .fi-share:before, .fi-sheriff-badge:before, .fi-shield:before, .fi-shopping-bag:before, .fi-shopping-cart:before, .fi-shuffle:before, .fi-skull:before, .fi-social-500px:before, .fi-social-adobe:before, .fi-social-amazon:before, .fi-social-android:before, .fi-social-apple:before, .fi-social-behance:before, .fi-social-bing:before, .fi-social-blogger:before, .fi-social-delicious:before, .fi-social-designer-news:before, .fi-social-deviant-art:before, .fi-social-digg:before, .fi-social-dribbble:before, .fi-social-drive:before, .fi-social-dropbox:before, .fi-social-evernote:before, .fi-social-facebook:before, .fi-social-flickr:before, .fi-social-forrst:before, .fi-social-foursquare:before, .fi-social-game-center:before, .fi-social-github:before, .fi-social-google-plus:before, .fi-social-hacker-news:before, .fi-social-hi5:before, .fi-social-instagram:before, .fi-social-joomla:before, .fi-social-lastfm:before, .fi-social-linkedin:before, .fi-social-medium:before, .fi-social-myspace:before, .fi-social-orkut:before, .fi-social-path:before, .fi-social-picasa:before, .fi-social-pinterest:before, .fi-social-rdio:before, .fi-social-reddit:before, .fi-social-skillshare:before, .fi-social-skype:before, .fi-social-smashing-mag:before, .fi-social-snapchat:before, .fi-social-spotify:before, .fi-social-squidoo:before, .fi-social-stack-overflow:before, .fi-social-steam:before, .fi-social-stumbleupon:before, .fi-social-treehouse:before, .fi-social-tumblr:before, .fi-social-twitter:before, .fi-social-vimeo:before, .fi-social-windows:before, .fi-social-xbox:before, .fi-social-yahoo:before, .fi-social-yelp:before, .fi-social-youtube:before, .fi-social-zerply:before, .fi-social-zurb:before, .fi-sound:before, .fi-star:before, .fi-stop:before, .fi-strikethrough:before, .fi-subscript:before, .fi-superscript:before, .fi-tablet-landscape:before, .fi-tablet-portrait:before, .fi-target-two:before, .fi-target:before, .fi-telephone-accessible:before, .fi-telephone:before, .fi-text-color:before, .fi-thumbnails:before, .fi-ticket:before, .fi-torso-business:before, .fi-torso-female:before, .fi-torso:before, .fi-torsos-all-female:before, .fi-torsos-all:before, .fi-torsos-female-male:before, .fi-torsos-male-female:before, .fi-torsos:before, .fi-trash:before, .fi-trees:before, .fi-trophy:before, .fi-underline:before, .fi-universal-access:before, .fi-unlink:before, .fi-unlock:before, .fi-upload-cloud:before, .fi-upload:before, .fi-usb:before, .fi-video:before, .fi-volume-none:before, .fi-volume-strike:before, .fi-volume:before, .fi-web:before, .fi-wheelchair:before, .fi-widget:before, .fi-wrench:before, .fi-x-circle:before, .fi-x:before, .fi-yen:before, .fi-zoom-in:before, .fi-zoom-out:before { font-family: "foundation-icons"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; margin-right: 0.1875rem; margin-left: 0.1875rem; } .fi-arrow-down:before { content: "\f109"; } .fi-arrow-left:before { content: "\f10a"; } .fi-arrow-right:before { content: "\f10b"; } .fi-arrow-up:before { content: "\f10c"; } .fi-check:before { content: "\f126"; } .fi-download:before { content: "\f143"; } .fi-mail:before { content: "\f16d"; } .fi-plus:before { content: "\f199"; } .fi-unlock:before { content: "\f20a"; } .os-icon-close:before { content: "e"; } .os-icon-check:before { content: "p"; } [class^=drupal-icon-]:before, [class*=" drupal-icon-"]:before, .os-icon-logistics:before, .os-icon-help:before { font-family: "drupal-icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 0.1875rem; margin-left: 0.1875rem; } .drupal-icon-faq:before, .os-icon-help:before { content: "\e91c"; } .drupal-icon-search:before { content: "\e986"; } .drupal-icon-cross:before { content: "\ea0f"; } [class^=feather-icon-]:before, [class*=" feather-icon-"]:before, .os-icon-home:before, .os-icon-cart:before, .os-icon-people:before, .os-icon-profile:before, .os-icon-pie-chart:before, .os-icon-notes:before, .os-icon-wrench:before, .os-icon-finance:before, .os-icon-warehouse:before, .os-icon-reports:before { font-family: "feather-icons" !important; font-style: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 0.1875rem; margin-left: 0.1875rem; } .feather-icon-dollar-sign:before, .os-icon-finance:before { content: "\e902"; } .feather-icon-trash:before { content: "\e911"; } html * :-moz-focusring, body * :-moz-focusring { border: none; outline: none; } html { background-color: unset; overflow-y: unset; overflow-x: unset; } body { min-width: 20rem; background-color: #fafaf9; } @media (min-width: 68.0625rem) { .sticky { position: absolute; } .sticky-top { position: fixed; margin-top: 4.5rem; top: 0; } } .is-vend { align-items: flex-end; } .right-border { border-right: 0.0625rem solid rgb(230.6133333333, 232.8866666667, 232.8866666667); } .top-border { border-top: 0.0625rem solid rgb(230.6133333333, 232.8866666667, 232.8866666667); } .no-border { border: none; } .self-align-top { align-self: flex-start; } .float-right { float: right; } .float-left { float: left; } .p-r-8 { padding-right: 0.5rem !important; } @media print { .is-hidden-print { display: none !important; } } .is-sticky-80 { position: sticky; top: 4.375rem; } .is-sticky-30-b { position: sticky; bottom: 1.875rem; } .is-sticky-b { position: sticky; bottom: 0; } .is-fixed-bottom-right { position: fixed; bottom: 0; right: 0; width: 37.5rem; } .multiselect__tag { background-color: #25A18E; } .multiselect__option--highlight { background-color: #25A18E; } .shadow-right { box-shadow: 8px 0 15px -5px #eeeeee; } .shadow-down { box-shadow: 8px 8px 15px -5px #eeeeee; } .cursor-pointer { cursor: pointer; } .elevation-1, .button:hover:not(.is-text), .ui-datepicker-trigger:hover:not(.is-text), .dataTables_paginate a.paginate_button:hover:not(.is-text), .button:visited:hover:not(.is-text), .ui-datepicker-trigger:visited:hover:not(.is-text) { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) !important; } .elevation-2 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) !important; } .elevation-3 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3) !important; } .elevation-4 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4) !important; } .elevation-5 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5) !important; } .elevation-6 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.6) !important; } .elevation-7 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.7) !important; } .elevation-8 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.8) !important; } .elevation-9 { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.9) !important; } .elevation-10 { box-shadow: 0 5px 15px 0 rgb(0, 0, 0) !important; } .lh-0 { line-height: 0 !important; } .lh-1 { line-height: 8px !important; } .lh-2 { line-height: 16px !important; } .lh-3 { line-height: 24px !important; } .lh-4 { line-height: 32px !important; } .lh-5 { line-height: 40px !important; } .is-justify-content-flex-end { justify-content: flex-end; } .mx-auto { margin: 0 auto; } .is-overflow-visible { overflow: visible !important; } .is-overflow-auto { overflow: auto; } .is-overflow-auto::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .is-overflow-auto::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.5); border-radius: 8px; background-clip: padding-box; } .is-overflow-auto::-webkit-scrollbar { width: 4px; } .is-fullheight { height: 100%; } .is-fullwidth { width: 100%; } .is-relative { position: relative; } .is-absolute { position: absolute; } .has-overflow-visible { overflow: visible !important; } .has-border-left { border-left: 1px solid #dbdbdb; } .is-fullwidth { width: 100%; } .is-hover-success:hover { color: #25A18E; } .is-hover-danger:hover { color: #D04725; } .help-is-hidden .help { display: none; } .help-is-hidden .icon.has-text-danger { display: none; } .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .has-text-green-on-hover:hover { color: #25A18E; } .has-cursor-pointer { cursor: pointer; } .has-text-italic { font-style: italic; } .is-not-clickable { pointer-events: none; } span + div.callout[class*="--alert"] { background-color: #faccd7; border-radius: 0.625rem; } form .callout.callout[class*="--alert"] .close-button { top: 0.5rem; } .animated--100 { -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated--200 { -webkit-animation-duration: 200ms; animation-duration: 200ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated--300 { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated--400 { -webkit-animation-duration: 400ms; animation-duration: 400ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated--100 { -webkit-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .dropdown__action { position: relative; } .dropdown__action.dropdown__action--opens-up .dropdown__action__list { bottom: 100%; border-radius: 4px 4px 0 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .dropdown__action .dropdown__action__loader { position: absolute; z-index: 11; } .dropdown__action .dropdown__action__loader.os-linear-loader { border-top-left-radius: 0.625rem; border-top-right-radius: 0.625rem; } .dropdown__action .dropdown__action__unordered-list { background-color: #25A18E; color: #fefefe; list-style: none; position: relative; border: 0.0625rem solid #25A18E; width: 16.25rem; cursor: pointer; padding: 0; z-index: auto; border-radius: 4px; } .dropdown__action .dropdown__action__unordered-list.dropdown__action__unordered-list--loading { border-top-left-radius: 0; border-top-right-radius: 0; } .dropdown__action .dropdown__action__unordered-list.dropdown__action__unordered-list--opened { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .dropdown__action .dropdown__action__unordered-list .dropdown__list-container { transition: 300ms all ease; } .dropdown__action.is-small .dropdown__action__unordered-list { height: 28px; } .dropdown__action.is-full-width .dropdown__action__unordered-list { width: 100%; } .dropdown__action::-webkit-scrollbar { width: 10px; height: 10px; } .dropdown__action::-webkit-scrollbar-thumb { background: #fefefe; } .dropdown__action::-webkit-scrollbar-track { background: #25A18E; } .dropdown__action { scrollbar-face-color: #fefefe; scrollbar-track-color: #25A18E; } .dropdown__action .dropdown__action-label { color: #fefefe; } .dropdown__action .dropdown__action__arrow { fill: #fefefe; position: absolute; right: 0.625rem; top: 50%; transition: transform 0.3s linear; } .dropdown__action .dropdown__action__arrow.expanded { transform: rotate(-180deg); } .dropdown__action .dropdown__action__list { max-height: 15rem; overflow-y: auto; overflow-x: visible; width: auto; position: absolute; left: 0; box-shadow: 1px 20px 15px -1px rgba(0, 0, 0, 0.1490196078); transition: all 300ms ease; z-index: 31; background-color: #25A18E; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } .dropdown__action .dropdown__action__list::-webkit-scrollbar { width: 0.3125rem; background-color: #25A18E; } .dropdown__action .dropdown__action__list::-webkit-scrollbar-thumb { background: #1E8576; } .dropdown__action .normal-size { min-width: calc(100% + 2px); margin-left: -0.0625rem !important; } .dropdown__action .double-size { width: 200%; } .dropdown__action .dropdown__action__list-container { position: relative; } .dropdown__action ul { list-style: none; margin: 0; padding: 0; } .dropdown__action .dropdown__action__list-item { background-color: #25A18E; color: #fefefe; transition: background-color 0.1s linear, color 0.1s linear; list-style-position: inside; overflow: hidden; font-size: 0.75rem; max-width: 16.25rem; overflow-wrap: break-word; } .dropdown__action .dropdown__action__list-item .column { max-width: 13.75rem; line-height: 1rem; overflow-wrap: break-word; } .dropdown__action .dropdown__action__list-item:hover, .dropdown__action .dropdown__action__list-item:focus { background-color: #1E8576; color: #fefefe; } .dropdown__action .dropdown__action__selected { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #fefefe; padding: 0.25rem 0.625rem 0.25rem 0.625rem; list-style-position: inside; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; width: 12.5rem; } @media (min-resolution: 215dpi) { .dropdown__action .dropdown__action__selected { font-size: 12px; } } .dropdown__action .dropdown__action__selected:focus { outline: none; border: none; } .form .callout { margin-left: 0; width: unset; } .form .button--small { margin-bottom: 0.625rem; } .form__checkbox[type=checkbox][type=checkbox] + label { padding-left: 1.125rem; font-size: 12px; vertical-align: top; line-height: 1.375rem; } .form__checkbox[type=checkbox][type=checkbox] + label:before { border-radius: 0.1875rem; border: 0.0625rem solid #dbdbdb; height: 0.875rem; width: 0.875rem; top: 0.25rem; } .form__checkbox[type=checkbox][type=checkbox] + label:after { height: 0.375rem; width: 0.375rem; top: 0.5rem; left: 0.25rem; border: 0.1875rem solid #25A18E; border-radius: 0.0625rem; transform: rotate(0); } .form__checkbox[type=checkbox][type=checkbox]:hover:not([disabled]) + label::before { border-color: #899494 !important; } .form__checkbox[type=checkbox][type=checkbox]:checked + label:before { border: 0.0625rem solid #dbdbdb; } .form__separator { margin-top: 2rem; margin-bottom: 1.5rem !important; } .form__separator-txt { font-size: 1.125rem; font-weight: 400; line-height: 2rem; } .form__separator-line { border-bottom: 0.0625rem solid rgb(77.3170731707, 81.1829268293, 81.1829268293); } @media (max-width: 48rem) { .form__separator { margin-bottom: 0.75rem !important; } } .form__section { padding: 0 1rem; width: 100%; } @media (max-width: 68rem) { .form__section { padding: 0 2rem; } } @media (max-width: 48rem) { .form__section { padding: 0 1rem; } } .form__label { font-weight: 400; font-size: 0.875rem; line-height: 2.5; display: block; } .form__label.is-required { position: relative; } .form__label.is-required:after { content: "*"; right: -0.3125rem; top: -0.3125rem; color: #D04725; margin-left: 0.25rem; } .form__label-wrapper.tooltip:before { min-width: 16rem; text-align: center; background-color: #282A2A; z-index: 2; } .form__label-wrapper.tooltip:after { z-index: 2; } .form__label-wrapper { max-height: 2.1875rem; } .form__label-tooltip { cursor: pointer; } .form__input, .auth-wrapper input#login_captcha, .dataTables_filter input, .dataTables_length label select, .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]), .modal .modal__body input, .modal .modal__body select, .datepicker:not(.control) { font-family: "Montserrat"; font-size: 0.875rem; padding: 0.25rem 0.875rem; margin-bottom: 0.625rem; border-radius: 0.1875rem; box-shadow: none; height: 2rem; } .form__input:focus, .auth-wrapper input#login_captcha:focus, .dataTables_filter input:focus, .dataTables_length label select:focus, .dataTable thead th input:focus:not([type=checkbox]), .table thead th input:focus:not([type=checkbox]), .modal .modal__body input:focus, .modal .modal__body select:focus, .datepicker:not(.control):focus { border-color: #899494; box-shadow: none; } .form__select.choices__input { opacity: 0; } .form__select:not(.choices__input) { min-height: 2rem; width: 100%; background-color: #ffffff; border: 0.0625rem solid #dbdbdb; border-radius: 0.1875rem; font-family: "Montserrat"; font-size: 0.875rem; } .form__help-text { font-style: italic; margin-bottom: 1rem; margin-top: -0.625rem; } .form__checkbox-group div { margin-bottom: 0.3125rem; } .form__switch { height: 2rem; position: relative; margin-bottom: 0.625rem; outline: 0; font-size: 0.875rem; font-weight: 600; color: #fefefe; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form__switch-paddle { position: relative; display: inline-block; top: 0; width: 3.75rem; height: 2rem; border-radius: 0.125rem; background: #899494; transition: all 0.25s ease-out; cursor: pointer; } .form__switch-paddle:after { position: absolute; top: 0.25rem; left: 0.25rem; display: block; width: 1.5rem; height: 1.5rem; transform: translateZ(0); border-radius: 0.125rem; background: #fefefe; transition: all 0.25s ease-out; content: ""; } .form__switch input:checked ~ .form__switch-paddle { background: #25A18E; } .form__switch input:checked ~ .form__switch-paddle:after { left: 2rem; } .form__switch-input { position: absolute; margin-bottom: 0; opacity: 0; } .form__switch.is-active { left: 10%; position: absolute; top: 50%; transform: translateY(-50%); } .form__switch.is-inactive { right: 7%; position: absolute; top: 50%; transform: translateY(-50%); } .form__switch [class*=" os-icon-"]:before, .form__switch [class^=os-icon-]:before { font-size: 1.5rem; position: relative; top: 0.25rem; } .form__switch-help-txt { color: #899494; font-weight: 400; display: inline-block; margin-left: 0.75rem; position: absolute; top: 22%; } .form__switch.disabled { opacity: 0.5; } .form__switch.disabled > * { cursor: not-allowed !important; } form[name=order_id_list_excel] .form__switch { display: initial; } .form__sub-collection > div div[class*=collection-actions] { margin-top: 0.75rem; text-align: right; } .form__sub-collection > div div[class*=collection-actions] .button, .form__sub-collection > div div[class*=collection-actions] .ui-datepicker-trigger, .form__sub-collection > div div[class*=collection-actions] .dataTables_paginate a.paginate_button, .dataTables_paginate .form__sub-collection > div div[class*=collection-actions] a.paginate_button { margin-left: 0.75rem; } .form__multiple-select-wrapper { position: relative; width: auto; margin-bottom: 1.5rem; } .form__multiple-select-wrapper .form__label { position: absolute; top: 0; padding-right: 2rem; } .form__multiple-select-wrapper .form__label:after { border: 0.125rem solid #25A18E; width: 0.6875rem; height: 0.6875rem; border-top: none; border-left: none; transform: rotate(45deg); top: 25%; position: absolute; right: 0; content: ""; } textarea { font-family: "Montserrat"; font-size: 0.8125rem; } textarea[disabled] { background-color: #f5f5f5; color: #7a7a7a; } textarea.form__input { height: 4rem; } textarea.form__txt--large { min-height: 8rem; } .invalid-select2:after { content: "This field is required"; display: block; width: 100%; text-align: right; font-family: "Montserrat"; font-size: 0.75rem; font-weight: 600; line-height: 1.25rem; color: #D04725; } @media (max-width: 68rem) { .form__section-wrapper--profile-position { padding: 3.375rem 0; } } .input::placeholder, .form__input::placeholder, .auth-wrapper input#login_captcha::placeholder, .dataTables_filter input::placeholder, .dataTables_length label select::placeholder, .dataTable thead th input:not([type=checkbox])::placeholder, .table thead th input:not([type=checkbox])::placeholder, .modal .modal__body input::placeholder, .modal .modal__body select::placeholder, .datepicker:not(.control)::placeholder { font-size: 0.75rem; } .multiselect { color: #282A2A; } .multiselect .multiselect__header { margin-bottom: 0.3125rem !important; } .form__box { background-color: #ffffff; padding: 1.25rem 1.5625rem; border-radius: 0.25rem; box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.1); margin-bottom: 2.1875rem !important; position: relative; } .form__box .form__box__title { font-size: 15px; margin-bottom: 8px; font-weight: 600; color: #4a4a4a; letter-spacing: 1px; text-transform: uppercase; } @media (min-resolution: 215dpi) { .form__box .form__box__title { font-size: 13px; margin-bottom: 6px; } } .form__box .form__box__subtitle { font-weight: 600; font-size: 12px; color: #899494; text-transform: uppercase; letter-spacing: 1px; margin-top: 4px; margin-bottom: 2px; } @media (min-resolution: 215dpi) { .form__box .form__box__subtitle { font-size: 10px; } } .form__box.form__box--collapsible { overflow: hidden; position: relative; } .form__box.form__box--collapsible .form__box__collapse-wrapper { position: absolute; width: 100%; bottom: 0; left: 0; background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgba(255, 255, 255, 0) 100%); } .form__box.form__box--collapsible .form__box__collapse-wrapper .form__box__collapse { display: flex; justify-content: center; color: #25A18E; padding: 0.5rem; } .form__box.form__box--collapsible .form__box__collapse-wrapper .form__box__collapse svg { transition: transform 0.1s ease-in; } .form__box.form__box--collapsible.is-active { padding-bottom: 2.375rem; overflow: visible; } .form__box.form__box--collapsible.is-active .form__box__collapse svg { transform: rotate(180deg); } .form__box .contact-support { width: 100%; padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; } .textarea:not([rows]) { min-height: 6.625rem; font-size: 13px; } @media (min-resolution: 215dpi) { .textarea:not([rows]) { font-size: 11px; } } .multiselect:first-of-type, .multiselect-ajax:first-of-type { margin-bottom: 0 !important; height: unset; } .has-custom-add-on { position: relative; } .has-custom-add-on .field__add-on { position: absolute; bottom: 0.3125rem; right: 0.875rem; color: #dbdbdb; font-weight: 600; } .has-custom-add-on:focus-within .field__add-on { color: #282A2A; } .has-custom-add-on .icon.is-right.has-text-danger { display: none; } .has-custom-add-on .input.is-danger, .has-custom-add-on .is-danger.form__input, .has-custom-add-on .auth-wrapper input.is-danger#login_captcha, .auth-wrapper .has-custom-add-on input.is-danger#login_captcha, .has-custom-add-on .dataTables_filter input.is-danger, .dataTables_filter .has-custom-add-on input.is-danger, .has-custom-add-on .dataTables_length label select.is-danger, .dataTables_length label .has-custom-add-on select.is-danger, .has-custom-add-on .dataTable thead th input.is-danger:not([type=checkbox]), .has-custom-add-on .table thead th input.is-danger:not([type=checkbox]), .dataTable thead th .has-custom-add-on input.is-danger:not([type=checkbox]), .table thead th .has-custom-add-on input.is-danger:not([type=checkbox]), .has-custom-add-on .modal .modal__body input.is-danger, .modal .modal__body .has-custom-add-on input.is-danger, .has-custom-add-on .modal .modal__body select.is-danger, .modal .modal__body .has-custom-add-on select.is-danger, .has-custom-add-on .is-danger.datepicker:not(.control) { margin: 0 !important; } .has-custom-add-on p.help.is-danger { margin-top: 0.1875rem; } .form__tab-section-title { font-weight: 600; font-size: 0.75rem; color: #899494; text-transform: uppercase; letter-spacing: 1px; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } .valid-input, .valid-input:focus { border-color: #25A18E !important; } .warning-input, .warning-input:focus { border-color: #EDAE49 !important; margin-bottom: 0 !important; } .error-input, .error-input:focus { border-color: #D04725 !important; margin-bottom: 0 !important; } .validation-message { display: block; width: 100%; text-align: right; font-family: "Montserrat"; font-size: 0.75rem; font-weight: 600; line-height: 1.25rem; } .has-validation-msg-left .validation-message { text-align: left; } .warning-message { color: #EDAE49; } .error-message { color: #D04725; } .form__checkbox-group[data-is-required]::after { content: " "; font-family: "Montserrat"; font-size: 0.75rem; font-weight: 600; line-height: 1.25rem; } .form__checkbox-group[data-is-required].warning-input::after { content: "At least one value is required"; color: #EDAE49; } .form__checkbox-group[data-is-required].error-input::after { content: "At least one value is required"; color: #D04725; } .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .button:visited, .ui-datepicker-trigger:visited, .dataTables_paginate a.paginate_button:visited { font-family: "Montserrat"; transition: 175ms ease-in; font-weight: 600; font-size: 14px; line-height: 16px; height: 28px; padding: 0 16px; color: #899494; text-transform: uppercase; border-radius: 4px !important; display: inline-flex; align-items: center; justify-content: center; } @media (min-resolution: 215dpi) { .button, .ui-datepicker-trigger, .dataTables_paginate a.paginate_button, .button:visited, .ui-datepicker-trigger:visited, .dataTables_paginate a.paginate_button:visited { font-size: 12px; } } .button:hover:not(.is-text), .ui-datepicker-trigger:hover:not(.is-text), .dataTables_paginate a.paginate_button:hover:not(.is-text), .button:visited:hover:not(.is-text), .ui-datepicker-trigger:visited:hover:not(.is-text) { transform: translateY(-1px); } .button.is-text:hover, .is-text.ui-datepicker-trigger:hover, .dataTables_paginate a.is-text.paginate_button:hover, .button.is-text:focus, .is-text.ui-datepicker-trigger:focus, .dataTables_paginate a.is-text.paginate_button:focus, .button.is-text:active, .is-text.ui-datepicker-trigger:active, .dataTables_paginate a.is-text.paginate_button:active, .button:visited.is-text:hover, .ui-datepicker-trigger:visited.is-text:hover, .button:visited.is-text:focus, .ui-datepicker-trigger:visited.is-text:focus, .button:visited.is-text:active, .ui-datepicker-trigger:visited.is-text:active { background-color: transparent !important; box-shadow: none !important; } .button.is-small, .is-small.ui-datepicker-trigger, .dataTables_paginate a.is-small.paginate_button, .button:visited.is-small, .ui-datepicker-trigger:visited.is-small, .dataTables_paginate a.paginate_button:visited.is-small { height: 1.75rem; } .button.is-primary, .is-primary.ui-datepicker-trigger, .dataTables_paginate a.is-primary.paginate_button, .button.is-success, .is-success.ui-datepicker-trigger, .dataTables_paginate a.is-success.paginate_button, .button.button--success, .button--success.ui-datepicker-trigger, .dataTables_paginate a.button--success.paginate_button, .button:visited.is-primary, .ui-datepicker-trigger:visited.is-primary, .dataTables_paginate a.paginate_button:visited.is-primary, .button:visited.is-success, .ui-datepicker-trigger:visited.is-success, .dataTables_paginate a.paginate_button:visited.is-success, .button:visited.button--success, .ui-datepicker-trigger:visited.button--success, .dataTables_paginate a.paginate_button:visited.button--success { background-color: #25A18E; border-color: transparent; color: #fff; } .button.is-primary:hover, .is-primary.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.paginate_button:hover, .button.is-success:hover, .is-success.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.paginate_button:hover, .button.button--success:hover, .button--success.ui-datepicker-trigger:hover, .dataTables_paginate a.button--success.paginate_button:hover, .button:visited.is-primary:hover, .ui-datepicker-trigger:visited.is-primary:hover, .button:visited.is-success:hover, .ui-datepicker-trigger:visited.is-success:hover, .button:visited.button--success:hover, .ui-datepicker-trigger:visited.button--success:hover { background-color: #25A18E; border-color: transparent; color: #fff; } .button.is-primary[disabled], .is-primary[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-primary[disabled].paginate_button, .button.is-success[disabled], .is-success[disabled].ui-datepicker-trigger, .dataTables_paginate a.is-success[disabled].paginate_button, .button.button--success[disabled], .button--success[disabled].ui-datepicker-trigger, .dataTables_paginate a.button--success[disabled].paginate_button, .button:visited.is-primary[disabled], .ui-datepicker-trigger:visited.is-primary[disabled], .button:visited.is-success[disabled], .ui-datepicker-trigger:visited.is-success[disabled], .button:visited.button--success[disabled], .ui-datepicker-trigger:visited.button--success[disabled] { background-color: #25A18E; border-color: transparent; color: #fff; } .button.is-primary.is-hollow, .is-primary.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-primary.is-hollow.paginate_button, .button.is-success.is-hollow, .is-success.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-success.is-hollow.paginate_button, .button.button--success.is-hollow, .button--success.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.button--success.is-hollow.paginate_button, .button:visited.is-primary.is-hollow, .ui-datepicker-trigger:visited.is-primary.is-hollow, .button:visited.is-success.is-hollow, .ui-datepicker-trigger:visited.is-success.is-hollow, .button:visited.button--success.is-hollow, .ui-datepicker-trigger:visited.button--success.is-hollow { background-color: transparent; color: #25A18E; border-color: #25A18E; } .button.is-primary.is-hollow:hover, .is-primary.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-primary.is-hollow.paginate_button:hover, .button.is-success.is-hollow:hover, .is-success.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-success.is-hollow.paginate_button:hover, .button.button--success.is-hollow:hover, .button--success.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.button--success.is-hollow.paginate_button:hover, .button:visited.is-primary.is-hollow:hover, .button:visited.is-success.is-hollow:hover, .button:visited.button--success.is-hollow:hover { color: #fefefe; background-color: #25A18E; opacity: 1; } .button.is-primary a, .is-primary.ui-datepicker-trigger a, .dataTables_paginate a.is-primary.paginate_button a, .button.is-success a, .is-success.ui-datepicker-trigger a, .dataTables_paginate a.is-success.paginate_button a, .button.button--success a, .button--success.ui-datepicker-trigger a, .dataTables_paginate a.button--success.paginate_button a, .button:visited.is-primary a, .ui-datepicker-trigger:visited.is-primary a, .dataTables_paginate a.paginate_button:visited.is-primary a, .button:visited.is-success a, .ui-datepicker-trigger:visited.is-success a, .dataTables_paginate a.paginate_button:visited.is-success a, .button:visited.button--success a, .ui-datepicker-trigger:visited.button--success a, .dataTables_paginate a.paginate_button:visited.button--success a { color: white; } .button.is-right, .is-right.ui-datepicker-trigger, .dataTables_paginate a.is-right.paginate_button, .button:visited.is-right, .ui-datepicker-trigger:visited.is-right, .dataTables_paginate a.paginate_button:visited.is-right { right: 0.625rem; } .button.is-black, .is-black.ui-datepicker-trigger, .dataTables_paginate a.is-black.paginate_button, .button:visited.is-black, .ui-datepicker-trigger:visited.is-black, .dataTables_paginate a.paginate_button:visited.is-black { background-color: #282A2A; border-color: transparent; color: #fff; } .button.is-danger, .is-danger.ui-datepicker-trigger, .dataTables_paginate a.is-danger.paginate_button, .button.is-alert, .is-alert.ui-datepicker-trigger, .dataTables_paginate a.is-alert.paginate_button, .button.button--alert, .button--alert.ui-datepicker-trigger, .dataTables_paginate a.button--alert.paginate_button, .button:visited.is-danger, .ui-datepicker-trigger:visited.is-danger, .dataTables_paginate a.paginate_button:visited.is-danger, .button:visited.is-alert, .ui-datepicker-trigger:visited.is-alert, .dataTables_paginate a.paginate_button:visited.is-alert, .button:visited.button--alert, .ui-datepicker-trigger:visited.button--alert, .dataTables_paginate a.paginate_button:visited.button--alert { color: #fefefe; border-color: #D04725; background-color: #D04725; } .button.is-danger:hover, .is-danger.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.paginate_button:hover, .button.is-alert:hover, .is-alert.ui-datepicker-trigger:hover, .dataTables_paginate a.is-alert.paginate_button:hover, .button.button--alert:hover, .button--alert.ui-datepicker-trigger:hover, .dataTables_paginate a.button--alert.paginate_button:hover, .button:visited.is-danger:hover, .ui-datepicker-trigger:visited.is-danger:hover, .button:visited.is-alert:hover, .ui-datepicker-trigger:visited.is-alert:hover, .button:visited.button--alert:hover, .ui-datepicker-trigger:visited.button--alert:hover { background-color: rgb(164.7020408163, 56.2204081633, 29.2979591837); border-color: rgb(164.7020408163, 56.2204081633, 29.2979591837); color: #fefefe; } .button.is-danger.is-hollow, .is-danger.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-danger.is-hollow.paginate_button, .button.is-alert.is-hollow, .is-alert.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-alert.is-hollow.paginate_button, .button.button--alert.is-hollow, .button--alert.is-hollow.ui-datepicker-trigger, .dataTables_paginate a.button--alert.is-hollow.paginate_button, .button:visited.is-danger.is-hollow, .ui-datepicker-trigger:visited.is-danger.is-hollow, .button:visited.is-alert.is-hollow, .ui-datepicker-trigger:visited.is-alert.is-hollow, .button:visited.button--alert.is-hollow, .ui-datepicker-trigger:visited.button--alert.is-hollow { background-color: transparent; color: #D04725; } .button.is-danger.is-hollow:hover, .is-danger.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-danger.is-hollow.paginate_button:hover, .button.is-alert.is-hollow:hover, .is-alert.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-alert.is-hollow.paginate_button:hover, .button.button--alert.is-hollow:hover, .button--alert.is-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.button--alert.is-hollow.paginate_button:hover, .button:visited.is-danger.is-hollow:hover, .button:visited.is-alert.is-hollow:hover, .button:visited.button--alert.is-hollow:hover { color: #fefefe; background-color: #D04725; opacity: 1; } .button[disabled], [disabled].ui-datepicker-trigger, .dataTables_paginate a[disabled].paginate_button, .button[disabled]:hover, .button:visited[disabled], .ui-datepicker-trigger:visited[disabled], .dataTables_paginate a.paginate_button:visited[disabled], .button:visited[disabled]:hover, .ui-datepicker-trigger:visited[disabled]:hover { cursor: not-allowed; color: #fefefe; opacity: 0.5; } .button.is-dark, .is-dark.ui-datepicker-trigger, .dataTables_paginate a.is-dark.paginate_button, .button.is-neutral, .is-neutral.ui-datepicker-trigger, .dataTables_paginate a.is-neutral.paginate_button, .button:visited.is-dark, .ui-datepicker-trigger:visited.is-dark, .dataTables_paginate a.paginate_button:visited.is-dark, .button:visited.is-neutral, .ui-datepicker-trigger:visited.is-neutral, .dataTables_paginate a.paginate_button:visited.is-neutral { color: #fefefe; border-color: #282A2A; background-color: #282A2A; } .button.is-dark:hover, .is-dark.ui-datepicker-trigger:hover, .dataTables_paginate a.is-dark.paginate_button:hover, .button.is-neutral:hover, .is-neutral.ui-datepicker-trigger:hover, .dataTables_paginate a.is-neutral.paginate_button:hover, .button:visited.is-dark:hover, .ui-datepicker-trigger:visited.is-dark:hover, .button:visited.is-neutral:hover, .ui-datepicker-trigger:visited.is-neutral:hover { background-color: rgb(15.1219512195, 15.8780487805, 15.8780487805); border-color: rgb(15.1219512195, 15.8780487805, 15.8780487805); color: #fefefe; } .button.is-darkis-hollow, .is-darkis-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-darkis-hollow.paginate_button, .button.is-neutralis-hollow, .is-neutralis-hollow.ui-datepicker-trigger, .dataTables_paginate a.is-neutralis-hollow.paginate_button, .button:visited.is-darkis-hollow, .ui-datepicker-trigger:visited.is-darkis-hollow, .dataTables_paginate a.paginate_button:visited.is-darkis-hollow, .button:visited.is-neutralis-hollow, .ui-datepicker-trigger:visited.is-neutralis-hollow, .dataTables_paginate a.paginate_button:visited.is-neutralis-hollow { background-color: transparent; color: #282A2A; } .button.is-darkis-hollow:hover, .is-darkis-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-darkis-hollow.paginate_button:hover, .button.is-neutralis-hollow:hover, .is-neutralis-hollow.ui-datepicker-trigger:hover, .dataTables_paginate a.is-neutralis-hollow.paginate_button:hover, .button:visited.is-darkis-hollow:hover, .ui-datepicker-trigger:visited.is-darkis-hollow:hover, .button:visited.is-neutralis-hollow:hover, .ui-datepicker-trigger:visited.is-neutralis-hollow:hover { background-color: #282A2A; color: #fefefe; opacity: 1; } .button.is-large, .is-large.ui-datepicker-trigger, .dataTables_paginate a.is-large.paginate_button, .button:visited.is-large, .ui-datepicker-trigger:visited.is-large, .dataTables_paginate a.paginate_button:visited.is-large { height: 2.25rem; font-size: 1rem; padding: 0.75rem 1.5rem; } .button.is-small, .is-small.ui-datepicker-trigger, .dataTables_paginate a.is-small.paginate_button, .button:visited.is-small, .ui-datepicker-trigger:visited.is-small, .dataTables_paginate a.paginate_button:visited.is-small { height: 1.75rem; } .button.file-uploads, .file-uploads.ui-datepicker-trigger, .dataTables_paginate a.file-uploads.paginate_button, .button:visited.file-uploads, .ui-datepicker-trigger:visited.file-uploads, .dataTables_paginate a.paginate_button:visited.file-uploads { padding: 0.5rem 0.625rem; } .button.is-square, .is-square.ui-datepicker-trigger, .dataTables_paginate a.is-square.paginate_button, .button:visited.is-square, .ui-datepicker-trigger:visited.is-square, .dataTables_paginate a.paginate_button:visited.is-square { padding: 0; height: 2rem; width: 2rem; display: flex; align-items: center; justify-content: center; } .button.is-square.is-small, .is-square.is-small.ui-datepicker-trigger, .dataTables_paginate a.is-square.is-small.paginate_button, .button:visited.is-square.is-small, .ui-datepicker-trigger:visited.is-square.is-small { height: 28px; width: 28px; } .form_attachment label { display: block; } .form_attachment .button--file-input { max-width: 100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; text-align: left; } .file:not(.is-primary) .file-label:hover { overflow: visible; } .file:not(.is-primary) .file-label .button.file-cta, .file:not(.is-primary) .file-label .file-cta.ui-datepicker-trigger, .file:not(.is-primary) .file-label .dataTables_paginate a.file-cta.paginate_button, .dataTables_paginate .file:not(.is-primary) .file-label a.file-cta.paginate_button { background-color: #fefefe; } .file:not(.is-primary) .file-label .button.file-cta:hover, .file:not(.is-primary) .file-label .file-cta.ui-datepicker-trigger:hover, .file:not(.is-primary) .file-label .dataTables_paginate a.file-cta.paginate_button:hover, .dataTables_paginate .file:not(.is-primary) .file-label a.file-cta.paginate_button:hover { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) !important; border: 1px solid #b5b5b5; } .dataTables_paginate a.is-primary.paginate_button, .dataTables_paginate span.is-primary.ellipsis, .is-primary.ui-datepicker-trigger { background-color: #25A18E; border-color: transparent; color: #fff; } .dataTables_paginate a.is-primary.paginate_button:hover, .dataTables_paginate span.is-primary.ellipsis:hover, .is-primary.ui-datepicker-trigger:hover { background-color: #239785; border-color: transparent; color: #fff; } .button.is-primary.is-outlined, .dataTables_paginate a.is-primary.is-outlined.paginate_button, .dataTables_paginate span.is-primary.is-outlined.ellipsis, .is-primary.is-outlined.ui-datepicker-trigger { background-color: transparent; border-color: #25A18E; color: #25A18E; } .button.is-primary.is-outlined:hover, .dataTables_paginate a.is-primary.is-outlined.paginate_button:hover, .dataTables_paginate span.is-primary.is-outlined.ellipsis:hover, .is-primary.is-outlined.ui-datepicker-trigger:hover { background-color: #239785; border-color: transparent; color: #fff; } .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: #239785 !important; } .file .icon-button { gap: 5px !important; } .section { padding: 30px 14px; } @media (min-resolution: 215dpi) { .section { padding: 24px 12px; } } .section.is-bordered { border: 0.0625rem solid rgb(217.24, 220.76, 220.76); position: relative; margin: 1.75rem 0; padding: 1.25rem; } .section.is-bordered .section__header.is-on-border { position: absolute; line-height: 1.5rem; padding: 0.5rem; top: -1.25rem; left: 0.75rem; background-color: #fefefe; } .section .section__title { font-size: 15px; margin-bottom: 12px; font-weight: 600; color: #4a4a4a; letter-spacing: 1px; } .section .section__subtitle { font-weight: 600; font-size: 0.75rem; color: #899494; text-transform: uppercase; letter-spacing: 1px; } .page__title { margin-bottom: 0 !important; padding: 1rem 0; border-bottom: 0.0625rem solid rgb(102.1951219512, 107.3048780488, 107.3048780488); max-width: 84rem; } .page__title h1 { font-size: 1.75rem; font-weight: 400; line-height: 1.9 !important; text-transform: uppercase; } @media (min-width: 68.0625rem) { .page__title { position: fixed; max-width: unset; z-index: 104; top: 2px; left: 52px; border-bottom: none; margin: 0; padding: 0; } } @media (min-width: 68.0625rem) and (min-resolution: 215dpi) { .page__title { top: 4px; } } @media (min-width: 68.0625rem) { .page__title h1 { font-size: 17px; font-weight: 600; line-height: 32px; margin: 0; } } @media (min-width: 68.0625rem) and (min-resolution: 215dpi) { .page__title h1 { font-size: 15px; } } .page__subtitle { font-family: "Montserrat", sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; margin-bottom: 20px; padding: 12px; border-bottom: 1px solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .page__subtitle h5 { font-weight: 600; } .page__subtitle.is-boxed-dark { background-color: #282A2A; color: #fefefe; border: none; border-radius: 4px; } .page__overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 8; background: rgba(0, 0, 0, 0.2); text-align: center; } .page__overlay-content { position: absolute; top: 40%; width: 100%; text-align: center; } .section__title { font-size: 15px; margin-bottom: 12px; font-weight: 600; color: #4a4a4a; letter-spacing: 1px; } .modal { z-index: 150; } .modal#modal-timeReportEvent .modal-content { width: auto; margin: 0; } .modal-content { width: auto; } .modal .modal__header { background-color: #282A2A; padding: 2rem 1.5rem; margin-bottom: 0 !important; margin-left: auto; margin-right: auto; max-width: 50rem; } .modal .modal__body { background-color: #fefefe; padding: 1.125rem; overflow-x: auto; max-width: 50rem; position: relative; margin-left: auto; margin-right: auto; } .modal .modal__body button { margin: auto 0.3125rem; } .modal .modal__body .container { max-width: 46.875rem; } .modal .modal__body .page__title { margin-top: 0; } .modal .modal__body .page__title h1 { font-size: 1.875rem; } .modal .modal__body h2 { text-align: center; } .modal .modal__body .callout { padding: 0.25rem 0.75rem; min-height: unset; margin-bottom: 0.5rem; } .modal .modal__body .callout p { font-size: 0.875rem; } .modal.has-content-overflow-visible .modal-content { overflow: visible; } .modal__title { font-size: 1.25rem; font-weight: 400; margin-top: 0.625rem; margin-bottom: 0.625rem; text-align: center; } .modal__subtitle { font-size: 1rem; } .modal__icon { font-size: 2.125rem; } .modal__close { color: #899494; font-size: 1.125rem; position: absolute; top: 0.3125rem; right: 0.3125rem; cursor: pointer; } .modal__close:hover { color: rgb(190.4933333333, 196.5066666667, 196.5066666667); } ::-webkit-scrollbar { width: 0.625rem; height: 0.625rem; background-color: #fefefe; } ::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 0.625rem; } ::-webkit-scrollbar-thumb { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); border-radius: 0; } .modal-content { background-color: #fff; margin-top: 0; max-height: unset; border-radius: 0.1875rem; overflow: visible; } .modal-content .form__box { margin-bottom: 0 !important; } .modal--overflow-scroll { overflow: scroll; margin-top: 4rem; } .modal-background { background-color: rgba(0, 0, 0, 0.2); height: 100%; } .modal__item--info { position: relative; } .modal__item--info .modal__item-icon { position: absolute; width: 1.75rem; height: 1.75rem; top: 0.875rem; left: 0; padding: 4px; font-size: 1.5rem; color: #fefefe; background-color: #25A18E; border-radius: 0.1875rem; display: flex; align-items: center; justify-content: center; } @media (max-width: 48rem) { .modal__item--info .modal__item-icon { width: 2rem; height: 2rem; font-size: 1.25rem; } } .modal__item--info .modal__item-desc { text-transform: uppercase; color: #899494; padding-left: 2.5rem; font-size: 0.6875rem; font-weight: 400; line-height: 1.25rem; } @media (max-width: 48rem) { .modal__item--info .modal__item-desc { padding-left: 2rem; } } .modal__item--info .modal__item-text { font-size: 1rem; font-weight: 400; padding-left: 2.5rem; min-height: 1.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .modal__item--info .modal__item-text a { font-size: 1rem; } @media (max-width: 48rem) { .modal__item--info .modal__item-text { padding-left: 2rem; } } div[data-modal=search-modal] .v--modal { background-color: #fefefe; width: 50rem; padding: 1.625rem !important; overflow: visible; margin-top: -9.375rem; } div[data-modal=search-modal] .v--modal .modal__body { padding: 0; margin: 0; overflow: visible; } div[data-modal=search-modal] .v--modal .search-icon-modal { position: absolute; top: 1.625rem; right: 2.5rem; color: #25A18E; font-size: 1.375rem; } div[data-modal=search-modal] .v--modal .dropdown-toggle { width: 46rem !important; padding-bottom: 0; border: none; border-bottom: 0.0625rem solid #899494 !important; border-radius: 0; } div[data-modal=search-modal] .v--modal .dropdown-toggle .vs__actions { display: none; } div[data-modal=search-modal] .v--modal .dropdown-toggle input { padding-bottom: 0.25rem; } div[data-modal=search-modal] .v--modal .dropdown-toggle input::placeholder { font-family: "Montserrat"; } div[data-modal=search-modal] .v--modal .dropdown-menu { width: 50rem; margin-left: -1.625rem; border: none; box-shadow: none; } div[data-modal=search-modal] .v--modal .dropdown-menu li { padding-left: 2rem; padding-right: 1.5rem; } div[data-modal=search-modal] .v--modal .dropdown-menu li a { padding-left: 1rem !important; color: #282A2A; } div[data-modal=search-modal] .v--modal .dropdown-menu a { font-weight: 400; } div[data-modal=search-modal] .v--modal .dropdown-menu .highlight a { color: #ffffff; background: #25A18E; } div[data-modal=search-modal] .v--modal .dropdown-menu li:hover a { font-weight: 800; } div[data-modal=search-modal] .v--modal .dropdown ::-webkit-scrollbar, div[data-modal=search-modal] .v--modal .v-select ::-webkit-scrollbar, div[data-modal=search-modal] .v--modal .single ::-webkit-scrollbar, div[data-modal=search-modal] .v--modal .searchable ::-webkit-scrollbar { width: 0.375rem; height: 0.375rem; } div[data-modal=search-modal] .v--modal .dropdown ::-webkit-scrollbar-track, div[data-modal=search-modal] .v--modal .v-select ::-webkit-scrollbar-track, div[data-modal=search-modal] .v--modal .single ::-webkit-scrollbar-track, div[data-modal=search-modal] .v--modal .searchable ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.125rem rgba(0, 0, 0, 0.3); border-radius: 0; } div[data-modal=search-modal] .v--modal .dropdown ::-webkit-scrollbar-thumb, div[data-modal=search-modal] .v--modal .v-select ::-webkit-scrollbar-thumb, div[data-modal=search-modal] .v--modal .single ::-webkit-scrollbar-thumb, div[data-modal=search-modal] .v--modal .searchable ::-webkit-scrollbar-thumb { background-color: #25A18E !important; border-radius: 0; } div[data-modal=search-modal] .v--modal .dropdown ::-webkit-scrollbar-corner, div[data-modal=search-modal] .v--modal .v-select ::-webkit-scrollbar-corner, div[data-modal=search-modal] .v--modal .single ::-webkit-scrollbar-corner, div[data-modal=search-modal] .v--modal .searchable ::-webkit-scrollbar-corner { background-color: #899494; } div[data-modal=search-modal] .modal__close { position: absolute; right: 0.5rem; top: 0.5rem; font-size: 1.25rem; cursor: pointer; } div[data-modal=search-modal] .modal__close:hover { color: #899494; } @media (max-width: 68rem) { #modal-timeReportEvent .modal-content { width: 80%; } } @media (max-width: 48rem) { #modal-timeReportEvent .modal-content { width: 100%; } } #modal-timeReportEvent .modal__body .choices { margin-bottom: 0.75rem; } @media (min-width: 68.0625rem) { #modal-timeReportEvent .modal__body { min-width: 46.875rem; } } .time-report .modal-content { background-color: transparent; margin-top: 0; max-height: unset; border-radius: 0.1875rem; overflow: visible; } .dataTable thead, .table thead { background: #fefefe; } .dataTable thead th, .table thead th { border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); padding: 0.3125rem; vertical-align: middle; font-size: 0.75rem; color: #282A2A; } @media (min-resolution: 215dpi) { .dataTable thead th, .table thead th { font-size: 0.625rem; } } @media screen and (min-width: 87.5rem) { .dataTable thead th, .table thead th { overflow: hidden; } } .dataTable thead th input:not([type=checkbox]), .table thead th input:not([type=checkbox]) { height: 28px !important; font-size: unset; margin-bottom: unset; padding-top: 0; padding-bottom: 0; box-sizing: border-box; } .dataTable thead th .choices, .table thead th .choices { font-weight: 400; margin-bottom: 0 !important; } .dataTable thead th .choices .choices__input, .table thead th .choices .choices__input { border: none; border-bottom: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .dataTable thead th .choices .choices__item, .table thead th .choices .choices__item { padding-right: 0.625rem; min-height: 1.125rem !important; } .dataTable thead tr:last-child, .table thead tr:last-child { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667) !important; } .dataTable thead tr:last-child th, .table thead tr:last-child th { overflow: visible; } .dataTable tbody tr, .table tbody tr { min-height: 1.875rem; } .dataTable tbody tr:hover, .table tbody tr:hover { background-color: rgba(137, 148, 148, 0.15); } .dataTable tr td, .table tr td { vertical-align: middle; border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); padding: 0.3125rem; font-size: 0.75rem; color: #282A2A; overflow: hidden; } .dataTable tr td img, .table tr td img { border-radius: 50%; margin-right: auto; margin-left: auto; } .dataTable tr td.centered-column, .table tr td.centered-column { text-align: center; } .dataTable tr td.td--select, .table tr td.td--select { overflow: visible; } .dataTable th.weekend, .table th.weekend, .dataTable td.weekend, .table td.weekend { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .dataTable th.report-type-1, .table th.report-type-1, .dataTable th.report-type-5, .table th.report-type-5, .dataTable th.report-type-9, .table th.report-type-9, .dataTable td.report-type-1, .table td.report-type-1, .dataTable td.report-type-5, .table td.report-type-5, .dataTable td.report-type-9, .table td.report-type-9 { background-color: #ccff99; } .dataTable th.report-type-2, .table th.report-type-2, .dataTable th.report-type-3, .table th.report-type-3, .dataTable th.report-type-4, .table th.report-type-4, .dataTable th.report-type-10, .table th.report-type-10, .dataTable td.report-type-2, .table td.report-type-2, .dataTable td.report-type-3, .table td.report-type-3, .dataTable td.report-type-4, .table td.report-type-4, .dataTable td.report-type-10, .table td.report-type-10 { background-color: #ffcccc; } .dataTable th.report-type-6, .table th.report-type-6, .dataTable th.report-type-7, .table th.report-type-7, .dataTable th.report-type-8, .table th.report-type-8, .dataTable td.report-type-6, .table td.report-type-6, .dataTable td.report-type-7, .table td.report-type-7, .dataTable td.report-type-8, .table td.report-type-8 { background-color: #b4e8fe; } .dataTable th.report-type-11, .table th.report-type-11, .dataTable td.report-type-11, .table td.report-type-11 { background-color: #fff180; } .dataTable th.report-type-12, .table th.report-type-12, .dataTable td.report-type-12, .table td.report-type-12 { background-color: #f7ab74; } @media screen and (min-width: 87.5rem) { .dataTable th, .table th, .dataTable td, .table td { width: auto !important; white-space: normal; text-overflow: ellipsis; } } @media screen and (max-width: 87.5rem) { .dataTable th button, .table th button, .dataTable td button, .table td button { padding: 0.4375rem 0.875rem; } } .dt-top-actions { border-bottom: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); margin-bottom: 2rem; padding-bottom: 1rem; display: flex; gap: 10px; } @media (max-width: 48rem) { .dt-top-actions a { float: none !important; margin-left: 0 !important; margin-bottom: 0.75rem; display: block; } } .dataTables_length label { padding-bottom: 0.625rem; } .dataTables_length label select { vertical-align: middle; } @media (max-width: 48rem) { .dataTables_length label { display: block; float: none !important; } } .dataTables_length .choices { display: inline-block; width: 4.6875rem; vertical-align: middle; } .dataTables_length .choices .choices__input { display: none; } .dataTables_filter label { text-transform: uppercase; padding-bottom: 0.5rem; } @media (max-width: 48rem) { .dataTables_filter label { display: block; float: none !important; text-transform: capitalize; } } .dataTables_filter input { vertical-align: middle; } @media (max-width: 68rem) { .dataTables_filter input { border-bottom: 0.1875rem solid #25A18E; border-radius: 0; width: 20rem !important; display: block; } .dataTables_filter input:focus { border-color: #25A18E; } } @media (max-width: 68rem) { .dataTables_filter { margin-bottom: 2.375rem; } } .dataTables_info { display: inline-block; margin-bottom: 1.25rem; } .dataTables_paginate { margin-bottom: 1.25rem; } .dataTables_paginate a.paginate_button { margin-left: 0; padding: 0.5rem 0.875rem; background-color: #fefefe; color: #25A18E; font-size: 0.6875rem; } .dataTables_paginate a.paginate_button.current { background-color: #25A18E; color: #fefefe; border-color: #25A18E; } .dataTables_paginate a.paginate_button.disabled, .dataTables_paginate a.paginate_button.disabled:hover { margin-left: 0; background-color: #fefefe; color: #899494; opacity: 1; border-color: rgba(196, 202, 223, 0.7); } .dataTables_paginate a.paginate_button.first, .dataTables_paginate a.paginate_button.last { display: none; } @media (max-width: 68rem) { .dataTables_paginate a.paginate_button.previous, .dataTables_paginate a.paginate_button.next { width: 2.125rem; font-size: 0; } .dataTables_paginate a.paginate_button.previous::after, .dataTables_paginate a.paginate_button.next::after { content: " "; position: absolute; border: 0.125rem solid #25A18E; width: 0.5rem; height: 0.5rem; top: 0.875rem; left: 0.875rem; border-top: none; border-left: none; } .dataTables_paginate a.paginate_button.previous::after { transform: rotate(135deg); } .dataTables_paginate a.paginate_button.next::after { transform: rotate(-45deg); } } .dataTables_paginate span.ellipsis { font-size: 0.6875rem; } @media (max-width: 48rem) { .dataTables_paginate { float: none !important; margin-bottom: 1.25rem !important; } } .columns.is-vend .dataTables_info { margin-bottom: 0; } .columns.is-vend .dataTables_filter label { padding-bottom: 0; } .dataTables_wrapper { overflow: visible; overflow-x: auto; } .dataTables_wrapper .choices[data-type*=select-one]::after { font-size: 1.5rem; top: 0.125rem; } .dataTables_wrapper .choices[data-type*=select-one].is-open::after { top: 0.25rem; } .dataTables_wrapper .choices[data-type*=select-one] .choices__item { font-size: 0.8125rem; line-height: 1.25rem; } @media screen and (max-width: 134.375rem) { .dataTables_wrapper .choices__list--dropdown .choices__list { max-height: 9.375rem; } .dataTables_wrapper .choices__list--dropdown .choices__list .choices__item, .dataTables_wrapper .choices__list--dropdown .choices__list input { padding: 0.3125rem 0.625rem; min-height: 1.75rem !important; } } .dataTables_wrapper table.company-time-report td, .dataTables_wrapper table.company-time-report th { padding: 0.125rem; } .dataTables_wrapper .dataTables_paginate.paging_full_numbers { display: flex; } .dataTables_wrapper .dataTables_paginate.paging_full_numbers span { display: flex; } .dataTables_processing { background-color: #ffffff; box-shadow: 0.125rem 0.125rem 1rem 0 rgba(0, 0, 0, 0.16); font-weight: 400; padding: 1.625rem 0.75rem !important; z-index: 4; } .tabs { border: none; } .tabs ul { border-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .tabs .tabs__title a { font-size: 0.75rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; border-bottom: 0.125rem solid transparent; padding: 0.625rem 0.875rem; } .tabs .tabs__title.active-tab a { border: 0.0625rem solid rgb(230.6133333333, 232.8866666667, 232.8866666667); border-bottom: 0.125rem solid #fefefe; border-radius: 0.1875rem 0.1875rem 0 0; color: #25A18E; background-color: #fefefe; } .tabs .tabs__title:not(.active-tab):hover a { color: rgb(63.5075757576, 210.9924242424, 188.3939393939); } .select2-container { font-size: 0.9375rem !important; position: relative; display: inline-block; box-sizing: border-box; margin: 0 0 1rem 0; vertical-align: middle; } .select2-container .select2-selection--single { display: block; box-sizing: border-box; height: 1.9rem; cursor: pointer; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 0.5rem; padding-right: 1.75rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 0.5rem; padding-left: 1.25rem; } .select2-container .select2-selection--multiple { box-sizing: border-box; display: block; min-height: 3rem; cursor: pointer; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 0.5rem; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 0.3125rem; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } span.select2.select2-container.select2-container--default { width: 100% !important; } .select2-dropdown { background-color: #fefefe; border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); box-sizing: border-box; display: block; position: absolute; left: -6250rem; width: 100%; z-index: 2; } .select2-results { display: block; } .select2-results__options { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 0.0625rem 0.0625rem 0.0625rem 0.625rem; user-select: none; -webkit-user-select: none; font-size: 0.875rem !important; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; } .select2-container--open .select2-dropdown--below { border-top: none; } .select2-search--dropdown { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); display: block; padding: 0.25rem; } .select2-search--dropdown .select2-search__field { padding: 0.25rem; width: 100%; box-sizing: border-box; margin-bottom: 0; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 1; background-color: #fefefe; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 0.0625rem !important; margin: -0.0625rem !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 0.0625rem !important; } .select2-container--default .select2-selection--single { background-color: #fefefe; border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .select2-container--default .select2-selection--single .select2-selection__rendered { color: rgba(0, 0, 0, 0.75); line-height: 1.9375rem; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #899494; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 1.625rem; position: absolute; top: -0.125rem; right: 0.875rem; width: 1.25rem; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: black transparent transparent transparent; border-style: solid; border-width: 0.1875rem 0.1875rem 0 0.1875rem; height: 0; left: 50%; margin-left: -0.3125rem; margin-top: 0; position: absolute; top: 50%; width: 0; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { left: 0.0625rem; right: auto; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0.125rem; margin-right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent black transparent; border-width: 0 0.1875rem 0.1875rem 0.1875rem; } .select2-container--default .select2-selection--multiple { border: 0.0625rem solid #dbdbdb; border-radius: 0.125rem; background-color: #ffffff; box-shadow: inset 0 0.0625rem 0.125rem rgba(10, 10, 10, 0.1); cursor: text; max-height: 12.5rem; min-height: 4rem; overflow-y: auto; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 0.3125rem; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #899494; margin-top: 0.3125rem; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 0.3125rem; margin-right: 0.625rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #fefefe; border: 0.0625rem solid #25A18E; box-shadow: inset 0 0.0625rem 0.125rem rgba(10, 10, 10, 0.1); color: #282A2A; font-size: 0.9375rem; font-weight: 400; cursor: default; float: left; margin-right: 0.3125rem; margin-top: 0.3125rem; padding: 0 0.3125rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #25A18E; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 0.125rem; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #D04725; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #174A8C; } .select2-container--defaultselect2-container--disabled .select2-selection--multiple { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); cursor: default; } .select2-container--defaultselect2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 12.5rem; overflow-y: auto; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #25A18E; color: #fefefe; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 0.375rem; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #899494; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: rgba(37, 161, 142, 0.3); } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1rem; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1rem; padding-left: 2rem; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2rem; padding-left: 3rem; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3rem; padding-left: 4rem; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4rem; padding-left: 5rem; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5rem; padding-left: 6rem; } .select2-container--classic .select2-selection--single { background-color: #fefefe; border: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); outline: 0; background: -webkit-linear-gradient(top, #fefefe 50%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 100%); background: -o-linear-gradient(top, #fefefe 50%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 100%); background: linear-gradient(to bottom, #fefefe 50%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single:focus { border: 0.0625rem solid #dbdbdb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: rgba(0, 0, 0, 0.75); line-height: 1.875rem; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 0.625rem; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #899494; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); border: none; border-left: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); height: 1.625rem; position: absolute; top: 0.0625rem; right: 0.0625rem; width: 1.25rem; background: -webkit-linear-gradient(top, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, rgb(203.8666666667, 208.6333333333, 208.6333333333) 100%); background: -o-linear-gradient(top, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, rgb(203.8666666667, 208.6333333333, 208.6333333333) 100%); background: linear-gradient(to bottom, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, rgb(203.8666666667, 208.6333333333, 208.6333333333) 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: black transparent transparent transparent; border-style: solid; border-width: 0.1875rem 0.1875rem 0 0.1875rem; height: 0; left: 50%; margin-left: -0.3125rem; margin-top: 0; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { border: none; border-right: 0.0625rem solid #dbdbdb; border-radius: 0; left: 0.0625rem; right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 0.3125rem; margin-right: auto; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 0.125rem; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 0.0625rem solid #dbdbdb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent black transparent; border-width: 0 0.1875rem 0.1875rem 0.1875rem; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; background: -webkit-linear-gradient(top, #fefefe 0%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%); background: -o-linear-gradient(top, #fefefe 0%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%); background: linear-gradient(to bottom, #fefefe 0%, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%); background-repeat: repeat-x; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; background: -webkit-linear-gradient(top, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, #fefefe 100%); background: -o-linear-gradient(top, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, #fefefe 100%); background: linear-gradient(to bottom, rgb(230.6133333333, 232.8866666667, 232.8866666667) 50%, #fefefe 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--multiple { background-color: #fefefe; border: 0.0625rem solid #dbdbdb; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 0.0625rem solid #dbdbdb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 0.3125rem; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #fefefe; border: 0.0625rem solid #dbdbdb; cursor: default; float: left; margin-right: 0.3125rem; margin-top: 0.3125rem; padding: 0 0.3125rem; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #25A18E; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 0.125rem; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #D04725; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 0.0625rem solid #dbdbdb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 0.0625rem solid #dbdbdb; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: #fefefe; border: 0.0625rem solid #dbdbdb; } .select2-container--classic select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 12.5rem; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #25A18E; color: #fefefe; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 0.375rem; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #25A18E; } li.select2-selection__choice[title="Select All"] { display: none; } .select2-results__options { background-color: #fefefe; } .select2-search--dropdown { background-color: #fefefe; } .select2-container--default .select2-selection--single { border-radius: 0.1875rem; height: 2rem; } .select2-container--default .select2-selection--single:hover, .select2-container--default .select2-selection--single:focus { border-color: #899494; outline: none; box-shadow: none; } .select2-selection__arrow b { display: none; } .select2-selection__arrow:after { font-family: drupal-icons; content: "\e313"; color: #25A18E; font-size: 1.75rem; border: none; top: 0; right: 0.375rem; } .select2-container--open .select2-selection__arrow { top: -0.25rem !important; } .select2-container--open .select2-selection__arrow:after { content: "\e316"; } .select2-container--disabled .select2-selection__rendered, .select2-container--disabled .select2-selection__arrow:after { color: #7a7a7a !important; } .select2-container--disabled .select2-selection--single, .select2-container--disabled .select2-selection--single:hover, .select2-container--disabled .select2-selection--single:focus { border-color: #f5f5f5 !important; background-color: #f5f5f5 !important; cursor: not-allowed !important; } .box.box--header, .form__sub-collection > div.box--header { background: #F5F5F5; } .box .box__title, .form__sub-collection > div .box__title { font-size: 15px; margin-bottom: 12px; font-weight: 600; color: #4a4a4a; letter-spacing: 1px; } @media (min-resolution: 215dpi) { .box .box__title, .form__sub-collection > div .box__title { font-size: 13px; margin-bottom: 0; } } .box .box__title.is-small, .form__sub-collection > div .box__title.is-small { font-size: 14px; letter-spacing: 0; font-weight: unset; } @media (min-resolution: 215dpi) { .box .box__title.is-small, .form__sub-collection > div .box__title.is-small { font-size: 12px; margin-bottom: 10px; } } .box .box__subtitle, .form__sub-collection > div .box__subtitle { font-weight: 600; font-size: 12px; color: #899494; text-transform: uppercase; letter-spacing: 1px; } @media (min-resolution: 215dpi) { .box .box__subtitle, .form__sub-collection > div .box__subtitle { font-size: 10px; } } .box .box__content p, .form__sub-collection > div .box__content p { margin-bottom: 0.5rem; font-size: 0.9375rem; } .box .box__content.help-box-content p, .form__sub-collection > div .box__content.help-box-content p { font-size: 12px; margin-bottom: 0; } .box .box__row-section, .form__sub-collection > div .box__row-section { display: flex; justify-content: space-between; } .box .box__row-section .box__row-section__title, .form__sub-collection > div .box__row-section .box__row-section__title { display: flex; align-items: center; gap: 10px; } .box .box__row-section .box__row-section__title span, .form__sub-collection > div .box__row-section .box__row-section__title span { font-size: 16px; font-weight: 600; } .box.is-primary, .form__sub-collection > div.is-primary { background: #25A18E; color: #ffffff; } .box .collapsable-section, .form__sub-collection > div .collapsable-section { border-bottom: 1px solid #dbdbdb; padding: 0.625rem 0; } .box .collapsable-section .collapsable-header, .form__sub-collection > div .collapsable-section .collapsable-header { display: flex; align-items: center; } .box .collapsable-section .collapsable-header .vue-icon__wrapper, .form__sub-collection > div .collapsable-section .collapsable-header .vue-icon__wrapper { margin-left: 0.625rem; } .box .collapsable-section .collapsable-header .vue-icon__wrapper svg, .form__sub-collection > div .collapsable-section .collapsable-header .vue-icon__wrapper svg { transition: all 400ms ease; } .box .collapsable-section .collapsable-header:hover, .form__sub-collection > div .collapsable-section .collapsable-header:hover { color: #25A18E; } .box .collapsable-section .collapsable-header:hover h4, .form__sub-collection > div .collapsable-section .collapsable-header:hover h4 { color: #25A18E; } .box .collapsable-section .collapsable-content, .form__sub-collection > div .collapsable-section .collapsable-content { height: 0; overflow: hidden; transition: height 400ms ease; padding-top: 0.3125rem; } .box .collapsable-section .collapsable-content ul, .form__sub-collection > div .collapsable-section .collapsable-content ul { list-style: disc; padding-left: 20px; } .box .collapsable-section.is-active .collapsable-header svg, .form__sub-collection > div .collapsable-section.is-active .collapsable-header svg { transition: all 400ms ease; transform: rotate(180deg); } .box .collapsable-section.is-active .collapsable-content, .form__sub-collection > div .collapsable-section.is-active .collapsable-content { height: auto; transition: height 400ms ease; } .box.is-collapsable, .form__sub-collection > div.is-collapsable { background: rgba(255, 255, 255, 0.35); box-shadow: -2px -4px 6px #FFFFFF, 2px 4px 6px rgba(40, 42, 42, 0.25); display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 5px 15px; } .box.is-collapsable .category-title, .form__sub-collection > div.is-collapsable .category-title { font-size: 18px; line-height: 18px; margin-bottom: 0px; letter-spacing: 1px; color: #4a4a4a; font-weight: 600; } .box.is-collapsable .category-title.content-subcategory-description, .form__sub-collection > div.is-collapsable .category-title.content-subcategory-description { font-size: 14px; font-weight: 400; } .box.is-collapsable .is-subcategory, .form__sub-collection > div.is-collapsable .is-subcategory { box-shadow: none; border-radius: 0; border-bottom: 1px solid #dbdbdb; } .box.is-collapsable .is-subcategory h2, .form__sub-collection > div.is-collapsable .is-subcategory h2 { text-align: justify; } .box.is-collapsable .is-subcategory ul, .form__sub-collection > div.is-collapsable .is-subcategory ul { list-style-type: disc; padding-left: 20px; } .box.is-collapsable .is-subcategory ul ul, .form__sub-collection > div.is-collapsable .is-subcategory ul ul { list-style-type: circle; } .box.is-collapsable .is-subcategory li, .form__sub-collection > div.is-collapsable .is-subcategory li { margin-bottom: 5px; } .box.is-collapsable .is-subcategory ol, .form__sub-collection > div.is-collapsable .is-subcategory ol { margin-left: 20px; } .box.is-collapsable .is-subcategory .category-title, .form__sub-collection > div.is-collapsable .is-subcategory .category-title { font-size: 15px; letter-spacing: 1px; text-transform: uppercase; } .box.is-collapsable .icons-title-category, .form__sub-collection > div.is-collapsable .icons-title-category { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 4px 0; width: 100%; } .box.is-collapsable .icons-title-category .icon-title-box, .form__sub-collection > div.is-collapsable .icons-title-category .icon-title-box { display: flex; flex-direction: row; align-items: center; } .box.is-collapsable .icons-title-category:hover, .form__sub-collection > div.is-collapsable .icons-title-category:hover { background-color: #fefefe; } .box.is-collapsable .icons-title-category:hover h2, .form__sub-collection > div.is-collapsable .icons-title-category:hover h2, .box.is-collapsable .icons-title-category:hover p, .form__sub-collection > div.is-collapsable .icons-title-category:hover p, .box.is-collapsable .icons-title-category:hover .icon-category, .form__sub-collection > div.is-collapsable .icons-title-category:hover .icon-category { color: #25A18E; } .box.is-collapsable .icons-title-category:hover g path, .form__sub-collection > div.is-collapsable .icons-title-category:hover g path { fill: #25A18E !important; } .box.is-collapsable .icons-title-category:hover .icon-action, .form__sub-collection > div.is-collapsable .icons-title-category:hover .icon-action { background-color: #25A18E; color: #fefefe; } .box.is-collapsable .subcategory-items-description, .form__sub-collection > div.is-collapsable .subcategory-items-description { width: 100%; display: flex; flex-direction: row; padding: 10px; border-bottom: 1px solid #dbdbdb; } .box.is-collapsable .subcategory-items-description .description, .form__sub-collection > div.is-collapsable .subcategory-items-description .description { width: 100%; display: flex; flex-direction: column; margin-top: 10px; gap: 5px; } .box.is-collapsable .subcategory-items-description .description .name-key-box, .form__sub-collection > div.is-collapsable .subcategory-items-description .description .name-key-box { display: flex; flex-direction: row; justify-content: space-between; } .box .icon-category, .form__sub-collection > div .icon-category { display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 5px; } .box .icon-category.icon-action, .form__sub-collection > div .icon-category.icon-action { color: #25A18E; } .box .is-email-signature a, .form__sub-collection > div .is-email-signature a { font-size: 0.8125rem !important; font-weight: 500 !important; } .box--instructions { border-radius: 0; } .box--instructions .box__title { font-size: 1.125rem; } .box--instructions ul { list-style: disc; padding-left: 1.25rem; } .box--full-height { position: relative; height: calc(100vh - 80px); } .table { width: 100%; margin-top: 2rem; } .table tbody tr:last-child td { border-bottom-width: 0.0625rem; } .table th.mw-150, .table td.mw-150 { min-width: 9.375rem; } .table th.break-all, .table td.break-all { word-break: break-all; } .choices { margin-bottom: 0.625rem !important; } .choices[data-type*=select-one] .choices__inner { background-color: #ffffff; padding: 0; min-height: 2rem; border-radius: 0.1875rem; } .choices[data-type*=select-one] .choices__inner .choices__list--single { padding-left: 0.875rem; } .choices[data-type*=select-one] .choices__inner .choices__item { color: #282A2A; } .choices[data-type*=select-one] .choices__inner .choices__item .choices__button { display: none; } .choices[data-type*=select-one] .choices__inner:hover { border-color: #899494; } .choices[data-type*=select-one]:after { font-family: drupal-icons; content: "\e313"; color: #25A18E; font-size: 1.75rem; border: none; top: 0; right: 0.375rem; height: unset; width: unset; transition: all 0.3s ease-in-out; } .choices[data-type*=select-one].is-open:after { transform: rotate(180deg); } .choices[data-type*=select-multiple] .choices__inner { padding-top: 2.25rem; padding-left: 0; background-color: transparent; border: none; } .choices[data-type*=select-multiple] .choices__inner .choices__input { background-color: transparent; } .choices[data-type*=select-multiple] .choices__inner .choices__list--multiple .choices__item { background-color: #25A18E; border-radius: 2.25rem; border: none; padding: 0.5rem 1rem; margin: 0 0.5rem 0.5rem 0; font-size: 0.75rem; font-weight: 600; line-height: 0.875rem; } .choices[data-type*=select-multiple] .choices__inner .choices__list--multiple .choices__item .choices__button { border-left: none; } .choices .choices__list--dropdown { border-radius: 0.1875rem; word-break: break-word; } .choices .choices__list--dropdown .choices__input { font-size: 0.75rem; } .choices .choices__list--dropdown .choices__list .choices__item { font-size: 0.75rem; min-height: 2.375rem; } .choices .choices__list--dropdown .choices__list .choices__item.is-selected { background-color: rgba(37, 161, 142, 0.3); } .choices .choices__list--dropdown .choices__list .choices__item.is-highlighted { background-color: #25A18E; color: #fefefe; } .choices .choices__list--dropdown .choices__item--selectable { padding-right: unset; } .choices .choices__list--dropdown ::-webkit-scrollbar { width: 0.625rem; height: 0.625rem; } .choices .choices__list--dropdown ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3); border-radius: 0; } .choices .choices__list--dropdown ::-webkit-scrollbar-thumb { background-color: #25A18E; border-radius: 0.625rem; } .choices .choices__list--dropdown ::-webkit-scrollbar-corner { background-color: #899494; } .choices.is-disabled:after { color: #7a7a7a; } .choices.is-disabled .choices__inner { background-color: #f5f5f5; border-color: #f5f5f5; } .choices.is-disabled .choices__inner:hover { border-color: #f5f5f5; } .choices.is-disabled .choices__list .choices__item { color: #7a7a7a; } .choices__group ~ .choices__item { padding-left: 1.875rem; } .choices:not(.searching) .choices__list--expense-categories .choices__group:not([data-value=" "]) { position: relative; cursor: pointer; } .choices:not(.searching) .choices__list--expense-categories .choices__group:not([data-value=" "]) .choices__heading:after { font-family: drupal-icons; content: "\e313"; color: #899494; font-size: 1.125rem; position: absolute; top: 0.375rem; right: 0.875rem; height: unset; width: unset; transition: transform 0.3s ease-in-out; } .choices:not(.searching) .choices__list--expense-categories .choices__group:not([data-value=" "]):hover { background-color: rgba(137, 148, 148, 0.3); } .choices:not(.searching) .choices__list--expense-categories .choices__group:not([data-value=" "]).group-active { background-color: rgba(137, 148, 148, 0.3); } .choices:not(.searching) .choices__list--expense-categories .choices__group:not([data-value=" "]).group-active .choices__heading:after { transform: rotate(180deg); } .choices:not(.searching) .choices__list--expense-categories .choices__item { transition: min-height 0.3s ease; } .choices:not(.searching) .choices__list--expense-categories .choices__item:not([data-group$=-default-group]):not(.is-active) { font-size: 0; min-height: 0; padding: 0; } .callout { position: relative; padding: 1.5rem 4rem 1.5rem 2.25rem; border-radius: 0.125rem; width: 100%; margin-right: auto; margin-left: auto; min-height: 4.6875rem; color: #282A2A; } .callout p { font-size: 1rem; font-weight: 400; } .callout .close-button { position: absolute; right: 2.25rem; top: 1rem; border: none; background-color: transparent; cursor: pointer; } .callout .close-button span { font-size: 2rem; } .callout *:not(button) { color: #fefefe; } .callout.is-alert { background-color: #D04725; } .callout.is-warning { background-color: #EDAE49; } .callout.is-success { background-color: #25A18E; } form .callout { padding: 0.75rem 3rem 0.75rem 1rem; min-height: unset; } form .callout .close-button { right: 0.25rem; top: 0; } form .callout .close-button span { font-size: 1.5rem; } .dp { font-family: "Montserrat"; padding-top: 0; } .dp button { cursor: pointer; } .dp button:hover { background-color: rgba(37, 161, 142, 0.6); } .dp::before { height: 0; } .dp .dp-cal-header { background-color: #25A18E; padding-bottom: 0.5rem; } .dp .dp-cal-header button { color: #fefefe; } .dp .dp-cal-header button.dp-next::before, .dp .dp-cal-header button.dp-prev::before { height: 0.5rem; width: 0.5rem; margin-top: 0.4375rem; } .dp .dp-cal-header button:hover { background: transparent; opacity: 0.6; } .dp .dp-col-header { color: #899494; font-weight: 400; } .dp .dp-day.dp-current:not(.dp-selected) { background-color: transparent; color: #282A2A; } .dp .dp-selected, .dp .dp-month.dp-current { background-color: #25A18E; } .dp .dp-day-today { font-weight: 600; } .dp .dp-day-today::after { border: none; } @media (max-width: 48rem) { .dp { width: 15.625rem; } .dp.dp-next { right: 1rem; } .dp.dp-prev { left: 1rem; } } .os-add-picture .os-add-picture__drop-file { top: 0; bottom: 0; right: 0; left: 0; position: fixed; z-index: 9999; opacity: 0.6; text-align: center; background: hsl(0, 0%, 14%); } .os-add-picture .os-add-picture__drop-file .os-add-picture__drop-file__text { margin: -0.5rem 0 0; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 40px; color: #fefefe; padding: 0; } .os-add-picture .os-add-picture__image-input { display: inline-block; position: relative; width: 15.625rem; height: 15.625rem; cursor: pointer; background-size: cover; background-position: center center; border: 0.0625rem solid #dbdbdb; border-radius: 0.1875rem; } .os-switch .os-switch__checkbox { display: none; } .os-switch .os-switch__checkbox:checked + span:before { background-color: hsl(171, 100%, 41%); } .os-switch .os-switch__checkbox:checked + span:after { -webkit-box-shadow: 0.3125rem 0.3125rem 1.1875rem 0.3125rem rgba(0, 0, 0, 0.24); box-shadow: 0 0 1.1875rem 0.3125rem rgba(0, 0, 0, 0.24); background-color: hsl(171, 100%, 41%); transform: translate(80%, -50%); } .os-switch .os-switch__checkbox + .os-switch__label { position: relative; display: inline-block; cursor: pointer; font-weight: 500; text-align: left; margin: 0; padding: 0 2.75rem; } .os-switch .os-switch__checkbox + .os-switch__label:before, .os-switch .os-switch__checkbox + .os-switch__label:after { content: ""; cursor: pointer; position: absolute; margin: 0; outline: 0; top: 50%; transform: translate(0, -50%); transition: all 200ms cubic-bezier(0.71, 0.07, 0, 1.01); } .os-switch .os-switch__checkbox + .os-switch__label:before { left: 0.0625rem; width: 2.125rem; height: 0.875rem; background-color: rgba(85, 85, 85, 0.2); border-radius: 0.25rem; } .os-switch .os-switch__checkbox + .os-switch__label:after { left: 0; width: 1.25rem; height: 1.25rem; background-color: rgba(0, 0, 0, 0.5); border-radius: 50%; box-shadow: 0 0.1875rem 0.0625rem -0.125rem rgba(0, 0, 0, 0.14), 0 0.125rem 0.125rem 0 rgba(0, 0, 0, 0.098), 0 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.084); } .os-switch .os-switch__checkbox:checked + span .os-switch .os-switch__checkbox:after { transform: translate(80%, -50%); } label.switch[disabled] { opacity: 1; } .os-input .os-input__header__label { margin-bottom: 0.3125rem; padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; text-transform: lowercase; font-weight: 600; } .os-input .os-input__header__label::first-letter { text-transform: uppercase; } .os-input .os-input__control { display: flex; } .os-input .os-input__control .os-input__slot { display: flex; flex-grow: 1; transition: 2.7s; } .os-input .os-input__control .os-input__slot:hover ~ .os-input__append-prepend, .os-input .os-input__control .os-input__slot:hover ~ .os-input__prepend-slot, .os-input .os-input__control .os-input__slot:hover ~ .os-input__append-slot { border-color: #b5b5b5; } .os-input .os-input__control .os-input__slot .os-input__text-field { display: flex; flex-grow: 2; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input { font-family: inherit; box-shadow: none; height: 1.5625rem; font-size: 13px; border-radius: 0.3125rem; padding: 0.3125rem; background-color: #fefefe; border-color: #dbdbdb; box-sizing: border-box; max-width: 100%; color: #282A2A; } @media (min-resolution: 215dpi) { .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input { font-size: 11px; } } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input[disabled] { background-color: #f5f5f5; border-color: #f5f5f5 !important; color: #7a7a7a; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input:hover { border-color: #b5b5b5; } @-moz-document url-prefix() { .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input:focus { border: 0.0625rem solid #dbdbdb; } } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input:focus { -moz-box-shadow: #b5b5b5; -webkit-box-shadow: #b5b5b5; box-shadow: #b5b5b5; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--has-prepend { border-radius: 0 0.1875rem 0.1875rem 0; border-left: none; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--has-append { border-radius: 0.1875rem 0 0 0.1875rem; border-right: none; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large { height: 28px; font-size: 13px; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large::placeholder { text-overflow: inherit; overflow-wrap: normal; -webkit-user-modify: read-only !important; font-size: 0.75rem; font-weight: 400; } @media (min-resolution: 215dpi) { .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large::placeholder { font-size: 11px; } } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large:hover { border-color: #b5b5b5; } @-moz-document url-prefix() { .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large:focus { border: 0.0625rem solid #dbdbdb; } } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large:focus { -moz-box-shadow: #b5b5b5; -webkit-box-shadow: #b5b5b5; box-shadow: #b5b5b5; border-color: #b5b5b5; } .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large .os-input__append-slot { height: 28px; } .os-input .os-input__control .os-input__append-prepend, .os-input .os-input__control .os-input__prepend-slot, .os-input .os-input__control .os-input__append-slot { flex-shrink: 1; align-items: center; border: #dbdbdb 0.0625rem solid; border-left: none; padding: 0.25rem 0.125rem 0.125rem 0.125rem; background-color: white; height: 1.5625rem; transition: 0s; } .os-input .os-input__control .os-input__append-prepend:focus, .os-input .os-input__control .os-input__prepend-slot:focus, .os-input .os-input__control .os-input__append-slot:focus { box-shadow: none; } .os-input .os-input__control .os-input__append-slot { border-radius: 0 0.1875rem 0.1875rem 0; border-left: none; justify-content: left; } .os-input .os-input__control .os-input__prepend-slot { border-radius: 0.1875rem 0 0 0.1875rem; border-right: none; justify-content: right; } .os-input.os-input--large .os-input__append-slot { height: 28px; } .os-input.os-input--has-errors { margin-bottom: 0; } .os-input.os-input--has-errors .os-input__control .os-input__slot .os-input__text-field .os-input__input { border-color: #D04725; } .os-input .os-input__error { color: #D04725; font-size: 0.625rem; line-height: 20px; } .os-input input[type=date]::-webkit-inner-spin-button, .os-input input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } .easy-post-shipments .os-input__input { height: 2.25rem !important; } .os-input::-webkit-datetime-edit-year-field:not([aria-valuenow]), .os-input::-webkit-datetime-edit-month-field:not([aria-valuenow]), .os-input::-webkit-datetime-edit-day-field:not([aria-valuenow]) { color: transparent; } .date-range-filter__to { padding-left: 0; } input.button, input.ui-datepicker-trigger { padding: 0 0.9375rem; } .order-addresses__section .vue-treeselect__label { white-space: normal; border-bottom: 1px solid #ccc; } .multiselect-option-multiline .vue-treeselect__label { white-space: normal; } .os-textarea { margin-bottom: 10px; } .os-textarea[disabled]:hover { cursor: copy; } .os-textarea.os-textarea--large { height: unset; } .os-textarea .os-textarea__header__label { margin-bottom: 0.3125rem; padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; text-transform: lowercase; font-weight: 600; } .os-textarea .os-textarea__header__label::first-letter { text-transform: uppercase; } .os-textarea .os-textarea__control { display: flex; height: 1.375rem; } .os-textarea .os-textarea__control .os-textarea__slot { display: flex; flex-grow: 1; transition: 2.7s; } .os-textarea .os-textarea__control .os-textarea__slot:hover ~ .os-textarea__append-prepend, .os-textarea .os-textarea__control .os-textarea__slot:hover ~ .os-textarea__prepend-slot, .os-textarea .os-textarea__control .os-textarea__slot:hover ~ .os-textarea__append-slot { border-color: #b5b5b5; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field { display: flex; flex-grow: 2; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea { box-shadow: none; height: 1.5625rem; font-size: 0.75rem; border-radius: 0.1875rem 0.1875rem 0.1875rem 0.1875rem; padding: 0.3125rem; background-color: #fefefe; border-color: #dbdbdb; box-sizing: border-box; max-width: 100%; color: #282A2A; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea:hover { border-color: #b5b5b5; } @-moz-document url-prefix() { .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea:focus { border: 0.0625rem solid #dbdbdb; } } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea:focus { -moz-box-shadow: #b5b5b5; -webkit-box-shadow: #b5b5b5; box-shadow: #b5b5b5; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--has-prepend { border-radius: 0 0.1875rem 0.1875rem 0; border-left: none; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--has-append { border-radius: 0.1875rem 0 0 0.1875rem; border-right: none; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--large { height: unset; font-size: 1.0625rem; } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--large:hover { border-color: #b5b5b5; } @-moz-document url-prefix() { .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--large:focus { border: 0.0625rem solid #dbdbdb; } } .os-textarea .os-textarea__control .os-textarea__slot .os-textarea__text-field .os-textarea__textarea.os-textarea__textarea--large:focus { -moz-box-shadow: #b5b5b5; -webkit-box-shadow: #b5b5b5; box-shadow: #b5b5b5; border-color: #b5b5b5; } .os-textarea .os-textarea__control .os-textarea__append-prepend, .os-textarea .os-textarea__control .os-textarea__prepend-slot, .os-textarea .os-textarea__control .os-textarea__append-slot { flex-shrink: 1; align-items: center; border: #dbdbdb 0.0625rem solid; border-left: none; padding: 0.25rem 0.125rem 0.125rem 0.125rem; background-color: white; height: 1.5625rem; transition: 0s; } .os-textarea .os-textarea__control .os-textarea__append-prepend:focus, .os-textarea .os-textarea__control .os-textarea__prepend-slot:focus, .os-textarea .os-textarea__control .os-textarea__append-slot:focus { box-shadow: none; } .os-textarea .os-textarea__control .os-textarea__append-slot { border-radius: 0 0.1875rem 0.1875rem 0; border-left: none; justify-content: left; } .os-textarea .os-textarea__control .os-textarea__prepend-slot { border-radius: 0.1875rem 0 0 0.1875rem; border-right: none; justify-content: right; } .os-textarea textarea { font-family: "Montserrat"; font-size: 0.8125rem; } .os-textarea textarea[disabled] { background-color: #f5f5f5; color: #7a7a7a; } .os-textarea textarea.os-textarea--has-errors { margin-bottom: 0; } .os-textarea textarea .os-textarea__errors { color: #D04725; font-size: 0.625rem; margin-top: 0.25rem; } .os-textarea textarea .os-textarea__hint { font-size: 0.625rem; } .os-label { margin-bottom: 0.3125rem; padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; text-transform: uppercase; font-weight: 600; } .listable-items--create-resource, .listable-items--scroll-top { position: fixed; bottom: 0.625rem; right: 4rem; z-index: 20; padding: 0.625rem 0.625rem; height: 38px; width: 38px; border-radius: 50%; font-size: 1.25rem !important; } .listable-items--create-resource svg, .listable-items--scroll-top svg { width: 16px; } .listable-items--create-resource.button, .listable-items--create-resource.ui-datepicker-trigger, .button.listable-items--scroll-top, .listable-items--scroll-top.ui-datepicker-trigger, .dataTables_paginate a.listable-items--create-resource.paginate_button, .dataTables_paginate a.paginate_button.listable-items--scroll-top { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2) !important; } .listable-items--create-resource.button:hover, .listable-items--create-resource.ui-datepicker-trigger:hover, .button.listable-items--scroll-top:hover, .listable-items--scroll-top.ui-datepicker-trigger:hover, .dataTables_paginate a.listable-items--create-resource.paginate_button:hover, .dataTables_paginate a.paginate_button.listable-items--scroll-top:hover { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4) !important; transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); will-change: box-shadow; } .listable-items--scroll-top { right: 0.625rem; } .listable-items--scroll-top svg { width: 16px; } .listable-items { background: #fefefe; } .listable-items .pagination { margin-top: 1.875rem; } .listable-items .dropdown__action__unordered-list { display: flex; align-items: center; } .listable-items .dropdown__action__unordered-list .dropdown__action__selected { width: 100%; max-width: 100%; } .listable-items .dropdown__action__unordered-list .vue-icon__wrapper svg { vertical-align: bottom; } .listable-items .listable-items__top-bar { margin-bottom: 0; padding: 0 12px 0 4px; z-index: 15; } .listable-items .listable-items__top-bar .column { padding: 0.5rem; } .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .input::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .form__input::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .auth-wrapper input#login_captcha::placeholder, .auth-wrapper .listable-items .listable-items__top-bar .listable-items__top-bar__search-all input#login_captcha::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .datepicker:not(.control)::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .modal .modal__body input::placeholder, .modal .modal__body .listable-items .listable-items__top-bar .listable-items__top-bar__search-all input::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .modal .modal__body select::placeholder, .modal .modal__body .listable-items .listable-items__top-bar .listable-items__top-bar__search-all select::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .dataTable thead th input:not([type=checkbox])::placeholder, .dataTable thead th .listable-items .listable-items__top-bar .listable-items__top-bar__search-all input:not([type=checkbox])::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .dataTables_length label select::placeholder, .dataTables_length label .listable-items .listable-items__top-bar .listable-items__top-bar__search-all select::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .dataTables_filter input::placeholder, .dataTables_filter .listable-items .listable-items__top-bar .listable-items__top-bar__search-all input::placeholder, .listable-items .listable-items__top-bar .listable-items__top-bar__search-all .table thead th input:not([type=checkbox])::placeholder, .table thead th .listable-items .listable-items__top-bar .listable-items__top-bar__search-all input:not([type=checkbox])::placeholder { font-size: 1.125rem; } .listable-items .listable-items__top-bar .dropdown__action .dropdown__action__selected { padding: 2px 10px; } .listable-items .listable-items__top-bar .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input { height: 28px; } .listable-items .is-pulled-right .dropdown__action .dropdown__action__selected { height: 30px; display: flex; align-items: center; } @media (min-resolution: 215dpi) { .listable-items .is-pulled-right .dropdown__action .dropdown__action__selected { height: 28px; } } .listable-items .dropdown__action.dropdown__action--opens-up .dropdown__action__list { top: auto; bottom: 28px; } .listable-items .dropdown__action.dropdown__action--opens-down .dropdown__action__list { bottom: auto; top: 27px; } .listable-items .listable-items__container { height: calc(100vh - 100px); overflow: hidden; } .listable-items .listable-items__container .lds-ring { display: block; margin: 0 auto; } .listable-items .listable-items__filters-container { top: 8.125rem; background-color: #fefefe; height: calc(100vh - 73px - 64px); padding: 0; z-index: 10; transition: width 1s ease-in-out; display: block; } .listable-items .listable-items__filters-container hr { margin: 10px 0; } .listable-items .listable-items__filters-container .multiselect .vue-treeselect__menu { font-size: 12px; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox { font-size: 0.6875rem; line-height: 1rem; text-transform: uppercase; font-weight: 400; position: relative; height: 8px; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox .is-pulled-right { position: absolute; top: -8px; right: 0; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox .form__checkbox-label { font-size: 9px; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox .form__checkbox[type=checkbox][type=checkbox] + label:after { height: 8px !important; width: 8px !important; top: 2px !important; left: 2px !important; background: #25A18E; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox .form__checkbox[type=checkbox][type=checkbox] + label { padding-left: 12px; } .listable-items .listable-items__filters-container .input-filter__input-container .input-filter__input-exact-checkbox .form__checkbox[type=checkbox][type=checkbox] + label:before { top: 0; right: -2px; border-color: #899494; height: 12px; width: 12px; } .listable-items .listable-items__filters-container .multiselect__select { width: 25px; height: 28px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .multiselect__select { height: 28px; } } .listable-items .listable-items__filters-container .multiselect__placeholder { padding-top: 0.125rem; } .listable-items .listable-items__filters-container .multiselect__input::placeholder { font-size: 0.75rem; } .listable-items .listable-items__filters-container .multiselect__tags { max-height: 5.625rem !important; padding: 0px 1.25rem 0 0.4375rem; min-height: auto; } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tag { border-radius: 0.1875rem; margin-bottom: 0; } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tag .multiselect__tag-icon { border-radius: 0.1875rem; } .listable-items .listable-items__filters-container .multiselect__tags::-webkit-scrollbar { height: 0.25rem; } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tags-wrap { display: block; overflow-y: auto; overflow-x: hidden; min-height: auto; max-height: 26px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tags-wrap { height: 24px; } } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tags-wrap::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: none; border-radius: 0.5rem; } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tags-wrap::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 8px; background-clip: padding-box; } .listable-items .listable-items__filters-container .multiselect__tags .multiselect__tags-wrap::-webkit-scrollbar { width: 4px; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters { height: 74vh; width: 100%; overflow-x: hidden; overflow-y: auto; position: relative; transition: height 800ms ease-in-out, width 800ms ease-in-out; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters { /* Chrome, Safari, Edge, Opera */ } .listable-items .listable-items__filters-container .listable-items__filters-container__filters input::-webkit-outer-spin-button, .listable-items .listable-items__filters-container .listable-items__filters-container__filters input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters { /* Firefox */ } .listable-items .listable-items__filters-container .listable-items__filters-container__filters input[type=number] { -moz-appearance: textfield; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.5); border-radius: 8px; background-clip: padding-box; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters::-webkit-scrollbar { width: 4px; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .multiselect--active .multiselect__tags-wrap { max-height: unset !important; min-height: auto !important; height: auto !important; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .multiselect--active .multiselect__tags { max-height: unset !important; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .column { position: relative; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .column .multiselect-ajax__header { position: absolute; top: -10px; right: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .column .multiselect-ajax__header .form__checkbox-label { font-size: 0.5625rem; font-weight: 500; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .column .form__checkbox[type=checkbox][type=checkbox] + label:before { border-color: #899494; height: 0.75rem; width: 0.75rem; top: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container .column .form__checkbox[type=checkbox][type=checkbox] + label:before:hover { border-color: #282A2A; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .autosuggest-filter__container.has-exclude-values { padding-top: 8px; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .dropdown-filter__label, .listable-items .listable-items__filters-container .listable-items__filters-container__filters div[class$=filter__label] { font-size: 10px; line-height: 12px; text-transform: uppercase; font-weight: 600; vertical-align: bottom; } @media (min-resolution: 195dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .dropdown-filter__label, .listable-items .listable-items__filters-container .listable-items__filters-container__filters div[class$=filter__label] { font-size: 9px; } } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .dropdown-filter__label, .listable-items .listable-items__filters-container .listable-items__filters-container__filters div[class$=filter__label] { font-size: 8px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .dropdown-filter__select-all { font-size: 0.6875rem; line-height: 1rem; text-transform: uppercase; font-weight: 400; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect .vue-treeselect__placeholder:before { font-size: 12px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect .vue-treeselect__placeholder:before { font-size: 10px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect-ajax__header__label { text-transform: uppercase; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect-ajax__header__exclude-checkbox { font-size: 0.6875rem; line-height: 1rem; text-transform: uppercase; font-weight: 400; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect-ajax__header__exclude-checkbox .form__checkbox[type=checkbox][type=checkbox] + label:after { top: 0.1875rem; left: 0.1875rem; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect-ajax__clear-all__button { margin-top: 0.25rem; height: 18px; background: transparent; border-color: #25A18E; color: #25A18E; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect__tags .multiselect__input { background: transparent; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax .multiselect__tags .multiselect__tag { margin: 0.1875rem 0.1875rem 0 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters input { font-size: 0.75rem; box-shadow: none; height: 24px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters input { font-size: 0.625rem; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__slot .os-input__input { height: 28px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__slot .os-input__input { height: 26px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__slot .os-input__input::placeholder { font-size: 12px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__slot .os-input__input::placeholder { font-size: 10px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__append-slot { height: 28px; color: #899494; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__control .os-input__append-slot { height: 26px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters a.button, .listable-items .listable-items__filters-container .listable-items__filters-container__filters a.ui-datepicker-trigger, .listable-items .listable-items__filters-container .listable-items__filters-container__filters .dataTables_paginate a.paginate_button, .dataTables_paginate .listable-items .listable-items__filters-container .listable-items__filters-container__filters a.paginate_button { padding: 0.1875rem 0.1875rem; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters input[type=Date] { font-size: 0.75rem; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .datepicker { padding: 0.25rem !important; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect, .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax { margin-bottom: 0 !important; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect.has-option-multiline .vue-treeselect__label, .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect-ajax.has-option-multiline .vue-treeselect__label { line-height: 13px; white-space: normal; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__placeholder { font-size: 12px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__placeholder { font-size: 10px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__tag { font-size: 12px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__tag { font-size: 10px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__tag-icon:hover { background: inherit; color: #D04725; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .multiselect__tag-icon:hover:after { color: #D04725; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__input { margin-top: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect { min-height: 24px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect { height: 22px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control { display: block; height: 28px; box-sizing: border-box; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control { height: 26px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__placeholder { line-height: 28px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__placeholder { height: 26px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__value-container { overflow-y: auto; height: 26px; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__value-container { height: 26px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__multi-value { max-height: 24px; overflow-y: auto; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__multi-value-item-container { padding-top: 0; margin: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__multi-value-item { font-size: 12px; padding: 2px 0; } @media (min-resolution: 215dpi) { .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__multi-value-item { font-size: 11px; } } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__multi-value-item .vue-treeselect__multi-value-label { line-height: 12px; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__input-container { padding-top: 0; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__x-container { position: absolute; right: 20px; top: 10px; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .vue-treeselect__control .vue-treeselect__control-arrow-container { padding-left: 0.3125rem; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input { margin-bottom: 0 !important; } .listable-items .listable-items__filters-container .listable-items__filters-container__filters .os-input .os-input__slot.field { margin-bottom: 0; } .listable-items .tabs-component .tabs-component__tab { background: #fff; } .listable-items .listable-items__results { height: 100%; overflow-y: auto; padding-top: 0; } .listable-items .listable-items__results .table { margin-top: 20px; } .listable-items .listable-items__results::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .listable-items .listable-items__results::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.7); border-radius: 8px; background-clip: padding-box; } .listable-items .listable-items__results::-webkit-scrollbar { width: 4px; } .listable-items .listable-items__results.listable-items__results--fitler-visible { padding-left: 2.5rem; flex-basis: 0; flex-grow: 1; flex-shrink: 1; } .listable-items .listable-items__results tbody tr:hover { background: inherit; } .listable-items .listable-items__reset-filters { height: 1.25rem; } .listable-items .columns:not(:last-child) { margin-bottom: 0; } .listable-items .column.is-filter-label { width: 30%; flex: none; } .listable-items .column.is-filter-value { width: 70%; flex: none; } .horizontal-exports-container { display: flex; align-items: center; gap: 16px; } .horizontal-filters-container { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } .horizontal-filters-container div[class$=filter__label] { font-size: 0.625rem; line-height: 0.75rem; text-transform: uppercase; font-weight: 600; vertical-align: bottom; } .horizontal-filters-container .horizontal-filter__wrapper { display: flex; align-items: center; min-width: 320px; max-width: 340px; } .horizontal-filters-container .horizontal-filter__wrapper.is-small { min-width: 200px; max-width: 2400px; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__list .vue-treeselect__label { width: calc(100% - 50px); } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__list .vue-treeselect__list .vue-treeselect__label { width: calc(100% - 60px); } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__input { margin-top: 0; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect { min-height: 1.5625rem; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control { display: block; height: 1.625rem !important; box-sizing: border-box; min-width: 200px; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__placeholder { line-height: 1.5625rem; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__value-container { overflow-y: auto; height: 1.5625rem; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__multi-value { max-height: 1.5625rem; overflow-y: initial; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__multi-value-item-container { padding-top: 0; margin: 0 0 0.125rem 0; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__multi-value-item { font-size: 0.6875rem; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__input-container { padding-top: 0; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__x-container { padding-left: 0.3125rem; padding-right: 15px; } .horizontal-filters-container .horizontal-filter__wrapper .vue-treeselect__control .vue-treeselect__control-arrow-container { padding-left: 0.3125rem; } .horizontal-filters-container .horizontal-filter__wrapper .os-input__error { line-height: 4px; position: absolute; } .horizontal-filters-container .horizontal-filter__wrapper .os-input--has-errors .os-input__append-slot { border-color: #D04725; } .rich-text-editor { background: #ffffff; border: 1px solid #dbdbdb; border-radius: 0.25rem; } .rich-text-editor .ProseMirror { min-height: 12.5rem; padding: 0.5rem; } .rich-text-editor .ProseMirror.ProseMirror-focused { border: 1px solid #b5b5b5; outline: none !important; } .rich-text-editor ul, .rich-text-editor ol { margin-left: 10px; } .rich-text-editor ul { list-style: disc; } .rich-text-editor .rich-text-editor__actions { background: #e6e6e6; padding: 0.25rem; display: flex; align-items: center; } .rich-text-editor .rich-text-editor__button { width: 1.75rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; padding: 0.25rem 0.375rem; margin-right: 0.5rem; border: none; background: transparent; cursor: pointer; font-size: 1.125rem; } .dashboard-profile-card { padding-top: 0.3125rem; } .dashboard-profile-card .content-box-text-bold a { transition: color 0.3s; font-size: 12px; line-height: 2px; } .dashboard-profile-card .content-box-text-bold a:hover { color: #25A18E; } .dashboard-profile-card .profile-picture img { width: 120px; height: 120px; object-fit: cover; border-radius: 100%; overflow: hidden; box-shadow: 0 18px 39px -3px rgba(0, 0, 0, 0.1); } @media (min-resolution: 215dpi) { .dashboard-profile-card .profile-picture img { width: 100px; height: 100px; } } .dashboard-profile-card .name { font-size: 28px; } @media (min-resolution: 215dpi) { .dashboard-profile-card .name { font-size: 24px; } } .dashboard-profile-card .title { font-size: 18px; font-weight: 400; } @media (min-resolution: 215dpi) { .dashboard-profile-card .title { font-size: 14px; } } .dashboard-profile-card .primary-button-dashboard { width: 135px; height: 50px; background: rgba(255, 255, 255, 0.35); border-radius: 4px; box-shadow: -2px -4px 6px #FFFFFF, 2px 4px 6px rgba(40, 42, 42, 0.25); display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; cursor: pointer; transition: all 0.2s ease-in; margin-bottom: 1.25rem; color: #282A2A; } .dashboard-profile-card .primary-button-dashboard:hover a, .dashboard-profile-card .primary-button-dashboard:hover svg, .dashboard-profile-card .primary-button-dashboard:hover path { color: #25A18E; stroke: #25A18E; } .dashboard-profile-card .primary-button-dashboard:hover { box-shadow: none; } .dashboard-profile-card .primary-button-dashboard a, .dashboard-profile-card .primary-button-dashboard svg, .dashboard-profile-card .primary-button-dashboard path { color: #282A2A; stroke: #282A2A; font-size: 11px; } .dashboard-profile-card .logout-button-dashboard { color: #D04725; font-weight: 600; transition: 0.3s; } .dashboard-profile-card .logout-button-dashboard svg, .dashboard-profile-card .logout-button-dashboard path { stroke: #D04725; } .dashboard-profile-card .logout-button-dashboard a { color: #D04725; } .dashboard-profile-card .logout-button-dashboard:hover { color: #25A18E; } .dashboard-blog .dashboard-blog-content { overflow: hidden; padding-top: 0; margin-top: 0; margin-bottom: 10px; } .dashboard-blog .dashboard-blog-content:hover .dashboard-blog-content-text .content-box-blog-title { color: #25A18E; } .dashboard-blog .dashboard-blog-content:hover .dashboard-blog-content-text .content-box-small-text { color: #25A18E; } .dashboard-blog .dashboard-blog-content .dashboard-blog-content-text .content-box-blog-title { font-size: 0.8125rem; line-height: 0.9375rem; font-weight: 600; transition: color 0.3s; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; padding: 0; } .dashboard-blog .dashboard-blog-content .dashboard-blog-content-text .content-box-small-text { transition: color 0.3s; } .dashboard-blog .picture-box { border: 0.0625rem solid #dbdbdb; height: 90px; width: 100%; position: relative; overflow: hidden; } @media (max-width: 48rem) { .dashboard-blog .picture-box { max-width: 11.25rem; } } .dashboard-information .os-information-link { color: #25A18E; } .dashboard-information .os-information-link:hover { color: rgb(63.5075757576, 210.9924242424, 188.3939393939); } .dashboard-check-in .dashboard-button { min-width: 9.375rem; margin-bottom: 0.625rem; transition: translate 0s; } .dashboard-check-in.dashboard-checked-in { background-image: linear-gradient(#59C0B0, #25A18E); } .dashboard-check-in.dashboard-checked-out { background-image: linear-gradient(#F0BD6A, #EDAE49); } .dashboard-work-hours-chart { display: flex; flex-direction: column; } .dashboard-work-hours-chart .average-hours { color: #25A18E; } .dashboard-work-hours-chart p { padding: 0; margin: 0; } .dashboard-work-hours-chart .chart-wrapper { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; } .dashboard-work-hours-chart .chart-wrapper .dot { height: 0.4375rem; width: 0.4375rem; border-radius: 50%; display: inline-block; } .dashboard-work-hours-chart .chart-wrapper .dot-average-hours { background-color: #D04725; } .dashboard-work-hours-chart .chart-wrapper .dot-average-worked { background-color: #25A18E; } .dashboard-work-hours-chart .chart-wrapper .work-time-chart { width: 99%; min-height: 9.375rem; } .dashboard-work-hours-chart svg > g > g:last-child { pointer-events: none; } .dashboard-backgroud .dashboard { line-height: 1rem; height: 100%; } @media (max-width: 25rem) { .dashboard-backgroud .container { padding: 0; } .dashboard-backgroud .container .column { padding: 0.5rem; } } .dashboard-backgroud .container { min-height: calc(100vh - 100px); display: flex; flex-direction: column; justify-content: center; } .grid-layout-home-page .container { min-height: calc(100vh - 200px); } .grid-layout-home-page .home-page-box { min-height: 15.625rem; } .grid-layout-home-page .home-page-box .vc-border { border: none; } .grid-layout-home-page .home-page-box .os-card { padding: 0.625rem; } .grid-layout-home-page .home-page-box .content-box { min-height: 260px; color: #282A2A; } .grid-layout-home-page .home-page-box .content-box .os-card { height: 260px; } .grid-layout-home-page .home-page-box .content-box .error { color: #D04725; } .grid-layout-home-page .home-page-box .content-box .line { display: block; width: 100%; border-top: 1px solid #dbdbdb; margin: 0 0 10px 0; } .grid-layout-home-page .home-page-box .content-box .content-box-title { font-size: 14px; line-height: 17px; font-weight: 600; text-transform: uppercase; color: #899494; } .grid-layout-home-page .home-page-box .content-box .content-box-subtitle { font-size: 0.8125rem; font-weight: 400; line-height: 0.875rem; } .grid-layout-home-page .home-page-box .content-box .content-box-text-bold { font-size: 0.875rem; font-weight: 600; line-height: 1rem; width: 60%; text-align: center; } .grid-layout-home-page .home-page-box .content-box .content-box-text { font-size: 0.8125rem; font-weight: 400; line-height: 1rem; } .grid-layout-home-page .home-page-box .content-box .content-box-small-text { font-size: 0.5625rem; font-weight: 400; line-height: 0.875rem; } .grid-layout-home-page .home-page-box .content-box .grid-cursor { display: inline-block; font-size: 20px; font-weight: 600; line-height: 0; color: #25A18E; transition: color 0.3s; } .grid-layout-home-page .home-page-box .content-box .grid-cursor::before, .grid-layout-home-page .home-page-box .content-box .grid-cursor::after { line-height: 18px; } .grid-layout-home-page .home-page-box .content-box .grid-cursor i { cursor: pointer; } .grid-layout-home-page .home-page-box .content-box .grid-cursor:hover { color: rgb(63.5075757576, 210.9924242424, 188.3939393939); } .grid-layout-home-page .home-page-box .content-box .grid-cursor.tooltip { z-index: 20; } .grid-layout-home-page .home-page-box .content-box .grid-cursor.tooltip:before { font-weight: 600; padding: 0.125rem 0.5rem; } .grid-layout-home-page .home-page-box .content-box-with-scroll { height: 260px; overflow-x: hidden; overflow-y: auto; } .grid-layout-home-page .home-page-box .home-page-box__calendar { height: 15.625rem; overflow: hidden; } .grid-layout-home-page .home-page-box .home-page-box__calendar .vc-title { font-family: "Montserrat"; font-weight: 600; font-size: 0.9375rem; } .grid-layout-home-page .home-page-box .home-page-box__calendar .vc-grid-container .vc-weeks { transform: scale(0.9) translate(-4px, 0px); } .grid-layout-home-page .columns:not(:last-child) { margin-bottom: 0; } @media (max-width: 48rem) { .grid-layout-home-page .columns .column:not(first-child) .content-box { margin-top: 1.5rem !important; } } .grid-layout-home-page .home-page-notification-box, .grid-layout-home-page .home-page-header-notification { background-color: #ffffff; border-radius: 0.1875rem; } .grid-layout-home-page .home-page-notification-box p, .grid-layout-home-page .home-page-header-notification p { margin: 0; padding: 0; font-size: 0.875rem; font-weight: 600; } .grid-layout-home-page .home-page-footer { text-align: center; color: #282A2A; } .grid-layout-home-page .home-page-footer a { color: #25A18E; } .home-page-header-notification { background-color: #D04725 !important; } .home-page-header-notification p { color: #ffffff; } .dashboard-backgroud { background-color: #fafaf9; } .lds-ring { display: inline-block; position: relative; width: 4rem; height: 4rem; font-size: 0; } .lds-ring div:after, .lds-ring div:before { content: ""; box-sizing: border-box; display: block; position: absolute; width: 3.1875rem; height: 3.1875rem; margin: 0.375rem; border: 0.25rem solid #25A18E; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #25A18E transparent transparent transparent; } .lds-ring.lds-ring--white div:after, .lds-ring.lds-ring--white div:before { border: 0.25rem solid #fefefe; border-color: #fefefe transparent transparent transparent; } .lds-ring.lds-ring--small, .lds-ring.small-lds-ring { width: 1rem; height: 1rem; } .lds-ring.lds-ring--small div:after, .lds-ring.lds-ring--small div:before, .lds-ring.small-lds-ring div:after, .lds-ring.small-lds-ring div:before { width: 0.875rem; height: 0.875rem; margin: 0; border-width: 0.125rem; } .lds-ring.lds-ring--large { width: 8rem; height: 8rem; } .lds-ring.lds-ring--large div:after, .lds-ring.lds-ring--large div:before { width: 6.375rem; height: 6.375rem; margin: 0.25rem; border-width: 0.375rem; } .lds-ring div:before { animation-delay: -0.45s; } .lds-ring div div:before { animation-delay: -0.3s; } .lds-ring div:after { animation-delay: -0.15s; top: 0; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .multiselect.has-text-capitalized *, .multiselect-ajax.has-text-capitalized * { text-transform: capitalize !important; } .multiselect .multiselect__select, .multiselect-ajax .multiselect__select { height: 28px; } .multiselect .multiselect__select:before, .multiselect-ajax .multiselect__select:before { color: #ccc; border-color: #ccc transparent transparent; } .multiselect .multiselect__tags, .multiselect-ajax .multiselect__tags { padding-top: 0; min-height: 28px; } .multiselect .multiselect__tags .multiselect__tag, .multiselect-ajax .multiselect__tags .multiselect__tag { color: #25A18E; background: #D4ECEA; } .multiselect .multiselect__tags .multiselect__spinner, .multiselect-ajax .multiselect__tags .multiselect__spinner { height: 1.875rem !important; } .multiselect .multiselect__header, .multiselect .multiselect-ajax__header, .multiselect-ajax .multiselect__header, .multiselect-ajax .multiselect-ajax__header { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 0.3125rem; } .multiselect .multiselect__header .multiselect__header__label, .multiselect .multiselect__header .multiselect-ajax__header__label, .multiselect .multiselect-ajax__header .multiselect__header__label, .multiselect .multiselect-ajax__header .multiselect-ajax__header__label, .multiselect-ajax .multiselect__header .multiselect__header__label, .multiselect-ajax .multiselect__header .multiselect-ajax__header__label, .multiselect-ajax .multiselect-ajax__header .multiselect__header__label, .multiselect-ajax .multiselect-ajax__header .multiselect-ajax__header__label { padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; font-weight: 600; font-family: "Montserrat", serif; } .multiselect .multiselect-ajax__clear-all .multiselect-ajax__clear-all__button, .multiselect-ajax .multiselect-ajax__clear-all .multiselect-ajax__clear-all__button { font-weight: 500; padding-top: 0.1875rem; padding-bottom: 0.1875rem; font-size: 0.625rem; } .multiselect .multiselect__select-all, .multiselect-ajax .multiselect__select-all { padding-left: 0.625rem; } .multiselect .multiselect__select-all:hover, .multiselect-ajax .multiselect__select-all:hover { background-color: #25A18E; color: #fefefe; } .multiselect .multiselect__placeholder, .multiselect-ajax .multiselect__placeholder { text-overflow: inherit; overflow-wrap: normal; -webkit-user-modify: read-only !important; font-size: 0.75rem; font-weight: 400; margin: 0.25rem 0; } .multiselect.multiselect--has-errors, .multiselect-ajax.multiselect--has-errors { margin-bottom: 0; } .multiselect.multiselect--has-errors .vue-treeselect__control, .multiselect-ajax.multiselect--has-errors .vue-treeselect__control { border-color: #D04725; } .multiselect .multiselect__error, .multiselect-ajax .multiselect__error { position: absolute; font-size: 0.625rem; color: #D04725; line-height: 14px; } .multiselect .multiselect__hint, .multiselect-ajax .multiselect__hint { font-size: 0.625rem !important; line-height: 18px; } .multiselect .multiselect__hint a, .multiselect-ajax .multiselect__hint a { line-height: 18px; } .multiselect .multiselect--disabled, .multiselect .vue-treeselect--disabled, .multiselect-ajax .multiselect--disabled, .multiselect-ajax .vue-treeselect--disabled { opacity: 1; pointer-events: unset; background: #f5f5f5; color: #7a7a7a; cursor: not-allowed; } .multiselect .multiselect--disabled:focus, .multiselect .vue-treeselect--disabled:focus, .multiselect-ajax .multiselect--disabled:focus, .multiselect-ajax .vue-treeselect--disabled:focus { outline: none; } .multiselect .multiselect--disabled .vue-treeselect__control, .multiselect .vue-treeselect--disabled .vue-treeselect__control, .multiselect-ajax .multiselect--disabled .vue-treeselect__control, .multiselect-ajax .vue-treeselect--disabled .vue-treeselect__control { background: #f5f5f5; border-color: #f5f5f5; color: #7a7a7a; } .multiselect .multiselect--disabled .vue-treeselect__x-container, .multiselect .vue-treeselect--disabled .vue-treeselect__x-container, .multiselect-ajax .multiselect--disabled .vue-treeselect__x-container, .multiselect-ajax .vue-treeselect--disabled .vue-treeselect__x-container { display: none; } .multiselect .multiselect--disabled .vue-treeselect__single-value, .multiselect .vue-treeselect--disabled .vue-treeselect__single-value, .multiselect-ajax .multiselect--disabled .vue-treeselect__single-value, .multiselect-ajax .vue-treeselect--disabled .vue-treeselect__single-value { padding-top: 0.125rem; color: #7a7a7a; } .multiselect .multiselect--disabled .multiselect__tags, .multiselect .multiselect--disabled .multiselect__single, .multiselect .multiselect--disabled .multiselect__select, .multiselect .vue-treeselect--disabled .multiselect__tags, .multiselect .vue-treeselect--disabled .multiselect__single, .multiselect .vue-treeselect--disabled .multiselect__select, .multiselect-ajax .multiselect--disabled .multiselect__tags, .multiselect-ajax .multiselect--disabled .multiselect__single, .multiselect-ajax .multiselect--disabled .multiselect__select, .multiselect-ajax .vue-treeselect--disabled .multiselect__tags, .multiselect-ajax .vue-treeselect--disabled .multiselect__single, .multiselect-ajax .vue-treeselect--disabled .multiselect__select { background: transparent; } .multiselect .multiselect--disabled .multiselect__tags, .multiselect .vue-treeselect--disabled .multiselect__tags, .multiselect-ajax .multiselect--disabled .multiselect__tags, .multiselect-ajax .vue-treeselect--disabled .multiselect__tags { border-color: #f5f5f5; } .multiselect .multiselect.has-error .multiselect__tags, .multiselect-ajax .multiselect.has-error .multiselect__tags { border: 1px solid #D04725; } .multiselect { font-family: "Montserrat", serif; min-height: 1.75rem; border-radius: 0.25rem; } .multiselect .vue-treeselect { min-height: 28px; border-radius: 4px; } .multiselect .vue-treeselect__label { padding-left: 4px; } @media screen and (max-width: 112.5rem) { .multiselect .vue-treeselect__label { width: calc(100% - 45px) !important; } } @media screen and (max-width: 112.5rem) { .multiselect .vue-treeselect__menu-container { min-width: 220px; } } .multiselect .vue-treeselect__menu { font-size: 13px; } @media (min-resolution: 215dpi) { .multiselect .vue-treeselect__menu { font-size: 11px; } } @media screen and (max-width: 112.5rem) { .multiselect .vue-treeselect__menu { min-width: 220px; } } .multiselect .vue-treeselect__menu::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .multiselect .vue-treeselect__menu::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 8px; background-clip: padding-box; } .multiselect .vue-treeselect__menu::-webkit-scrollbar { width: 4px; } .multiselect .vue-treeselect__control { height: 26px; } .multiselect.multiselect--small .vue-treeselect__control { height: 26px; } .multiselect.multiselect--large .vue-treeselect__control { height: 28px; } .multiselect .vue-treeselect__placeholder { visibility: hidden; line-height: 1.875rem; } .multiselect .vue-treeselect__placeholder:before { content: "Select an option"; visibility: visible; font-family: inherit; font-size: 13px; } @media (min-resolution: 215dpi) { .multiselect .vue-treeselect__placeholder:before { font-size: 11px; } } .multiselect .vue-treeselect__option { margin-top: 0.3125rem; } .multiselect .vue-treeselect__option .vue-treeselect__option--highlight { background: #f5f5f5; transition: 0s; } .multiselect .vue-treeselect__option { text-overflow: ellipsis; width: 100%; } .multiselect .vue-treeselect--has-value .vue-treeselect__multi-value { margin-bottom: 0; } .multiselect .vue-treeselect__input { margin-top: 0.125rem; line-height: 1; max-height: 1.25rem !important; } .multiselect .vue-treeselect__option { padding: 0.125rem 0.3125rem; height: 1.125rem; float: right; } .multiselect .vue-treeselect__option:hover .only-button { display: flex; justify-content: flex-end; line-height: 0.9375rem; margin-top: 0.125rem; transition: 0.5s; } .multiselect .vue-treeselect__indent-level-1 .vue-treeselect__option { padding-left: 1.5rem; } .multiselect .vue-treeselect__indent-level-2 .vue-treeselect__option { padding-left: 3rem; } .multiselect .vue-treeselect__indent-level-3 .vue-treeselect__option { padding-left: 4.5rem; } .multiselect .vue-treeselect__indent-level-4 .vue-treeselect__option { padding-left: 6rem; } .multiselect .only-button { display: none; font-size: 13px; font-weight: 400; transition: 0.5s; color: #25A18E; float: right; border: 0.0625rem solid #25A18E; border-radius: 0.1875rem; opacity: 1; padding: 0 0.125rem; } .multiselect .only-button:hover { border: 0.0625rem solid transparent; background-color: #25A18E; color: white; transition: 0.5s; } .multiselect .vue-treeselect__multi-value { max-height: 1.875rem; overflow-y: auto; scrollbar-width: thin; padding-top: 0.125rem; } .multiselect .vue-treeselect__multi-value .vue-treeselect__multi-value-item { color: #25A18E; background: #D4ECEA; } .multiselect .vue-treeselect__multi-value .vue-treeselect__limit-tip { padding-top: 0; } .multiselect .vue-treeselect__label { width: calc(100% - 60px); display: inline-block; } .multiselect .vue-treeselect__multi-value-label { line-height: 0.875rem; } .multiselect .vue-treeselect__input-container { padding: 0; top: 0; left: 0.3125rem; height: 1.25rem; } .multiselect .vue-treeselect__input-container .vue-treeselect__input { padding: 0; } .multiselect .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-disabled):hover .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new) .vue-treeselect__multi-value-item:not(.vue-treeselect__multi-value-item-new):hover { color: #25A18E; background: #D4ECEA; } .multiselect .vue-treeselect__value-remove { color: #25A18E; } .multiselect .vue-treeselect__multi-value-item-container { padding-top: 0; padding-bottom: 0.125rem; } .multiselect .vue-treeselect__label-container:hover .vue-treeselect__checkbox--unchecked { border-color: #25A18E; background: #fff; } .multiselect .vue-treeselect__checkbox--indeterminate { border-color: #25A18E; background: #25A18E; } .multiselect .vue-treeselect__label-container:hover .vue-treeselect__checkbox--indeterminate { border-color: #25A18E; background: #25A18E; } .multiselect .vue-treeselect__checkbox--checked { border-color: #25A18E; background: #25A18E; } .multiselect .vue-treeselect__label-container:hover .vue-treeselect__checkbox--checked { border-color: #25A18E; background: #25A18E; } .multiselect .vue-treeselect__error-tip .vue-treeselect__retry { color: #25A18E; } .multiselect .vue-treeselect__icon-loader::before { background: #25A18E; } .multiselect .vue-treeselect--focused:not(.vue-treeselect--open) .vue-treeselect__control { border-color: #25A18E; box-shadow: 0 0 0 0.1875rem rgba(82, 191, 201, 0.1); } .multiselect .vue-treeselect--single .vue-treeselect__option--selected { background: #D4ECEA; } .multiselect .vue-treeselect--single .vue-treeselect__option--selected:hover { background: #D4ECEA; } .multiselect .multiselect__input { margin-bottom: 0; margin-top: 0.375rem; } .multiselect .multiselect__input::placeholder { text-overflow: inherit; overflow-wrap: normal; -webkit-user-modify: read-only !important; font-size: 0.75rem; font-weight: 400; } .multiselect .vue-treeselect__value-container { overflow-y: auto; height: 26px; } .multiselect .vue-treeselect__value-container::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: none; border-radius: 0.5rem; } .multiselect .vue-treeselect__value-container::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 8px; background-clip: padding-box; } .multiselect .vue-treeselect__value-container::-webkit-scrollbar { width: 4px; } .multiselect .vue-treeselect__control-arrow-container svg { position: absolute; top: 10px; right: 12px; } .multiselect.is-danger { border: 1px solid #D04725; } .vue-treeselect__single-value { line-height: unset; padding-top: 0.3125rem; color: #4a4a4a; font-size: 13px; } @media (min-resolution: 215dpi) { .vue-treeselect__single-value { font-size: 11px; } } .multiselect__single { padding-left: 0; margin: 2px 0; font-size: 13px; } @media (min-resolution: 215dpi) { .multiselect__single { font-size: 11px; } } .multiselect__option { min-height: 36px !important; padding: 10px; font-size: 12px; } @media (min-resolution: 215dpi) { .multiselect__option { font-size: 10px; } } .v--modal { padding: 1.25rem !important; overflow: auto !important; border-radius: 1.25rem !important; } @media (max-width: 48rem) { .v--modal { max-width: 100% !important; left: 0 !important; top: 150px !important; } } .v--modal > div.customer-add-address { max-height: 90vh; } .v--modal .tabs-component { margin: 0; } .v--modal .table thead th, .v--modal .table tbody td { font-size: 0.75rem; } .v--modal .b-table { max-height: 60vh; overflow: auto; } .v--modal--no-margins .v--modal { padding: 0 !important; } .v--modal--overflow-visible .v--modal-box { overflow: visible !important; } .v--overflow-modal-visible .modal-content { overflow: visible !important; } .v--modal-overlay.is-tabs-wrapper .v--modal { padding: 0 !important; background-color: transparent; box-shadow: none; } .v--modal-overlay.is-tabs-wrapper .v--modal .tabs-component .tabs-component__tab { margin: 0; border-radius: 0.625rem 0.625rem 0 0; } .os-chip { display: flex; border: 1px solid #25A18E; color: #25A18E; flex: none; cursor: pointer; padding: 0.5625rem 0.625rem 0.3125rem 0.5rem; border-radius: 1.25rem; margin: 0.3125rem 0.625rem; transition: background-color ease-in-out 400ms; } .os-chip.is-selected { background-color: #25A18E; color: white; } .os-chip .os-chip__selected-icon { margin-right: 0.3125rem; margin-top: 0.1875rem; } .os-table .os-table__table__change-column-dropdown { position: fixed; top: 15.625rem; left: 31.25rem; max-height: 15.625rem; overflow-y: auto; background-color: #fefefe; border-top: 0.3125rem solid #25A18E; border-radius: 0.625rem; padding: 0.9375rem; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.1); font-size: 11px; z-index: 10; } .os-table .os-table__table__change-column-dropdown::-webkit-scrollbar-thumb { border-radius: 0.625rem; } .os-table .os-table__table__change-column-dropdown .os-table__table__hidden-header { font-weight: 300; padding: 0.5rem 0 0.5rem 0.3125rem; border-radius: 0.3125rem; cursor: pointer; } .os-table .os-table__table__change-column-dropdown .os-table__table__hidden-header:hover { background-color: #eeeeee; border-right: 0.3125rem solid #25A18E; transition: background-color 400ms ease-in-out, border-right-color 400ms ease-in-out, border-right-width 400ms ease-in-out; } .os-table .os-table__table { border-collapse: separate; width: 100%; max-width: 100%; } .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .button:not(.is-success), .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .ui-datepicker-trigger:not(.is-success), .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .dataTables_paginate a.paginate_button:not(.is-success), .dataTables_paginate .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) a.paginate_button:not(.is-success) { background-color: #fafafa; } .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .button:not(.is-success).is-striped-primary, .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .ui-datepicker-trigger:not(.is-success).is-striped-primary, .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) .dataTables_paginate a.paginate_button:not(.is-success).is-striped-primary, .dataTables_paginate .os-table .os-table__table.table.is-striped tbody tr:not(.is-selected):nth-child(even) a.paginate_button:not(.is-success).is-striped-primary { background-color: #25A18E; } .os-table .os-table__table .os-table__table__header { top: 0; z-index: 8; display: table-cell; vertical-align: middle; background-color: white; color: #282A2A; font-size: 12px; padding: 0.625rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border-right: none; border-left: none; border-top: none; border-bottom: 0.0625rem solid #25A18E; } @media (min-resolution: 215dpi) { .os-table .os-table__table .os-table__table__header { font-size: 11px; } } .os-table .os-table__table .os-table__table__header.os-table__table__header--has-change-columns { top: 3rem; } .os-table .os-table__table .os-table__table__header.os-table__table__header--has-change-columns.os-table__table__header--sticky { top: 1.25rem; } .os-table .os-table__table .os-table__table__header.os-table__table__header--has-change-columns .os-table__table__header--loader { top: 3rem; } .os-table .os-table__table .os-table__table__header.os-table__table__header--loader { padding: 0; position: sticky; top: 0; border: none; } .os-table .os-table__table .os-table__table__header.os-table__table__header--actions { width: 3%; background-color: #fefefe; } .os-table .os-table__table .os-table__table__header.os-table__table__header--sticky { position: sticky; } .os-table .os-table__table .os-table__table__header .os-table__table__header__content { text-align: left; cursor: pointer; } .os-table .os-table__table .os-table__table__header .os-table__table__header__draggable-icon { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 0.3125rem; cursor: col-resize; } .os-table .os-table__table .os-table__table__header .os-table__table__header__draggable-icon:hover .os-table__table__header__draggable-icon__icon { color: #25A18E; transition: color 500ms ease-in-out; } .os-table .os-table__table .os-table__table__header .os-table__table__header__draggable-icon .os-table__table__header__draggable-icon__icon { font-size: 0.625rem; } .os-table .os-table__table .os-table__table__change-column { border: none !important; padding: 0.25rem 0; position: relative; z-index: 9; background-color: white; } .os-table .os-table__table .os-table__table__change-column.os-table__table__header--sticky { top: -0.0625rem; position: sticky; } .os-table .os-table__table .os-table__table__change-column .os-table__table__change-column-icon { cursor: pointer; } .os-table .os-table__table .os-table__table__change-column .os-table__table__change-column-icon svg { display: block; margin-left: 0.75rem; } .os-table .os-table__table .os-table__table__data { position: relative; border-left: none; border-right: none; border-bottom: 0.01875rem solid #e6e6e6; font-size: 11px; padding: 4px 20px 4px 10px; vertical-align: middle; overflow: inherit; } @media (min-resolution: 215dpi) { .os-table .os-table__table .os-table__table__data { font-size: 10px; padding: 2px 20px 2px 10px; } } .os-table .os-table__table .os-table__table__data:hover:last-child { background-color: #fefefe; } .os-table .os-table__table .os-table__table__data:hover .os-table__table__data__copy { display: inherit; cursor: pointer; } .os-table .os-table__table .os-table__table__data .os-table__table__data__copy { display: none; position: absolute; right: 0; top: calc(50% - 8px); border-radius: 50%; background-color: transparent; padding: 0.125rem; } .os-table .os-table__table .os-table__table__data a { font-size: 0.6875rem; } @media (min-resolution: 215dpi) { .os-table .os-table__table .os-table__table__data a { font-size: 10px; } } .os-table .os-table__table .os-table__table__data .tooltip-trigger { line-height: 0; height: 0.75rem; } .os-table .os-table__table .os-table__table__data .tooltip-trigger span { width: calc(100% - 24px); } .os-table .os-table__table .os-table__table__data-actions { border-bottom: 0.01875rem solid #e6e6e6; } .os-table .os-table__table .os-table__table__data-actions button { padding: 0.3125rem 0 0.3125rem 0; } .os-table td[class*=item-tracking-status] > span, .os-table td[class*=item-tracking-statusName] > span { padding: 0.25rem 0.5rem; border-radius: 0.25rem; font-weight: 600; text-transform: capitalize; } .os-table .sort-icon { padding: 0; } .os-table .sort-icon svg { width: 14px; } .os-linear-loader { overflow: hidden; width: 100%; height: 4px; background-color: #D4ECEA; margin: 0 auto; } .os-linear-loader .os-linear-loader--determinate { position: relative; max-width: 100%; height: 100%; -webkit-transition: width 500ms ease-out 1s; -moz-transition: width 500ms ease-out 1s; -o-transition: width 500ms ease-out 1s; transition: width 500ms ease-out 1s; background-color: #25A18E; } .os-linear-loader .os-linear-loader--indeterminate { position: relative; width: 100%; height: 100%; } .os-linear-loader .os-linear-loader--indeterminate:before { content: ""; position: absolute; height: 100%; background-color: #25A18E; animation: indeterminate_first 1.5s infinite ease-out; } .os-linear-loader .os-linear-loader--indeterminate:after { content: ""; position: absolute; height: 100%; background-color: #59C0B0; animation: indeterminate_second 1.5s infinite ease-in; } @keyframes indeterminate_first { 0% { left: -100%; width: 100%; } 100% { left: 100%; width: 10%; } } @keyframes indeterminate_second { 0% { left: -150%; width: 100%; } 100% { left: 100%; width: 10%; } } .vue-upload-file .vue-upload-file__input-file { opacity: 0; width: 100%; height: 2.5rem; max-width: 8.125rem; position: absolute; cursor: pointer; } .vue-upload-file .vue-upload-file__dropbox { /* the height of vue-upload-file--input-file must match this height */ max-width: 8.125rem; border: 0.0625rem solid #dbdbdb; border-radius: 0.3125rem; background: #fefefe; color: #899494; position: relative; cursor: pointer; font-family: "Montserrat", serif; font-size: 0.75rem; line-height: 1rem; font-weight: 600; padding: 0 0.75rem; } .vue-upload-file .vue-upload-file__dropbox:hover { color: #282A2A; box-shadow: 0 0.3125rem 0.9375rem 0 rgba(0, 0, 0, 0.1) !important; transform: translateY(-1px); } .vue-upload-file .vue-upload-file__dropbox p { font-size: 0.625rem; text-transform: uppercase; font-weight: 600; text-align: center; padding: 0.3125rem 0; } .vue-upload-file .vue-upload-file__dropbox * { cursor: pointer !important; } .vue-upload-file .vue-upload-file__uploaded-file-info { display: flex; align-items: center; font-size: 0.6875rem; } .vue-upload-file .vue-upload-file__clear { width: 2.125rem; height: 2.125rem; padding: 0; display: flex; align-items: center; } .vue-upload-file .vue-upload-file__clear:hover { opacity: 0.8; } .tree_view .tree_view__list { margin-left: 1.25rem; } .tree_view .tree_view__list.tree_view__list--visual-guide { border-left: 0.0625rem solid grey; padding-left: 0.3125rem; } .tree_view .tree_view__list .tree_view__list__item.tree_view__list__item--parent { font-size: 0.9375rem; font-weight: 600; } .tree_view .tree_view__list .tree_view__list__item .tree_view__list__item__open-close { cursor: pointer; } .tree_view .tree_view__list .tree_view__list__item .tree_view__list__item__title { border-bottom: 0.0625rem solid hsl(0, 0%, 48%); cursor: pointer; } .navbar { min-height: unset !important; } .navbar-topbar { position: fixed; top: 0; left: 0; width: 100%; height: 48px; background: #ffffff; border-bottom: 0.0625rem solid rgb(190.4933333333, 196.5066666667, 196.5066666667); padding-right: 0.625rem; z-index: 103; } @media (min-resolution: 215dpi) { .navbar-topbar { height: 42px; } } .navbar-topbar .navbar-item.is-bordered-right { padding-right: 1.5rem; margin-right: 0.75rem; border-right: 0.0625rem solid rgb(203.8666666667, 208.6333333333, 208.6333333333); } .navbar-topbar .navbar-item .user-options-results { padding: 20px; position: absolute; top: 28px; right: -5px; } .navbar-topbar .navbar-item .user-options-wrapper { min-width: 140px; height: auto; background-color: white; padding: 10px; display: flex; flex-direction: column; gap: 5px; border-radius: 3px; box-shadow: 0 18px 39px -3px rgba(0, 0, 0, 0.1); } .navbar-topbar .navbar-item .user-options-wrapper .user-options-item { display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 10px; border-radius: 3px; font-weight: normal; } .navbar-topbar .navbar-item .user-options-wrapper .user-options-item:hover { background-color: #25A18E; color: white; cursor: pointer; stroke: white; } .navbar-topbar .navbar-item .user-options-wrapper .logout:hover { color: white; background-color: #D04725; } .navbar-topbar .navbar-item .user-options-wrapper .logout:hover svg, .navbar-topbar .navbar-item .user-options-wrapper .logout:hover path { stroke: white; } .navbar-topbar .navbar-item button { padding: 8px 12px; height: auto; } .navbar-topbar .navbar-item .image img { max-height: 2.8125rem; } .navbar-topbar .navbar-item .image:hover { opacity: 0.7; } @media (max-width: 68rem) { .navbar-topbar .navbar-item p { color: #fefefe; } } .navbar-topbar .navbar-item.navbar-search-wrapper { align-items: flex-end; position: relative; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search { padding-bottom: 2px; font-family: "Montserrat"; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__actions { display: none; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .link-filter, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-toggle { width: 340px; } @media (min-resolution: 215dpi) { .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .link-filter, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-toggle { width: 320px; } } @media (max-width: 68rem) { .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .link-filter, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-toggle { width: 16.875rem; } } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-toggle { border: none; border-bottom: 0.0625rem solid #899494; border-radius: 0; } @media (max-width: 68rem) { .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-toggle { background-color: #fefefe; margin-top: 0.125rem; } } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options ::-webkit-input-placeholder { padding-left: 0.625rem; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options ::-moz-placeholder { padding-left: 0.625rem; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options :-ms-input-placeholder { padding-left: 0.625rem; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options :-moz-placeholder { padding-left: 0.625rem; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options .selected-tag { border-radius: 0; margin-right: -0.0625rem; margin-left: 0; padding-right: 0; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options input.form-control { padding-left: 0.75rem; border-radius: 0; margin-left: 0; color: #282A2A; width: 100%; font-size: 14px; } @media (min-resolution: 215dpi) { .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options input.form-control { font-size: 12px; } } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .vs__selected-options input.form-control::placeholder { font-family: "Montserrat"; padding-left: 0; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown-menu { border-radius: 0.125rem; padding-top: 0; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .v-select .vs__selected-options { flex-wrap: unset; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select .selected-tag { color: #282A2A; border-bottom: 0.0625rem solid #ffffff; width: 100%; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select.dropdown a { font-weight: 400; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select.dropdown .highlight a { color: #ffffff; background: #25A18E; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select.dropdown li:hover a { font-weight: 800; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select.dropdown li a { color: #282A2A; } @media (max-width: 48rem) { .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search #v-select.dropdown { height: 2rem; } } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown ::-webkit-scrollbar, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .v-select ::-webkit-scrollbar, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .single ::-webkit-scrollbar, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .searchable ::-webkit-scrollbar { width: 0.375rem; height: 0.375rem; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-track, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .v-select ::-webkit-scrollbar-track, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .single ::-webkit-scrollbar-track, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .searchable ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.125rem rgba(0, 0, 0, 0.3); border-radius: 0; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-thumb, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .v-select ::-webkit-scrollbar-thumb, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .single ::-webkit-scrollbar-thumb, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .searchable ::-webkit-scrollbar-thumb { background-color: #25A18E; border-radius: 0; } .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-corner, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .v-select ::-webkit-scrollbar-corner, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .single ::-webkit-scrollbar-corner, .navbar-topbar .navbar-item.navbar-search-wrapper #navbar-search .searchable ::-webkit-scrollbar-corner { background-color: #899494; } .navbar-topbar .navbar-item.navbar-search-wrapper .search-icon { position: absolute; right: 25px; top: 12px; color: #25A18E; font-size: 16px; } @media (min-resolution: 215dpi) { .navbar-topbar .navbar-item.navbar-search-wrapper .search-icon { font-size: 14px; top: 10px; } } @media (max-width: 68rem) { .navbar-topbar .navbar-item.navbar-search-wrapper .search-icon { top: 0.75rem; } } @media (max-width: 64rem) { .navbar-topbar .navbar-item.navbar-search-wrapper .search-icon { right: 0.875rem; } } @media (max-width: 48rem) { .navbar-topbar .navbar-item.navbar-search-wrapper .search-icon { font-size: 1.125rem; } } @media (max-width: 64rem) { .navbar-topbar .navbar-item.navbar-search-wrapper:not(.mobile-active) *:not(.search-icon) { display: none; } } @media (max-width: 64rem) { .navbar-topbar .navbar-item.navbar-search-wrapper:not(.mobile-active) .search-icon { color: #fefefe; top: -0.5rem; } } @media (max-width: 48rem) { .navbar-topbar .navbar-item.navbar-search-wrapper:not(.mobile-active) .search-icon { color: #fefefe; top: -0.25rem; } } @media (max-width: 64rem) { .navbar-topbar .navbar-item.navbar-search-wrapper { padding-right: 0.75rem; margin-right: 0; border-right: 0; } } .navbar-topbar .navbar-item.logout .button i::before, .navbar-topbar .navbar-item.logout .ui-datepicker-trigger i::before, .navbar-topbar .navbar-item.logout .dataTables_paginate a.paginate_button i::before, .dataTables_paginate .navbar-topbar .navbar-item.logout a.paginate_button i::before { font-size: 1rem; } .navbar-topbar .navbar-item.logout .button, .navbar-topbar .navbar-item.logout .ui-datepicker-trigger, .navbar-topbar .navbar-item.logout .dataTables_paginate a.paginate_button, .dataTables_paginate .navbar-topbar .navbar-item.logout a.paginate_button { border-bottom: none; } .navbar-topbar .navbar-item .feather-icon-log-out { margin-right: 0.25rem; font-size: 1rem; } .navbar-topbar .navbar-item .icons-avatar-box { display: flex; align-items: center; justify-content: center; flex-direction: row; } .navbar-topbar .navbar-item .icons-box { display: flex; align-items: center; justify-content: center; } .navbar-topbar .navbar-item .disabled-icon { opacity: 0.5; } .navbar-topbar .navbar-item .notification-number-circle { position: relative; display: flex; justify-content: center; align-items: center; } .navbar-topbar .navbar-item .notification-number-circle .notification-circle { position: absolute; top: -5px; right: -5px; background-color: #D04725; padding: 5px; border-radius: 50%; width: 17px; height: 17px; display: flex; justify-content: center; align-items: center; } .navbar-topbar .navbar-item .notification-number-circle .notification-number { color: #ffffff; font-size: 10px; } .navbar-topbar .navbar-item .notifications-results { padding: 20px; position: absolute; top: 25px; right: -15px; } .navbar-topbar .navbar-item .notification-options-wrapper { min-width: 450px; height: auto; background-color: white; padding: 10px; display: flex; flex-direction: column; gap: 5px; border-radius: 3px; box-shadow: 0 18px 39px -3px rgba(0, 0, 0, 0.1); } .navbar-topbar .navbar-item .notification-options-wrapper .notification-option { display: flex; align-items: center; justify-content: space-between; flex-direction: row; border-bottom: 1px solid #dbdbdb; padding: 10px; } .navbar-topbar .navbar-item .notification-options-wrapper .notification-option:hover p { color: #282A2A; } .navbar-topbar .navbar-item .notification-options-wrapper .notification-option:hover .arrow-icon-style { background-color: #25A18E; color: #ffffff; } .navbar-topbar .navbar-item .notification-options-wrapper .notification-option .arrow-icon-style { display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 5px; color: #25A18E; } .navbar-topbar .navbar-item .notification-options-wrapper .notification-option .content-style { font-weight: 600; } .navbar-topbar .navbar-item .updates-results { padding: 20px; position: absolute; top: 25px; right: -10px; } .navbar-topbar .navbar-item .update-options-wrapper { min-width: 450px; height: auto; background-color: white; padding: 10px; display: flex; flex-direction: column; gap: 5px; border-radius: 3px; box-shadow: 0 18px 39px -3px rgba(0, 0, 0, 0.1); } .navbar-topbar .navbar-item .update-options-wrapper .update-option { display: flex; align-items: start; flex-direction: column; border-bottom: 1px solid #dbdbdb; padding: 10px; } .navbar-topbar .navbar-item .update-options-wrapper .update-option .title-style { font-weight: 600; font-size: 14px; line-height: 24px; } .navbar-topbar .navbar-item .update-options-wrapper .update-option .description-style { font-size: 12px; line-height: 16px; } .navbar-topbar .navbar-item .update-options-wrapper .show-all-button { border: none; color: #25A18E; box-shadow: none; padding: 10px; margin-top: 5px; } .navbar-topbar .navbar-item .update-options-wrapper .show-all-button:hover { border: none; box-shadow: none; } .navbar-topbar .hours-worked { display: block; text-align: center; color: #25A18E; font-weight: 600; font-size: 0.875rem; } .navbar-topbar .logout { padding-left: 0; } .navbar-topbar .logout a.button, .navbar-topbar .logout a.ui-datepicker-trigger, .navbar-topbar .logout .dataTables_paginate a.paginate_button, .dataTables_paginate .navbar-topbar .logout a.paginate_button { padding: 0.6875rem 1.25rem; } @media (max-width: 68rem) { .navbar-topbar .navbar-end { align-items: center; display: flex; justify-content: flex-end; margin-left: auto; } } @media (max-width: 68rem) { .navbar-topbar { display: flex; background-color: #282A2A; border-bottom-color: #282A2A; } } @media (max-width: 48rem) { .navbar-topbar { min-height: unset; height: 2.75rem; } } .show-all-updates-modal .update-option { display: flex; align-items: start; flex-direction: column; border-bottom: 1px solid #dbdbdb; padding: 10px; } .show-all-updates-modal .update-option .title-style { font-weight: 600; font-size: 14px; line-height: 24px; } .search-wrapper #navbar-search { padding: 25px; font-family: "Montserrat"; } .search-wrapper #navbar-search .vs__actions { display: none; } .search-wrapper #navbar-search .link-filter, .search-wrapper #navbar-search .dropdown-toggle { width: 100%; } @media (min-resolution: 215dpi) { .search-wrapper #navbar-search .link-filter, .search-wrapper #navbar-search .dropdown-toggle { width: 320px; } } @media (max-width: 68rem) { .search-wrapper #navbar-search .link-filter, .search-wrapper #navbar-search .dropdown-toggle { width: 16.875rem; } } .search-wrapper #navbar-search .dropdown-toggle { border: none; border-bottom: 0.0625rem solid #899494; border-radius: 0; } @media (max-width: 68rem) { .search-wrapper #navbar-search .dropdown-toggle { background-color: #fefefe; margin-top: 0.125rem; } } .search-wrapper #navbar-search .vs__selected-options ::-webkit-input-placeholder { padding-left: 0.625rem; } .search-wrapper #navbar-search .vs__selected-options ::-moz-placeholder { padding-left: 0.625rem; } .search-wrapper #navbar-search .vs__selected-options :-ms-input-placeholder { padding-left: 0.625rem; } .search-wrapper #navbar-search .vs__selected-options :-moz-placeholder { padding-left: 0.625rem; } .search-wrapper #navbar-search .vs__selected-options .selected-tag { border-radius: 0; margin-right: -0.0625rem; margin-left: 0; padding-right: 0; } .search-wrapper #navbar-search .vs__selected-options input.form-control { padding-left: 0.75rem; border-radius: 0; margin-left: 0; color: #282A2A; width: 100%; font-size: 14px; } @media (min-resolution: 215dpi) { .search-wrapper #navbar-search .vs__selected-options input.form-control { font-size: 12px; } } .search-wrapper #navbar-search .vs__selected-options input.form-control::placeholder { font-family: "Montserrat"; padding-left: 0; } .search-wrapper #navbar-search .dropdown-menu { border-radius: 0.125rem; padding-top: 0; } .search-wrapper #navbar-search .v-select .vs__selected-options { flex-wrap: unset; } .search-wrapper #navbar-search #v-select .selected-tag { color: #282A2A; border-bottom: 0.0625rem solid #ffffff; width: 100%; } .search-wrapper #navbar-search #v-select.dropdown a { font-weight: 400; } .search-wrapper #navbar-search #v-select.dropdown .highlight a { color: #ffffff; background: #25A18E; } .search-wrapper #navbar-search #v-select.dropdown li:hover a { font-weight: 800; } .search-wrapper #navbar-search #v-select.dropdown li a { color: #282A2A; } @media (max-width: 48rem) { .search-wrapper #navbar-search #v-select.dropdown { height: 2rem; } } .search-wrapper #navbar-search .dropdown, .search-wrapper #navbar-search .v-select, .search-wrapper #navbar-search .single, .search-wrapper #navbar-search .searchable { width: 100%; } .search-wrapper #navbar-search .dropdown ::-webkit-scrollbar, .search-wrapper #navbar-search .v-select ::-webkit-scrollbar, .search-wrapper #navbar-search .single ::-webkit-scrollbar, .search-wrapper #navbar-search .searchable ::-webkit-scrollbar { width: 0.375rem; height: 0.375rem; } .search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-track, .search-wrapper #navbar-search .v-select ::-webkit-scrollbar-track, .search-wrapper #navbar-search .single ::-webkit-scrollbar-track, .search-wrapper #navbar-search .searchable ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0.125rem rgba(0, 0, 0, 0.3); border-radius: 0; } .search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-thumb, .search-wrapper #navbar-search .v-select ::-webkit-scrollbar-thumb, .search-wrapper #navbar-search .single ::-webkit-scrollbar-thumb, .search-wrapper #navbar-search .searchable ::-webkit-scrollbar-thumb { background-color: #25A18E; border-radius: 0; } .search-wrapper #navbar-search .dropdown ::-webkit-scrollbar-corner, .search-wrapper #navbar-search .v-select ::-webkit-scrollbar-corner, .search-wrapper #navbar-search .single ::-webkit-scrollbar-corner, .search-wrapper #navbar-search .searchable ::-webkit-scrollbar-corner { background-color: #899494; } .search-wrapper .search-icon { position: absolute; right: 30px; top: 30px; color: #25A18E; font-size: 16px; } @media (min-resolution: 215dpi) { .search-wrapper .search-icon { font-size: 14px; top: 10px; } } @media (max-width: 68rem) { .search-wrapper .search-icon { top: 0.75rem; } } @media (max-width: 64rem) { .search-wrapper .search-icon { right: 0.875rem; } } @media (max-width: 48rem) { .search-wrapper .search-icon { font-size: 1.125rem; } } @media (max-width: 64rem) { .search-wrapper:not(.mobile-active) *:not(.search-icon) { display: none; } } @media (max-width: 64rem) { .search-wrapper:not(.mobile-active) .search-icon { color: #fefefe; top: -0.5rem; } } @media (max-width: 48rem) { .search-wrapper:not(.mobile-active) .search-icon { color: #fefefe; top: -0.25rem; } } @media (max-width: 64rem) { .search-wrapper { padding-right: 0.75rem; margin-right: 0; border-right: 0; } } .navigation .modal .modal-content { max-height: 600px !important; overflow-y: auto; } .navigation .modal-has-overflow-visible .modal-content { overflow: visible; } .navbar-menu { display: block; position: fixed; will-change: transform; height: 100%; width: 48px; top: 0; background-color: rgb(54.9268292683, 57.6731707317, 57.6731707317); padding: 0; z-index: 300; transition: width 0.4s ease; -ms-overflow-style: none; } @media (min-resolution: 215dpi) { .navbar-menu { width: 42px; } } .navbar-menu li { position: relative; } .navbar-menu li.navbar-menu__header { padding: 10px 8px; } .navbar-menu li:not(.navbar-menu__header):not(.card-wrapper) { padding: 0.625rem 0.125rem; } @media (min-resolution: 215dpi) { .navbar-menu li:not(.navbar-menu__header):not(.card-wrapper) { padding: 0.5rem 0.125rem; } } @media (max-width: 48rem) { .navbar-menu li:not(.navbar-menu__header):not(.card-wrapper) { padding: 0.375rem 0; } } .navbar-menu li:not(.navbar-menu__footer) a { padding-top: 0.1875rem; } .navbar-menu li.navbar-menu__footer { position: absolute; bottom: 0; width: 100%; } .navbar-menu li.navbar-menu__footer .button, .navbar-menu li.navbar-menu__footer .ui-datepicker-trigger, .navbar-menu li.navbar-menu__footer .dataTables_paginate a.paginate_button, .dataTables_paginate .navbar-menu li.navbar-menu__footer a.paginate_button { margin-right: 8px; } .navbar-menu li.navbar-menu__footer .navbar-menu-link .menu-item-title { padding-top: 6px; padding-left: 46px; font-weight: 600; } @media (min-resolution: 215dpi) { .navbar-menu li.navbar-menu__footer .navbar-menu-link .menu-item-title { padding-top: 2px; padding-left: 32px; } } .navbar-menu li.navbar-menu__footer a svg { top: 0.0625rem; left: 0.125rem; } @media (min-resolution: 215dpi) { .navbar-menu li.navbar-menu__footer a svg { top: 0; } } .navbar-menu li a { color: #fefefe; height: 1.75rem; width: 2.875rem; overflow: hidden; display: block; } @media (min-resolution: 215dpi) { .navbar-menu li a { width: 2.5rem; } } .navbar-menu li a svg { position: absolute; top: 8px; left: -1px; width: 22px; stroke: #fefefe; } @media (min-resolution: 215dpi) { .navbar-menu li a svg { width: 20px; left: -3px; } } .navbar-menu li a:hover svg { stroke: #25A18E; } .navbar-menu li a.navbar-menu-link:not(.button):not(.ui-datepicker-trigger) .vue-icon__wrapper, .navbar-menu li a.burger-menu .vue-icon__wrapper { font-size: 1.5rem; font-weight: 600; position: absolute; left: 0.875rem; top: 0.25rem; } @media (max-width: 48rem) { .navbar-menu li a.navbar-menu-link:not(.button):not(.ui-datepicker-trigger) .vue-icon__wrapper, .navbar-menu li a.burger-menu .vue-icon__wrapper { font-size: 1.125rem; left: 0.9375rem; top: 0.5rem; } } .navbar-menu li a:hover { color: #59C0B0; } .navbar-menu li a:hover span { color: #59C0B0; } .navbar-menu li a.button, .navbar-menu li a.ui-datepicker-trigger, .navbar-menu li .dataTables_paginate a.paginate_button, .dataTables_paginate .navbar-menu li a.paginate_button { padding: 0; height: 1.875rem; width: 1.875rem; margin-left: 0.5rem; } @media (min-resolution: 215dpi) { .navbar-menu li a.button, .navbar-menu li a.ui-datepicker-trigger, .navbar-menu li .dataTables_paginate a.paginate_button, .dataTables_paginate .navbar-menu li a.paginate_button { height: 1.625rem; width: 1.625rem; } } .navbar-menu li a.button span.menu-item-title, .navbar-menu li a.ui-datepicker-trigger span.menu-item-title, .navbar-menu li .dataTables_paginate a.paginate_button span.menu-item-title, .dataTables_paginate .navbar-menu li a.paginate_button span.menu-item-title { text-transform: initial; text-align: left; padding: 10px 0 0 30px; } .navbar-menu li a .menu-item-title { padding-left: 0; opacity: 0; font-weight: 400; word-break: keep-all; display: block; } @media (max-width: 48rem) { .navbar-menu li a .menu-item-title { font-size: 0.8125rem; } } .navbar-menu li.submenu-active a { color: #25A18E; } .navbar-menu__header { background-color: #282A2A; padding: 1.25rem 0.5rem 1rem; } @media (max-width: 48rem) { .navbar-menu__header { padding: 0.5rem 0; } } .navbar-menu .burger-menu { color: #fefefe; display: block; margin: 0; } .navbar-menu .burger-menu span.menu-item-title { background-color: unset; top: 0.25rem; transition: opacity 0s ease; line-height: 26px; } .navbar-menu .burger-menu i { top: 0.9375rem; } @media (max-width: 48rem) { .navbar-menu .burger-menu i { top: 0.625rem; } } .navbar-menu .burger-menu.is-active:hover { background-color: unset; } .navbar-menu.is-active:not(.submenu-opened) { width: 13.75rem; transition: width 0.4s ease; } .navbar-menu.is-active:not(.submenu-opened) a { width: unset; overflow: visible; } .navbar-menu.is-active:not(.submenu-opened) .menu-item-title { color: #fff; opacity: 1; padding-left: 54px; transition: opacity 0.5s cubic-bezier(1, 0.01, 0.55, 0); } @media (min-resolution: 215dpi) { .navbar-menu.is-active:not(.submenu-opened) .menu-item-title { padding-left: 46px; font-size: 12px; } } @media (max-width: 48rem) { .navbar-menu.is-active:not(.submenu-opened) .menu-item-title { padding-left: 3.5rem; } } .navbar-menu.is-active:not(.submenu-opened) .navbar-burger span.menu-item-title { transition: opacity 0.5s cubic-bezier(1, 0.01, 0.55, 0); } @media (max-width: 48rem) { .navbar-menu.is-active:not(.submenu-opened) { width: 11.5625rem; } } @media (max-width: 68rem) { .navbar-menu:not(.is-active):not(.submenu-opened) { box-shadow: none; transform: translate(-80px, 0); transition: transform 0.5s ease; } .navbar-menu:not(.is-active):not(.submenu-opened) .navbar-menu__header { transform: translate(80px, 0); transition: transform 0.5s ease; height: 2.625rem; } } .navbar-submenu { width: 0; overflow: auto; height: 100%; position: fixed; will-change: transform; top: 0; left: 48px; background-color: #fefefe; transition: width 0.5s ease; } @media (min-resolution: 215dpi) { .navbar-submenu { left: 42px; } } @media (max-width: 48rem) { .navbar-submenu { left: 3.4375rem; } } .navbar-submenu li { opacity: 0; } .navbar-submenu .navbar-submenu__title { font-weight: 600; font-size: 15px; text-transform: uppercase; line-height: 2rem; margin-bottom: 0; } @media (min-resolution: 215dpi) { .navbar-submenu .navbar-submenu__title { font-size: 13px; } } @media (max-width: 48rem) { .navbar-submenu .navbar-submenu__title { font-size: 1rem; } } .navbar-submenu__close { position: absolute; top: 1.25rem; right: 1rem; cursor: pointer; } .navbar-submenu__close svg { width: 1.125rem; height: 1.125rem; stroke: #899494; } .navbar-submenu__close:hover svg { stroke: #282A2A; } @media (max-width: 68rem) { .navbar-submenu__close { top: 1.125rem; right: 0.75rem; } } @media (max-width: 48rem) { .navbar-submenu__close { top: 0.625rem; } } .navbar-submenu.is-active { width: 19.375rem; display: block; border-right: 0.0625rem solid #899494; z-index: 8; } @media (max-width: 48rem) { .navbar-submenu.is-active { width: 16.875rem; } } .navbar-submenu.is-active li { opacity: 1; transition: opacity 0.5s cubic-bezier(1, 0.01, 0.55, 0); } .navbar-submenu.is-active li.navbar-submenu__header { padding-top: 0.5rem; padding-left: 1.25rem; } @media (max-width: 48rem) { .navbar-submenu.is-active li.navbar-submenu__header { padding: 0.375rem 0.875rem; } } .navbar-submenu.is-active li:not(.navbar-submenu__header):hover { background-color: #eeeeee; } .navbar-submenu.is-active li a { font-weight: 400; color: #282A2A; width: 100%; } .navbar-submenu.is-active li a:hover { color: #282A2A; } .navbar-submenu.is-active li:not(.card-wrapper):not(.navbar-submenu__header) { padding: 0; } .navbar-submenu.is-active li:not(.card-wrapper):not(.navbar-submenu__header) a { width: 100%; height: 3.25rem; padding: 0.875rem 1.25rem; display: block; } @media (max-width: 48rem) { .navbar-submenu.is-active li:not(.card-wrapper):not(.navbar-submenu__header) a { padding: 0.375rem 0.875rem; height: 2.25rem; font-size: 0.8125rem; } } .navbar-submenu .card-wrapper { padding: 0; } .navbar-submenu .card-wrapper .card { background: transparent; box-shadow: none; padding: 0; } .navbar-submenu .card-wrapper .card .card-header { box-shadow: none; padding: 12px 18px; height: 48px; } @media (min-resolution: 215dpi) { .navbar-submenu .card-wrapper .card .card-header { padding: 10px 20px; height: 42px; } } @media (max-width: 48rem) { .navbar-submenu .card-wrapper .card .card-header { padding: 0.375rem 0.875rem; height: 2.25rem; } } .navbar-submenu .card-wrapper .card .card-header .card-header-title { padding: 0; font-weight: 500; font-size: 14px; } @media (min-resolution: 215dpi) { .navbar-submenu .card-wrapper .card .card-header .card-header-title { font-size: 14px; } } @media (max-width: 48rem) { .navbar-submenu .card-wrapper .card .card-header .card-header-title a { font-size: 0.8125rem; } } .navbar-submenu .card-wrapper .card .card-header .card-header-icon { padding: 0; position: absolute; right: 1rem; top: 0.75rem; transform: rotate(180deg); } .navbar-submenu .card-wrapper .card .card-header .card-header-icon svg { stroke: #282A2A; transform: rotate(180deg); } .navbar-submenu .card-wrapper .card .card-header .card-header-icon.is-active svg { transform: rotate(0); top: 0.3125rem; } .navbar-submenu .card-wrapper .card .card-header .card-header-icon .icon { height: 0.875rem; width: 0.875rem; } @media (max-width: 48rem) { .navbar-submenu .card-wrapper .card .card-header .card-header-icon .icon { height: 0.75rem; width: 0.75rem; } } @media (max-width: 48rem) { .navbar-submenu .card-wrapper .card .card-header .card-header-icon { top: 0.75rem; } } .navbar-submenu .card-wrapper .card .card-content { padding: 0; background-color: #899494; } .navbar-submenu .card-wrapper .card .card-content ul { margin: 0; } .navbar-submenu .card-wrapper .card .card-content li { padding: 0; list-style: none; } .navbar-submenu .card-wrapper .card .card-content li a { color: #fefefe; width: 100%; min-height: 3rem; height: unset; padding: 0.875rem 1.25rem 0.875rem 2.1875rem; display: block; } @media (max-width: 48rem) { .navbar-submenu .card-wrapper .card .card-content li a { padding: 0.375rem 1.75rem 0.375rem 1.5rem; font-size: 0.8125rem; min-height: 2.25rem; } } .navbar-submenu .card-wrapper .card .card-content li:hover { background-color: rgb(158.3973333333, 167.4026666667, 167.4026666667); } .navbar-submenu .card-wrapper .card.card-active .card-header { background-color: #eeeeee; } .navbar-menu ::-webkit-scrollbar, .navbar-submenu ::-webkit-scrollbar, .accordions ::-webkit-scrollbar { width: 0.625rem; height: 0.625rem; } .navbar-menu ::-webkit-scrollbar-track, .navbar-submenu ::-webkit-scrollbar-track, .accordions ::-webkit-scrollbar-track { -webkit-box-shadow: none; border-radius: 0.625rem; } .navbar-menu ::-webkit-scrollbar-thumb, .navbar-submenu ::-webkit-scrollbar-thumb, .accordions ::-webkit-scrollbar-thumb { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); border-radius: 0; } .table-actions { cursor: pointer; position: relative; z-index: 5; } .table-actions .table-actions__action:first-of-type { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .table-actions .table-actions__action:first-of-type .table-actions--has-dropdown { border-top-left-radius: 0; border-bottom-left-radius: 0; } .table-actions .table-actions__action:first-of-type.dropdown__action.dropdown__action--opens-up .dropdown__action__unordered-list--opened, .table-actions .table-actions__action:first-of-type.dropdown__action.dropdown__action--opens-down .dropdown__action__unordered-list--opened { border-bottom-left-radius: 0 !important; border-top-left-radius: 10px !important; } .table-actions .table-actions__action:first-of-type .dropdown__action__unordered-list:not(.dropdown__action--opens-up), .table-actions .table-actions__action:first-of-type .dropdown__action__unordered-list:not(.dropdown__action--opens-down) { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .table-actions .table-actions__action:first-of-type .dropdown__action__unordered-list:not(.dropdown__action--opens-up).dropdown__action__unordered-list--opened, .table-actions .table-actions__action:first-of-type .dropdown__action__unordered-list:not(.dropdown__action--opens-down).dropdown__action__unordered-list--opened { border-bottom-left-radius: 0; } .table-actions .table-actions__action:last-of-type { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .table-actions .table-actions--has-dropdown .table-actions__action:first-of-type { border-top-left-radius: 0; border-bottom-left-radius: 0; } .table-actions .table-actions__buttons { height: 30px; z-index: 9; position: absolute; top: 0; right: 0; font-weight: 700; font-size: 0.875rem; text-transform: uppercase; background-color: #25A18E; border-radius: 10px; } .table-actions .table-actions__dropdown { user-select: auto; border-radius: 0; } .table-actions .table-actions__dropdown .dropdown__action__unordered-list { border-radius: 0; width: 11.25rem; } .table-actions .table-actions__button { text-transform: uppercase; width: max-content; background-color: #25A18E; border: none; color: #fefefe; border-radius: 0; padding: 6px 30px 4px 8px; height: 28px; font-size: 12px; } @media (min-resolution: 215dpi) { .table-actions .table-actions__button { font-size: 10px; } } .table-actions .dropdown__action__selected { padding: 2px 30px 2px 8px; height: 28px; font-size: 12px; } @media (min-resolution: 215dpi) { .table-actions .dropdown__action__selected { font-size: 10px; } } .user_modal { position: relative; } .user_modal .user_modal__black_bar { height: 140px; background-color: #282A2A; } .user_modal .user_modal__photo_wrapper { width: 160px; height: 160px; border-radius: 50%; overflow: hidden; margin: -80px auto 0; border: 0.625rem solid white; } .user_modal .user_modal__photo_wrapper .user_modal__photo { height: 100%; width: 100%; } .user_modal .user_modal__supervisor { cursor: pointer; } .user_modal .user_modal__name { margin-top: 0.9375rem; } .user_modal .user_modal__title { color: #25A18E; } .user_modal .user_modal__name, .user_modal .user_modal__title { text-align: center; } .user_modal .user_modal__details { padding: 1.875rem; } .user_modal .os-linear-loader { position: absolute; top: 0; } .user_modal .modal__close-icon { position: absolute; top: 0.3125rem; right: 0.3125rem; cursor: pointer; font-size: 1.25rem; color: white; } .user_modal .modal__back-icon { position: absolute; top: 0.3125rem; left: 0.3125rem; cursor: pointer; font-size: 1.25rem; color: white; } .tabs-component { margin: 1.25rem 0; } .tabs-component__tabs { border: solid 0.0625rem #e6e6e6; border-radius: 0.375rem; margin-bottom: -0.0625rem; } @media (min-width: 700px) { .tabs-component__tabs { border: 0; align-items: stretch; display: flex; justify-content: flex-start; } } .tabs-component__tab { color: #2f4858; font-size: 0.875rem; font-weight: 600; margin-right: 0; list-style: none; } .tabs-component__tab:not(:last-child) { border-bottom: dotted -0.0625rem #e6e6e6; } .tabs-component__tab:hover { color: #899494; } .tabs-component__tab.tabs-component__tab--is-active { color: #000000; } @media screen and (max-width: 760px) { .tabs-component__tab.tabs-component__tab--is-active { color: #25A18E; } } .tabs-component__tab:not(.tabs-component__tab--is-active) { margin-bottom: 2px; } .tabs-component__tab.tabs-component__tab--is-disabled * { color: #eeeeee; cursor: not-allowed !important; } @media (min-width: 700px) { .tabs-component__tab { background-color: transparent; border: none; border-radius: 0.1875rem 0.1875rem 0 0; margin-right: 0.5rem; transform: translateY(2px); transition: transform 0.3s ease; } .tabs-component__tab.tabs-component__tab--is-active { border-bottom: solid 0.25rem #25A18E; z-index: 2; transform: translateY(0); } } .tabs-component__tab__a { align-items: center; color: inherit; display: flex; padding: 0.625rem 0.9375rem; text-decoration: none; font-size: 0.875rem; line-height: 1rem; } .tabs-component__panels { z-index: 1; padding: 1.5625rem 0; } @media (min-width: 700px) { .tabs-component__panels { background-color: #fefefe; border: solid 0.0625rem #eeeeee; border-radius: 0 1.25rem 1.25rem 1.25rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); padding: 1.875rem; } } .os-card { padding: 30px; border-radius: 0.25rem; background-color: white; box-shadow: 0.125rem 0.125rem 0.3125rem rgba(0, 0, 0, 0.15); } .os-card__title { margin-bottom: 20px; } .os-card__title.os-card__title--flex { display: flex; } .os-card__title.os-card__title--space-around { display: flex; justify-content: space-around; } .os-card__title.os-card__title--space-between { display: flex; justify-content: space-between; } .os-card__title.os-card__title--center { display: flex; justify-content: center; } .os-card__title .field .label { font-size: 12px; } .os-card--accordion .os-card--accordion__title { cursor: pointer; } .os-card--accordion .os-card--accordion__title:hover h2, .os-card--accordion .os-card--accordion__title:hover .button, .os-card--accordion .os-card--accordion__title:hover .ui-datepicker-trigger, .os-card--accordion .os-card--accordion__title:hover .dataTables_paginate a.paginate_button, .dataTables_paginate .os-card--accordion .os-card--accordion__title:hover a.paginate_button { color: #25A18E; } .os-card--accordion .field { margin-bottom: 0.625rem; } .os-bottom-navigation { bottom: 0; display: flex; left: 0; justify-content: center; width: 100%; padding: 0.625rem 1.75rem 0.625rem 1.25rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; z-index: 105; } .os-bottom-navigation .multiselect { width: 15.625rem; margin-bottom: 0; } .os-bottom-navigation.os-bottom-navigation--justify-start { justify-content: flex-start; } .os-bottom-navigation.os-bottom-navigation--justify-center { justify-content: center; } .os-bottom-navigation.os-bottom-navigation--justify-end { justify-content: flex-end; } .os-bottom-navigation.os-bottom-navigation--justify-space-between { justify-content: space-between; } .os-bottom-navigation.os-bottom-navigation--justify-space-around { justify-content: space-around; } .os-bottom-navigation.os-bottom-navigation--justify-end { justify-content: flex-end; } .os-bottom-navigation.os-bottom-navigation--fixed { position: fixed; width: calc(100vw - 48px); margin-left: 48px; } @media (min-resolution: 215dpi) { .os-bottom-navigation.os-bottom-navigation--fixed { width: calc(100vw - 42px); margin-left: 42px; } } @media screen and (max-width: 760px) { .os-bottom-navigation.os-bottom-navigation--fixed { margin: 0; width: 100%; } } .os-layout { display: flex; flex-flow: wrap; } .os-layout.os-layout--direction-column { flex-direction: column; } .os-layout.os-layout--no-wrap { flex-flow: nowrap; } .os-layout.os-layout--direction-column { flex-direction: column; } .os-layout.os-layout--justify-start { justify-content: flex-start; } .os-layout.os-layout--justify-center { justify-content: center; } .os-layout.os-layout--justify-end { justify-content: flex-end; } .os-layout.os-layout--justify-space-around { justify-content: space-around; } .os-layout.os-layout--justify-space-between { justify-content: space-between; } .os-layout.os-layout--align-start { align-items: flex-start; } .os-layout.os-layout--align-center { align-items: center; } .os-layout.os-layout--align-end { align-items: flex-end; } .os-layout.os-layout--align-baseline { align-items: baseline; } .os-layout.os-layout--align-stretch { align-items: stretch; } .os-simple-table tbody { display: block; height: 50px; overflow: auto; } .os-simple-table thead, .os-simple-table tbody tr { display: table; width: 100%; table-layout: fixed; } .os-simple-table thead { width: calc(100% - 1em); } .os-simple-table table { width: 400px; } .os-simple-table .pagination { margin-top: 1.125rem; } .os-simple-table .os-simple-table__wrapper { overflow-y: auto; } .os-simple-table .os-simple-table__table { width: 100%; } .os-simple-table .os-simple-table__item-row:hover { background-color: #f5f5f5; transition: background-color ease-in 200ms; } .os-simple-table .os-simple-table__filtering { border-bottom: 0.01875rem solid #e6e6e6; padding: 0.625rem; } .os-simple-table .os-simple-table__filtering .os-input { margin-bottom: 0; width: 100%; } .os-simple-table .os-simple-table__header, .os-simple-table .os-simple-table__item { padding: 0.625rem; border-bottom: 0.01875rem solid #e6e6e6; min-width: 6.25rem; max-width: 31.25rem; font-size: 0.8125rem; line-height: 1.125rem; vertical-align: middle; } .os-simple-table .os-simple-table__header:last-child, .os-simple-table .os-simple-table__item:last-child { min-width: 12.5rem; } .os-simple-table .os-simple-table__header.os-simple-table__header--sticky { position: sticky; top: 0; background-color: white; } .os-simple-table .os-simple-table__header.os-simple-table__header--text-right { text-align: right; } .os-simple-table .os-simple-table__header.os-simple-table__header--text-left { text-align: left; } .os-simple-table .os-simple-table__header.os-simple-table__header--text-center { text-align: center; } .os-simple-table .os-simple-table__header .os-simple-table__header__text { height: 50px; } .os-simple-table.is-customer-address .os-simple-table__header--defaults, .os-simple-table.is-customer-address .os-simple-table__item--defaults { min-width: unset; max-width: unset; width: 5rem; } .os-simple-table .os-simple-table__item--actions { vertical-align: middle; } .os-simple-table .os-simple-table__item--actions .os-simple-table__actions-wrapper { display: flex; align-items: center; justify-content: center; } .os-simple-table .os-simple-table__item--actions .os-simple-table__actions-wrapper svg { width: 14px; } .os-simple-table .os-simple-table__item--actions .button.is-text, .os-simple-table .os-simple-table__item--actions .is-text.ui-datepicker-trigger, .os-simple-table .os-simple-table__item--actions .dataTables_paginate a.is-text.paginate_button, .dataTables_paginate .os-simple-table .os-simple-table__item--actions a.is-text.paginate_button { width: 1.5rem !important; height: 1.5rem !important; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0 0.75rem; } .os-simple-table--customer-contact thead { width: 100%; } .os-simple-table--customer-contact .os-simple-table__header--defaults, .os-simple-table--customer-contact .os-simple-table__item--defaults { min-width: unset; max-width: unset; width: 5rem; } .os-simple-table--customer-contact .os-simple-table__header--actions, .os-simple-table--customer-contact .os-simple-table__item--actions, .os-simple-table--customer-contact .os-simple-table__header--language, .os-simple-table--customer-contact .os-simple-table__item--language, .os-simple-table--customer-contact .os-simple-table__header--type, .os-simple-table--customer-contact .os-simple-table__item--type { min-width: unset; max-width: unset; width: 13.75rem; } .os-simple-table--customer-contact .os-simple-table__header--email, .os-simple-table--customer-contact .os-simple-table__item--email { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toasted { background-color: white !important; border-radius: 0.625rem !important; font-weight: 400 !important; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; } .toasted.default { color: #25A18E !important; border-left: #25A18E 0.3125rem solid; } .toasted.default .action, .toasted.default .ripple { color: #25A18E !important; } .toasted.success { color: #25A18E !important; border-left: #25A18E 0.3125rem solid; } .toasted.success .action, .toasted.success .ripple { color: #25A18E !important; } .toasted.info { color: #25A18E !important; border-left: #25A18E 0.3125rem solid; } .toasted.info .action, .toasted.info .ripple { color: #25A18E !important; } .toasted.error { color: #D04725 !important; border-left: #D04725 0.3125rem solid; } .toasted.error .action, .toasted.error .ripple { color: #D04725 !important; } .user-card.os-card { padding: 0.625rem 0; } .user-card .os-avatar { margin: 0 auto; } .user-card .user-card__primary { padding: 0.3125rem 1.875rem; } .user-card .user-card__icon { display: table; } .user-card .user-card__icon .user-card__icon__icon { padding-right: 0.625rem; } .user-card .user-card__icon .user-card__icon__icon .fi-social-skype::before { margin: 0; font-size: 1.0625rem; height: 1.5rem; width: 1.5rem; } .user-card .user-card__icon .user-card__icon__icon .drupal-icon-wechat::before { margin: 0; font-size: 1.0625rem; height: 1.5rem; width: 1.5rem; } .notices { position: fixed; display: flex; top: 0; bottom: 0; left: 0; right: 0; padding: 2em; overflow: hidden; z-index: 1000; pointer-events: none; } .notices .toast { display: inline-flex; animation-duration: 0.5s; margin: 0.5em 0; text-align: center; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 2em; padding: 0.75em 1.5em; pointer-events: auto; opacity: 0.92; } .notices .toast.is-white { color: hsl(0, 0%, 4%); background: #fefefe; } .notices .toast.is-black { color: #fefefe; background: hsl(0, 0%, 4%); } .notices .toast.is-light { color: rgba(0, 0, 0, 0.7); background: hsl(0, 0%, 96%); } .notices .toast.is-dark { color: #fff; background: hsl(0, 0%, 21%); } .notices .toast.is-primary { color: #fff; background: #25A18E; } .notices .toast.is-info { color: #fff; background: hsl(207, 61%, 53%); } .notices .toast.is-success { color: #fff; background: hsl(153, 53%, 53%); } .notices .toast.is-warning { color: rgba(0, 0, 0, 0.7); background: hsl(44, 100%, 77%); } .notices .toast.is-danger { color: #fff; background: hsl(348, 86%, 61%); } .notices .toast.is-twitter { color: #fff; background: #4099FF; } .notices .snackbar { display: inline-flex; align-items: center; justify-content: space-around; animation-duration: 0.5s; margin: 0.5em 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); border-radius: 4px; pointer-events: auto; background: hsl(0, 0%, 21%); color: #fff; min-height: 3em; } .notices .snackbar .text { padding: 0.5em 1em; } .notices .snackbar .action { margin-left: auto; padding: 0.5em; padding-left: 0; } .notices .snackbar .action .button, .notices .snackbar .action .ui-datepicker-trigger, .notices .snackbar .action .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action a.paginate_button { font-weight: 600; text-transform: uppercase; background: hsl(0, 0%, 21%); border: transparent; color: white; } .notices .snackbar .action .button:hover, .notices .snackbar .action .ui-datepicker-trigger:hover, .notices .snackbar .action .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .notices .snackbar .action a.paginate_button:hover { background: hsl(0, 0%, 16%); } .notices .snackbar .action .button:active, .notices .snackbar .action .ui-datepicker-trigger:active, .notices .snackbar .action .dataTables_paginate a.paginate_button:active, .dataTables_paginate .notices .snackbar .action a.paginate_button:active { background: hsl(0, 0%, 16%); } .notices .snackbar .action.is-white .button, .notices .snackbar .action.is-white .ui-datepicker-trigger, .notices .snackbar .action.is-white .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-white a.paginate_button { color: hsl(0, 0%, 4%); } .notices .snackbar .action.is-black .button, .notices .snackbar .action.is-black .ui-datepicker-trigger, .notices .snackbar .action.is-black .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-black a.paginate_button { color: #fefefe; } .notices .snackbar .action.is-light .button, .notices .snackbar .action.is-light .ui-datepicker-trigger, .notices .snackbar .action.is-light .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-light a.paginate_button { color: rgba(0, 0, 0, 0.7); } .notices .snackbar .action.is-dark .button, .notices .snackbar .action.is-dark .ui-datepicker-trigger, .notices .snackbar .action.is-dark .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-dark a.paginate_button { color: #fff; } .notices .snackbar .action.is-primary .button, .notices .snackbar .action.is-primary .ui-datepicker-trigger, .notices .snackbar .action.is-primary .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-primary a.paginate_button { color: #fff; } .notices .snackbar .action.is-info .button, .notices .snackbar .action.is-info .ui-datepicker-trigger, .notices .snackbar .action.is-info .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-info a.paginate_button { color: #fff; } .notices .snackbar .action.is-success .button, .notices .snackbar .action.is-success .ui-datepicker-trigger, .notices .snackbar .action.is-success .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-success a.paginate_button { color: #fff; } .notices .snackbar .action.is-warning .button, .notices .snackbar .action.is-warning .ui-datepicker-trigger, .notices .snackbar .action.is-warning .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-warning a.paginate_button { color: rgba(0, 0, 0, 0.7); } .notices .snackbar .action.is-danger .button, .notices .snackbar .action.is-danger .ui-datepicker-trigger, .notices .snackbar .action.is-danger .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-danger a.paginate_button { color: #fff; } .notices .snackbar .action.is-twitter .button, .notices .snackbar .action.is-twitter .ui-datepicker-trigger, .notices .snackbar .action.is-twitter .dataTables_paginate a.paginate_button, .dataTables_paginate .notices .snackbar .action.is-twitter a.paginate_button { color: #fff; } @media (max-width: 48rem) { .notices .snackbar { width: 100%; margin: 0; border-radius: 0; } } @media (max-width: 68rem) { .notices .snackbar { min-width: 350px; max-width: 600px; overflow: hidden; } } .notices .notification { max-width: 600px; } .notices .toast.is-top, .notices .toast.is-bottom, .notices .snackbar.is-top, .notices .snackbar.is-bottom, .notices .notification.is-top, .notices .notification.is-bottom { align-self: center; } .notices .toast.is-top-right, .notices .toast.is-bottom-right, .notices .snackbar.is-top-right, .notices .snackbar.is-bottom-right, .notices .notification.is-top-right, .notices .notification.is-bottom-right { align-self: flex-end; } .notices .toast.is-top-left, .notices .toast.is-bottom-left, .notices .snackbar.is-top-left, .notices .snackbar.is-bottom-left, .notices .notification.is-top-left, .notices .notification.is-bottom-left { align-self: flex-start; } .notices .toast.is-toast, .notices .snackbar.is-toast, .notices .notification.is-toast { opacity: 0.92; } .notices.is-top { flex-direction: column; } .notices.is-bottom { flex-direction: column-reverse; } .notices.is-bottom .notification { margin-bottom: 0; } .notices.is-bottom .notification:not(:first-child) { margin-bottom: 1.5rem; } .notices.has-custom-container { position: absolute; } @media (max-width: 48rem) { .notices { padding: 0; position: fixed !important; } } .quick-order .quick-order__table-view { position: relative; } .quick-order .quick-order__table-view .quick-order__table-view__switch { position: absolute; left: 0.625rem; top: 0.75rem; z-index: 102; } .quick-order .quick-order__table-view .b-table .table-wrapper { margin-top: 0.75rem; overflow-x: auto; overflow-y: hidden; min-height: 550px; } @media (min-resolution: 280dpi) { .quick-order .quick-order__table-view .b-table .table-wrapper { overflow-y: auto; overflow-x: auto; min-height: 380px; } } .quick-order .quick-order__table-view .b-table .table-wrapper .table { margin-top: 0; } .quick-order .quick-order__table-view .b-table .table-wrapper .table th { z-index: 101 !important; background: #fff; } .quick-order .quick-order__table-view .b-table .table-wrapper .table td { padding: 0.25rem; } @media (min-resolution: 215dpi) { .quick-order .quick-order__table-view .b-table .table-wrapper .table td { padding: 0.125rem; } } .quick-order .quick-order__table-view .b-table .table-wrapper .table .multiselect-ajax__header { display: none; } .quick-order .quick-order__table-view .b-table .table-wrapper .table .has-tooltip { border-bottom: none; } .quick-order .quick-order__table-view .b-table .table-wrapper .table input:focus { border-color: #3273dc; box-shadow: 0 0 0 0.125rem rgba(50, 115, 220, 0.25); } .quick-order .quick-order__table-view .b-table .table-wrapper .table input:focus + .check { border-color: #3273dc; box-shadow: 0 0 0 0.125rem rgba(50, 115, 220, 0.25); } .quick-order .quick-order__table-view .b-table .table-wrapper .table .b-numberinput { max-width: 4.625rem; } .quick-order .quick-order__table-view .b-table .table-wrapper.has-sticky-header thead tr:first-child th { top: 3.125rem; } .quick-order .quick-order__table-view .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { position: sticky; top: 6.125rem; } .quick-order .quick-order__table-view .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th input { padding-left: 1.75rem; } .quick-order .quick-order__table-view .b-table .control.has-icons-left .input, .quick-order .quick-order__table-view .b-table .control.has-icons-left .form__input, .quick-order .quick-order__table-view .b-table .control.has-icons-left .auth-wrapper input#login_captcha, .auth-wrapper .quick-order .quick-order__table-view .b-table .control.has-icons-left input#login_captcha, .quick-order .quick-order__table-view .b-table .control.has-icons-left .datepicker:not(.control), .quick-order .quick-order__table-view .b-table .control.has-icons-left .modal .modal__body input, .modal .modal__body .quick-order .quick-order__table-view .b-table .control.has-icons-left input, .quick-order .quick-order__table-view .b-table .control.has-icons-left .modal .modal__body select, .modal .modal__body .quick-order .quick-order__table-view .b-table .control.has-icons-left select, .quick-order .quick-order__table-view .b-table .control.has-icons-left .dataTable thead th input:not([type=checkbox]), .dataTable thead th .quick-order .quick-order__table-view .b-table .control.has-icons-left input:not([type=checkbox]), .quick-order .quick-order__table-view .b-table .control.has-icons-left .dataTables_length label select, .dataTables_length label .quick-order .quick-order__table-view .b-table .control.has-icons-left select, .quick-order .quick-order__table-view .b-table .control.has-icons-left .dataTables_filter input, .dataTables_filter .quick-order .quick-order__table-view .b-table .control.has-icons-left input, .quick-order .quick-order__table-view .b-table .control.has-icons-left .table thead th input:not([type=checkbox]), .table thead th .quick-order .quick-order__table-view .b-table .control.has-icons-left input:not([type=checkbox]) { padding-left: 1.125rem; } .quick-order .quick-order__table-view .b-table .control.has-icons-left .icon { width: 1.5rem; } .quick-order .quick-order__table-view .b-table .control.has-icons-left .icon .svg-inline--fa.fa-w-14 { width: 0.5rem; } .quick-order .datepicker .control.has-icons-left .icon { z-index: 2 !important; } .quick-order .quick-order__overview { position: fixed; right: 20px; height: calc(100vh - 80px); } .quick-order .quick-order__overview .quick-order__overview__form { height: calc(100vh - 160px); overflow: auto; box-shadow: inset 0 0 0.125rem 0 rgba(0, 0, 0, 0.02); padding: 0 1.25rem; } .quick-order .quick-order__overview .quick-order__overview__form:after { content: ""; height: 20rem; display: block; } .quick-order .quick-order__overview .quick-order__overview__form .select:after { z-index: 2 !important; } .quick-order .quick-order__overview .quick-order__overview__form::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .quick-order .quick-order__overview .quick-order__overview__form::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.5); border-radius: 8px; background-clip: padding-box; } .quick-order .quick-order__overview .quick-order__overview__form::-webkit-scrollbar { width: 4px; } .quick-order .quick-order__overview .quick-order__overview__form .multiselect-ajax .multiselect-ajax__clear-all { display: none; } .quick-order .quick-order__overview .quick-order__overview__info__wrapper { position: absolute; bottom: 0; z-index: 10; background-color: #fefefe; } .quick-order .quick-order__overview .quick-order__overview__info__wrapper .quick-order__overview__info { position: relative; width: calc(100% - 24px); bottom: 0.75rem; background-color: #fefefe; border-top: 0.0625rem solid rgb(217.24, 220.76, 220.76); } .quick-order .cell--product-name .b-tooltip .tooltip-trigger:after { content: none !important; display: none !important; } .quick-order .next-price-info .b-tooltip .tooltip-trigger:not(.button):not(.ui-datepicker-trigger):not(.ui-datepicker-trigger):not(.has-tooltip--no-border) .vue-icon__wrapper { padding-left: 0.25rem; display: flex; } .quick-order .next-price-info .b-tooltip .tooltip-trigger:not(.button):not(.ui-datepicker-trigger):not(.ui-datepicker-trigger):not(.has-tooltip--no-border):after { content: none; display: none; } .quick-order .cell--product-name { overflow: visible; min-width: 17.8125rem; } @media (min-resolution: 215dpi) { .quick-order .cell--product-name { min-width: 16.5625rem; } } .quick-order .cell--product-name .multiselect__single { max-width: 320px; } @media (min-resolution: 215dpi) { .quick-order .cell--product-name .multiselect__single { max-width: 280px; } } .quick-order .cell--product-id { min-width: 7.5rem; } .quick-order .attachment-file { display: inline-block; text-align: center; border: 1px solid #ccc; border-radius: 0.3125rem; min-width: 13.125rem; } .next-price-tooltip { z-index: 100; } .quick-order-page .tooltip-content.product-info { z-index: 800; } .quick-order-page .select:not(.is-multiple):not(.is-loading)::after { z-index: 0; } .pagination .pagination-link.is-current { background-color: #25A18E; border-color: #fefefe; } .pagination .pagination-previous, .pagination .pagination-next, .pagination .pagination-link { min-width: 2rem; height: 2rem; } .pagination .pagination-previous svg, .pagination .pagination-next svg, .pagination .pagination-link svg { width: 16px; } .b-tooltip.is-primary .tooltip-content:before { content: none; } .b-tooltip.is-primary .tooltip-content { text-transform: none; background: #6d6d6d; border-radius: 0.3125rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; color: white; box-shadow: 0.125rem 0.3125rem 0.5rem 0.125rem rgba(0, 0, 0, 0.17); font-size: 13px; } @media screen and (max-width: 760px) { .b-tooltip.is-primary .tooltip-content { max-width: 18.75rem; min-width: 6.25rem; font-size: 0.625rem; padding: 0.3125rem; white-space: pre-wrap; } } .b-tooltip .tooltip-trigger { display: flex; align-items: center; text-transform: none; cursor: pointer; } .b-tooltip .tooltip-trigger .icon .svg-inline--fa { width: 16px; } .b-tooltip .tooltip-trigger:not(.button):not(.ui-datepicker-trigger):not(.has-tooltip--no-border):after { display: inline-block; content: " "; background-image: url(/build/./images/help-circle.svg); background-size: 0.875rem; height: 0.875rem; width: 1rem; background-repeat: no-repeat; position: relative; top: 0 !important; margin-left: 0.25rem; } .b-tooltip.is-light .tooltip-trigger:not(.button):not(.ui-datepicker-trigger):not(.has-tooltip--no-border):after { opacity: 0.5; } .b-tooltip.hide-icon .tooltip-trigger:after { display: none !important; } .b-tooltip.has-icon-medium .tooltip-trigger:not(.button):not(.ui-datepicker-trigger):not(.has-tooltip--no-border):after { display: inline-block; content: " "; background-image: url(/build/./images/help-circle.svg); background-size: 0.875rem; background-repeat: no-repeat; position: relative; top: 0 !important; margin-left: 0.25rem; height: 1rem !important; width: 1rem !important; } .b-tooltip.has-icon-medium h3 { margin-bottom: 0; } .b-tooltip.is-icon-left .tooltip-trigger { display: flex; flex-direction: row-reverse; } .b-tooltip.is-icon-left .tooltip-trigger::after { margin-right: 0.3125rem; } .b-tooltip.is-multiline.is-large .tooltip-content { width: 36.25rem; } .b-tooltip.has-tooltip--no-border .tooltip-trigger:after { display: none !important; } .b-tooltip.has-overflow-anywhere .tooltip-content { overflow-wrap: anywhere; } .message .message-body { padding: 0.75rem; } .message.message--top-alert .message-body { border-width: 0; } .message.message--has-text-center .message-body { text-align: center; } .message.is-success { background-color: rgba(37, 161, 142, 0.15); } .message.is-success .message-body { border-color: #25A18E; color: rgb(17.9393939394, 78.0606060606, 68.8484848485); } .message.is-orange { background-color: rgba(237, 174, 73, 0.15); } .message.is-orange .message-body { border-color: #EDAE49; color: rgb(189.28, 123.76, 18.72); } .message.is-danger { background-color: rgba(208, 71, 37, 0.15); } .message.is-danger .message-body { border-color: #D04725; color: rgb(121.4040816327, 41.4408163265, 21.5959183673); } .message.is-info { background-color: rgba(137, 148, 148, 0.15); } .message.is-info .message-body { border-color: #899494; color: rgb(87.0266666667, 95.9733333333, 95.9733333333); } .message.is-small .message-body { padding: 0.5rem; font-size: 11px; } @media (min-resolution: 215dpi) { .message.is-small .message-body { font-size: 9px; } } .b-table { font-size: 12px; line-height: 18px; } @media (min-resolution: 215dpi) { .b-table { font-size: 10px; line-height: 12px; } } .b-table thead { background: #ffffff; } .b-table thead tr { height: 38px; background: #ffffff !important; } .b-table thead tr:last-child { background: #ffffff !important; } @media (min-resolution: 215dpi) { .b-table thead tr { height: 2.5rem; } } .b-table thead tr:last-child th { border-bottom: 0.1875rem solid #25A18E; background-color: #ffffff; } @media (min-resolution: 215dpi) { .b-table thead tr:last-child th { border-bottom: 0.125rem solid #25A18E; } } .b-table table, .b-table .table { border-bottom: 1px solid rgba(137, 148, 148, 0.15); } .b-table table tr.table__row--success, .b-table .table tr.table__row--success { background-color: rgba(37, 161, 142, 0.3); } .b-table table tr.table__row--success:hover, .b-table .table tr.table__row--success:hover { background-color: rgba(37, 161, 142, 0.4) !important; } .b-table table tr.table__row--warning, .b-table .table tr.table__row--warning { background-color: rgba(237, 174, 73, 0.3); } .b-table table tr.table__row--warning:hover, .b-table .table tr.table__row--warning:hover { background-color: rgba(237, 174, 73, 0.4) !important; } .b-table table tr.table__row--alert, .b-table .table tr.table__row--alert { background-color: rgba(208, 71, 37, 0.3); } .b-table table tr.table__row--alert:hover, .b-table .table tr.table__row--alert:hover { background-color: rgba(208, 71, 37, 0.4) !important; } .b-table table tr.table__row--heading, .b-table .table tr.table__row--heading { font-weight: 600; background-color: rgba(137, 148, 148, 0.2); } .b-table table tr.table__row--heading .chevron-cell, .b-table .table tr.table__row--heading .chevron-cell { display: flex; } .b-table table tr.table__row--heading .chevron-cell a, .b-table .table tr.table__row--heading .chevron-cell a { display: flex; } .b-table table tr.table__row--heading .chevron-cell a svg, .b-table .table tr.table__row--heading .chevron-cell a svg { width: 10px; } .b-table table tr.table__row--heading td, .b-table .table tr.table__row--heading td { border: none; font-size: 12px; padding: 0.3125rem 0.625rem; } .b-table table tr.table__row--heading:hover, .b-table .table tr.table__row--heading:hover { background-color: rgba(137, 148, 148, 0.2) !important; } .b-table table tr td, .b-table .table tr td { padding: 4px; border: 1px solid rgba(137, 148, 148, 0.15); border-left: none; border-bottom: none; font-size: 12px; line-height: 20px; font-family: "Montserrat"; } @media (min-resolution: 215dpi) { .b-table table tr td, .b-table .table tr td { padding: 2px; font-size: 10px; line-height: 14px; } } .b-table table tr td a, .b-table .table tr td a { font-size: 0.75rem; } @media (min-resolution: 215dpi) { .b-table table tr td a, .b-table .table tr td a { font-size: 0.625rem; } } .b-table table tr td .multiselect-ajax .multiselect__input, .b-table .table tr td .multiselect-ajax .multiselect__input { margin-top: 0.125rem; } .b-table table tr td .multiselect-ajax__header, .b-table .table tr td .multiselect-ajax__header { margin-bottom: 0; height: 0; } .b-table table tr td .multiselect, .b-table table tr td .multiselect__input, .b-table table tr td .multiselect__single, .b-table table tr td .multiselect__placeholder, .b-table .table tr td .multiselect, .b-table .table tr td .multiselect__input, .b-table .table tr td .multiselect__single, .b-table .table tr td .multiselect__placeholder { font-size: 12px; line-height: 22px; } @media (min-resolution: 215dpi) { .b-table table tr td .multiselect, .b-table table tr td .multiselect__input, .b-table table tr td .multiselect__single, .b-table table tr td .multiselect__placeholder, .b-table .table tr td .multiselect, .b-table .table tr td .multiselect__input, .b-table .table tr td .multiselect__single, .b-table .table tr td .multiselect__placeholder { font-size: 11px; line-height: 20px; margin: 2px 0; padding-left: 0; } } .b-table table tr td .multiselect__single, .b-table .table tr td .multiselect__single { height: 1.375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-resolution: 215dpi) { .b-table table tr td .multiselect__single, .b-table .table tr td .multiselect__single { height: 1.25rem; } } .b-table table tr td .multiselect, .b-table table tr td .multiselect .multiselect__select, .b-table table tr td .multiselect .multiselect__tags, .b-table .table tr td .multiselect, .b-table .table tr td .multiselect .multiselect__select, .b-table .table tr td .multiselect .multiselect__tags { height: 1.75rem; min-height: 1.75rem; font-size: 12px; } @media (min-resolution: 215dpi) { .b-table table tr td .multiselect, .b-table table tr td .multiselect .multiselect__select, .b-table table tr td .multiselect .multiselect__tags, .b-table .table tr td .multiselect, .b-table .table tr td .multiselect .multiselect__select, .b-table .table tr td .multiselect .multiselect__tags { height: 1.5rem; min-height: 1.5rem; font-size: 11px; } } .b-table table tr td .multiselect-ajax .multiselect__input, .b-table .table tr td .multiselect-ajax .multiselect__input { margin-top: 0.125rem; } .b-table table tr td .multiselect-ajax__header, .b-table .table tr td .multiselect-ajax__header { margin-bottom: 0; height: 0; } .b-table table tr td .multiselect, .b-table table tr td .multiselect .multiselect__select, .b-table table tr td .multiselect .multiselect__tags, .b-table .table tr td .multiselect, .b-table .table tr td .multiselect .multiselect__select, .b-table .table tr td .multiselect .multiselect__tags { height: 1.75rem; min-height: 1.75rem; font-size: 0.875rem; } .b-table table tr td .control input, .b-table table tr td .control select, .b-table table tr td .control .select, .b-table .table tr td .control input, .b-table .table tr td .control select, .b-table .table tr td .control .select { height: 1.75rem; font-size: 12px; min-height: 24px; } @media (min-resolution: 215dpi) { .b-table table tr td .control input, .b-table table tr td .control select, .b-table table tr td .control .select, .b-table .table tr td .control input, .b-table .table tr td .control select, .b-table .table tr td .control .select { height: 1.5rem; font-size: 11px; } } .b-table table tr td .control select, .b-table .table tr td .control select { padding-top: 0.25rem; padding-bottom: 0.25rem; } @media (min-resolution: 215dpi) { .b-table table tr td .control select, .b-table .table tr td .control select { padding-top: 0.125rem; padding-bottom: 0.125rem; } } .b-table table tr td .b-checkbox, .b-table .table tr td .b-checkbox { margin-left: 0.375rem; margin-top: 0.3125rem; } .b-table table tr td .b-checkbox .control-label, .b-table .table tr td .b-checkbox .control-label { padding: 0; } .b-table table tr td .multiselect, .b-table .table tr td .multiselect { height: 1.75rem; min-height: 1.75rem; } .b-table table tr td .multiselect .vue-treeselect, .b-table .table tr td .multiselect .vue-treeselect { min-height: 1.75rem; } .b-table table tr td .multiselect .vue-treeselect .vue-treeselect__control, .b-table .table tr td .multiselect .vue-treeselect .vue-treeselect__control { height: 1.75rem; } .b-table table tr td .multiselect .vue-treeselect .vue-treeselect__value-container, .b-table .table tr td .multiselect .vue-treeselect .vue-treeselect__value-container { height: 1.625rem; } .b-table table th, .b-table .table th { z-index: 5 !important; border: none; border-right: 0.0625rem solid rgba(137, 148, 148, 0.15); border-top: 0.0625rem solid rgba(137, 148, 148, 0.15); padding: 0.25rem 0.5rem; } .b-table table th .th-wrap .control svg, .b-table .table th .th-wrap .control svg { width: 16px; } .b-table table th .th-wrap .icon.is-invisible, .b-table .table th .th-wrap .icon.is-invisible { display: none; } .b-table table th .th-wrap > span, .b-table .table th .th-wrap > span { width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; } .b-table table th .th-wrap > span .control, .b-table .table th .th-wrap > span .control { width: 100%; } .b-table table th .th-wrap > span .control input, .b-table table th .th-wrap > span .control select, .b-table table th .th-wrap > span .control .select, .b-table .table th .th-wrap > span .control input, .b-table .table th .th-wrap > span .control select, .b-table .table th .th-wrap > span .control .select { height: 1.75rem; min-height: 1.75rem; font-size: 0.875rem; } .b-table table th .th-wrap > span .control select, .b-table .table th .th-wrap > span .control select { padding-top: 0.25rem; padding-bottom: 0.25rem; } .b-table table th .th-wrap > span .b-checkbox, .b-table .table th .th-wrap > span .b-checkbox { margin-right: auto !important; margin-left: auto; } .b-table table th .th-wrap > span .b-checkbox .control-label, .b-table .table th .th-wrap > span .b-checkbox .control-label { padding: 0; } .b-table table th .th-wrap .select, .b-table table th .th-wrap select, .b-table .table th .th-wrap .select, .b-table .table th .th-wrap select { width: 100%; } .b-table table th .multiselect, .b-table .table th .multiselect { height: 1.75rem; min-height: 1.75rem; } .b-table table th .multiselect .vue-treeselect, .b-table .table th .multiselect .vue-treeselect { min-height: 1.75rem; } .b-table table th .multiselect .vue-treeselect .vue-treeselect__control, .b-table .table th .multiselect .vue-treeselect .vue-treeselect__control { height: 1.75rem; } .b-table table th .multiselect .vue-treeselect .vue-treeselect__value-container, .b-table .table th .multiselect .vue-treeselect .vue-treeselect__value-container { height: 1.625rem; } .b-table table th .multiselect input, .b-table .table th .multiselect input { border: none; } .b-table table th.has-text-left .th-wrap > span, .b-table .table th.has-text-left .th-wrap > span { text-align: left; } .b-table table .chevron-cell, .b-table .table .chevron-cell { max-width: 3.125rem !important; width: 3.125rem !important; } .b-table table .chevron-cell > a, .b-table .table .chevron-cell > a { color: #25A18E !important; } .b-table .table-wrapper { border: 0.0625rem solid rgba(137, 148, 148, 0.1); } .b-table .table-wrapper:not(:last-child) { margin-bottom: 20px; } .b-table .table-wrapper td[data-label] { vertical-align: middle; } .b-table .table-wrapper td[data-label=Status] { display: flex; align-items: center; overflow: inherit; } .b-table .table-wrapper td[data-label=Status] .tooltip-trigger { display: inherit; } .b-table .table-wrapper.has-sticky-header::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .b-table .table-wrapper.has-sticky-header::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.5); border-radius: 8px; background-clip: padding-box; } .b-table .table-wrapper.has-sticky-header::-webkit-scrollbar { width: 4px; } .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { position: sticky; top: 4.0625rem; background-color: #fff; } .b-table.m-t-0 table { margin-top: 0 !important; } .b-table.has-overflow-x-hidden .table-wrapper { overflow-x: hidden !important; } .b-table.has-topheading .no-border-left { border-left: none; } .b-table.has-topheading .no-border-right { border-right: none; } .b-table.has-topheading .double-width { overflow: visible; } .b-table.has-topheading .double-width .th-wrap { width: calc(200% + 20px); } .b-table.has-topheading .triple-width { overflow: visible; } .b-table.has-topheading .triple-width .th-wrap { width: calc(300% + 20px); } .b-table.has-topheading .is-subheading th { text-align: center; } .b-table.has-topheading .is-subheading .th-wrap { justify-content: center; } .b-table th { vertical-align: middle; } .b-table.wrapper--no-top-border .table-wrapper { border-top: none; } .b-table.has-small-headers thead tr { height: 2.125rem; } .b-table .tabele-icon--action { cursor: pointer; transition: transform 400ms ease; } .b-table .tabele-icon--action:hover { transform: scale(1.05); } .b-table .table-footer .footer--action { text-transform: uppercase; padding: 6px; color: #25A18E; font-weight: 600; font-size: 12px; cursor: pointer; transition: font-size 400ms ease; } .b-table .table-footer .footer--action:hover { font-size: 13px; transform: scale(1.05); } .b-table.is-alert-table thead tr:last-child th { border-bottom: 0.1875rem solid #D04725; } .b-table .is-link { font-weight: 600; cursor: pointer; } .b-table .is-link:hover { color: #25A18E; } .table-actions.has-kebab-menu .icon svg { width: 5px; } .snackbar { background-color: #fefefe; border-radius: 0.625rem; font-weight: 400; box-shadow: 0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.12), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.25); } .snackbar.is-warning { background-color: #fefefe; color: #D04725; border-left: #D04725 0.3125rem solid; } .snackbar.is-warning .action.is-warning .button, .snackbar.is-warning .action.is-warning .ui-datepicker-trigger, .snackbar.is-warning .action.is-warning .dataTables_paginate a.paginate_button, .dataTables_paginate .snackbar.is-warning .action.is-warning a.paginate_button { background-color: #fefefe !important; color: #D04725 !important; } .snackbar.is-warning .action.is-warning .button:hover, .snackbar.is-warning .action.is-warning .ui-datepicker-trigger:hover, .snackbar.is-warning .action.is-warning .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .snackbar.is-warning .action.is-warning a.paginate_button:hover { background-color: #D04725 !important; color: #fefefe !important; } .snackbar.is-info { background-color: #fefefe; color: #EDAE49; border-left: #EDAE49 0.3125rem solid; font-weight: bold; } .snackbar.is-info .action.is-info .button, .snackbar.is-info .action.is-info .ui-datepicker-trigger, .snackbar.is-info .action.is-info .dataTables_paginate a.paginate_button, .dataTables_paginate .snackbar.is-info .action.is-info a.paginate_button { background-color: #EDAE49 !important; color: #fefefe !important; } .snackbar.is-info .action.is-info .button:hover, .snackbar.is-info .action.is-info .ui-datepicker-trigger:hover, .snackbar.is-info .action.is-info .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .snackbar.is-info .action.is-info a.paginate_button:hover { background-color: #EDAE49 !important; color: #fefefe !important; } .snackbar.is-success { background-color: #fefefe; color: #25A18E; border-left: #25A18E 0.3125rem solid; } .snackbar.is-success .action.is-success .button, .snackbar.is-success .action.is-success .ui-datepicker-trigger, .snackbar.is-success .action.is-success .dataTables_paginate a.paginate_button, .dataTables_paginate .snackbar.is-success .action.is-success a.paginate_button { background-color: #fefefe !important; color: #25A18E !important; } .snackbar.is-success .action.is-success .button:hover, .snackbar.is-success .action.is-success .ui-datepicker-trigger:hover, .snackbar.is-success .action.is-success .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .snackbar.is-success .action.is-success a.paginate_button:hover { background-color: #25A18E !important; color: #fefefe !important; } .select:not(.is-multiple):not(.is-loading)::after { border-color: #25A18E; } .select select { line-height: 20px; } .select select option:disabled { color: rgba(137, 148, 148, 0.8); } .select:not(.is-multiple), .select select { height: 28px; font-size: 14px; padding-top: 0; padding-bottom: 0; } .autocomplete.is-danger input { border-color: #D04725 !important; } .modal { z-index: 150; } .modal .modal-card-body p { font-size: 1rem; } .modal .modal-content { max-height: 80vh; overflow: auto; } .field { font-size: 12px; } .field .icon svg { width: 16px; } .field.has-help-absolute .help { position: absolute; } .field .label.is-small { margin-bottom: 0.25rem; padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; font-weight: 600; font-family: "Montserrat", serif; } .field input { height: 28px; font-size: 13px; } @media (min-resolution: 215dpi) { .field input { font-size: 11px; } } .field input[disabled] { background-color: #f5f5f5; color: #7a7a7a; border-color: #f5f5f5 !important; } .field input[disabled] ~ .icon { opacity: 0.5; } .field input[disabled] ~ .icon svg { color: #7a7a7a; opacity: 0.8; } .field .textarea:not([rows]) { min-height: 6.625rem; } .field .upload.control .content svg, .field .upload.control .content p { color: #899494; } .field .upload.control:hover .content svg, .field .upload.control:hover .content p { color: #25A18E; } .field.has-custom-add-on .has-addons { position: relative; display: flex; align-items: center; } .field.has-custom-add-on .has-addons .control { width: 100%; position: relative; z-index: 1; } .field.has-custom-add-on .has-addons .field__add-on { position: absolute; right: 0.75rem; z-index: 2; color: #dbdbdb; font-weight: 600; } .field.has-custom-add-on .has-addons:focus-within .field__add-on { color: #282A2A; } .field .input, .field .form__input, .field .auth-wrapper input#login_captcha, .auth-wrapper .field input#login_captcha, .field .datepicker:not(.control), .field .modal .modal__body input, .modal .modal__body .field input, .field .modal .modal__body select, .modal .modal__body .field select, .field .dataTable thead th input:not([type=checkbox]), .dataTable thead th .field input:not([type=checkbox]), .field .dataTables_length label select, .dataTables_length label .field select, .field .dataTables_filter input, .dataTables_filter .field input, .field .table thead th input:not([type=checkbox]), .table thead th .field input:not([type=checkbox]) { height: 28px; font-size: 13px; font-family: "Montserrat", serif; } @media (min-resolution: 215dpi) { .field .input, .field .form__input, .field .auth-wrapper input#login_captcha, .auth-wrapper .field input#login_captcha, .field .datepicker:not(.control), .field .modal .modal__body input, .modal .modal__body .field input, .field .modal .modal__body select, .modal .modal__body .field select, .field .dataTable thead th input:not([type=checkbox]), .dataTable thead th .field input:not([type=checkbox]), .field .dataTables_length label select, .dataTables_length label .field select, .field .dataTables_filter input, .dataTables_filter .field input, .field .table thead th input:not([type=checkbox]), .table thead th .field input:not([type=checkbox]) { font-size: 11px; } } .field .input.is-danger, .field .is-danger.form__input, .field .auth-wrapper input.is-danger#login_captcha, .auth-wrapper .field input.is-danger#login_captcha, .field .is-danger.datepicker:not(.control), .field .modal .modal__body input.is-danger, .modal .modal__body .field input.is-danger, .field .modal .modal__body select.is-danger, .modal .modal__body .field select.is-danger, .field .dataTable thead th input.is-danger:not([type=checkbox]), .dataTable thead th .field input.is-danger:not([type=checkbox]), .field .dataTables_length label select.is-danger, .dataTables_length label .field select.is-danger, .field .dataTables_filter input.is-danger, .dataTables_filter .field input.is-danger, .field .table thead th input.is-danger:not([type=checkbox]), .table thead th .field input.is-danger:not([type=checkbox]), .field .input.is-success, .field .is-success.form__input, .field .auth-wrapper input.is-success#login_captcha, .auth-wrapper .field input.is-success#login_captcha, .field .is-success.datepicker:not(.control), .field .modal .modal__body input.is-success, .modal .modal__body .field input.is-success, .field .modal .modal__body select.is-success, .modal .modal__body .field select.is-success, .field .dataTable thead th input.is-success:not([type=checkbox]), .dataTable thead th .field input.is-success:not([type=checkbox]), .field .dataTables_length label select.is-success, .dataTables_length label .field select.is-success, .field .dataTables_filter input.is-success, .dataTables_filter .field input.is-success, .field .table thead th input.is-success:not([type=checkbox]), .table thead th .field input.is-success:not([type=checkbox]) { margin-bottom: 0.1875rem; } .field select[required=required] { margin-bottom: 0.125rem; } .field .b-numberinput.full-width { width: 100%; } .field .b-numberinput.full-width input { text-align: left; } .field .b-numberinput.full-width input::placeholder { text-align: left; } .field .upload .button, .field .upload .ui-datepicker-trigger, .field .upload .dataTables_paginate a.paginate_button, .dataTables_paginate .field .upload a.paginate_button { height: 28px; } .field .upload input[disabled] ~ .button, .field .upload input[disabled] ~ .ui-datepicker-trigger, .field .upload .dataTables_paginate input[disabled] ~ a.paginate_button, .dataTables_paginate .field .upload input[disabled] ~ a.paginate_button { opacity: 0.5; cursor: not-allowed; } .field.is-disabled .upload .button, .field.is-disabled .upload .ui-datepicker-trigger, .field.is-disabled .upload .dataTables_paginate a.paginate_button, .dataTables_paginate .field.is-disabled .upload a.paginate_button, .field[disabled] .upload .button, .field[disabled] .upload .ui-datepicker-trigger, .field[disabled] .upload .dataTables_paginate a.paginate_button, .dataTables_paginate .field[disabled] .upload a.paginate_button { opacity: 0.5; cursor: not-allowed; } .field .no-border .upload-draggable { border: none; } .field.bordered { border: 0.0625rem solid #dbdbdb; border-radius: 0.25rem; } .field .help { line-height: 1rem; } .field .help.is-danger, .field .help.is-success { position: absolute; margin: 0; font-size: 10px; line-height: 1; } @media (min-resolution: 215dpi) { .field .help.is-danger, .field .help.is-success { font-size: 9px; } } .field .control .icon { height: 28px; width: 28px; } .field:not(:last-child) { position: relative; margin-bottom: 0.3125rem; } .field.file.has-label { flex-direction: column; } .field.file.has-label .button:hover, .field.file.has-label .ui-datepicker-trigger:hover, .field.file.has-label .dataTables_paginate a.paginate_button:hover, .dataTables_paginate .field.file.has-label a.paginate_button:hover { transform: none; } .field .help.counter.is-invisible { display: none; } .field .control.has-icons-left .icon, .field .control.has-icons-right .icon { height: 28px; } .field .help.counter { height: 0; } .switch input[type=checkbox] + .check { height: 28px; width: 48px; } .switch input[type=checkbox] + .check:before { border-radius: 0.25rem; height: 20px; width: 20px; } .switch.is-large input[type=checkbox] + .check { height: 2rem; width: 3.75rem; } .switch.is-large input[type=checkbox] + .check::before { width: 1.625rem; height: 1.625rem; } .switch.has-control-label-hidden .control-label { display: none; } .switch.is-rounded input[type=checkbox] + .check { border-radius: 0.25rem; height: 28px; width: 48px; } .switch.is-rounded input[type=checkbox] + .check:before { border-radius: 0.25rem; } .switch input[type=checkbox][disabled] + .check { opacity: 0.5; cursor: not-allowed; } .switch.control-label-hidden .control-label { display: none; } .control.has-icons-left .icon, .control.has-icons-right .icon { height: 2rem; } .control textarea { font-size: 0.875rem; min-height: 6.625rem; } .table-wrapper .control.has-icons-right input { padding-right: 0; } .datepicker .datepicker-header .field { margin-bottom: 0; } .datepicker .datepicker-header .pagination .icon svg { width: 12px; } .datepicker .datepicker-table .datepicker-cell { padding: 0.25rem 0.375rem; font-size: 0.875rem; } .loading-overlay .loading-icon:after { border-color: #25A18E; border-right-color: transparent; border-top-color: transparent; } .loader-wrapper--tiny .loading-overlay { z-index: 100; } .loader-wrapper--tiny .loading-overlay .loading-icon:after { width: 0.75rem; height: 0.75rem; top: calc(50% - 4px); left: calc(50% - 6px); } .timeline .timeline__items__wrapper { overflow: auto; direction: rtl; width: fit-content; } .timeline .timeline__items__wrapper::-webkit-scrollbar-track { -webkit-box-shadow: 0 0 0.75rem #eeeeee; border: 0.0625rem solid #eeeeee; border-radius: 0.5rem; } .timeline .timeline__items__wrapper::-webkit-scrollbar-thumb { background-color: rgba(40, 42, 42, 0.5); border-radius: 8px; background-clip: padding-box; } .timeline .timeline__items__wrapper::-webkit-scrollbar { width: 4px; } .timeline .timeline__items { display: flex; flex-direction: column; position: relative; width: fit-content; direction: ltr; } .timeline .timeline__items .timeline__item { position: relative; padding: 0.75rem 0; display: flex; align-items: center; } .timeline .timeline__items .timeline__item:not(:first-child) .timeline__item__marker::before { display: block; content: " "; position: absolute; background-color: #282A2A; height: 3.375rem; width: 0.125rem; left: calc(50% - 1px); bottom: 100%; z-index: 0; } .timeline .timeline__items .timeline__item:not(:last-child) .timeline__item__marker::after { display: block; content: " "; position: absolute; background-color: #282A2A; height: 2.625rem; width: 0.125rem; left: calc(50% - 1px); top: 100%; z-index: 0; } .timeline .timeline__items .timeline__item.is-active::after { display: block; content: " "; position: absolute; height: 0; width: 0; border-top: 2.5rem solid transparent; border-right: 3.375rem solid #eeeeee; border-bottom: 2.5rem solid transparent; right: 15.625rem; } .timeline .timeline__items .timeline__item:not(.is-active) .timeline__item__content { display: none; } .timeline .timeline__items .timeline__item .timeline__item__marker { background-color: #fefefe; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: 0.125rem solid #282A2A; z-index: 50; position: relative; margin: 0 4rem 0 1.5rem; } .timeline .timeline__items .timeline__item .timeline__item__marker.is-separator { font-weight: 600; font-size: 0.9375rem; line-height: 1.125rem; width: 6.25rem; height: 2.25rem; background-color: #282A2A; color: #fefefe; border-radius: 0.25rem; display: flex; justify-content: center; align-items: center; margin-left: 5.375rem; } .timeline .timeline__items .timeline__item .timeline__item__marker.is-final { background-color: #282A2A; margin-left: 7.75rem; } .timeline .timeline__items .timeline__item .timeline__item__title { font-weight: 600; font-size: 0.9375rem; width: 6.25rem; text-align: right; } .timeline .timeline__items .timeline__item .timeline__item__content { width: 15.625rem; padding: 0.75rem; background-color: #eeeeee; border-radius: 0.25rem; height: 5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } .timeline.is-single-active { display: flex; } .timeline.is-single-active .timeline__item { padding: 2.25rem 0; } .timeline.is-single-active .timeline__item.is-active::after { border-top: 1.25rem solid transparent; border-right: 1.5rem solid #eeeeee; border-bottom: 1.25rem solid transparent; right: 0; } .timeline.is-single-active .timeline__item .timeline__item__marker { margin-right: 1.5rem; } .timeline.is-single-active .timeline__item .timeline__item__marker:not(.timeline__item__marker--separator):not(.timeline__item__marker--final) { cursor: pointer; } .timeline.is-single-active .timeline__item__content--single-active { padding: 0.75rem; margin: 2.25rem 0 0.75rem; background-color: #ffffff; border: 0.5rem solid #eeeeee; border-radius: 0.25rem; height: calc(100% - 36px); min-width: 17.5rem; } .timeline__content__form-wrapper { border: 0.125rem solid #dbdbdb; border-radius: 0.25rem; } .timeline__content__form-wrapper .timeline__content__form__title { background-color: #dbdbdb; padding: 0.25rem 0.75rem; text-transform: uppercase; font-size: 0.75rem; font-weight: 600; } .customer-module { margin-bottom: 2.5rem; padding-top: 1.25rem; } .customer-module .multiselect:first-of-type .multiselect__header .multiselect__header__label, .customer-module .multiselect:first-of-type .multiselect__header .multiselect-ajax__header__label, .customer-module .multiselect:first-of-type .multiselect-ajax__header .multiselect__header__label, .customer-module .multiselect:first-of-type .multiselect-ajax__header .multiselect-ajax__header__label, .customer-module .multiselect-ajax:first-of-type .multiselect__header .multiselect__header__label, .customer-module .multiselect-ajax:first-of-type .multiselect__header .multiselect-ajax__header__label, .customer-module .multiselect-ajax:first-of-type .multiselect-ajax__header .multiselect__header__label, .customer-module .multiselect-ajax:first-of-type .multiselect-ajax__header .multiselect-ajax__header__label { text-transform: lowercase; } .customer-module .multiselect:first-of-type .multiselect__header .multiselect__header__label:first-letter, .customer-module .multiselect:first-of-type .multiselect__header .multiselect-ajax__header__label:first-letter, .customer-module .multiselect:first-of-type .multiselect-ajax__header .multiselect__header__label:first-letter, .customer-module .multiselect:first-of-type .multiselect-ajax__header .multiselect-ajax__header__label:first-letter, .customer-module .multiselect-ajax:first-of-type .multiselect__header .multiselect__header__label:first-letter, .customer-module .multiselect-ajax:first-of-type .multiselect__header .multiselect-ajax__header__label:first-letter, .customer-module .multiselect-ajax:first-of-type .multiselect-ajax__header .multiselect__header__label:first-letter, .customer-module .multiselect-ajax:first-of-type .multiselect-ajax__header .multiselect-ajax__header__label:first-letter { text-transform: uppercase; } .customer-module .customer-module__edit__address .customer-module__title { margin-top: 0; } .customer-module .customer-module__edit__address .customer-module__title h2 { font-size: 1.125rem !important; } .customer-module .customer-module__edit__synchronization .os-switch__label { margin-top: 1.875rem; } .customer-module .customer-module__edit__synchronization .customer-module__edit__synchronization__save { padding-top: 0.625rem; padding-bottom: 0.625rem; padding-right: 1.75rem; } .customer-module .customer-module__title { margin-top: 2.5rem; margin-bottom: 0.625rem; } .customer-module .customer-module__title.customer-module__title--has-columns-after { margin-bottom: 0; } .customer-module .customer-module__default-billing-icon { margin-top: -2px; } .customer-module .customer-module__subtitle { margin-bottom: 0; } .customer-module .customer-module__line-separator { vertical-align: middle; } .customer-module .customer-module__line-separator:after { align-content: flex-end; background-color: #282A2A; content: ""; display: inline-block; height: 0.0625rem; position: relative; vertical-align: middle; width: 100%; } .customer-module .customer-module__separator { padding-bottom: 0.625rem; } .customer-module .customer-module__payment-information .customer-module__payment-information__vat-number .field.has-addons { margin-top: 2px; } .customer-module .customer-module__payment-information .customer-module__payment-information__vat-number .multiselect { width: 6.25rem; } .customer-module .customer-module__attachment .customer-module__attachment__icon { padding-top: 0.25rem; cursor: pointer; } .customer-module .customer-module__attachment__button .customer-module__attachment__icon { padding-left: 0.625rem; font-size: 0.9375rem; } .customer-module .customer-module__attachment__button .customer-module__attachment__icon:hover { transform: translateY(-5px); transition: transform 200ms ease-in; } .customer-module .os-simple-table__item--actions .button .icon, .customer-module .os-simple-table__item--actions .ui-datepicker-trigger .icon, .customer-module .os-simple-table__item--actions .dataTables_paginate a.paginate_button .icon, .dataTables_paginate .customer-module .os-simple-table__item--actions a.paginate_button .icon { width: 12px; } .customer-module .os-card { margin-top: 1.25rem; } .customer-module .os-table .os-table__table__header--actions { text-align: center; padding-top: 1.375rem !important; } .customer-module .os-table .os-table__table__header:nth-child(1), .customer-module .os-table .os-table__table__data:nth-child(1) { display: none !important; } .customer-module .customer-contracts p.is-danger { position: absolute; margin-top: 0; } .customer-module .multiselect [data-id^=class] { padding-left: 1.5rem !important; } .customer-module .multiselect [data-id^=range] { padding-left: 3rem !important; } .customer-module .multiselect [data-id^=group] { padding-left: 4.5rem !important; } .customer-module .multiselect [data-id^=product] { padding-left: 6rem !important; } .customer-module .modal-has-overflow-initial .modal-content { overflow: initial !important; } .customer-module.has-content-overflow-visible .modal-content { overflow: visible !important; } .customer-contact-modal .os-input__error { position: absolute !important; } .vue-grid-item { border: 0.0625rem solid #eeeeee; background-color: #ffffff; box-shadow: 0.125rem 0.125rem 0.1875rem #eeeeee; overflow: hidden; } .vue-grid-item .grid-layout { padding: 0.625rem 0; } .home-page-notification-box, .home-page-header-notification { background-color: #ffffff; border-radius: 0.25rem; position: relative; } .home-page-notification-box .is-bordered-bottom, .home-page-header-notification .is-bordered-bottom { border-bottom: 0.0625rem solid #eeeeee; } .home-page-notification-box .home-page-notification-box__icon svg, .home-page-header-notification .home-page-notification-box__icon svg { position: absolute; right: 0.75rem; margin-top: -0.125rem; } .home-page-notification-box p, .home-page-header-notification p { font-size: 0.875rem; font-weight: 600; line-height: 1.75rem; } .home-page-notification-box .button, .home-page-notification-box .ui-datepicker-trigger, .home-page-notification-box .dataTables_paginate a.paginate_button, .dataTables_paginate .home-page-notification-box a.paginate_button, .home-page-header-notification .button, .home-page-header-notification .ui-datepicker-trigger, .home-page-header-notification .dataTables_paginate a.paginate_button, .dataTables_paginate .home-page-header-notification a.paginate_button { height: 1.75rem; } .notifications-box { background-color: #ffffff; border-left: 3px solid #D04725; box-shadow: 2px 4px 6px rgba(40, 42, 42, 0.25); border-radius: 0.25rem; display: flex; flex-direction: row; align-items: center; padding: 8px 15px; gap: 15px; } .notifications-box .content-style { font-weight: 600; } .updates-box { background-color: #ffffff; border-left: 3px solid #174A8C; box-shadow: 2px 4px 6px rgba(40, 42, 42, 0.25); border-radius: 0.25rem; display: flex; flex-direction: row; align-items: center; padding: 8px 15px; gap: 15px; } .updates-box .title-style { font-weight: 600; } .updates-box .title-content { display: flex; align-items: start; flex-direction: column; } .updates-box .description-style { font-size: 12px; line-height: 16px; } .user_hierarchy .user_hierarchy__inputs { height: 100px; } .user_hierarchy .user_hierarchy__hierarchy { width: 100%; height: calc(100vh - 100px - 4rem); } .user_hierarchy .user_hierarchy__hierarchy .user_hierarchy__hierarchy__user { cursor: pointer; } .user_hierarchy .user_hierarchy__hierarchy .user_hierarchy__hierarchy__user.user_hierarchy__hierarchy__user--inactive { color: red; } body.login-page { background: transparent; } .is-fixed-right { position: fixed !important; top: 0; right: 0; } .auth-wrapper { width: 50rem; max-width: 50rem; height: 100vh; overflow: hidden; position: relative; } @media screen and (min-width: 768px) { .auth-wrapper { max-width: calc(100vw - 100vh); min-width: 385px; } } .auth-wrapper::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(254, 254, 254, 0.55); backdrop-filter: blur(25px); z-index: -1; } .auth-wrapper .auth { max-width: 25rem; padding: 1.75rem; } .auth-wrapper .auth .auth__input-icon { position: relative; } .auth-wrapper .auth .auth__input-icon input { text-indent: 1.25rem; background: #fefefe; } .auth-wrapper .auth .auth__input-icon .fi-mail, .auth-wrapper .auth .auth__input-icon .fi-unlock { color: #25A18E; position: absolute; top: 0.3125rem; left: 0.4375rem; font-size: 1.125rem; z-index: 12; } .auth-wrapper .auth .auth__title { text-transform: uppercase; font-size: 1.125rem; } .auth-wrapper .auth .auth__password { font: small-caption; font-size: 1.125rem; letter-spacing: 0.125rem; } .auth-wrapper .auth .login-header h1 { font-weight: 400; } .auth-wrapper .auth .form__label--small { font-weight: 400; } @-moz-document url-prefix() { .auth-wrapper .auth .form__input, .auth-wrapper .auth input#login_captcha, .auth-wrapper .auth .modal .modal__body input, .modal .modal__body .auth-wrapper .auth input, .auth-wrapper .auth .modal .modal__body select, .modal .modal__body .auth-wrapper .auth select, .auth-wrapper .auth .dataTable thead th input:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select, .dataTables_length label .auth-wrapper .auth select, .auth-wrapper .auth .dataTables_filter input, .dataTables_filter .auth-wrapper .auth input, .auth-wrapper .auth .table thead th input:not([type=checkbox]), .table thead th .auth-wrapper .auth input:not([type=checkbox]) { background: red; } } .auth-wrapper .auth .form__input, .auth-wrapper .auth input#login_captcha, .auth-wrapper .auth .modal .modal__body input, .modal .modal__body .auth-wrapper .auth input, .auth-wrapper .auth .modal .modal__body select, .modal .modal__body .auth-wrapper .auth select, .auth-wrapper .auth .dataTable thead th input:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select, .dataTables_length label .auth-wrapper .auth select, .auth-wrapper .auth .dataTables_filter input, .dataTables_filter .auth-wrapper .auth input, .auth-wrapper .auth .table thead th input:not([type=checkbox]), .table thead th .auth-wrapper .auth input:not([type=checkbox]) { background: transparent; } @-moz-document url-prefix() { .auth-wrapper .auth .form__input, .auth-wrapper .auth input#login_captcha, .auth-wrapper .auth .modal .modal__body input, .modal .modal__body .auth-wrapper .auth input, .auth-wrapper .auth .modal .modal__body select, .modal .modal__body .auth-wrapper .auth select, .auth-wrapper .auth .dataTable thead th input:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select, .dataTables_length label .auth-wrapper .auth select, .auth-wrapper .auth .dataTables_filter input, .dataTables_filter .auth-wrapper .auth input, .auth-wrapper .auth .table thead th input:not([type=checkbox]), .table thead th .auth-wrapper .auth input:not([type=checkbox]) { border: 0.0625rem solid #eeeeee; transition: 0.275s; } .auth-wrapper .auth .form__input:hover, .auth-wrapper .auth input#login_captcha:hover, .auth-wrapper .auth .modal .modal__body input:hover, .modal .modal__body .auth-wrapper .auth input:hover, .auth-wrapper .auth .modal .modal__body select:hover, .modal .modal__body .auth-wrapper .auth select:hover, .auth-wrapper .auth .dataTable thead th input:hover:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:hover:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select:hover, .dataTables_length label .auth-wrapper .auth select:hover, .auth-wrapper .auth .dataTables_filter input:hover, .dataTables_filter .auth-wrapper .auth input:hover, .auth-wrapper .auth .table thead th input:hover:not([type=checkbox]), .table thead th .auth-wrapper .auth input:hover:not([type=checkbox]), .auth-wrapper .auth .form__input:focus, .auth-wrapper .auth input#login_captcha:focus, .auth-wrapper .auth .modal .modal__body input:focus, .modal .modal__body .auth-wrapper .auth input:focus, .auth-wrapper .auth .modal .modal__body select:focus, .modal .modal__body .auth-wrapper .auth select:focus, .auth-wrapper .auth .dataTable thead th input:focus:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:focus:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select:focus, .dataTables_length label .auth-wrapper .auth select:focus, .auth-wrapper .auth .dataTables_filter input:focus, .dataTables_filter .auth-wrapper .auth input:focus, .auth-wrapper .auth .table thead th input:focus:not([type=checkbox]), .table thead th .auth-wrapper .auth input:focus:not([type=checkbox]) { border: 0.0625rem solid hsl(0, 0%, 48%); } } .auth-wrapper .auth .form__input:-webkit-autofill, .auth-wrapper .auth input#login_captcha:-webkit-autofill, .auth-wrapper .auth .modal .modal__body input:-webkit-autofill, .modal .modal__body .auth-wrapper .auth input:-webkit-autofill, .auth-wrapper .auth .modal .modal__body select:-webkit-autofill, .modal .modal__body .auth-wrapper .auth select:-webkit-autofill, .auth-wrapper .auth .dataTable thead th input:-webkit-autofill:not([type=checkbox]), .dataTable thead th .auth-wrapper .auth input:-webkit-autofill:not([type=checkbox]), .auth-wrapper .auth .dataTables_length label select:-webkit-autofill, .dataTables_length label .auth-wrapper .auth select:-webkit-autofill, .auth-wrapper .auth .dataTables_filter input:-webkit-autofill, .dataTables_filter .auth-wrapper .auth input:-webkit-autofill, .auth-wrapper .auth .table thead th input:-webkit-autofill:not([type=checkbox]), .table thead th .auth-wrapper .auth input:-webkit-autofill:not([type=checkbox]), .auth-wrapper .auth .form__input:focus:-webkit-autofill { box-shadow: 0 0 0 62.5rem #fefefe inset !important; z-index: 10; } .auth-wrapper .auth .helper-links .helper-links__link { color: #1B2431; font-weight: 600; font-size: 0.8125rem; padding: 0 0.9375rem; } .auth-wrapper .auth .helper-links .helper-links__link:not(:last-child) { border-right: 0.0625rem solid rgba(40, 42, 42, 0.5); } .auth-wrapper .auth .helper-links .helper-links__link:first-child { padding-left: 0; } .auth-wrapper .auth .helper-links .helper-links__link:last-child { padding-right: 0; } .auth-wrapper .auth .helper-links .helper-links__link:hover { color: #25A18E; } @media (max-width: 48rem) { .auth-wrapper .auth .helper-links .helper-links__link { font-weight: 400; font-size: 0.6875rem; padding: 0 0.4375rem; } } @media (max-width: 48rem) { .auth-wrapper .auth .submit-login-button { float: none; } } .auth-wrapper .auth .callout { padding: 0.5rem 0.75rem; margin-bottom: 0.5rem; min-height: unset; display: flex; align-items: center; justify-content: space-between; } .auth-wrapper .auth .callout p { font-size: 0.875rem; } .auth-wrapper .auth .callout .close-button { position: relative; top: unset !important; bottom: unset; right: unset; } .auth-wrapper .auth .callout .close-button span { font-size: 1.5rem; } .auth-wrapper .auth::after { content: " "; background-size: cover; background-color: #54bccc; background-repeat: no-repeat; background-position: center; height: 100vh; width: 100%; top: 0; bottom: 0; right: 0; left: 0; position: fixed; z-index: -1; } @media (max-width: 48rem) { .auth-wrapper .auth::after { background-position: center right; } } @media (max-width: 48rem) { .auth-wrapper .auth { background-size: cover; background-position: 12.5rem; width: 19.875rem; top: 5%; } } @media (max-width: 48rem) { .auth-wrapper { width: 77%; position: absolute !important; top: 8%; height: inherit; left: 11%; border-radius: 0.25rem; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13); } } .auth-wrapper .auth-foreo::after { background-image: url(/build/./images/login-bg-foreo.jpg); } .auth-wrapper .auth-lelo::after { background-image: url(/build/./images/login-bg-lelov2.jpg); background-size: contain; background-position: left; background-color: #3A3752; } .auth-wrapper .legal-modal { width: inherit !important; } .auth-wrapper .legal-modal .modal__body { border-radius: 0.625rem; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.13); } .auth-wrapper .reset-password-help-text { opacity: 0.8; display: block; margin-bottom: 0.3125rem; padding-left: 0.5rem; padding-right: 0.5rem; } .auth-wrapper label[for=login_captcha] { display: block; text-align: center; font-weight: 600; } .auth-wrapper img.captcha_image { display: block; margin-left: auto; margin-right: auto; } .auth-wrapper input#login_captcha { max-width: 12.5rem; display: block; margin-left: auto; margin-right: auto; margin-top: 0.5rem; } .auth-wrapper .password-wrapper { position: relative; } .auth-wrapper .password-wrapper .form__input, .auth-wrapper .password-wrapper .modal .modal__body input, .modal .modal__body .auth-wrapper .password-wrapper input, .auth-wrapper .password-wrapper .modal .modal__body select, .modal .modal__body .auth-wrapper .password-wrapper select, .auth-wrapper .password-wrapper .dataTable thead th input:not([type=checkbox]), .dataTable thead th .auth-wrapper .password-wrapper input:not([type=checkbox]), .auth-wrapper .password-wrapper .dataTables_length label select, .dataTables_length label .auth-wrapper .password-wrapper select, .auth-wrapper .password-wrapper .dataTables_filter input, .dataTables_filter .auth-wrapper .password-wrapper input, .auth-wrapper .password-wrapper .table thead th input:not([type=checkbox]), .table thead th .auth-wrapper .password-wrapper input:not([type=checkbox]), .auth-wrapper .password-wrapper input#login_captcha { padding-right: 32px; } .auth-wrapper .password-wrapper .password-toggle { position: absolute; right: 10px; top: 18px; transform: translateY(-50%); background: transparent; border: none; cursor: pointer; font-size: 1rem; z-index: 10 !important; } .access-page .permission { margin-bottom: 1rem; } .access-page .permission p { font-weight: 300; } .access-page .permission p.top-border { margin-bottom: 10px; } .access-page .permission .permission__child-items li { margin-bottom: 10px; } .access-page .permission__name { font-size: 1.25rem; font-weight: 400; padding-left: 0.3125rem; } .access-page .permission__key { position: absolute; top: 0.625rem; right: 0.75rem; font-weight: 600; } @media screen and (max-width: 68rem) { .access-page .permission__key { word-wrap: break-word; max-width: 85%; } } .access-page .permission__description { display: block; } .access-page .permission__route a { font-weight: 400; text-decoration: underline; } @media (max-width: 68rem) { .access-page .permission__route a { word-wrap: break-word; } } .access-page .permission__child-items label { font-weight: 300; } .access-page .permission__child-items label input { vertical-align: middle; } .access-page .permission__child-help-txt { margin-left: 1.375rem; font-style: italic; } @media (max-width: 68rem) { .access-page .permission .card-content { padding-top: 3.625rem; } } .fc-view-container .fc-head { background-color: rgb(238.6373333333, 240.1626666667, 240.1626666667); } .fc-view-container .fc-event-container { text-align: center; padding-left: 0.375rem; padding-right: 0.375rem; } .fc-view-container .fc-event-container .tr-entry { display: block; height: 100%; width: 100%; } .fc-view-container .fc-event-container .tr-entry .fc-title { font-size: 2.5rem; } @media (max-width: 68rem) { .fc-view-container .fc-event-container .tr-entry .fc-title { font-size: 2rem; } } @media (max-width: 48rem) { .fc-view-container .fc-event-container .tr-entry .fc-title { font-size: 0.875rem; } } .fc-view-container .fc-event-container .tr-entry .edit-type { font-weight: 300; } @media (max-width: 48rem) { .fc-view-container .fc-event-container .tr-entry .edit-type { font-size: 0.6875rem; word-break: break-word; } } .fc-view-container .fc-event-container .tr-entry.tr-holiday { cursor: auto; } .fc-view-container .fc-event-container .tr-entry.tr-holiday .fc-title { display: none; } .fc-view-container .fc-event-container .tr-entry.edit-type-1 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-2 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-3 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-4 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-6 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-9 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-5 .fc-title, .fc-view-container .fc-event-container .tr-entry.edit-type-10 .fc-title { display: none; } .fc-view-container .fc-event-container .tr-entry.edit-type-1 { cursor: default; } .fc-view-container .fc-day.edit-type-1 { background-color: rgb(216.75, 255, 178.5); } .fc-view-container .fc-day.edit-type-2 { background-color: rgb(255, 229.5, 229.5); } .fc-view-container .fc-day.edit-type-3 { background-color: rgb(255, 229.5, 229.5); } .fc-view-container .fc-day.edit-type-4 { background-color: rgb(255, 229.5, 229.5); } .fc-view-container .fc-day.edit-type-5 { background-color: rgb(216.75, 255, 178.5); } .fc-view-container .fc-day.edit-type-6 { background-color: rgb(205.1644736842, 239.7171052632, 254.3355263158); } .fc-view-container .fc-day.edit-type-7 { background-color: rgb(205.1644736842, 239.7171052632, 254.3355263158); } .fc-view-container .fc-day.edit-type-8 { background-color: rgb(205.1644736842, 239.7171052632, 254.3355263158); } .fc-view-container .fc-day.edit-type-10 { background-color: rgb(255, 229.5, 229.5); } .fc-view-container .fc-day.holiday { background-color: rgb(194.8636363636, 241.6363636364, 231.9848484848); } .fc-view-container .fc-day-top { cursor: move; cursor: grab; } .fc-view-container .fc-day-top.fc-sat, .fc-view-container .fc-day-top.fc-sun { background-color: transparent; } .fc-view-container .fc-day-top.fc-today .fc-day-number { font-weight: 600; } .fc-view-container td.holiday { background-color: rgb(194.8636363636, 241.6363636364, 231.9848484848); } .fc-view-container .fc-highlight-skeleton { z-index: 5; } .fc-view-container .fc-highlight-skeleton tbody { background-color: transparent; } .fc-view-container .fc-highlight-skeleton tbody td.fc-highlight { background-color: rgb(84.2424242424, 215.7575757576, 195.6060606061); cursor: pointer; } .fc-content-skeleton { height: 90%; } .fc-content-skeleton > table { height: 90%; } .fc-unthemed .fc-toolbar [disabled].fc-button { display: none; } /* Location check in style */ body.location-check-in table { width: 100%; } body.location-check-in table thead th { width: 50%; } body.location-check-in table tbody td { width: 50%; } body.location-check-in table tbody td .button, body.location-check-in table tbody td .ui-datepicker-trigger, body.location-check-in table tbody td .dataTables_paginate a.paginate_button, .dataTables_paginate body.location-check-in table tbody td a.paginate_button { box-sizing: border-box; } body.location-check-in table tbody td .time-spent { padding: 0.875rem 1rem; } body.location-check-in #modal-locationCheckIn { min-width: 21.875rem; } body.location-check-in #modal-locationCheckIn .modal__body { max-width: 28.125rem; } #modal-timeReportEvent { min-width: 21.875rem; } /* Style full calendar plugin */ .fc-unthemed .fc-row table { margin-bottom: 0; } .fc-unthemed .fc-row .fc-content-skeleton table thead { background: transparent; border: none; } .fc-unthemed .fc-row .fc-content-skeleton table thead td { border-color: rgb(203.8666666667, 208.6333333333, 208.6333333333); } .fc-unthemed .fc-row .fc-content-skeleton table tbody { background: transparent; border: none; } .fc-unthemed td { /* style weekends */ } .fc-unthemed td.fc-sun, .fc-unthemed td.fc-sat { background: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .fc-unthemed .fc-toolbar.fc-header-toolbar { margin-top: 2rem; } .fc-unthemed .fc-toolbar .fc-button { height: auto; background-image: none; } .fc-unthemed .fc-toolbar .fc-button:focus { background-color: inherit; color: inherit; } .time-report-legend .legend-item.today:before { background-color: #fcf8e3; } .time-report-legend .legend-item.holiday:before { background-color: #aeede0; } .time-report-legend .legend-item.green:before { background-color: #ccff99; } .time-report-legend .legend-item.blue:before { background-color: #b4e8fe; } .time-report-legend .legend-item.red:before { background-color: #ffcccc; } .time-report-legend .legend-item.gray:before { background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .annual-leave-request .column span { padding-top: 0.3125rem; float: left; } .annual-leave-request .column a { padding-top: 0.3125rem; float: left; } .my-requests .callout.dark button { margin-bottom: 0; float: right; } #filterAnnualLeaveForm .dp-wrapper, .annual-leave-request .dp-wrapper { cursor: pointer; background-color: #fefefe; position: relative; width: 11.5625rem; height: 2.625rem; border: 0.0625rem solid #899494; border-radius: 0.1875rem; margin-right: 0; } #filterAnnualLeaveForm .dp-wrapper #filterAnnualLeaves, #filterAnnualLeaveForm .dp-wrapper #requested-dates, .annual-leave-request .dp-wrapper #filterAnnualLeaves, .annual-leave-request .dp-wrapper #requested-dates { cursor: pointer !important; border: none !important; width: 100%; height: 2.5rem; position: absolute; left: 0; top: 0; z-index: 1; background: transparent; color: transparent; } #filterAnnualLeaveForm .dp-wrapper .dp-label, .annual-leave-request .dp-wrapper .dp-label { width: 100%; height: 100%; z-index: 0; } #filterAnnualLeaveForm .dp-wrapper .dp-label::after, #filterAnnualLeaveForm .dp-wrapper .dp-label::before, .annual-leave-request .dp-wrapper .dp-label::after, .annual-leave-request .dp-wrapper .dp-label::before { color: #899494; font-size: 0.875rem; font-weight: 600; position: absolute; top: 0.625rem; } #filterAnnualLeaveForm .dp-wrapper .dp-label::after, .annual-leave-request .dp-wrapper .dp-label::after { content: "CHANGE DATE"; right: 1.5rem; } #filterAnnualLeaveForm .dp-wrapper .dp-label::before, .annual-leave-request .dp-wrapper .dp-label::before { content: "\e953"; font-family: drupal-icons; left: 1.5rem; } #filterAnnualLeaveForm .dp-wrapper:hover .dp-label::after, #filterAnnualLeaveForm .dp-wrapper:hover .dp-label::before, .annual-leave-request .dp-wrapper:hover .dp-label::after, .annual-leave-request .dp-wrapper:hover .dp-label::before { color: #282A2A; } @media (min-width: 48.0625rem) { #filterAnnualLeaveForm .dp-wrapper, .annual-leave-request .dp-wrapper { float: right; } } .ui-datepicker-trigger { padding: 0 18px; font-size: 12px; } .ui-datepicker { padding: 0.3125rem; font-family: "Montserrat" !important; background-color: #ffffff; } .ui-datepicker .ui-datepicker-header { background-color: transparent; font-weight: 600; font-size: 1rem; color: #899494; border: none; } .ui-datepicker .ui-datepicker-calendar { margin-bottom: 0; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; } .ui-datepicker .ui-datepicker-calendar th { padding: 0; } .ui-datepicker .ui-datepicker-calendar th span { font-weight: 400; font-size: 0.75rem; color: #899494; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar td a { background-color: transparent; border-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); text-align: center; font-size: 0.75rem; } .ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight { background: none; background-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .ui-datepicker .ui-datepicker-calendar td.highlight a { background-color: #2f4858; color: #fefefe; font-weight: 600; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 0.375rem; color: #899494; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { font-family: "drupal-icons" !important; font-size: 1rem; } .ui-datepicker .ui-datepicker-prev:before { content: "\e314"; } .ui-datepicker .ui-datepicker-next:before { content: "\e315"; } .fc-icon, body .fc { font-size: 1rem !important; } .fc-button-group, .fc-icon { display: inline-block !important; } .fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0 !important; } .fc-icon, .fc-unselectable { -khtml-user-select: none !important; -webkit-touch-callout: none !important; } .fc { direction: ltr !important; text-align: left !important; } .fc-rtl { text-align: right !important; } .fc th, .fc-basic-view td.fc-week-number, .fc-icon, .fc-toolbar { text-align: center !important; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff !important; } .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-unthemed td.fc-today { background: #fcf8e3; } .fc-highlight { background: #bce8f1 !important; opacity: 0.3 !important; } .fc-bgevent { background: #8fdf82; opacity: 0.3; } .fc-nonbusiness { background: #d7d7d7 !important; } .fc-icon { height: 1rem; line-height: 1rem; overflow: hidden; font-family: "Courier New", Courier, monospace; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fc-icon:after { position: relative; } .fc-icon-left-single-arrow:after { content: "‹"; font-weight: 600; font-size: 200%; top: -7%; } .fc-icon-right-single-arrow:after { content: "›"; font-weight: 600; font-size: 200%; top: -7%; } .fc-icon-left-double-arrow:after { content: "«"; font-size: 160%; top: -7%; } .fc-icon-right-double-arrow:after { content: "»"; font-size: 160%; top: -7%; } .fc-icon-left-triangle:after { content: "◄"; font-size: 125%; top: 3%; } .fc-icon-right-triangle:after { content: "►"; font-size: 125%; top: 3%; } .fc-icon-down-triangle:after { content: "▼"; font-size: 125%; top: 2%; } .fc-icon-x:after { content: "×"; font-size: 200%; top: 6%; } .fc button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; height: 2.125rem; padding: 0 0.625rem; font-size: 1rem; white-space: nowrap; cursor: pointer; } .fc button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { border: 0.0625rem solid; background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #fff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #fff, #e6e6e6); background-image: -o-linear-gradient(top, #fff, #e6e6e6); background-image: linear-gradient(to bottom, #fff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 0.0625rem 0.0625rem rgba(255, 255, 255, 0.75); box-shadow: inset 0 0 0.0625rem 0 rgba(255, 255, 255, 0.2), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.05); } .fc-state-default.fc-corner-left { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .fc-state-default.fc-corner-right { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .fc button .fc-icon { position: relative; top: -0.05em; margin: 0 0.2em; vertical-align: middle; } .fc-state-active, .fc-state-disabled, .fc-state-down, .fc-state-hover { color: #333; background-color: #e6e6e6; } .fc-state-hover { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .fc-state-active, .fc-state-down { background-color: #ccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; box-shadow: none; } .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] { cursor: pointer; } .fc .fc-button-group > * { float: left; margin: 0 0 0 -1px; } .fc .fc-button-group > :first-child { margin-left: 0; } .fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .fc-popover .fc-header { padding: 2px 4px; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; } .fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title { float: right; } .fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: 0.9em; margin-top: 2px; } .fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; } .fc-divider { border-style: solid; border-width: 1px; } hr.fc-divider { height: 0; margin: 0; padding: 0 0 2px; border-width: 1px 0; } .fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc table { width: 100%; box-sizing: border-box; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc td, .fc th { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc td.fc-today { border-style: double; } a[data-goto]:hover { text-decoration: underline; } .fc .fc-row { border-style: solid; border-width: 0; } .fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; } .fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; } .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; } .fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: 0 0; border-color: transparent; border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; } .fc-scroller { -webkit-overflow-scrolling: touch; } .fc-row.fc-rigid, .fc-time-grid-event { overflow: hidden; } .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid { position: relative; width: 100%; } .fc-event { position: relative; display: block; font-size: 0.85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; font-weight: 400; } .fc-event, .fc-event-dot { background-color: #3a87ad; } .fc-event, .fc-event:hover, .ui-widget .fc-event { color: #fff; text-decoration: none; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; } .fc-event .fc-bg { z-index: 1; background: #fff; opacity: 0.25; } .fc-event .fc-content { position: relative; z-index: 2; } .fc-event .fc-resizer { position: absolute; z-index: 4; display: none; } .fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer { display: block; } .fc-event.fc-selected .fc-resizer:before { content: ""; position: absolute; z-index: 9999; top: 50%; left: 50%; width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; } .fc-event.fc-selected { z-index: 9999 !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .fc-event.fc-selected.fc-dragging { box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } .fc-h-event.fc-selected:before { content: ""; position: absolute; z-index: 3; top: -10px; bottom: -10px; left: 0; right: 0; } .fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer { cursor: w-resize; left: -1px; } .fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer { cursor: e-resize; right: -1px; } .fc-h-event.fc-allow-mouse-resize .fc-resizer { width: 7px; top: -1px; bottom: -1px; } .fc-h-event.fc-selected .fc-resizer { border-radius: 4px; border-width: 1px; width: 6px; height: 6px; border-style: solid; border-color: inherit; background: #fff; top: 50%; margin-top: -4px; } .fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer { margin-left: -4px; } .fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer { margin-right: -4px; } .fc-day-grid-event { margin: 1px 2px 0; padding: 0 1px; } tr:first-child > td > .fc-day-grid-event { margin-top: 2px; } .fc-day-grid-event.fc-selected:after { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; bottom: -1px; left: -1px; background: #000; opacity: 0.25; } .fc-day-grid-event .fc-content { white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: 600; } .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { margin-left: -2px; } .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { margin-right: -2px; } a.fc-more { margin: 1px 3px; font-size: 0.85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { display: none; } .fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; } .fc-now-indicator { position: absolute; border: 0 solid red; } .fc-unselectable { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .fc-toolbar.fc-header-toolbar { margin-bottom: 1em; } .fc-toolbar.fc-footer-toolbar { margin-top: 1em; } .fc-toolbar .fc-left { float: left; } .fc-toolbar .fc-right { float: right; } .fc-toolbar .fc-center { display: inline-block; } .fc .fc-toolbar > * > * { float: left; margin-left: 0.75em; } .fc .fc-toolbar > * > :first-child { margin-left: 0; } .fc-toolbar h2 { margin: 0; } .fc-toolbar button { position: relative; } .fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-toolbar button:focus { z-index: 5; } .fc-view-container *, .fc-view-container :after, .fc-view-container :before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { position: relative; z-index: 1; } .fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton { padding-bottom: 1em; } .fc-basic-view .fc-body .fc-row { min-height: 4em; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-day-top.fc-other-month { opacity: 0.3; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 2px; } .fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number { padding: 0 2px; } .fc-ltr .fc-basic-view .fc-day-top .fc-day-number { float: right; } .fc-rtl .fc-basic-view .fc-day-top .fc-day-number { float: left; } .fc-ltr .fc-basic-view .fc-day-top .fc-week-number { float: left; border-radius: 0 0 3px; } .fc-rtl .fc-basic-view .fc-day-top .fc-week-number { float: right; border-radius: 0 0 0 3px; } .fc-basic-view .fc-day-top .fc-week-number { min-width: 1.5em; text-align: center; background-color: #f2f2f2; color: grey; } .fc-basic-view td.fc-week-number > * { display: inline-block; min-width: 1.25em; } .fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-bottom: 1em; } .fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; } .fc-ltr .fc-axis { text-align: right; } .fc-rtl .fc-axis { text-align: left; } .ui-widget td.fc-axis { font-weight: 400; } .fc-time-grid, .fc-time-grid-container { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-content-col { position: relative; } .fc-time-grid .fc-content-skeleton { position: absolute; z-index: 3; top: 0; left: 0; right: 0; } .fc-time-grid .fc-business-container { position: relative; z-index: 1; } .fc-time-grid .fc-bgevent-container { position: relative; z-index: 2; } .fc-time-grid .fc-highlight-container { z-index: 3; position: relative; } .fc-time-grid .fc-event-container { position: relative; z-index: 4; } .fc-time-grid .fc-now-indicator-line { z-index: 5; } .fc-time-grid .fc-helper-container { position: relative; z-index: 6; } .fc-time-grid .fc-slats td { height: 1.5em; border-bottom: 0; } .fc-time-grid .fc-slats .fc-minor td { border-top-style: dotted; } .fc-time-grid .fc-slats .ui-widget-content { background: 0 0; } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px; } .fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5%; } .fc-time-grid .fc-bgevent, .fc-time-grid .fc-event { position: absolute; z-index: 1; } .fc-time-grid .fc-bgevent { left: 0; right: 0; } .fc-v-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-time-grid-event.fc-selected { overflow: visible; } .fc-time-grid-event.fc-selected .fc-bg { display: none; } .fc-time-grid-event .fc-content { overflow: hidden; } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; } .fc-time-grid-event .fc-time { font-size: 0.85em; white-space: nowrap; } .fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: " - "; } .fc-time-grid-event.fc-short .fc-title { font-size: 0.85em; padding: 0; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; } .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { content: "="; } .fc-time-grid-event.fc-selected .fc-resizer { border-radius: 5px; border-width: 1px; width: 8px; height: 8px; border-style: solid; border-color: inherit; background: #fff; left: 50%; margin-left: -5px; bottom: -5px; } .fc-time-grid .fc-now-indicator-line { border-top-width: 1px; left: 0; right: 0; } .fc-time-grid .fc-now-indicator-arrow { margin-top: -5px; } .fc-ltr .fc-time-grid .fc-now-indicator-arrow { left: 0; border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-rtl .fc-time-grid .fc-now-indicator-arrow { right: 0; border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } .fc-event-dot { display: inline-block; width: 10px; height: 10px; border-radius: 5px; } .fc-rtl .fc-list-view { direction: rtl; } .fc-list-view { border-width: 1px; border-style: solid; } .fc .fc-list-table { table-layout: auto; } .fc-list-table td { border-width: 1px 0 0; padding: 8px 14px; } .fc-list-table tr:first-child td { border-top-width: 0; } .fc-list-heading { border-bottom-width: 1px; } .fc-list-heading td { font-weight: 600; } .fc-ltr .fc-list-heading-main { float: left; } .fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main { float: right; } .fc-rtl .fc-list-heading-alt { float: left; } .fc-list-item.fc-has-url { cursor: pointer; } .fc-list-item:hover td { background-color: #f5f5f5; } .fc-list-item-marker, .fc-list-item-time { white-space: nowrap; width: 1px; } .fc-ltr .fc-list-item-marker { padding-right: 0; } .fc-rtl .fc-list-item-marker { padding-left: 0; } .fc-list-item-title a { text-decoration: none; color: inherit; } .fc-list-item-title a[href]:hover { text-decoration: underline; } .fc-list-empty-wrap2 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc-list-empty-wrap1 { width: 100%; height: 100%; display: table; } .fc-list-empty { display: table-cell; vertical-align: middle; text-align: center; } .fc-unthemed .fc-list-empty { background-color: #eee; } .filters-erp-flex { overflow-y: scroll; overflow-x: hidden; min-height: calc(100vh - 90px); position: relative; } .filters-erp-flex .filters-erp-flex__reset { position: absolute; bottom: 1.25rem; width: 100%; } .filters-erp-flex .filters-erp-flex__label { font-size: 0.625rem; text-transform: uppercase; font-weight: 600; } @media (max-width: 64rem) { .filters-erp-flex { min-height: calc(50vh - 65px); } } .container--erp-flex { margin: 0; max-width: unset; } @media (min-width: 80rem) { .container--erp-flex { padding: 0 12.5rem; } } @media (max-width: 68rem) { .container--erp-flex { padding: 3.125rem; } } .container--erp-flex .table__column--date { min-width: 9.375rem; } .container--erp-flex .table__column--msg { word-break: break-all; } .erp-flex .listable-items .listable-items__container { height: calc(100vh - 70px); } .erp-flex .listable-items .multiselect { margin: 0; } .erp-flex .os-simple-table__item { vertical-align: middle; padding: 0.625rem; } .erp-flex .os-simple-table__item .button, .erp-flex .os-simple-table__item .dataTables_paginate a.paginate_button, .dataTables_paginate .erp-flex .os-simple-table__item a.paginate_button, .erp-flex .os-simple-table__item .ui-datepicker-trigger { width: 100%; font-size: 0.75rem; padding: 0.3125rem; } .erp-flex .os-simple-table__item .button span, .erp-flex .os-simple-table__item .dataTables_paginate a.paginate_button span, .dataTables_paginate .erp-flex .os-simple-table__item a.paginate_button span, .erp-flex .os-simple-table__item .ui-datepicker-trigger span { width: 100%; white-space: initial; } .erp-flex .os-input__input { height: 2.25rem !important; } .multiselect, .multiselect__input, .multiselect__single, .multiselect__placeholder { font-size: 0.8125rem; } .dropdown__visible { overflow: visible !important; } .carrier__dropdown { width: 28.125rem; } .insurance__dropdown { width: 12.5rem; } .order-search #noPrint3 { top: 0; } .order-search .order-search__search-all .os-input .os-input__input::placeholder { font-size: 0.625rem; color: red; } .order-search .order-search__display-total { display: flex; text-align: center; justify-content: center; font-size: 0.875rem; font-weight: 300; } .order-search .order-search__display-total .order-search__display-total__total-text { display: flex; } .order-search .order-search__display-total .order-search__display-total__total-text .order-search__display-total__selected-currency { margin-left: 0.3125rem; border-bottom: 0.0625rem solid #25A18E; text-transform: uppercase; } .order-search .order-search__display-total .order-search__display-total__total-text .order-search__display-total__selected-currency:hover { cursor: pointer; border-bottom: 0.0625rem solid hsl(0, 0%, 48%); transition: border 250ms ease-in-out; } .order-search .order-search__display-total .order-search__display-total__total-text .order-search__display-total__total { color: #25A18E; font-weight: 600; margin-left: 0.625rem; } .order-search .order-search__display-total .order-search__display-total__pick-currency { display: flex; } .order-search .order-search__display-total .order-search__display-total__pick-currency .order-search__display-total__currency { display: flex; justify-content: space-between; border-bottom: 0.0625rem solid #25A18E; margin-left: 0.625rem; text-transform: uppercase; } .order-search .order-search__display-total .order-search__display-total__pick-currency .order-search__display-total__currency:hover { border-bottom: 0.0625rem solid hsl(0, 0%, 48%); cursor: pointer; transition: border 250ms ease-in-out; } .order-search .order-search__result-number { font-weight: 600; color: #25A18E; } .customer_search_page .customer_search_page__total_found { font-weight: 600; color: #25A18E; } .customer_search_page .customer_search_page__summary { margin-top: 1rem; margin-bottom: 1rem; font-size: 0.875rem; font-family: "Montserrat"; } .customer_search_page .customer_search_page__create_customer { padding: 25px; } .customer_search_page .customer_search_page__create_customer .customer_search_page__create_customer__example { font-size: 14px; } .customer_search_page .customer_search_page__create_customer .customer_search_page__create_customer__example .customer_search_page__create_customer__example__list { margin-left: 10px; list-style: inside; } .overflow-modal-visible .modal-content { overflow: initial !important; } .customer-add-address .os-input__error { position: absolute; } .customer.customer--view { font-size: 14px; text-align: left; } .customer.customer--view .customer--view__content { max-height: 85vh; } .customer.customer--view .box, .customer.customer--view .form__sub-collection > div { padding: 10px; } .customer.customer--view .section { margin-bottom: 24px !important; } .customer.customer--view .columns .column { padding: 5px; } .customer.customer--view .customer__header { background: #F5F5F5; } .user-profile .user-profile__create-user { margin-top: 1.4375rem; } .user-profile .os-add-picture .os-add-picture__image-input { min-height: 9.375rem; } .user-profile textarea { resize: none; } .user-profile .tabs-component { margin-top: 0.625rem; } .user-profile .os-textarea { margin-bottom: 0; font-size: 0.8125rem; } .user-profile .os-textarea::placeholder { text-overflow: inherit; overflow-wrap: normal; -webkit-user-modify: read-only !important; font-size: 0.75rem; font-weight: 400; } .user-profile .os-textarea .os-textarea__textarea { min-height: 6.625rem; } .user-profile .os-input .os-input__control .os-input__slot .os-input__text-field .os-input__input.os-input__input--large { padding-left: 0.625rem; } .user-profile .switch .control-label { font-size: 0.9375rem; font-weight: normal; } .user-profile .multiselect .vue-treeselect:not(.vue-treeselect--disabled) .vue-treeselect__single-value { padding-top: 0.3125rem; } .user-profile .multiselect__single { padding-top: 0.3125rem; margin: 0; } .user-profile .multiselect__header { width: 100%; } .user-profile .multiselect__header .multiselect__header__label { width: 100%; } .user-profile .user-profile__coupons .user-profile__coupons-header { cursor: pointer; } .user-profile .user-profile__coupons .user-profile__coupons-code { font-weight: 600; cursor: pointer; user-select: all; text-decoration: underline; } .user-profile .user-profile__coupons .user-profile__coupons-code:hover { color: #25A18E; } .user-profile .user-profile__coupons .user-profile__expire-date { color: #25A18E; } .user-profile .user-profile__coupons .user-profile__coupons-information { line-height: 1rem; vertical-align: center; } .user-profile .user-profile__box-label { padding-top: 0.1875rem; font-size: 0.6875rem; line-height: 1rem; font-weight: 600; font-family: "Montserrat", serif; } .user-profile .user-profile__checkbox-label { font-size: 0.875rem; line-height: 1.0625rem; } .user-profile .popover-container { display: block; } .user-profile .user-profile__coupons__valid--sm { display: none; } .user-profile .user-profile__coupons__discount { background: rgba(37, 161, 142, 0.45); border-radius: 0.5625rem; font-size: 0.625rem; font-weight: normal; width: 2.5rem; height: 1.875rem; display: flex; justify-content: center; align-items: center; color: black; } .user-profile .user-profile__coupons__valid--md { display: block; } .user-profile .user-profile__coupons__explanation { display: inline; color: #899494; font-weight: bold; } @media (max-width: 95.25rem) { .user-profile .user-profile__coupons__explanation { display: none; } } @media (max-width: 100rem) { .user-profile .user-profile__coupons__valid--sm { display: block; } .user-profile .user-profile__coupons__valid--md { display: none; } } .user-profile .user-profile__position__func-manager { padding-top: 0.1875rem; } .user-profile .user-profile__position__func-manager .os-switch__label { margin-bottom: 1.125rem; } .user-profile .user-profile__position__func-manager .user-profile__position__title { padding-bottom: 0.25rem; font-size: 0.6875rem; } .user-profile .user-profile__date-of-birth .os-input__slot.field.has-addons { margin-bottom: 0; } .user-profile .multiselect:first-of-type, .user-profile .multiselect-ajax:first-of-type { margin-bottom: 0; height: unset; } .user-profile .os-input__error { position: absolute; } .user-profile .multiselect--disabled { opacity: 1; } .user-profile .multiselect--disabled .multiselect__tags, .user-profile .multiselect--disabled .multiselect__input, .user-profile .multiselect--disabled .multiselect__select, .user-profile .multiselect--disabled .multiselect__single { background: #f5f5f5; color: #7a7a7a; } .user-profile .multiselect--disabled .multiselect__select { height: 26px; top: 0.125rem; } .user-profile .multiselect--disabled .multiselect__select:before { border-color: #e9e9e9 transparent transparent; } .user-list .user-list__change-view { background-color: #fefefe; border: 0.125rem solid #25A18E; display: inline-flex; height: 2rem; border-radius: 0.25rem; justify-content: center; align-items: center; } .user-list .user-list__view { display: inherit; padding: 0 0.5rem; cursor: pointer; height: 100%; align-items: center; justify-content: center; } .user-list .user-list__view.user-list__view--active { background-color: #25A18E; color: #fefefe; transition: background-color 0.3s ease-in, color 0.3s ease-in; } .user-list .user-list__show-timelines { cursor: pointer; background-color: #fefefe; border: 0.0625rem solid #25A18E; display: inline-block; border-radius: 6px; padding: 0 0.5rem; } .user-list .user-list__show-timelines.user-list__show-timelines--active { background-color: #25A18E; color: #fefefe; transition: background-color 0.3s ease-in, color 0.3s ease-in; } .user-list .vue-icon__wrapper { padding-top: 0.3125rem; } .edi-status .edi-status__table .os-table__table__data { text-align: left; } .edi-status .edi-status__table .os-table__table__data-actions { text-align: center; width: 15.625rem; } .edi-status .edi-status__table .os-table__table__data-actions .button, .edi-status .edi-status__table .os-table__table__data-actions .dataTables_paginate a.paginate_button, .dataTables_paginate .edi-status .edi-status__table .os-table__table__data-actions a.paginate_button, .edi-status .edi-status__table .os-table__table__data-actions .ui-datepicker-trigger { width: 11.25rem; } .edi-status .edi-status__table .os-table__table__header--actions { text-align: center; width: 15.625rem; } .edi-status .edi-status__table td[class*=item-tracking-status] > span { color: #000; font-weight: 500; } .edi-status .os-table__table__data:hover:last-child { background-color: transparent !important; } .edi-status tr:hover { background-color: rgba(150, 147, 155, 0.25) !important; } .product-search .listable-items .listable-items__filters-container .multiselect div[data-id^=class] { padding-left: 1.5rem; } .product-search .listable-items .listable-items__filters-container .multiselect div[data-id^=range] { padding-left: 3rem; } .product-search .listable-items .listable-items__filters-container .multiselect div[data-id^=group] { padding-left: 4.5rem; } .product-search .listable-items .os-table__table .os-table__table__data-actions { padding: 0; } .product-search .listable-items td[class*=item-tracking-b2bShippingBox] .tooltip-trigger, .product-search .listable-items td[class*=item-tracking-b2cShippingBox] .tooltip-trigger { word-break: break-all; line-height: 12px; padding-top: 12px; } .product-single .multiselect .vue-treeselect .vue-treeselect__multi-value { height: 1.625rem; } .product-single .tabs-component__panels:not(#product-prices) .form__box .column { position: relative; } .product-single .tabs-component__panels:not(#product-prices) .form__box .column .field__add-on { position: absolute; bottom: 16px; right: 16px; color: #dbdbdb; font-weight: 600; } .product-single .tabs-component__panels:not(#product-prices) .form__box .column:focus-within > .field__add-on { color: #282A2A; } .product-single .field.has-custom-add-on.has-numberinput .help { position: absolute; margin: 0; color: #899494; } .product-single .vue-icon__wrapper { display: flex; } .product.product--view { font-size: 14px; text-align: left; } .product.product--view .box, .product.product--view .form__sub-collection > div { padding: 10px; } .product.product--view .section { margin-bottom: 24px !important; } .product.product--view .columns .setBox { border-radius: 5px; border: 2px solid #D4ECEA; } .product.product--view .columns .setField { display: flex; align-items: center; justify-content: center; border-bottom-right-radius: 5px; border-top-right-radius: 5px; background-color: #D4ECEA; padding: 5px 10px; margin-right: 30px; } .product.product--view .columns .column { padding: 5px; } .product.product--view .product__general-info { background: #F5F5F5; height: 100% !important; width: 100%; display: flex; flex-direction: column; } .product.product--view .circle { width: 15px; height: 15px; border-radius: 50%; margin-right: 5px; } .expense-record .tooltip-title h2, .expense-record .tooltip-title h3, .expense-record .tooltip-title h4 { display: inline-block; } .expense-record .attachments .files { min-height: 12.5rem; } .expense-record .attachments .files .no-files { flex-direction: column; justify-content: center; align-items: center; margin-top: 1.25rem; } .expense-record .attachments .files .no-files h2 { font-weight: 300; } .expense-record .attachments .files .has-files { display: flex; flex-wrap: wrap; } .expense-record .attachments .files .has-files .columns { align-items: center; } .expense-record .attachments .files .has-files .buttons { display: flex; justify-content: center; } .expense-record .attachments .files .has-files .buttons .button, .expense-record .attachments .files .has-files .buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .expense-record .attachments .files .has-files .buttons a.paginate_button, .expense-record .attachments .files .has-files .buttons .ui-datepicker-trigger { margin: 0; padding: 0; border: 0; } .expense-record .attachments .files .has-files .attachment-file { display: inline-block; text-align: center; border: 1px solid #ccc; border-radius: 0.3125rem; } .expense-record .attachments .files .has-files .attachment-file .vue-icon__wrapper svg { height: 1.875rem; width: 1.875rem; } .expense-record .form__box .has-custom-add-on { position: relative; } .expense-record .form__box .has-custom-add-on .field__add-on { position: absolute; bottom: 0.5rem; right: 2.1875rem; color: #dbdbdb; font-weight: 600; } .expense-record .form__box .has-custom-add-on:focus-within .field__add-on { color: #282A2A; } .expense-record .expense-autofill { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: 0; } .expense-record .expense-autofill .icon-title { display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: 2px solid lightgrey; border-radius: 0.3125rem; padding: 50px; width: 100%; } .expense-record .expense-autofill .trash-icon { width: 100%; display: flex; justify-content: flex-end; } .expense-record .page-overlay { position: fixed; inset: 0; backdrop-filter: blur(4px); background: rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center; z-index: 9999; } .expense-record .icon-ring-loader { position: relative; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } .expense-record .ring-loader { position: absolute; width: 90px; height: 90px; border-radius: 50%; border: 4px solid rgba(37, 161, 142, 0.25); border-top-color: #25A18E; animation: spin 0.9s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .expense-modal .modal-card-title { text-transform: uppercase; font-size: 1.0625rem; } .fiscal-position-dropdown .vue-treeselect__label { width: calc(100% - 5px) !important; } .price-list .field.is-horizontal { justify-content: flex-end; } .price-list .field.is-horizontal .field-label { margin-right: 6px; } .price-list .field.is-horizontal .field-body { flex-grow: 0; } .price-list .field .help.is-danger { width: 110%; } .price-list .b-table .table-wrapper { overflow-x: hidden; overflow-y: auto; } .price-list .b-table .table-wrapper .table { margin: 0; } .price-list .b-table .table-wrapper.has-sticky-header thead tr th { height: 44px !important; } @media (min-resolution: 215dpi) { .price-list .b-table .table-wrapper.has-sticky-header thead tr th { height: 40px !important; } } .price-list .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { top: 44px !important; } @media (min-resolution: 215dpi) { .price-list .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { top: 40px !important; } } .price-list .b-table .th-wrap .icon.is-left { margin: 0 !important; } .price-list .copy-price-list .multiselect .multiselect__single { overflow-wrap: break-word; } .price-list .copy-price-list .copy-price-list__dropdown { z-index: 105; position: relative; } .price-list .copy-price-list .copy-price-list__dropdown .multiselect__content-wrapper { z-index: 105; } .price-list .customers-table thead tr { height: 2.125rem; } .price-list .customers-table .table-footer { background: #e7e9e9; } .price-list .customers-table .table-footer > * { color: #25A18E; } .price-list a.button, .price-list .dataTables_paginate a.paginate_button, .dataTables_paginate .price-list a.paginate_button, .price-list a.ui-datepicker-trigger { color: #ffffff; } .price-list-search__table .os-table .os-table__table .os-table__table__header.os-table__table__header--has-change-columns.os-table__table__header--sticky { top: 0; } .order .b-table thead th { background: #fff; } .order.order--single .tabs-component { margin-top: 0 !important; } .order.order--single .tabs-component .tabs-component__panels { height: calc(100vh - 148px); overflow: auto; } .order.order--single .order-overview { position: relative; height: calc(100vh - 110px); } .order.order--single .order-overview .columns .column { padding: 4px; } .order.order--single .order-overview .order-overview__data { height: calc(100% - 412px); overflow: auto; } .order.order--single .order-overview .order-overview__data.has-info-block { height: calc(100% - 474px); } .order.order--single .order-basic-information .attachment-file { display: inline-block; text-align: center; border: 1px solid #ccc; border-radius: 0.3125rem; min-width: 13.125rem; } .order.order--single .order-basic-information .order-items .table-wrapper { overflow-x: auto; overflow-y: auto; max-height: 400px; min-height: unset; height: auto; } @media (min-resolution: 215dpi) { .order.order--single .order-basic-information .order-items .table-wrapper { overflow-x: auto; } } .order.order--single .order-basic-information .order-items .b-table .table { margin-top: 0; } .order.order--single .order-basic-information .order-items .b-table .table .cell--product-name .b-tooltip .tooltip-trigger:after { content: none !important; display: none !important; } .order.order--single .order-basic-information .order-items .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { top: 3rem; } .order.order--single .order-basic-information .order-items .b-table table th, .order.order--single .order-basic-information .order-items .b-table .b-table .table th { z-index: 110 !important; } .order.order--single .order-basic-information .order-items .modal .modal-content { padding: 50px; background: transparent; overflow: hidden; } .order.order--single .order-basic-information .order-items .modal .modal-content > div { background: #ffffff; overflow: auto; height: 100%; } .order.order--single .order-finance-information .b-radio.radio[disabled] { opacity: 1; } .order.order--single .order-finance-information .order-payment-modal .modal-content { overflow: visible !important; } .order.order--single .order-finance-information .payment-information-table .table-footer { background: rgba(37, 161, 142, 0.1); } .order.order--single .order-finance-information .payment-information-table .table-footer p { font-size: 0.6875rem; line-height: 0.875rem; } .order.order--single .email-invoice-modal .modal-content { position: relative; } .order.order--single .email-invoice-modal .modal-content .modal-close { position: absolute; } .order.order--single .email-invoice-modal .modal-content .modal-close:before, .order.order--single .email-invoice-modal .modal-content .modal-close:after { background-color: #D04725; } .order .order-summary.columns .column { padding: 5px; } .order.order--split .b-table thead th { background: #fff; } .order.order--split .b-table th.checkbox-cell { padding-left: 1.0625rem; } .order.order--view { font-size: 0.875rem; text-align: left; } .order.order--view .order--view__content { max-height: 85vh; } .order.order--view .box, .order.order--view .form__sub-collection > div { padding: 10px; } .order.order--view .section { margin-bottom: 24px !important; } .order.order--view .columns .column { padding: 5px; } .order.order--view .order__header { background: #F5F5F5; } .order.order--view .order__timeline .b-steps.is-vertical { width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps { width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items { width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item { flex-direction: column !important; align-items: flex-start !important; width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item:not(:last-child)::before { display: block; content: ""; position: absolute; height: 100%; width: 0.1875rem; top: 2rem; left: 0.875rem; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item:last-child::before, .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item:only-child::before, .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item:only-child::after { display: none !important; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link { align-items: flex-start; justify-content: flex-start; cursor: default !important; width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link .step-marker { background: #7a7a7a; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link .step-details { width: 100%; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link .step-title { padding: 0.25rem 0.5rem; text-align: left; color: #7a7a7a; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link .step-info { padding: 0.9375rem 0.3125rem 0; text-align: left; font-weight: 400; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link.is-success .step-marker { background: #25A18E; } .order.order--view .order__timeline .b-steps.is-vertical .steps .step-items .step-item .step-link.is-success .step-title { color: #25A18E; } .order.order--view .order__timeline .payment-information-table .table-footer { background: rgba(37, 161, 142, 0.1); } .order.order--view .order__timeline .payment-information-table .table-footer p { font-size: 0.6875rem; line-height: 0.875rem; } .order.order--view .order__footer { border-top: 1px solid #ddd; color: #899494; } .order.order--view .order__attachments { width: 100%; } .order.order--view .order__attachments .files { min-height: 6.25rem; } .order.order--view .order__attachments .files .has-files { display: flex; flex-wrap: wrap; } .order.order--view .order__attachments .files .has-files .columns { align-items: center; } .order.order--view .order__attachments .files .has-files .buttons { display: flex; justify-content: center; } .order.order--view .order__attachments .files .has-files .buttons .button, .order.order--view .order__attachments .files .has-files .buttons .dataTables_paginate a.paginate_button, .dataTables_paginate .order.order--view .order__attachments .files .has-files .buttons a.paginate_button, .order.order--view .order__attachments .files .has-files .buttons .ui-datepicker-trigger { margin: 0; padding: 0; border: 0; } .order.order--view .order__attachments .files .has-files .attachment-file { display: inline-block; text-align: center; border: 1px solid #ccc; border-radius: 0.3125rem; } .order.order--view .order__attachments .files .has-files .attachment-file .vue-icon__wrapper svg { height: 1.875rem; width: 1.875rem; } .order-edit-page { overflow: hidden; } .order__prices-reset .b-table .table { margin-top: 0; } .order__prices-reset .b-table .table thead th { background: #fff !important; } .order-pickers { padding: 40px 60px; } .order-pickers .b-table table th .th-wrap > span, .order-pickers .b-table .table th .th-wrap > span { display: flex; align-items: center; justify-content: flex-start; } .order-pickers .modal .modal-content { max-height: 80vh; overflow: auto; width: 700px; } .order-pickers .add-user-box { padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; flex-direction: row; } .order-pickers .picker-modal { display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 15px; } .order-pickers .picker-modal .save-button-box { width: 100%; padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; } .new-update { display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 15px; } .new-update .title-date-box { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; } .new-update .save-button-box { width: 100%; padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; } .is-column-red td { color: hsl(348, 86%, 61%) !important; } .is-min-width-120 { min-width: 65px !important; } .shipping-estimate-table table th .th-wrap span .icon { margin-left: 0 !important; } .shipping-estimate-table table th .th-wrap span .icon svg { width: 10px !important; } .updates .b-table .table .th-wrap .icon { left: 0 !important; color: #25A18E; } .updates .b-table .table .is-current-sort { border-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); border-bottom: 0.1875rem solid #25A18E; } .updates .b-table .table .is-current-sort:hover { border-color: rgb(230.6133333333, 232.8866666667, 232.8866666667); border-bottom: 0.1875rem solid #25A18E; } .updates .add-new-update-box { padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; flex-direction: row; } .updates .no-updates-box { display: flex; align-items: center; justify-content: center; height: calc(100vh - 140px) !important; } .stock-movement.stock-movement--form .b-table .table th { background: #ffffff; } .stock-movement.stock-movement--form .b-table .table th .multiselect { font-weight: 400; } .stock-movement.stock-movement--form .b-table .table th .multiselect .vue-treeselect__single-value { font-size: 11px !important; white-space: normal !important; line-height: 12px; display: flex; align-items: center; word-break: break-all; } .stock-movement.stock-movement--form .b-table .table th .multiselect .vue-treeselect__input-container input { background: transparent; } .stock-movement.stock-movement--form .b-table .table td { overflow: visible; } .stock-movement.stock-movement--form .b-table .table td .vue-treeselect__single-value { font-size: 11px !important; white-space: normal !important; line-height: 12px; display: flex; align-items: center; word-break: break-all; } .stock-movement.stock-movement--form .b-table .table .cell--article .multiselect__single { white-space: nowrap; } .stock-movement.stock-movement--form .b-table .table .multiselect .vue-treeselect__label { width: calc(100% - 5px) !important; } .stock-movement.stock-movement--form .b-table.repack-table > .table-wrapper > .table > tbody tr:hover { background-color: unset; } .stock-movement.stock-movement--form .b-table.repack-table tr:not(:first-child) .repack-table-column--stock-out, .stock-movement.stock-movement--form .b-table.repack-table tr:not(:first-child) .repack-table-column--stock-in, .stock-movement.stock-movement--form .b-table.repack-table tr:not(:first-child) .repack-table-column--action { border-top: 0.125rem solid #25A18E; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in { padding: 0; vertical-align: baseline; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table thead tr:last-child th, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table thead tr:last-child th { border-bottom: none; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect { height: unset !important; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect .vue-treeselect__menu, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect .vue-treeselect__menu { width: 18.75rem; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .vue-treeselect__value-container, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .vue-treeselect__value-container { max-height: none; height: unset; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .vue-treeselect__value-container .vue-treeselect__single-value, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .vue-treeselect__value-container .vue-treeselect__single-value { position: relative; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .vue-treeselect__value-container .vue-treeselect__input-container, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .vue-treeselect__value-container .vue-treeselect__input-container { position: absolute; z-index: 10; height: 100%; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect-ajax, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect-ajax { max-width: 280px; height: unset; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect-ajax .multiselect__tags, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect-ajax .multiselect__tags { height: unset; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect-ajax .multiselect__tags .multiselect__placeholder, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect-ajax .multiselect__tags .multiselect__placeholder { line-height: 12px; } .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-out .b-table .multiselect-ajax .multiselect__tags .multiselect__single, .stock-movement.stock-movement--form .b-table.repack-table .repack-table-column--stock-in .b-table .multiselect-ajax .multiselect__tags .multiselect__single { white-space: normal; line-height: 12px; height: unset; } .stock-movement.stock-movement--form .b-table.repack-table .table-footer th { padding: 0; } .stock-movement.stock-movement--form .b-table.repack-table .table-footer th .repack-table-footer { padding: 0.25rem; border-top: 0.1875rem solid #25A18E; } .stock-movement.stock-movement--form .multiple-return-movement .b-table td .multiselect, .stock-movement.stock-movement--form .multiple-return-movement .b-table td .multiselect-ajax { width: 200px; } .stock-movement.stock-movement--form .multiple-return-movement.is-croatia .b-table td .multiselect, .stock-movement.stock-movement--form .multiple-return-movement.is-croatia .b-table td .multiselect-ajax { width: 165px; } .recent-view-transfer-form .table .table-actions .button .icon, .recent-view-transfer-form .table .table-actions .dataTables_paginate a.paginate_button .icon, .dataTables_paginate .recent-view-transfer-form .table .table-actions a.paginate_button .icon, .recent-view-transfer-form .table .table-actions .ui-datepicker-trigger .icon { width: 6px; } .recent-view-transfer-form .table .checkbox-cell { max-width: 64px; width: 64px !important; } .recent-view-transfer-form .table thead .checkbox-cell { padding-left: 10px; } .recent-view-transfer-form .table thead .checkbox-cell::after { display: inline-block; content: " "; background-image: url(/build/./images/help-circle.svg); background-size: 12px; height: 12px; width: 14px; background-repeat: no-repeat; position: absolute; margin-left: 0; left: 30px; top: 14px; } .recent-view-transfer-form .table thead .checkbox-cell:hover::before { display: inline-block; content: "This checkbox selects all stock movements below, to select all non-exported, use filter Exported."; background-color: #6d6d6d; border-radius: 0.3125rem; padding: 0.625rem 0.625rem 0.625rem 0.625rem; color: white; box-shadow: 0.125rem 0.3125rem 0.5rem 0.125rem rgba(0, 0, 0, 0.17); position: absolute; margin-left: 0; left: 58px; top: 5px; z-index: 1; } .recent-view-transfer-form .print-form-modal { z-index: 1000; } .recent-view-transfer-form .print-form-modal .modal-content { min-height: 100vh; height: 100%; } .recent-view-transfer-form .dropdown-filter__multiselect.warehouse .vue-treeselect__list .vue-treeselect__list .vue-treeselect__label { white-space: unset; } .hogia-import .table-wrapper td { text-align: center; } .hogia-import .table-wrapper td[data-label=Status] { display: table-cell !important; align-items: center; overflow: inherit; } .company-time-report .tabs-bar.tabs--component .tabs-component { margin-top: 0 !important; } .company-time-report .tabs-bar.tabs--component .tabs-component__tab.tabs-component__tab--is-active { border: 0.0625rem solid rgb(230.6133333333, 232.8866666667, 232.8866666667); border-bottom: 0.125rem solid #fefefe; border-radius: 0.1875rem 0.1875rem 0 0; color: #25A18E; background-color: #fefefe; } .company-time-report .tabs-bar.tabs--component .tabs-component__tab__a { font-size: 0.75rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; padding: 0.625rem 0.875rem; } .company-time-report .tabs-bar.tabs--component .tabs-component__panels { overflow: auto; background-color: #fafaf9; border-radius: 0; border: 0; box-shadow: none; border-top: 1px solid lightgrey; padding: 10px 0px; } .company-time-report .table { margin-top: 0 !important; } .company-time-report .message-box { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .time-reports .data-box { padding: 10px; } .time-reports .data-box .data-input { display: flex; } .time-reports .time-report-results { height: calc(100vh - 240px); overflow: auto; } .time-reports .legend-box { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 6px; gap: 5px; } .time-reports .legend-box .legend-line { display: flex; justify-content: center; align-items: center; flex-direction: row; } .time-reports .legend-box .legend-line .single-legend { display: flex; justify-content: center; align-items: center; margin-right: 15px; } .time-reports .legend-box .color-box { margin-right: 5px; width: 16px; height: 16px; } .time-reports .export-container { display: flex; align-items: center; justify-content: flex-end; padding: 10px; } .time-reports .table-box { padding: 0px 10px; } .time-reports .table-box .time-reports-table table { height: 1px; } .time-reports .table-box .time-reports-table tr td { width: 100%; height: 100%; padding: 0; } .time-reports .table-box .time-reports-table .time-reports-cell { width: 100%; height: 100%; padding: 2px; display: flex; align-items: center; } .time-reports .table-box .time-reports-table .time-reports-cell.worked-time { justify-content: center; text-align: center; } .time-reports .table-box .has-sticky-header { overflow-y: unset; } .time-reports .table-box .b-table .table-wrapper.has-sticky-header tr:first-child th { position: sticky; top: -10px !important; z-index: 2; background: white; } .time-reports .table-box .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { position: sticky; top: 35px !important; background-color: #fff; } .time-reports .table-box .today-header { background-color: #D4ECEA !important; } .time-reports .listable-items { background: none; } .annual-leave .main-label { font-weight: 600; font-size: 12px; color: #899494; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; } .annual-leave .annual-leave-results { height: calc(100vh - 300px); overflow: auto; } .annual-leave .data-box { padding: 0px 10px; } .annual-leave .data-box .download-upload-box { display: flex; justify-content: flex-end; align-items: center; padding: 10px 0px; gap: 10px; } .annual-leave .data-box .dropdown-menu { z-index: 9999 !important; } .annual-leave .data-box .data-input { display: flex; padding: 10px 0px; background-color: #fefefe; border-bottom: 2px solid lightgrey; border-radius: 4px; } .annual-leave .data-box .data-input .date-field { padding: 0px 6px; } .annual-leave .listable-items { background: none; } .packing-and-logistics-requirements .packing-and-logistics-requirements__total_found { font-weight: 600; color: #25A18E; } .packing-and-logistics-requirements .packing-and-logistics-requirements__summary { margin-top: 16px; margin-bottom: 16px; font-size: 14px; font-family: "Montserrat"; } .packing-and-logistics-requirements .packing-and-logistics-requirements__create_customer .packing-and-logistics-requirements__create_customer__example { font-size: 14px; } .packing-and-logistics-requirements .packing-and-logistics-requirements__create_customer .packing-and-logistics-requirements__create_customer__example .packing-and-logistics-requirements__create_customer__example__list { margin-left: 10px; list-style: inside; } .packing-and-logistics-requirements .requirement-modal { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; padding: 15px; gap: 20px; } .report-logistic-preview__table { min-width: 100%; } .report-logistic-preview__table .b-table .has-sticky-header { height: 500px !important; } .report-logistic-preview__table .b-table .has-sticky-header th { min-width: 80px; } .logistics .logistics__table .b-table .icon.is-small svg { transform: scale(0.75); opacity: 0.75; } .logistics .logistics__table .b-table .multi-sort-cancel-icon, .logistics .logistics__table .b-table .icon.sort-icon { display: none; } .logistics .logistics__table .b-table .table th.is-sortable:hover { border-color: rgba(137, 148, 148, 0.15); border-bottom: 3px solid #25A18E; } .logistics .logistics__table .b-table .table td { overflow: visible; } .logistics .logistics__table .table-footer { background: #D4ECEA; } .logistics .logistics__table .table-footer .show-more { color: #25A18E; font-weight: 600; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 5px; } .logistics.shipping-plan .shipping-plan-action .button, .logistics.shipping-plan .shipping-plan-action .dataTables_paginate a.paginate_button, .dataTables_paginate .logistics.shipping-plan .shipping-plan-action a.paginate_button, .logistics.shipping-plan .shipping-plan-action .ui-datepicker-trigger { color: white; display: inline-flex; gap: 4px; align-items: center; min-width: 125px; } .logistics.shipping-plan .shipping-plan-action .button.is-transfer, .logistics.shipping-plan .shipping-plan-action .dataTables_paginate a.is-transfer.paginate_button, .dataTables_paginate .logistics.shipping-plan .shipping-plan-action a.is-transfer.paginate_button, .logistics.shipping-plan .shipping-plan-action .is-transfer.ui-datepicker-trigger { background: #2A8CB7; } .logistics.shipping-plan .shipping-plan-action .button.is-return, .logistics.shipping-plan .shipping-plan-action .dataTables_paginate a.is-return.paginate_button, .dataTables_paginate .logistics.shipping-plan .shipping-plan-action a.is-return.paginate_button, .logistics.shipping-plan .shipping-plan-action .is-return.ui-datepicker-trigger { background: #EDAE49; } .logistics.shipping-plan .shipping-plan-action .button.is-stock-out, .logistics.shipping-plan .shipping-plan-action .dataTables_paginate a.is-stock-out.paginate_button, .dataTables_paginate .logistics.shipping-plan .shipping-plan-action a.is-stock-out.paginate_button, .logistics.shipping-plan .shipping-plan-action .is-stock-out.ui-datepicker-trigger { background: #25A18E; } .packing-line { padding: 40px 60px; } .packing-line .b-table table th .th-wrap > span, .packing-line .b-table .table th .th-wrap > span { display: flex; align-items: center; justify-content: flex-start; } .packing-line .listable-items { background-color: transparent; padding: 0px; } .sticker-info-modal { padding: 25px; margin-bottom: 0px !important; gap: 10px; } .sticker-info-modal .header { background: #F5F5F5; } .sticker-info-modal .header .content { font-weight: bold; } .sticker-info-modal .comments-section { display: flex; flex-direction: column; } .sticker-info-modal .comments-section .content { font-weight: normal; } .galaxus .files-box { display: flex; justify-content: center; flex-direction: column; align-items: center; margin-right: 10px; } .galaxus .files-box .button, .galaxus .files-box .dataTables_paginate a.paginate_button, .dataTables_paginate .galaxus .files-box a.paginate_button, .galaxus .files-box .ui-datepicker-trigger { border: none; background-color: #FAFAF9; } .galaxus .galaxus-file { display: inline-block; text-align: center; border: 1px solid #ccc; border-radius: 0.3125rem; min-width: 13.125rem; background-color: #FFFFFF; } .expense-search .listable-items .listable-items__results { padding-bottom: 100px !important; } .warehouse-configuration-search table .icon { width: 8px; margin-left: 10px; } .company-and-service-type .company-and-service-type__total_found { font-weight: 600; color: #25A18E; } .company-and-service-type .company-and-service-type__summary { margin-top: 16px; margin-bottom: 16px; font-size: 14px; font-family: "Montserrat"; } .company-and-service-type h3 { color: #899494; font-weight: 600; } .company-and-service-type .modal .modal-content { max-width: 950px !important; } .company-and-service-type .empty-list { flex-direction: column; justify-content: center; align-items: center; margin-top: 1.25rem; } .company-and-service-type .empty-list .description { font-weight: 600; color: rgb(230.6133333333, 232.8866666667, 232.8866666667); } .company-and-service-type .company-and-service-type-modal { width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: column; } .company-and-service-type .company-and-service-type-modal .new-service-type-box { display: flex; align-items: center; flex-direction: row; justify-content: space-between; padding: 15px 0px; border-bottom: 1px solid #dbdbdb; } .company-and-service-type .company-and-service-type-modal .new-service-type-box .add-button { margin-right: 10px; margin-top: 21px; } .my-calendar .tabs-bar.tabs--component .tabs-component { margin-top: 0 !important; } .my-calendar .tabs-bar.tabs--component .tabs-component__tab.tabs-component__tab--is-active { border: 0.0625rem solid rgb(230.6133333333, 232.8866666667, 232.8866666667); border-bottom: 0.125rem solid #fefefe; border-radius: 0.1875rem 0.1875rem 0 0; color: #25A18E; background-color: #fefefe; } .my-calendar .tabs-bar.tabs--component .tabs-component__tab__a { font-size: 0.75rem; line-height: 1.5rem; font-weight: 600; text-transform: uppercase; padding: 0.625rem 0.875rem; } .my-calendar .tabs-bar.tabs--component .tabs-component__panels { overflow: auto; background-color: #fafaf9; border-radius: 0; border: 0; box-shadow: none; border-top: 1px solid lightgrey; padding: 10px 0px; } .my-calendar .calendar { padding: 0px 50px; } .my-calendar .calendar .calendar-results { padding: 10px; display: flex; flex-direction: column; align-items: center; } .my-calendar .calendar .legend-box { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; padding: 5px; } .my-calendar .calendar .legend-box .legend-line { display: flex; justify-content: center; align-items: flex-start; flex-direction: row; padding-bottom: 5px; } .my-calendar .calendar .legend-box .legend-line .single-legend { display: flex; justify-content: center; align-items: center; margin-right: 25px; } .my-calendar .calendar .legend-box .color-box { border: 1px solid gray; margin-right: 5px; width: 16px; height: 16px; } .my-calendar .calendar .leave-button { display: flex; justify-content: center; align-items: center; } .my-calendar .calendar .full-calendar { width: 100%; height: 100%; max-height: 100vh; flex-grow: 1; overflow-y: hidden !important; } .my-calendar .calendar .full-calendar .fc-header-toolbar { margin-bottom: 5px; } .my-calendar .calendar .full-calendar .fc-view { height: 100% !important; } .my-calendar .calendar .full-calendar .fc-daygrid-body { display: flex; flex-direction: column; height: 100%; } .my-calendar .calendar .full-calendar .fc-daygrid-day-frame { flex-grow: 1; min-height: 120px; height: 100%; padding: 0 !important; } .my-calendar .calendar .full-calendar .fc-bg-event { opacity: 0.2; border: none; border-radius: unset; height: 100%; } .my-calendar .calendar .full-calendar .fc-prev-button { background-color: #25A18E !important; border: none; } .my-calendar .calendar .full-calendar .fc-next-button { background-color: #25A18E !important; border: none; } .my-calendar .calendar .full-calendar .fc-col-header-cell-cushion { padding: 0; } .my-calendar .calendar .full-calendar .fc-daygrid-day-number { padding: 2px; } .my-calendar .calendar .full-calendar .weekend { background-color: #eeeeee; } .my-calendar .calendar .full-calendar .clickable-day { cursor: pointer; position: relative; } .my-calendar .calendar .full-calendar .hover-enabled:hover { color: #25A18E !important; } .my-calendar .calendar .full-calendar .event-container { width: 100% !important; height: 100% !important; } .my-calendar .calendar .full-calendar .event-container .event-title { font-weight: bold; font-size: 2.1875rem; display: flex; align-items: center; justify-content: center; } .my-calendar .calendar .full-calendar .event-container .event-description { font-size: 0.9375rem; font-weight: bold; margin: 5px; display: flex; align-items: center; justify-content: center; text-wrap: wrap !important; text-align: center; } @media screen and (max-width: 1800px) { .my-calendar .calendar .full-calendar .fc { width: 100% !important; height: 100% !important; flex-grow: 1; transform: scale(0.9); } .my-calendar .calendar .full-calendar .fc-daygrid-day-frame { flex-grow: 1; min-height: 100px; height: 100%; padding: 0 !important; } .my-calendar .calendar .full-calendar .event-container .event-title { font-size: 1.75rem !important; } .my-calendar .calendar .full-calendar .event-container .event-description { font-size: 0.75rem !important; } } @media screen and (max-width: 850px) { .my-calendar .calendar .full-calendar .fc { width: 100% !important; height: 100% !important; flex-grow: 1; transform: scale(0.6); } .my-calendar .calendar .full-calendar .fc-daygrid-day-frame { flex-grow: 1; min-height: 80px; height: 100%; padding: 0 !important; } .my-calendar .calendar .full-calendar .event-container .event-title { font-size: 1.125rem !important; } .my-calendar .calendar .full-calendar .event-container .event-description { font-size: 0.5rem !important; } } @media screen and (max-width: 550px) { .my-calendar .calendar .full-calendar .fc { width: 100% !important; height: 100% !important; flex-grow: 1; transform: scale(0.5); } .my-calendar .calendar .full-calendar .fc-daygrid-day-frame { flex-grow: 1; min-height: 60px; height: 100%; padding: 0 !important; } .my-calendar .calendar .full-calendar .event-container .event-title { font-size: 0.875rem !important; } .my-calendar .calendar .full-calendar .event-container .event-description { font-size: 0.3125rem !important; } } .my-calendar .annual-leave { padding: 0px 50px; } .my-calendar .annual-leave .annual-leave-results { height: calc(100vh - 160px); display: flex; flex-direction: column; gap: 15px; padding: 10px; } .my-calendar .annual-leave .leave-requests .heading-box { display: flex; justify-content: space-between; padding: 20px; background-color: #fefefe; border-bottom: 2px solid lightgrey; border-radius: 4px; } .my-calendar .annual-leave .leave-requests .heading-box .datepicker-wrapper { position: relative; display: inline-block; } .my-calendar .annual-leave .leave-requests .heading-box .datepicker-dropdown { position: absolute; right: 1%; z-index: 9999 !important; border-radius: 5px; padding: 5px 0px; } .my-calendar .annual-leave .leave-requests .heading-box .title { font-weight: normal; font-size: 1.125rem; margin: 0; } .my-calendar .annual-leave .leave-requests .heading-box .description { color: #25A18E; font-weight: bold; } .my-calendar .annual-leave .leave-requests .headers { display: flex; flex-direction: row; padding: 5px 10px; margin: 0; } .my-calendar .annual-leave .leave-requests .headers .label { color: #899494; font-size: 0.875rem !important; } .my-calendar .annual-leave .leave-requests .content { padding: 10px; display: flex; flex-direction: row; margin: 0; } .my-calendar .annual-leave .leave-requests .content h5 { font-weight: normal !important; } .my-calendar .annual-leave .leave-requests .buttons-box { display: flex; justify-content: center; align-items: center; padding: 6px; gap: 20px; } .my-calendar .annual-leave .approval-form { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 25px; } .my-calendar .annual-leave .approval-form .headers { display: flex; width: 100%; } .my-calendar .annual-leave .approval-form .headers .label { color: #899494; font-size: 0.75rem !important; } .my-calendar .annual-leave .approval-form .dates-approval { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; padding: 5px; width: 100%; border-bottom: 1px solid lightgrey; } .my-calendar .annual-leave .approval-form .slider .label { color: #899494; font-size: 0.75rem !important; padding: 5px; } .my-calendar .annual-leave .view-details { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 25px; } .my-calendar .annual-leave .view-details .headers { display: flex; justify-content: center; align-items: center; padding-top: 10px; width: 100%; } .my-calendar .annual-leave .view-details .headers .label { color: #899494; font-size: 1rem !important; } .my-calendar .annual-leave .view-details .content { display: flex; flex-direction: row; margin: 0; padding: 5px; width: 100%; border-bottom: 1px solid lightgrey; } .my-calendar .leave-request { gap: 20px; } .my-calendar .leave-request .form-data { display: flex !important; flex-direction: column; gap: 12px; } .my-calendar .leave-request .delete-button { display: flex; justify-content: flex-end; } .my-calendar .leave-request .field .textarea { min-height: 180px; } .system-pages-layout { padding: 30px 40px; overflow-y: hidden !important; } .system-pages-layout .b-table .table-wrapper { overflow-x: auto; overflow-y: auto; } .system-pages-layout .b-table .table-wrapper .table { margin: 0; } .system-pages-layout .b-table .table-wrapper .table .th-wrap .icon { left: 0 !important; color: #25A18E; } .system-pages-layout .b-table .table-wrapper .table .th-wrap .control { width: 100%; } .system-pages-layout .b-table .table-wrapper.has-sticky-header thead tr th { height: 44px !important; } @media (min-resolution: 215dpi) { .system-pages-layout .b-table .table-wrapper.has-sticky-header thead tr th { height: 40px !important; } } .system-pages-layout .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { top: 44px !important; } @media (min-resolution: 215dpi) { .system-pages-layout .b-table .table-wrapper.has-sticky-header thead tr:nth-child(2) th { top: 40px !important; } } .system-pages-layout .b-table .th-wrap .icon.is-left { margin: 0 !important; } .system-pages-layout .user-role-form { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; } .system-pages-layout .user-role-form .save-button-box { width: 100%; padding: 15px 6px; display: flex; align-items: center; justify-content: flex-end; } .manage-role-permissions { padding: 30px 40px; } .manage-role-permissions .filter-permissions-container { padding: 0px 10px 5px 10px; margin-bottom: 0px; width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; border-bottom: 1px solid #dbdbdb; } .manage-role-permissions .filter-permissions-container .check-buttons-box { display: flex; flex-direction: row; align-items: center; gap: 15px; } .manage-role-permissions .filter-permissions-container .check-buttons-box .check-button-title { display: flex; flex-direction: row; align-items: center; } .manage-role-permissions .permissions-content { padding: 5px 10px 30px 10px; } .manage-role-permissions .permissions-content .b-checkbox.checkbox { margin: 5px 5px 5px 10px; } .mpo-po-search .listable-items .listable-items__results { padding-bottom: 100px !important; } .material-inventory-search .os-table__table__data-actions button svg { width: initial !important; } .company-edit-page .not-visible-container { position: relative; } .company-edit-page .not-visible-container .cell { position: relative; min-height: 3.125rem; } .company-edit-page .not-visible-container .cell small { position: absolute; right: 0; bottom: 0; } .company-edit-page .not-visible { width: 100%; height: 11.25rem; position: absolute; right: 0; top: 0; z-index: -5; } .company-edit-page .not-visible label, .company-edit-page .not-visible textarea, .company-edit-page .not-visible .validation-message:not(.error-message) { opacity: 0; } .company-edit-page .not-visible .validation-message.error-message { opacity: 1; position: absolute; bottom: 0; border-top: 0.0625rem solid #D04725; } .company-edit-page .vat-list li, .company-edit-page .swift-list li, .company-edit-page .bank-account-list li { position: relative; } .company-edit-page .vat-list li a.button, .company-edit-page .vat-list li .dataTables_paginate a.paginate_button, .dataTables_paginate .company-edit-page .vat-list li a.paginate_button, .company-edit-page .vat-list li a.ui-datepicker-trigger, .company-edit-page .swift-list li a.button, .company-edit-page .swift-list li .dataTables_paginate a.paginate_button, .dataTables_paginate .company-edit-page .swift-list li a.paginate_button, .company-edit-page .swift-list li a.ui-datepicker-trigger, .company-edit-page .bank-account-list li a.button, .company-edit-page .bank-account-list li .dataTables_paginate a.paginate_button, .dataTables_paginate .company-edit-page .bank-account-list li a.paginate_button, .company-edit-page .bank-account-list li a.ui-datepicker-trigger { position: absolute; right: 0; top: 1.25rem; } .company-edit-page #company_submit { float: right; margin-top: 1.125rem; }