that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because s can't do it */ } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ } .fc { /* cell top */ } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc { /* day number (within cell top) */ } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc { /* event container */ } .fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ } .fc { /* positioning for balanced vs natural */ } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ } .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc { /* event harness */ } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc { /* bg content */ } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc { /* events */ } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc { /* cell bottom (within day-events) */ } .fc .fc-daygrid-day-bottom { font-size: .85em; padding: 2px 3px 0 } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc { /* week number (within frame) */ } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080); } .fc { /* popover */ } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to */ } .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); } /* --- the rectangle ("block") style of event --- */ .fc-daygrid-block-event .fc-event-time { font-weight: bold; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } /* --- the dot style of event --- */ .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0 } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ overflow: hidden; font-weight: bold; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } .fc-daygrid-event-dot { /* the actual dot */ margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } /* --- spacing between time and title --- */ .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } /* A VERTICAL event */ .fc-v-event { /* allowed to be top-level */ display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8) } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ } .fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; } .fc-v-event { /* resizer (mouse AND touch) */ } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event { /* resizer for MOUSE */ } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event { /* resizer for TOUCH (when event is "selected") */ } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ } .fc .fc-timegrid-divider { padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ } .fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ } .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative /* offset parent for now-indicator-container */ } .fc .fc-timegrid-axis-chunk > table { position: relative; z-index: 1; /* above the now-indicator-container */ } .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-slot { /* a */ height: 1.5em; border-bottom: 0 /* each cell owns its top border */ } .fc .fc-timegrid-slot:empty:before { content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-slot-label { vertical-align: middle; /* vertical align the slots */ } .fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */ } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc { /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */ } .fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: flex-end; /* horizontal align. matches text-align below */ } .fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the "all-day" text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; } .fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0 } .fc-media-screen .fc-timegrid-cols > table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc { /* bg */ } .fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; } .fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ } .fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ } .fc { /* now indicator */ } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness { position: absolute /* top/left/right/bottom will all be set by JS */ } .fc-timegrid-event-harness > .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; /* for when not yet positioned */ bottom: 0; /* " */ left: 0; right: 0; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event, .fc-timegrid-more-link { /* events need to be root */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px; } .fc-timegrid-event { /* events need to be root */ margin-bottom: 1px /* give some space from bottom */ } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px; } .fc-timegrid-event-short .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-short .fc-event-time:after { content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-short .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */ position: absolute; z-index: 9999; /* hack */ color: inherit; color: var(--fc-more-link-text-color, inherit); background: #d0d0d0; background: var(--fc-more-link-bg-color, #d0d0d0); cursor: pointer; margin-bottom: 1px; /* match space below fc-timegrid-event */ } .fc-timegrid-more-link-inner { /* has fc-sticky */ padding: 3px 2px; top: 0; } .fc-direction-ltr .fc-timegrid-more-link { right: 0; } .fc-direction-rtl .fc-timegrid-more-link { left: 0; } .fc { /* line */ } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0; } .fc { /* arrow */ } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } @-webkit-keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes swal2-show{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes swal2-hide{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@-webkit-keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.875em;width:1.5625em}}@-webkit-keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@-webkit-keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes swal2-rotate-success-circular-line{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}100%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}50%{margin-top:1.625em;-webkit-transform:scale(.4);transform:scale(.4);opacity:0}80%{margin-top:-.375em;-webkit-transform:scale(1.15);transform:scale(1.15)}100%{margin-top:0;-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes swal2-animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}body.swal2-toast-shown .swal2-container{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-shown{background-color:transparent}body.swal2-toast-shown .swal2-container.swal2-top{top:0;right:auto;bottom:auto;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{top:0;right:0;bottom:auto;left:auto}body.swal2-toast-shown .swal2-container.swal2-top-left,body.swal2-toast-shown .swal2-container.swal2-top-start{top:0;right:auto;bottom:auto;left:0}body.swal2-toast-shown .swal2-container.swal2-center-left,body.swal2-toast-shown .swal2-container.swal2-center-start{top:50%;right:auto;bottom:auto;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{top:50%;right:auto;bottom:auto;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-left,body.swal2-toast-shown .swal2-container.swal2-bottom-start{top:auto;right:auto;bottom:0;left:0}body.swal2-toast-shown .swal2-container.swal2-bottom{top:auto;right:auto;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{top:auto;right:0;bottom:0;left:auto}body.swal2-toast-column .swal2-toast{flex-direction:column;align-items:stretch}body.swal2-toast-column .swal2-toast .swal2-actions{flex:1;align-self:stretch;height:2.2em;margin-top:.3125em}body.swal2-toast-column .swal2-toast .swal2-loading{justify-content:center}body.swal2-toast-column .swal2-toast .swal2-input{height:2em;margin:.3125em auto;font-size:1em}body.swal2-toast-column .swal2-toast .swal2-validation-message{font-size:1em}.swal2-popup.swal2-toast{flex-direction:row;align-items:center;width:auto;padding:.625em;box-shadow:0 0 .625em #d9d9d9;overflow-y:hidden}.swal2-popup.swal2-toast .swal2-header{flex-direction:row}.swal2-popup.swal2-toast .swal2-title{flex-grow:1;justify-content:flex-start;margin:0 .6em;font-size:1em}.swal2-popup.swal2-toast .swal2-footer{margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-popup.swal2-toast .swal2-close{position:initial;width:.8em;height:.8em;line-height:.8}.swal2-popup.swal2-toast .swal2-content{justify-content:flex-start;font-size:1em}.swal2-popup.swal2-toast .swal2-icon{width:2em;min-width:2em;height:2em;margin:0}.swal2-popup.swal2-toast .swal2-icon-text{font-size:2em;font-weight:700;line-height:1em}.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-popup.swal2-toast .swal2-actions{height:auto;margin:0 .3125em}.swal2-popup.swal2-toast .swal2-styled{margin:0 .3125em;padding:.3125em .625em;font-size:1em}.swal2-popup.swal2-toast .swal2-styled:focus{box-shadow:0 0 0 .0625em #fff,0 0 0 .125em rgba(50,100,150,.4)}.swal2-popup.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:2em;height:2.8125em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.25em;left:-.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:2em 2em;transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.25em;left:.9375em;-webkit-transform-origin:0 2em;transform-origin:0 2em;border-radius:0 4em 4em 0}.swal2-popup.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-popup.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-popup.swal2-toast.swal2-show{-webkit-animation:showSweetToast .5s;animation:showSweetToast .5s}.swal2-popup.swal2-toast.swal2-hide{-webkit-animation:hideSweetToast .2s forwards;animation:hideSweetToast .2s forwards}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:animate-toast-success-tip .75s;animation:animate-toast-success-tip .75s}.swal2-popup.swal2-toast .swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:animate-toast-success-long .75s;animation:animate-toast-success-long .75s}@-webkit-keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@keyframes showSweetToast{0%{-webkit-transform:translateY(-.625em) rotateZ(2deg);transform:translateY(-.625em) rotateZ(2deg);opacity:0}33%{-webkit-transform:translateY(0) rotateZ(-2deg);transform:translateY(0) rotateZ(-2deg);opacity:.5}66%{-webkit-transform:translateY(.3125em) rotateZ(2deg);transform:translateY(.3125em) rotateZ(2deg);opacity:.7}100%{-webkit-transform:translateY(0) rotateZ(0);transform:translateY(0) rotateZ(0);opacity:1}}@-webkit-keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@keyframes hideSweetToast{0%{opacity:1}33%{opacity:.5}100%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg);opacity:0}}@-webkit-keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes animate-toast-success-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@-webkit-keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}@keyframes animate-toast-success-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto!important}body.swal2-no-backdrop .swal2-shown{top:auto;right:auto;bottom:auto;left:auto;background-color:transparent}body.swal2-no-backdrop .swal2-shown>.swal2-modal{box-shadow:0 0 10px rgba(0,0,0,.4)}body.swal2-no-backdrop .swal2-shown.swal2-top{top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-top-left,body.swal2-no-backdrop .swal2-shown.swal2-top-start{top:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-top-end,body.swal2-no-backdrop .swal2-shown.swal2-top-right{top:0;right:0}body.swal2-no-backdrop .swal2-shown.swal2-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-left,body.swal2-no-backdrop .swal2-shown.swal2-center-start{top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-center-end,body.swal2-no-backdrop .swal2-shown.swal2-center-right{top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom{bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}body.swal2-no-backdrop .swal2-shown.swal2-bottom-left,body.swal2-no-backdrop .swal2-shown.swal2-bottom-start{bottom:0;left:0}body.swal2-no-backdrop .swal2-shown.swal2-bottom-end,body.swal2-no-backdrop .swal2-shown.swal2-bottom-right{right:0;bottom:0}.swal2-container{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:row;align-items:center;justify-content:center;padding:10px;background-color:transparent;z-index:1060;overflow-x:hidden;-webkit-overflow-scrolling:touch}.swal2-container.swal2-top{align-items:flex-start}.swal2-container.swal2-top-left,.swal2-container.swal2-top-start{align-items:flex-start;justify-content:flex-start}.swal2-container.swal2-top-end,.swal2-container.swal2-top-right{align-items:flex-start;justify-content:flex-end}.swal2-container.swal2-center{align-items:center}.swal2-container.swal2-center-left,.swal2-container.swal2-center-start{align-items:center;justify-content:flex-start}.swal2-container.swal2-center-end,.swal2-container.swal2-center-right{align-items:center;justify-content:flex-end}.swal2-container.swal2-bottom{align-items:flex-end}.swal2-container.swal2-bottom-left,.swal2-container.swal2-bottom-start{align-items:flex-end;justify-content:flex-start}.swal2-container.swal2-bottom-end,.swal2-container.swal2-bottom-right{align-items:flex-end;justify-content:flex-end}.swal2-container.swal2-grow-fullscreen>.swal2-modal{display:flex!important;flex:1;align-self:stretch;justify-content:center}.swal2-container.swal2-grow-row>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container.swal2-grow-column{flex:1;flex-direction:column}.swal2-container.swal2-grow-column.swal2-bottom,.swal2-container.swal2-grow-column.swal2-center,.swal2-container.swal2-grow-column.swal2-top{align-items:center}.swal2-container.swal2-grow-column.swal2-bottom-left,.swal2-container.swal2-grow-column.swal2-bottom-start,.swal2-container.swal2-grow-column.swal2-center-left,.swal2-container.swal2-grow-column.swal2-center-start,.swal2-container.swal2-grow-column.swal2-top-left,.swal2-container.swal2-grow-column.swal2-top-start{align-items:flex-start}.swal2-container.swal2-grow-column.swal2-bottom-end,.swal2-container.swal2-grow-column.swal2-bottom-right,.swal2-container.swal2-grow-column.swal2-center-end,.swal2-container.swal2-grow-column.swal2-center-right,.swal2-container.swal2-grow-column.swal2-top-end,.swal2-container.swal2-grow-column.swal2-top-right{align-items:flex-end}.swal2-container.swal2-grow-column>.swal2-modal{display:flex!important;flex:1;align-content:center;justify-content:center}.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen)>.swal2-modal{margin:auto}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-container .swal2-modal{margin:0!important}}.swal2-container.swal2-fade{transition:background-color .1s}.swal2-container.swal2-shown{background-color:rgba(0,0,0,.4)}.swal2-popup{display:none;position:relative;flex-direction:column;justify-content:center;width:32em;max-width:100%;padding:1.25em;border-radius:.3125em;background:#fff;font-family:inherit;font-size:1rem;box-sizing:border-box}.swal2-popup:focus{outline:0}.swal2-popup.swal2-loading{overflow-y:hidden}.swal2-popup .swal2-header{display:flex;flex-direction:column;align-items:center}.swal2-popup .swal2-title{display:block;position:relative;max-width:100%;margin:0 0 .4em;padding:0;color:#595959;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;word-wrap:break-word}.swal2-popup .swal2-actions{flex-wrap:wrap;align-items:center;justify-content:center;margin:1.25em auto 0;z-index:1}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled[disabled]{opacity:.4}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:hover{background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))}.swal2-popup .swal2-actions:not(.swal2-loading) .swal2-styled:active{background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-confirm{width:2.5em;height:2.5em;margin:.46875em;padding:0;border:.25em solid transparent;border-radius:100%;border-color:transparent;background-color:transparent!important;color:transparent;cursor:default;box-sizing:border-box;-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-popup .swal2-actions.swal2-loading .swal2-styled.swal2-cancel{margin-right:30px;margin-left:30px}.swal2-popup .swal2-actions.swal2-loading :not(.swal2-styled).swal2-confirm::after{display:inline-block;width:15px;height:15px;margin-left:5px;border:3px solid #999;border-radius:50%;border-right-color:transparent;box-shadow:1px 1px 1px #fff;content:'';-webkit-animation:swal2-rotate-loading 1.5s linear 0s infinite normal;animation:swal2-rotate-loading 1.5s linear 0s infinite normal}.swal2-popup .swal2-styled{margin:.3125em;padding:.625em 2em;font-weight:500;box-shadow:none}.swal2-popup .swal2-styled:not([disabled]){cursor:pointer}.swal2-popup .swal2-styled.swal2-confirm{border:0;border-radius:.25em;background:initial;background-color:#3085d6;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled.swal2-cancel{border:0;border-radius:.25em;background:initial;background-color:#aaa;color:#fff;font-size:1.0625em}.swal2-popup .swal2-styled:focus{outline:0;box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(50,100,150,.4)}.swal2-popup .swal2-styled::-moz-focus-inner{border:0}.swal2-popup .swal2-footer{justify-content:center;margin:1.25em 0 0;padding:1em 0 0;border-top:1px solid #eee;color:#545454;font-size:1em}.swal2-popup .swal2-image{max-width:100%;margin:1.25em auto}.swal2-popup .swal2-close{position:absolute;top:0;right:0;justify-content:center;width:1.2em;height:1.2em;padding:0;transition:color .1s ease-out;border:none;border-radius:0;outline:initial;background:0 0;color:#ccc;font-family:serif;font-size:2.5em;line-height:1.2;cursor:pointer;overflow:hidden}.swal2-popup .swal2-close:hover{-webkit-transform:none;transform:none;color:#f27474}.swal2-popup>.swal2-checkbox,.swal2-popup>.swal2-file,.swal2-popup>.swal2-input,.swal2-popup>.swal2-radio,.swal2-popup>.swal2-select,.swal2-popup>.swal2-textarea{display:none}.swal2-popup .swal2-content{justify-content:center;margin:0;padding:0;color:#545454;font-size:1.125em;font-weight:300;line-height:normal;z-index:1;word-wrap:break-word}.swal2-popup #swal2-content{text-align:center}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-radio,.swal2-popup .swal2-select,.swal2-popup .swal2-textarea{margin:1em auto}.swal2-popup .swal2-file,.swal2-popup .swal2-input,.swal2-popup .swal2-textarea{width:100%;transition:border-color .3s,box-shadow .3s;border:1px solid #d9d9d9;border-radius:.1875em;font-size:1.125em;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);box-sizing:border-box}.swal2-popup .swal2-file.swal2-inputerror,.swal2-popup .swal2-input.swal2-inputerror,.swal2-popup .swal2-textarea.swal2-inputerror{border-color:#f27474!important;box-shadow:0 0 2px #f27474!important}.swal2-popup .swal2-file:focus,.swal2-popup .swal2-input:focus,.swal2-popup .swal2-textarea:focus{border:1px solid #b4dbed;outline:0;box-shadow:0 0 3px #c4e6f5}.swal2-popup .swal2-file::-webkit-input-placeholder,.swal2-popup .swal2-input::-webkit-input-placeholder,.swal2-popup .swal2-textarea::-webkit-input-placeholder{color:#ccc}.swal2-popup .swal2-file:-ms-input-placeholder,.swal2-popup .swal2-input:-ms-input-placeholder,.swal2-popup .swal2-textarea:-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::-ms-input-placeholder,.swal2-popup .swal2-input::-ms-input-placeholder,.swal2-popup .swal2-textarea::-ms-input-placeholder{color:#ccc}.swal2-popup .swal2-file::placeholder,.swal2-popup .swal2-input::placeholder,.swal2-popup .swal2-textarea::placeholder{color:#ccc}.swal2-popup .swal2-range input{width:80%}.swal2-popup .swal2-range output{width:20%;font-weight:600;text-align:center}.swal2-popup .swal2-range input,.swal2-popup .swal2-range output{height:2.625em;margin:1em auto;padding:0;font-size:1.125em;line-height:2.625em}.swal2-popup .swal2-input{height:2.625em;padding:0 .75em}.swal2-popup .swal2-input[type=number]{max-width:10em}.swal2-popup .swal2-file{font-size:1.125em}.swal2-popup .swal2-textarea{height:6.75em;padding:.75em}.swal2-popup .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;color:#545454;font-size:1.125em}.swal2-popup .swal2-checkbox,.swal2-popup .swal2-radio{align-items:center;justify-content:center}.swal2-popup .swal2-checkbox label,.swal2-popup .swal2-radio label{margin:0 .6em;font-size:1.125em}.swal2-popup .swal2-checkbox input,.swal2-popup .swal2-radio input{margin:0 .4em}.swal2-popup .swal2-validation-message{display:none;align-items:center;justify-content:center;padding:.625em;background:#f0f0f0;color:#666;font-size:1em;font-weight:300;overflow:hidden}.swal2-popup .swal2-validation-message::before{display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center;content:'!';zoom:normal}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@-moz-document url-prefix(){.swal2-close:focus{outline:2px solid rgba(50,100,150,.4)}}.swal2-icon{position:relative;justify-content:center;width:5em;height:5em;margin:1.25em auto 1.875em;border:.25em solid transparent;border-radius:50%;line-height:5em;cursor:default;box-sizing:content-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;zoom:normal}.swal2-icon-text{font-size:3.75em}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .swal2-x-mark{position:relative;flex-grow:1}.swal2-icon.swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-warning{border-color:#facea8;color:#f8bb86}.swal2-icon.swal2-info{border-color:#9de0f6;color:#3fc3ee}.swal2-icon.swal2-question{border-color:#c9dae1;color:#87adbd}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-radius:50%}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left]{top:-.4375em;left:-2.0635em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:3.75em 3.75em;transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right]{top:-.6875em;left:1.875em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 3.75em;transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}.swal2-icon.swal2-success .swal2-success-ring{position:absolute;top:-.25em;left:-.25em;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%;z-index:2;box-sizing:content-box}.swal2-icon.swal2-success .swal2-success-fix{position:absolute;top:.5em;left:1.625em;width:.4375em;height:5.625em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1}.swal2-icon.swal2-success [class^=swal2-success-line]{display:block;position:absolute;height:.3125em;border-radius:.125em;background-color:#a5dc86;z-index:2}.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.875em;width:1.5625em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{align-items:center;margin:0 0 1.25em;padding:0;font-weight:600}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{width:2em;height:2em;border-radius:2em;background:#3085d6;color:#fff;line-height:2em;text-align:center;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle{background:#add8e6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{width:2.5em;height:.4em;margin:0 -1px;background:#3085d6;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}.swal2-show{-webkit-animation:swal2-show .3s;animation:swal2-show .3s}.swal2-show.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-hide{-webkit-animation:swal2-hide .15s forwards;animation:swal2-hide .15s forwards}.swal2-hide.swal2-noanimation{-webkit-animation:none;animation:none}.swal2-rtl .swal2-close{right:auto;left:0}.swal2-animate-success-icon .swal2-success-line-tip{-webkit-animation:swal2-animate-success-line-tip .75s;animation:swal2-animate-success-line-tip .75s}.swal2-animate-success-icon .swal2-success-line-long{-webkit-animation:swal2-animate-success-line-long .75s;animation:swal2-animate-success-line-long .75s}.swal2-animate-success-icon .swal2-success-circular-line-right{-webkit-animation:swal2-rotate-success-circular-line 4.25s ease-in;animation:swal2-rotate-success-circular-line 4.25s ease-in}.swal2-animate-error-icon{-webkit-animation:swal2-animate-error-icon .5s;animation:swal2-animate-error-icon .5s}.swal2-animate-error-icon .swal2-x-mark{-webkit-animation:swal2-animate-error-x-mark .5s;animation:swal2-animate-error-x-mark .5s}@-webkit-keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swal2-rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media print{body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){overflow-y:scroll!important}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container{position:initial!important}} .row-alert[data-v-95815f2e] { padding: 10px; } #modalAddNewDocument[data-v-124acc9a] { overflow-y: auto; } input[type=number][data-v-5b1af4f9]::-webkit-inner-spin-button, input[type=number][data-v-5b1af4f9]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } #docToProposal[data-v-5b1af4f9] { overflow-y: auto; } #modalImportPayments[data-v-587d1d7f] { overflow-y: auto; } #modalImportPaymentsConfirm[data-v-587d1d7f] { overflow-y: auto; } #modalDelivProducts[data-v-17bea900] { overflow-y: auto; } #modalDelivProductsPayment[data-v-17bea900] { overflow-y: auto; } #modal_liquidateContract[data-v-17bea900] { overflow-y: auto; } input[type=number][data-v-17bea900]::-webkit-inner-spin-button, input[type=number][data-v-17bea900]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } @charset "UTF-8"; .border-primary { border-color: #3f6ad8; } .border-secondary { border-color: #6c757d; } .border-success { border-color: #3ac47d; } .border-info { border-color: #16aaff; } .border-warning { border-color: #f7b924; } .border-danger { border-color: #d92550; } .border-light { border-color: #eeeeee; } .border-dark { border-color: #343a40; } .border-focus { border-color: #444054; } .border-alternate { border-color: #794c8a; } .list-group-item-primary { color: #213770; background-color: #c9d5f4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #213770; background-color: #b4c5f0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #213770; border-color: #213770; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #1e6641; background-color: #c8eedb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1e6641; background-color: #b5e8ce; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1e6641; border-color: #1e6641; } .list-group-item-info { color: #0b5885; background-color: #bee7ff; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0b5885; background-color: #a5deff; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0b5885; border-color: #0b5885; } .list-group-item-warning { color: #806013; background-color: #fdebc2; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #806013; background-color: #fce3a9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #806013; border-color: #806013; } .list-group-item-danger { color: #71132a; background-color: #f4c2ce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #71132a; background-color: #f0acbd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #71132a; border-color: #71132a; } .list-group-item-light { color: #7c7c7c; background-color: #fafafa; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .list-group-item-focus { color: #23212c; background-color: #cbcacf; } .list-group-item-focus.list-group-item-action:hover, .list-group-item-focus.list-group-item-action:focus { color: #23212c; background-color: #bebdc3; } .list-group-item-focus.list-group-item-action.active { color: #fff; background-color: #23212c; border-color: #23212c; } .list-group-item-alternate { color: #3f2848; background-color: #d9cdde; } .list-group-item-alternate.list-group-item-action:hover, .list-group-item-alternate.list-group-item-action:focus { color: #3f2848; background-color: #cdbed4; } .list-group-item-alternate.list-group-item-action.active { color: #fff; background-color: #3f2848; border-color: #3f2848; } .bg-primary { background-color: #3f6ad8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2651be !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #3ac47d !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2e9d64 !important; } .bg-info { background-color: #16aaff !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0090e2 !important; } .bg-warning { background-color: #f7b924 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e0a008 !important; } .bg-danger { background-color: #d92550 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ad1e40 !important; } .bg-light { background-color: #eeeeee !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d5d5d5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-focus { background-color: #444054 !important; } a.bg-focus:hover, a.bg-focus:focus, button.bg-focus:hover, button.bg-focus:focus { background-color: #2d2a37 !important; } .bg-alternate { background-color: #794c8a !important; } a.bg-alternate:hover, a.bg-alternate:focus, button.bg-alternate:hover, button.bg-alternate:focus { background-color: #5c3a69 !important; } :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #3f6ad8; --secondary: #6c757d; --success: #3ac47d; --info: #16aaff; --warning: #f7b924; --danger: #d92550; --light: #eeeeee; --dark: #343a40; --focus: #444054; --alternate: #794c8a; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -.25em; } sup { top: -.5em; } a { color: #3f6ad8; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.4rem; padding-bottom: 0.4rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 400; line-height: 1.2; color: inherit; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 10px; padding-left: 10px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; background-color: transparent; } .table th, .table td { padding: 0.4rem; vertical-align: top; border-top: 1px solid #e9ecef; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #e9ecef; } .table tbody + tbody { border-top: 2px solid #e9ecef; } .table .table { background-color: #fff; } .table-sm th, .table-sm td { padding: 0.2rem; } .table-bordered { border: 1px solid #e9ecef; } .table-bordered th, .table-bordered td { border: 1px solid #e9ecef; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.03); } .table-hover tbody tr:hover { background-color: #e0f3ff; } .table-primary, .table-primary > th, .table-primary > td { background-color: #c9d5f4; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #9bb2eb; } .table-hover .table-primary:hover { background-color: #b4c5f0; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #b4c5f0; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .table-success, .table-success > th, .table-success > td { background-color: #c8eedb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #99e0bb; } .table-hover .table-success:hover { background-color: #b5e8ce; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b5e8ce; } .table-info, .table-info > th, .table-info > td { background-color: #bee7ff; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86d3ff; } .table-hover .table-info:hover { background-color: #a5deff; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a5deff; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fdebc2; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fbdb8d; } .table-hover .table-warning:hover { background-color: #fce3a9; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #fce3a9; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f4c2ce; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #eb8ea4; } .table-hover .table-danger:hover { background-color: #f0acbd; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f0acbd; } .table-light, .table-light > th, .table-light > td { background-color: #fafafa; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #f6f6f6; } .table-hover .table-light:hover { background-color: #ededed; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ededed; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .table-focus, .table-focus > th, .table-focus > td { background-color: #cbcacf; } .table-focus th, .table-focus td, .table-focus thead th, .table-focus tbody + tbody { border-color: #9e9ca6; } .table-hover .table-focus:hover { background-color: #bebdc3; } .table-hover .table-focus:hover > td, .table-hover .table-focus:hover > th { background-color: #bebdc3; } .table-alternate, .table-alternate > th, .table-alternate > td { background-color: #d9cdde; } .table-alternate th, .table-alternate td, .table-alternate thead th, .table-alternate tbody + tbody { border-color: #b9a2c2; } .table-hover .table-alternate:hover { background-color: #cdbed4; } .table-hover .table-alternate:hover > td, .table-hover .table-alternate:hover > th { background-color: #cdbed4; } .table-active, .table-active > th, .table-active > td { background-color: #e0f3ff; } .table-hover .table-active:hover { background-color: #c7e9ff; } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: #c7e9ff; } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #6c757d; background-color: #f8f9fa; border-color: #e9ecef; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #a9bcee; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.8125rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(2.875rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 0.5rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #3ac47d; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(58, 196, 125, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #3ac47d; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #3ac47d; box-shadow: 0 0 0 0.2rem rgba(58, 196, 125, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #3ac47d; padding-right: 3.4375rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") no-repeat center right 1.75rem/1.125rem 1.125rem; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #3ac47d; box-shadow: 0 0 0 0.2rem rgba(58, 196, 125, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #3ac47d; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #3ac47d; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #3ac47d; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #61d097; background-color: #61d097; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(58, 196, 125, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #3ac47d; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #3ac47d; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #3ac47d; box-shadow: 0 0 0 0.2rem rgba(58, 196, 125, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #d92550; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(217, 37, 80, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #d92550; padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right calc(2.25rem / 4); background-size: calc(2.25rem / 2) calc(2.25rem / 2); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #d92550; box-shadow: 0 0 0 0.2rem rgba(217, 37, 80, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: 2.25rem; background-position: top calc(2.25rem / 4) right calc(2.25rem / 4); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #d92550; padding-right: 3.4375rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") no-repeat center right 1.75rem/1.125rem 1.125rem; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #d92550; box-shadow: 0 0 0 0.2rem rgba(217, 37, 80, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #d92550; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #d92550; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #d92550; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e15073; background-color: #e15073; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(217, 37, 80, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #d92550; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #d92550; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #d92550; box-shadow: 0 0 0 0.2rem rgba(217, 37, 80, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #495057; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #495057; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:hover { color: #fff; background-color: #2955c8; border-color: #2651be; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2651be; border-color: #244cb3; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-success { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:hover { color: #fff; background-color: #31a66a; border-color: #2e9d64; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2e9d64; border-color: #2b935e; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-info { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:hover { color: #fff; background-color: #0098ef; border-color: #0090e2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0090e2; border-color: #0087d5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-warning { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:hover { color: #212529; background-color: #eca909; border-color: #e0a008; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #e0a008; border-color: #d49808; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-danger { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-danger:hover { color: #fff; background-color: #b81f44; border-color: #ad1e40; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ad1e40; border-color: #a31c3c; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-light { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-light:hover { color: #212529; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d5d5d5; border-color: #cecece; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-focus { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:hover { color: #fff; background-color: #322f3e; border-color: #2d2a37; } .btn-focus:focus, .btn-focus.focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.disabled, .btn-focus:disabled { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show > .btn-focus.dropdown-toggle { color: #fff; background-color: #2d2a37; border-color: #272430; } .btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-alternate { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:hover { color: #fff; background-color: #633e71; border-color: #5c3a69; } .btn-alternate:focus, .btn-alternate.focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.disabled, .btn-alternate:disabled { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:not(:disabled):not(.disabled):active, .btn-alternate:not(:disabled):not(.disabled).active, .show > .btn-alternate.dropdown-toggle { color: #fff; background-color: #5c3a69; border-color: #553561; } .btn-alternate:not(:disabled):not(.disabled):active:focus, .btn-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-outline-primary { color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:hover { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3f6ad8; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-success { color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:hover { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #3ac47d; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-info { color: #16aaff; border-color: #16aaff; } .btn-outline-info:hover { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #16aaff; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-warning { color: #f7b924; border-color: #f7b924; } .btn-outline-warning:hover { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f7b924; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-danger { color: #d92550; border-color: #d92550; } .btn-outline-danger:hover { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d92550; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-light { color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:hover { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #eeeeee; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-focus { color: #444054; border-color: #444054; } .btn-outline-focus:hover { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:focus, .btn-outline-focus.focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.disabled, .btn-outline-focus:disabled { color: #444054; background-color: transparent; } .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active, .show > .btn-outline-focus.dropdown-toggle { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:not(:disabled):not(.disabled):active:focus, .btn-outline-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-alternate { color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:hover { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:focus, .btn-outline-alternate.focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.disabled, .btn-outline-alternate:disabled { color: #794c8a; background-color: transparent; } .btn-outline-alternate:not(:disabled):not(.disabled):active, .btn-outline-alternate:not(:disabled):not(.disabled).active, .show > .btn-outline-alternate.dropdown-toggle { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:not(:disabled):not(.disabled):active:focus, .btn-outline-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-link { font-weight: 400; color: #3f6ad8; } .btn-link:hover { color: #0056b3; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media screen and (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } @media screen and (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 15rem; padding: 0.65rem 0; margin: 0.125rem 0 0; font-size: 0.75rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-right { right: 0; left: auto; } } .dropdown-menu-left { right: auto; left: 0; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.4rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:first-child { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .dropdown-item:last-child { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #e0f3ff; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #3f6ad8; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.65rem 1.5rem; margin-bottom: 0; font-size: 0.825rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.4rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #eff9ff; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(2.875rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.8125rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.125rem; padding-left: 1.5rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #3f6ad8; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #80bdff; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #d3ddf6; border-color: #b3d7ff; } .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.0625rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background-repeat: no-repeat; background-position: center center; background-size: 50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #007bff; background-color: #3f6ad8; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.0625rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(63, 106, 216, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(2.25rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(128, 189, 255, 0.5); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { opacity: 0; } .custom-select-sm { height: calc(1.8125rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(2.875rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(2.25rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(2.25rem + 2px); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Elegir"; } .custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(2.25rem + 2px); padding: 0.375rem 0.75rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 2.25rem; padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc(1rem + 0.4rem); padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #d3ddf6; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #d3ddf6; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #3f6ad8; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media screen and (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #d3ddf6; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #3f6ad8; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(26, 54, 126, 0.125); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.25rem; } .card-title { margin-bottom: 0.75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.25rem; } .card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; color: inherit; background-color: #fff; border-bottom: 1px solid rgba(26, 54, 126, 0.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 0.75rem 1.25rem; background-color: #fff; border-top: 1px solid rgba(26, 54, 126, 0.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 1px); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -10px; margin-left: -10px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 10px; margin-bottom: 0; margin-left: 10px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 10px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:first-child .card-img-top, .card-group > .card:first-child .card-header { border-top-right-radius: 0; } .card-group > .card:first-child .card-img-bottom, .card-group > .card:first-child .card-footer { border-bottom-right-radius: 0; } .card-group > .card:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:last-child .card-img-top, .card-group > .card:last-child .card-header { border-top-left-radius: 0; } .card-group > .card:last-child .card-img-bottom, .card-group > .card:last-child .card-footer { border-bottom-left-radius: 0; } .card-group > .card:only-child { border-radius: 0.25rem; } .card-group > .card:only-child .card-img-top, .card-group > .card:only-child .card-header { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card-group > .card:only-child .card-img-bottom, .card-group > .card:only-child .card-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) { border-radius: 0; } .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer { border-radius: 0; } } .card-columns .card { margin-bottom: 0.75rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion .card { overflow: hidden; } .accordion .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion .card .card-header { margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: none; } .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .page-item:first-child .page-link, .pagination .page-number:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link, .pagination .page-number:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link, .pagination .active.page-number .page-link { z-index: 1; color: #fff; background-color: #3f6ad8; border-color: #007bff; } .page-item.disabled .page-link, .pagination .disabled.page-number .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 0.9375rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link, .pagination-lg .pagination .page-number:first-child .page-link, .pagination .pagination-lg .page-number:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link, .pagination-lg .pagination .page-number:last-child .page-link, .pagination .pagination-lg .page-number:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.825rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link, .pagination-sm .pagination .page-number:first-child .page-link, .pagination .pagination-sm .page-number:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link, .pagination-sm .pagination .page-number:last-child .page-link, .pagination .pagination-sm .page-number:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #3f6ad8; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2651be; } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } .badge-success { color: #fff; background-color: #3ac47d; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #2e9d64; } .badge-info { color: #fff; background-color: #16aaff; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0090e2; } .badge-warning { color: #212529; background-color: #f7b924; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #e0a008; } .badge-danger { color: #fff; background-color: #d92550; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ad1e40; } .badge-light { color: #212529; background-color: #eeeeee; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d5d5d5; } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } .badge-focus { color: #fff; background-color: #444054; } a.badge-focus:hover, a.badge-focus:focus { color: #fff; background-color: #2d2a37; } .badge-alternate { color: #fff; background-color: #794c8a; } a.badge-alternate:hover, a.badge-alternate:focus { color: #fff; background-color: #5c3a69; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #213770; background-color: #d9e1f7; border-color: #c9d5f4; } .alert-primary hr { border-top-color: #b4c5f0; } .alert-primary .alert-link { color: #152449; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary hr { border-top-color: #c8cbcf; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #1e6641; background-color: #d8f3e5; border-color: #c8eedb; } .alert-success hr { border-top-color: #b5e8ce; } .alert-success .alert-link { color: #123f28; } .alert-info { color: #0b5885; background-color: #d0eeff; border-color: #bee7ff; } .alert-info hr { border-top-color: #a5deff; } .alert-info .alert-link { color: #073956; } .alert-warning { color: #806013; background-color: #fdf1d3; border-color: #fdebc2; } .alert-warning hr { border-top-color: #fce3a9; } .alert-warning .alert-link { color: #543f0c; } .alert-danger { color: #71132a; background-color: #f7d3dc; border-color: #f4c2ce; } .alert-danger hr { border-top-color: #f0acbd; } .alert-danger .alert-link { color: #450c1a; } .alert-light { color: #7c7c7c; background-color: #fcfcfc; border-color: #fafafa; } .alert-light hr { border-top-color: #ededed; } .alert-light .alert-link { color: #636363; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark hr { border-top-color: #b9bbbe; } .alert-dark .alert-link { color: #040505; } .alert-focus { color: #23212c; background-color: #dad9dd; border-color: #cbcacf; } .alert-focus hr { border-top-color: #bebdc3; } .alert-focus .alert-link { color: #0c0b0f; } .alert-alternate { color: #3f2848; background-color: #e4dbe8; border-color: #d9cdde; } .alert-alternate hr { border-top-color: #cdbed4; } .alert-alternate .alert-link { color: #221627; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #3f6ad8; transition: width 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item:hover, .list-group-item:focus { z-index: 1; text-decoration: none; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #3f6ad8; border-color: #007bff; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #213770; background-color: #c9d5f4; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #213770; background-color: #b4c5f0; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #213770; border-color: #213770; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #1e6641; background-color: #c8eedb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #1e6641; background-color: #b5e8ce; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #1e6641; border-color: #1e6641; } .list-group-item-info { color: #0b5885; background-color: #bee7ff; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0b5885; background-color: #a5deff; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0b5885; border-color: #0b5885; } .list-group-item-warning { color: #806013; background-color: #fdebc2; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #806013; background-color: #fce3a9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #806013; border-color: #806013; } .list-group-item-danger { color: #71132a; background-color: #f4c2ce; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #71132a; background-color: #f0acbd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #71132a; border-color: #71132a; } .list-group-item-light { color: #7c7c7c; background-color: #fafafa; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7c7c7c; background-color: #ededed; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7c7c7c; border-color: #7c7c7c; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .list-group-item-focus { color: #23212c; background-color: #cbcacf; } .list-group-item-focus.list-group-item-action:hover, .list-group-item-focus.list-group-item-action:focus { color: #23212c; background-color: #bebdc3; } .list-group-item-focus.list-group-item-action.active { color: #fff; background-color: #23212c; border-color: #23212c; } .list-group-item-alternate { color: #3f2848; background-color: #d9cdde; } .list-group-item-alternate.list-group-item-action:hover, .list-group-item-alternate.list-group-item-action:focus { color: #3f2848; background-color: #cdbed4; } .list-group-item-alternate.list-group-item-action.active { color: #fff; background-color: #3f2848; border-color: #3f2848; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled) { cursor: pointer; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 10; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media screen and (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - (0.5rem * 2)); } .modal-dialog-centered::before { display: block; height: calc(100vh - (0.5rem * 2)); content: ""; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop, .blockOverlay { position: fixed; top: 0; left: 0; z-index: 9; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade, .fade.blockOverlay { opacity: 0; } .modal-backdrop.show, .show.blockOverlay { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: .25rem; } .modal-footer > :not(:last-child) { margin-right: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-centered { min-height: calc(100% - (1.75rem * 2)); } .modal-dialog-centered::before { height: calc(100vh - (1.75rem * 2)); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 88%; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 320px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(26, 54, 126, 0.125); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { border-width: 0.5rem 0.5rem 0; } .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before { bottom: 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after { bottom: 1px; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { border-width: 0.5rem 0.5rem 0.5rem 0; } .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before { left: 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after { left: 1px; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { border-width: 0 0.5rem 0.5rem 0.5rem; } .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before { top: 0; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after { top: 1px; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #fff; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { border-width: 0.5rem 0 0.5rem 0.5rem; } .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before { right: 0; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after { right: 1px; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 0.75rem; color: inherit; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media screen and (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media screen and (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: .5; transition: opacity 0.6s ease; } @media screen and (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: spinner-border .75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow .75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #3f6ad8 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #2651be !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #545b62 !important; } .bg-success { background-color: #3ac47d !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2e9d64 !important; } .bg-info { background-color: #16aaff !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0090e2 !important; } .bg-warning { background-color: #f7b924 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #e0a008 !important; } .bg-danger { background-color: #d92550 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ad1e40 !important; } .bg-light { background-color: #eeeeee !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d5d5d5 !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #1d2124 !important; } .bg-focus { background-color: #444054 !important; } a.bg-focus:hover, a.bg-focus:focus, button.bg-focus:hover, button.bg-focus:focus { background-color: #2d2a37 !important; } .bg-alternate { background-color: #794c8a !important; } a.bg-alternate:hover, a.bg-alternate:focus, button.bg-alternate:hover, button.bg-alternate:focus { background-color: #5c3a69 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #3f6ad8 !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #3ac47d !important; } .border-info { border-color: #16aaff !important; } .border-warning { border-color: #f7b924 !important; } .border-danger { border-color: #d92550 !important; } .border-light { border-color: #eeeeee !important; } .border-dark { border-color: #343a40 !important; } .border-focus { border-color: #444054 !important; } .border-alternate { border-color: #794c8a !important; } .border-white { border-color: #fff !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-3by4::before { padding-top: 133.33333%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #3f6ad8 !important; } a.text-primary:hover, a.text-primary:focus { color: #2248a8 !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover, a.text-secondary:focus { color: #494f54 !important; } .text-success { color: #3ac47d !important; } a.text-success:hover, a.text-success:focus { color: #298957 !important; } .text-info { color: #16aaff !important; } a.text-info:hover, a.text-info:focus { color: #007fc9 !important; } .text-warning { color: #f7b924 !important; } a.text-warning:hover, a.text-warning:focus { color: #c78f07 !important; } .text-danger { color: #d92550 !important; } a.text-danger:hover, a.text-danger:focus { color: #981a38 !important; } .text-light { color: #eeeeee !important; } a.text-light:hover, a.text-light:focus { color: #c8c8c8 !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover, a.text-dark:focus { color: #121416 !important; } .text-focus { color: #444054 !important; } a.text-focus:hover, a.text-focus:focus { color: #211f29 !important; } .text-alternate { color: #794c8a !important; } a.text-alternate:hover, a.text-alternate:focus { color: #4e3159 !important; } .text-body { color: #495057 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } a, button, .btn { outline: none !important; } .app-container { display: flex; min-height: 100vh; flex-direction: column; margin: 0; } .icon-anim-pulse { animation: pulse_animation; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes pulse_animation { 0% { transform: scale(1); } 30% { transform: scale(1.1); } 40% { transform: scale(1.21); } 50% { transform: scale(1); } 60% { transform: scale(1); } 70% { transform: scale(1.09); } 80% { transform: scale(1.05); } 100% { transform: scale(1); } } .SidebarAnimation-appear { transform: translateX(-30px); opacity: 0; } .SidebarAnimation-appear.SidebarAnimation-appear-active { opacity: 1; transform: translateX(0); transition: all .4s linear; } .HeaderAnimation-appear { transform: translateY(-30px); opacity: 0; } .HeaderAnimation-appear.HeaderAnimation-appear-active { opacity: 1; transform: translateY(0); transition: all .4s linear; } .MainAnimation-appear { transform: translateY(-30px); opacity: 0; } .MainAnimation-appear.MainAnimation-appear-active { opacity: 1; transform: translateY(0); transition: all .4s linear; } .app-header { height: 60px; display: flex; align-items: center; align-content: center; position: relative; z-index: 10; transition: all .2s; } .app-header.header-shadow { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .app-header .app-header__content { display: flex; align-items: center; align-content: center; flex: 1; padding: 0 1.5rem; height: 60px; } .app-header .app-header__content .app-header-left { display: flex; align-items: center; } .app-header .app-header__content .app-header-right { align-items: center; display: flex; margin-left: auto; } .app-header .header-user-info > .widget-heading, .app-header .header-user-info > .widget-subheading { white-space: nowrap; } .app-header .header-user-info > .widget-subheading { font-size: 0.68182rem; } .app-header__logo { padding: 0 1.5rem; height: 60px; width: 80px; display: flex; align-items: center; transition: width .2s; } .app-header__logo .logo-src { height: 23px; width: 97px; background: url(assets/images/logo-inverse.png); } .app-header__menu, .app-header__mobile-menu { display: none; padding: 0 1.5rem; height: 60px; align-items: center; } .fixed-header .app-header { position: fixed; width: 100%; top: 0; } .fixed-header .app-header .app-header__logo { visibility: visible; } .fixed-header .app-main { padding-top: 60px; } .fixed-header:not(.fixed-sidebar):not(.closed-sidebar) .app-sidebar .app-header__logo { visibility: hidden; } .header-dots { margin-left: auto; display: flex; } .header-dots > .dropdown { display: flex; align-content: center; } .header-dots .icon-wrapper-alt { margin: 0; height: 44px; width: 44px; text-align: center; overflow: visible; } .header-dots .icon-wrapper-alt .language-icon { border-radius: 30px; position: relative; z-index: 4; width: 32px; height: 32px; overflow: hidden; margin: 0 auto; } .header-dots .icon-wrapper-alt .language-icon img { position: relative; top: 50%; left: 50%; margin: -22px 0 0 -20px; } .header-dots .icon-wrapper-alt .icon-wrapper-bg { opacity: .1; transition: opacity .2s; border-radius: 40px; } .header-dots .icon-wrapper-alt svg { margin: 0 auto; } @-moz-document url-prefix() { .header-dots .icon-wrapper-alt svg { width: 50%; } } .header-dots .icon-wrapper-alt i { font-size: 1.3rem; } .header-dots .icon-wrapper-alt:hover { cursor: pointer; } .header-dots .icon-wrapper-alt:hover .icon-wrapper-bg { opacity: .2; } .header-dots .icon-wrapper-alt .badge-dot { top: 1px; right: 1px; border: 0; } .header-megamenu.nav > li > .nav-link { color: #6c757d; padding-left: 0.66667rem; padding-right: 0.66667rem; } .header-megamenu.nav > li > .nav-link .badge-pill { padding: 5px 7px; } .header-megamenu.nav > li > .nav-link:hover { color: #343a40; } .header-megamenu.nav > li > .nav-link .fa { margin-top: 3px; } .header-btn-lg { padding: 0 0 0 1.5rem; margin-left: 1.5rem; display: flex; align-items: center; position: relative; } .header-btn-lg::before { position: absolute; left: -1px; top: 50%; background: #dee2e6; width: 1px; height: 30px; margin-top: -15px; content: ''; } .header-btn-lg .hamburger-inner, .header-btn-lg .hamburger-inner::before, .header-btn-lg .hamburger-inner::after { background: #6c757d; } .app-header.header-text-light .app-header-left > .nav > li > .nav-link { color: rgba(255, 255, 255, 0.7); } .app-header.header-text-light .app-header-left > .nav > li > .nav-link .nav-link-icon { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header-left > .nav > li > .nav-link:hover { color: white; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt .icon { color: rgba(255, 255, 255, 0.7) !important; transition: all .2s; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .icon-wrapper-bg { background: rgba(255, 255, 255, 0.1) !important; transition: all .2s; opacity: 1; } .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon { color: rgba(255, 255, 255, 0.9) !important; } .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg { background: rgba(255, 255, 255, 0.15) !important; } .app-header.header-text-light .app-header-right .icon-wrapper-alt .badge-dot { border-color: transparent; } .app-header.header-text-light .app-header-right > .header-btn-lg .widget-content-left .btn-group > .btn, .app-header.header-text-light .app-header-right > .header-btn-lg .widget-heading, .app-header.header-text-light .app-header-right > .header-btn-lg .widget-subheading { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header-right > .header-btn-lg .header-user-info > .btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2); } .app-header.header-text-light .search-wrapper .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-light .search-wrapper .input-holder .search-input::placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-webkit-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-ms-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-moz-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-moz-placeholder { color: rgba(255, 255, 255, 0.5) !important; } .app-header.header-text-light .search-wrapper.active .input-holder { background: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .search-wrapper.active .input-holder .search-input { color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .search-wrapper.active .input-holder .search-icon { background: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .header-btn-lg::before { background: rgba(255, 255, 255, 0.2); } .app-header.header-text-light .header-btn-lg .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger-inner::before, .app-header.header-text-light .header-btn-lg .hamburger-inner::after, .app-header.header-text-light .header__pane .hamburger-inner, .app-header.header-text-light .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header__pane .hamburger-inner::before, .app-header.header-text-light .header__pane .hamburger-inner::after { background-color: rgba(255, 255, 255, 0.8) !important; } .app-header.header-text-light .search-wrapper .input-holder .search-icon span::after { border-color: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .search-wrapper .close::before, .app-header.header-text-light .search-wrapper .close::after, .app-header.header-text-light .search-wrapper .input-holder .search-icon span::before { background: rgba(255, 255, 255, 0.8); } .app-header.header-text-light .app-header__logo .logo-src { background: url(assets/images/logo.png); } .app-header.header-text-light .app-header__mobile-menu .hamburger-inner, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after { background: rgba(255, 255, 255, 0.9); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link { color: rgba(0, 0, 0, 0.7); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link .nav-link-icon { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header-left > .nav > li > .nav-link:hover { color: black; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon { color: rgba(0, 0, 0, 0.7) !important; transition: all .2s; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon-wrapper-bg { background: rgba(0, 0, 0, 0.1) !important; transition: all .2s; opacity: 1; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon { color: rgba(0, 0, 0, 0.95) !important; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg { background: rgba(0, 0, 0, 0.15) !important; } .app-header.header-text-dark .app-header-right .icon-wrapper-alt .badge-dot { border-color: transparent; } .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-content-left .btn-group > .btn, .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-heading, .app-header.header-text-dark .app-header-right > .header-btn-lg .widget-subheading { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header-right > .header-btn-lg .header-user-info > .btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2); } .app-header.header-text-dark .search-wrapper .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .search-wrapper.active .input-holder { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .search-wrapper.active .input-holder .search-input { color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .search-wrapper.active .input-holder .search-icon { background: rgba(0, 0, 0, 0.1); } .app-header.header-text-dark .header-btn-lg::before { background: rgba(0, 0, 0, 0.2); } .app-header.header-text-dark .header-btn-lg .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger-inner::before, .app-header.header-text-dark .header-btn-lg .hamburger-inner::after, .app-header.header-text-dark .header__pane .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger-inner::before, .app-header.header-text-dark .header__pane .hamburger-inner::after { background-color: rgba(0, 0, 0, 0.8) !important; } .app-header.header-text-dark .search-wrapper .input-holder .search-icon span::after { border-color: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .search-wrapper .close::before, .app-header.header-text-dark .search-wrapper .close::after, .app-header.header-text-dark .search-wrapper .input-holder .search-icon span::before { background: rgba(0, 0, 0, 0.8); } .app-header.header-text-dark .app-header__logo .logo-src { background: url(assets/images/logo-inverse.png); } .app-sidebar { width: 280px; display: flex; z-index: 1080; overflow: hidden; min-width: 280px; position: relative; flex: 0 0 280px; margin-top: -60px; padding-top: 60px; transition: all .2s; } .app-sidebar .app-sidebar__inner { padding: 2px 1.5rem 1.5rem; } .app-sidebar .scrollbar-sidebar { z-index: 15; width: 100%; } .app-sidebar .app-sidebar-bg { position: absolute; left: 0; top: 0; height: 100%; width: 100%; opacity: 0.05; background-size: cover; z-index: 10; } .app-sidebar .app-header__logo { position: absolute; left: 0; top: 0; display: none; z-index: 11; } .app-sidebar.sidebar-shadow { box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05); } .app-sidebar__heading { text-transform: uppercase; font-size: 0.68182rem; margin: 0.75rem 0; font-weight: bold; color: #3f6ad8; white-space: nowrap; position: relative; } .sidebar-mobile-overlay { display: none; position: fixed; width: 100%; height: 100%; background: #333; opacity: .6; left: 0; top: 0; z-index: 12; } .vertical-nav-menu { margin: 0; padding: 0; position: relative; list-style: none; } .vertical-nav-menu::after { content: " "; pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .vertical-nav-menu .mm-collapse:not(.mm-show) { display: none; } .vertical-nav-menu .mm-collapsing { position: relative; height: 0; overflow: hidden; transition-timing-function: ease; transition-duration: .25s; transition-property: height, visibility; } .vertical-nav-menu ul { margin: 0; padding: 0; position: relative; list-style: none; } .vertical-nav-menu:before { opacity: 0; transition: opacity 300ms; } .vertical-nav-menu li a { display: block; line-height: 2.4rem; height: 2.4rem; padding: 0 1.5rem 0 45px; position: relative; border-radius: 0.25rem; color: #343a40; white-space: nowrap; transition: all .2s; margin: .1rem 0; text-transform: uppercase; } .vertical-nav-menu li a:hover { background: #e0f3ff; text-decoration: none; } .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .6; } .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .vertical-nav-menu li.mm-active > a { font-weight: bold; } .vertical-nav-menu li.mm-active > a i.metismenu-state-icon { transform: rotate(-180deg); } .vertical-nav-menu li a.mm-active { color: #3f6ad8; background: #e0f3ff; font-weight: bold; } .vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon { text-align: center; width: 34px; height: 34px; line-height: 34px; position: absolute; left: 5px; top: 50%; margin-top: -17px; font-size: 1.5rem; opacity: .8; transition: color 300ms; } .vertical-nav-menu i.metismenu-state-icon { transition: transform 300ms; left: auto; right: 0; } .vertical-nav-menu ul { transition: padding 300ms; padding: .5em 0 0 2rem; } .vertical-nav-menu ul:before { content: ''; height: 100%; opacity: 1; width: 3px; background: #e0f3ff; position: absolute; left: 20px; top: 0; border-radius: 15px; } .vertical-nav-menu ul > li > a { color: #6c757d; height: 2rem; line-height: 2rem; padding: 0 1.5rem 0; } .vertical-nav-menu ul > li > a:hover { color: #3f6ad8; } .vertical-nav-menu ul > li > a .metismenu-icon { display: none; } .vertical-nav-menu ul > li > a.mm-active { color: #3f6ad8; background: #e0f3ff; font-weight: bold; } .app-sidebar.sidebar-text-light { border-right: 0 !important; } .app-sidebar.sidebar-text-light .app-sidebar__heading { color: rgba(255, 255, 255, 0.6); } .app-sidebar.sidebar-text-light .app-sidebar__heading::before { background: rgba(255, 255, 255, 0.5) !important; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a { color: rgba(255, 255, 255, 0.7); } .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon { opacity: .5; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon { opacity: .5; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover { background: rgba(255, 255, 255, 0.15); color: white; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .8; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active { color: rgba(255, 255, 255, 0.7); background: rgba(255, 255, 255, 0.15); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul:before { background: rgba(255, 255, 255, 0.1); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a { color: rgba(255, 255, 255, 0.6); } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a:hover { color: white; } .app-sidebar.sidebar-text-light .vertical-nav-menu ul > li > a.mm-active { color: white; background: rgba(255, 255, 255, 0.15); } .app-sidebar.sidebar-text-light .ps__thumb-y { background: rgba(255, 255, 255, 0.3); } .app-sidebar.sidebar-text-light .ps__rail-y:hover .ps__thumb-y { background: rgba(255, 255, 255, 0.2); } .app-sidebar.sidebar-text-light .app-header__logo .logo-src { background: url(assets/images/logo.png); } .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::after { background-color: rgba(255, 255, 255, 0.8); } .app-sidebar.sidebar-text-dark { border-right: 0 !important; } .app-sidebar.sidebar-text-dark .app-sidebar__heading { color: rgba(0, 0, 0, 0.6); } .app-sidebar.sidebar-text-dark .app-sidebar__heading::before { background: rgba(0, 0, 0, 0.5) !important; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a { color: rgba(0, 0, 0, 0.6); } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-icon { opacity: .5; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-state-icon { opacity: .5; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover { background: rgba(0, 0, 0, 0.15); color: rgba(0, 0, 0, 0.7); } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-icon { opacity: .7; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-state-icon { opacity: 1; } .app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active { color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.15); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before { background: rgba(0, 0, 0, 0.1); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a { color: rgba(0, 0, 0, 0.4); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a:hover { color: rgba(0, 0, 0, 0.7); } .app-sidebar.sidebar-text-dark .vertical-nav-menu ul > li > a.mm-active { color: rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.15); } .app-sidebar.sidebar-text-dark .ps__thumb-y { background: rgba(0, 0, 0, 0.3); } .app-sidebar.sidebar-text-dark .ps__rail-y:hover .ps__thumb-y { background: rgba(0, 0, 0, 0.2); } .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::after { background-color: rgba(0, 0, 0, 0.8); } .fixed-sidebar .app-sidebar { position: fixed; height: 100vh; } .fixed-sidebar .app-main .app-main__outer { z-index: 9; padding-left: 280px; } .fixed-sidebar.fixed-header .app-sidebar .app-header__logo { display: none; } .fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo { display: flex; } .fixed-sidebar:not(.fixed-header) .app-header { margin-left: 280px; } .fixed-sidebar:not(.fixed-header) .app-header .app-header__logo { display: none; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header { margin-left: 80px; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo { width: 80px; padding: 0; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src { display: none; } .fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane { margin-right: auto; } .closed-sidebar .app-sidebar { transition: all .3s ease; width: 80px; min-width: 80px; flex: 0 0 80px; z-index: 13; } .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading { text-indent: -999em; } .closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e0f3ff; text-indent: 1px; } .closed-sidebar .app-sidebar .app-sidebar__inner ul li a { text-indent: -99rem; padding: 0; } .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon { text-indent: 0; left: 50%; margin-left: -17px; } .closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-state-icon { visibility: hidden; } .closed-sidebar .app-sidebar .app-sidebar__inner ul::before { display: none; } .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show { padding: 0; } .closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show > li > a { height: 0; } .closed-sidebar .app-sidebar:hover { flex: 0 0 280px !important; width: 280px !important; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading { text-indent: initial; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading::before { display: none; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before { display: block; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a { text-indent: initial; padding: 0 1.5rem 0 45px; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon { text-indent: initial; left: 5px; margin-left: 0; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-state-icon { visibility: visible; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show { padding: .5em 0 0 2rem; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show > li > a { height: 2.3em; } .closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a { padding-left: 1em; } .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar { position: static; height: auto; overflow: initial !important; } .closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar { position: absolute; height: 100%; overflow: hidden !important; } .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo { width: 80px; } .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src { display: none; } .closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane { margin-right: auto; } .closed-sidebar.fixed-sidebar .app-main__outer { padding-left: 80px; } .closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo { visibility: hidden; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo { width: auto; display: flex; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane { display: none; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo { display: flex; width: 80px; padding: 0 1.5rem !important; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src { display: block !important; margin: 0 auto; width: 21px; } .closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane { display: none; } .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo { width: 280px; } .closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src { width: 97px; margin: 0; } .closed-sidebar.closed-sidebar-mobile .app-header { margin-left: 0 !important; } .closed-sidebar.fixed-footer .app-footer__inner { margin-left: 0 !important; } .app-main { flex: 1; display: flex; z-index: 8; position: relative; } .app-main .app-main__outer { flex: 1; flex-direction: column; display: flex; z-index: 12; } .app-main .app-main__inner { padding: 20px 20px 0; flex: 1; } .app-theme-white.app-container { background: #f1f4f6; } .app-theme-white .app-sidebar { background: #ffffff; } .app-theme-white .app-page-title { background: rgba(255, 255, 255, 0.45); } .app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header { background: #fafbfc; } .app-theme-white.fixed-header .app-header__logo { background: rgba(250, 251, 252, 0.1); } .app-theme-gray.app-container { background: #ffffff; } .app-theme-gray .app-sidebar { background: #ffffff; border-right: #dee2e6 solid 1px; } .app-theme-gray .app-page-title { background: rgba(0, 0, 0, 0.03); } .app-theme-gray .app-footer, .app-theme-gray .app-header { background: #f8f9fa; } .app-theme-gray .app-footer { border-top: #dee2e6 solid 1px; } .app-theme-gray .app-header .app-header__logo { border-right: rgba(0, 0, 0, 0.1) solid 1px; } .app-theme-gray.fixed-header .app-header__logo { background: rgba(0, 0, 0, 0.03); } .app-theme-gray .card { border-width: 1px; } .app-theme-gray .main-card { box-shadow: 0 0 0 0 transparent !important; } .app-theme-gray .main-card > .card-body > .card-title { text-transform: none; font-size: 0.9375rem; font-weight: normal; border-bottom: #dee2e6 solid 1px; position: relative; padding: 0 0 1.125rem; margin: 0 0 1.125rem; } .app-theme-gray .main-card > .card-body > .card-title::before { position: absolute; width: 40px; background: #3f6ad8; border-radius: 30px; height: 5px; left: 0; bottom: -2px; content: ""; } .app-theme-gray .app-inner-layout__sidebar { border-left: 0 !important; } .app-footer { height: 60px; } .app-footer .app-footer__inner { padding: 0 1.5rem 0 0.75rem; height: 60px; display: flex; align-content: center; align-items: center; } .app-footer .app-footer__inner .app-footer-left { display: flex; align-items: center; } .app-footer .app-footer__inner .app-footer-right { margin-left: auto; display: flex; } .footer-dots { display: flex; align-items: center; align-content: center; } .footer-dots .dots-separator { height: 40px; margin: 0 0.6rem; width: 1px; background: #e9ecef; } .dot-btn-wrapper { padding: .5rem; position: relative; display: flex; opacity: .7; transition: opacity .2s; cursor: pointer; } .dot-btn-wrapper .badge-abs { right: 50%; } .dot-btn-wrapper .badge-abs.badge-dot-sm { top: -2px; margin-right: -3px; } .dot-btn-wrapper .dot-btn-icon { font-size: 1.8rem; } .dot-btn-wrapper:hover { text-decoration: none; opacity: 1; } .fixed-footer .app-footer { position: fixed; width: 100%; bottom: 0; left: 0; z-index: 7; } .fixed-footer .app-footer .app-footer__inner { margin-left: 280px; box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(4, 9, 20, 0.02), 0.3rem -0.9375rem 1.40625rem rgba(4, 9, 20, 0.02), 0.3rem -0.25rem 0.53125rem rgba(4, 9, 20, 0.04), 0.3rem -0.125rem 0.1875rem rgba(4, 9, 20, 0.02); } .fixed-footer .app-main .app-main__outer { padding-bottom: 60px; } .app-page-title { padding: 20px; margin: -20px -20px 20px; position: relative; } .app-page-title + .body-tabs-layout { margin-top: -20px !important; } .app-page-title .page-title-wrapper { position: relative; display: flex; align-items: center; } .app-page-title .page-title-heading, .app-page-title .page-title-subheading { margin: 0; padding: 0; } .app-page-title .page-title-heading { font-size: 1.25rem; font-weight: 400; display: flex; align-content: center; align-items: center; } .app-page-title .page-title-subheading { padding: 3px 0 0; font-size: 0.75rem; opacity: .6; } .app-page-title .page-title-subheading .breadcrumb { padding: 0; margin: 3px 0 0; background: transparent; } .app-page-title .page-title-actions { margin-left: auto; } .app-page-title .page-title-actions .breadcrumb { margin: 0; padding: 0; background: transparent; } .app-page-title .page-title-icon { font-size: 2rem; display: flex; align-items: center; align-content: center; text-align: center; padding: 0.83333rem; margin: 0 20px 0 0; background: #fff; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border-radius: 0.25rem; width: 60px; height: 60px; } .app-page-title .page-title-icon i { margin: auto; } .app-page-title .page-title-icon.rounded-circle { margin: 0 13.33333px 0 0; } .app-page-title + .RRT__container { margin-top: -15.38462px; } .app-page-title.app-page-title-simple { margin: 0; background: none !important; padding-left: 0; padding-right: 0; padding-top: 0; } .page-title-icon-rounded .page-title-icon { border-radius: 50px; } .search-wrapper { position: relative; margin-right: 0.66667rem; } .search-wrapper .input-holder { height: 42px; width: 42px; overflow: hidden; position: relative; transition: all 0.3s ease-in-out; } .search-wrapper .input-holder .search-input { width: 100%; padding: 0 70px 0 20px; opacity: 0; position: absolute; top: 0; left: 0; background: transparent; box-sizing: border-box; border: none; outline: none; transform: translate(0, 60px); transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57); transition-delay: 0.3s; font-size: 0.75rem; } .search-wrapper .input-holder .search-icon { width: 42px; height: 42px; border: none; padding: 0; outline: none; position: relative; z-index: 2; float: right; cursor: pointer; transition: all 0.3s ease-in-out; background: rgba(0, 0, 0, 0.06); border-radius: 30px; } .search-wrapper .input-holder .search-icon span { width: 22px; height: 22px; display: inline-block; vertical-align: middle; position: relative; transform: rotate(45deg); transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65); } .search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after { position: absolute; content: ''; } .search-wrapper .input-holder .search-icon span::before { width: 4px; height: 11px; left: 9px; top: 13px; border-radius: 2px; background: #3f6ad8; } .search-wrapper .input-holder .search-icon span::after { width: 14px; height: 14px; left: 4px; top: 0; border-radius: 16px; border: 2px solid #3f6ad8; } .search-wrapper .close { position: absolute; z-index: 1; top: 50%; left: 0; width: 20px; height: 20px; margin-top: -10px; cursor: pointer; opacity: 0 !important; transform: rotate(-180deg); transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11); transition-delay: 0.1s; } .search-wrapper .close::before, .search-wrapper .close::after { position: absolute; content: ''; background: #3f6ad8; border-radius: 2px; } .search-wrapper .close::before { width: 2px; height: 20px; left: 9px; top: 0; } .search-wrapper .close::after { width: 20px; height: 2px; left: 0; top: 9px; } .search-wrapper.active { width: 330px; } .search-wrapper.active .input-holder { width: 290px; border-radius: 50px; background: rgba(0, 0, 0, 0.05); transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57); } .search-wrapper.active .input-holder .search-input { opacity: 1; transform: translate(0, 11px); } .search-wrapper.active .input-holder .search-icon { width: 42px; height: 42px; margin: 0; border-radius: 30px; } .search-wrapper.active .input-holder .search-icon span { transform: rotate(-45deg); } .search-wrapper.active .close { left: 300px; opacity: .6 !important; transform: rotate(45deg); transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57); transition-delay: 0.5s; } .search-wrapper.active .close:hover { opacity: 1 !important; } .search-wrapper.active + .header-megamenu { opacity: 0; } .opacity-01 { opacity: .01 !important; } .opacity-02 { opacity: .02 !important; } .opacity-03 { opacity: .03 !important; } .opacity-04 { opacity: .04 !important; } .opacity-05 { opacity: .05 !important; } .opacity-06 { opacity: .06 !important; } .opacity-07 { opacity: .07 !important; } .opacity-08 { opacity: .08 !important; } .opacity-09 { opacity: .09 !important; } .opacity-1 { opacity: .1 !important; } .opacity-15 { opacity: .15 !important; } .opacity-2 { opacity: .2 !important; } .opacity-3 { opacity: .3 !important; } .opacity-4 { opacity: .4 !important; } .opacity-5 { opacity: .5 !important; } .opacity-6 { opacity: .6 !important; } .opacity-7 { opacity: .7 !important; } .opacity-8 { opacity: .8 !important; } .opacity-9 { opacity: .9 !important; } .opacity-10 { opacity: 1 !important; } .filter-grayscale-5 { filter: grayscale(5%) !important; } .filter-grayscale-10 { filter: grayscale(10%) !important; } .filter-grayscale-20 { filter: grayscale(20%) !important; } .filter-grayscale-30 { filter: grayscale(30%) !important; } .filter-grayscale-40 { filter: grayscale(40%) !important; } .filter-grayscale-50 { filter: grayscale(50%) !important; } .filter-grayscale-80 { filter: grayscale(80%) !important; } .filter-grayscale-100 { filter: grayscale(100%) !important; } .br-tl { border-top-left-radius: 0.25rem !important; } .br-tr { border-top-right-radius: 0.25rem !important; } .br-bl { border-bottom-left-radius: 0.25rem !important; } .br-br { border-bottom-right-radius: 0.25rem !important; } .b-radius-0 { border-radius: 0 !important; } .rm-border { border-width: 0 !important; } .br-a { border-radius: 0.25rem; } .margin-h-center { margin-left: auto !important; margin-right: auto !important; } .center-svg { margin: 0 auto; } .center-svg svg { margin: 0 auto; } .apexcharts-canvas { margin: 0 auto; } .apexcharts-donut { display: flex; align-items: center; align-content: center; } .alert-dismissible .close { top: 0; right: 5px; padding: 5px; } .icon-gradient { -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .font-size-xlg { font-size: 1.3rem !important; } .font-size-md { font-size: .9rem !important; } .font-size-lg { font-size: 1.1rem !important; } .no-shadow { box-shadow: 0 0 0 transparent !important; } .h-100 { height: 100vh !important; } .he-auto { height: auto !important; } .he-100 { height: 100%; } .h-sm { height: 150px; } .text-nowrap { white-space: nowrap; } .fsize-1 { font-size: .95rem !important; } .fsize-2 { font-size: 1.3rem !important; } .fsize-3 { font-size: 1.6rem !important; } .fsize-4 { font-size: 2rem !important; } .z-index-6 { z-index: 6; } .line-height-1 { line-height: 1; } .center-elem { display: flex; align-items: center; align-content: center; } .flex2 { flex: 2; } .divider { margin-top: 1rem; margin-bottom: 1rem; height: 1px; overflow: hidden; background: #e9ecef; } .list-group-item:hover { z-index: initial; } .no-results { padding: 1.5rem; text-align: center; } .no-results .results-title { color: #495057; font-size: 1.25rem; } .no-results .results-subtitle { color: #adb5bd; font-size: 0.9375rem; } .bg-animation { animation: bg-pan-left 8s both; } @-webkit-keyframes bg-pan-left { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes bg-pan-left { 0% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .w-100 { width: 100%; } .mb--2 { margin-bottom: -1.5rem; } .mbg-3 { margin-bottom: 20px; } .circle-progress { position: relative; } .circle-progress small { position: absolute; height: 100%; width: 100%; font-weight: bold; left: 0; top: 0; vertical-align: middle; text-align: center; display: flex; align-items: center; align-content: center; } .circle-progress small span { margin: 0 auto; } .circle-progress canvas { display: block; } .bg-warm-flame { background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) !important; } .bg-night-fade { background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important; } .bg-sunny-morning { background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important; } .bg-tempting-azure { background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important; } .bg-amy-crisp { background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important; } .bg-heavy-rain { background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important; } .bg-mean-fruit { background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%) !important; } .bg-malibu-beach { background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important; } .bg-deep-blue { background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important; } .bg-ripe-malin { background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%) !important; } .bg-arielle-smile { background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important; } .bg-plum-plate { background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important; } .bg-happy-fisher { background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%) !important; } .bg-happy-itmeo { background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%) !important; } .bg-mixed-hopes { background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%) !important; } .bg-strong-bliss { background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important; } .bg-grow-early { background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important; } .bg-love-kiss { background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%) !important; } .bg-premium-dark { background-image: linear-gradient(to right, #434343 0%, black 100%) !important; } .bg-happy-green { background-image: linear-gradient(to bottom, #00b09b, #96c93d) !important; } .bg-vicious-stance { background-image: linear-gradient(60deg, #29323c 0%, #485563 100%) !important; } .bg-midnight-bloom { background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important; } .bg-night-sky { background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important; } .bg-slick-carbon { background-image: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%) !important; background-blend-mode: multiply; } .bg-royal { background-image: linear-gradient(to right, #141e30, #243b55) !important; } .bg-asteroid { background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important; } .bg-transparent { background: transparent !important; } /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ body { -webkit-backface-visibility: hidden; } .animated, .TabsAnimation-appear { -webkit-animation-duration: calc( 1s); animation-duration: calc( 1s); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite, .infinite.TabsAnimation-appear { animation-iteration-count: infinite; } .animated.hinge, .hinge.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 2); animation-duration: calc( 1s * 2); } .animated.bounceIn, .bounceIn.TabsAnimation-appear, .animated.bounceOut, .bounceOut.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 0.75); animation-duration: calc( 1s * 0.75); } .animated.flipOutX, .flipOutX.TabsAnimation-appear, .animated.flipOutY, .flipOutY.TabsAnimation-appear { -webkit-animation-duration: calc( 1s * 0.75); animation-duration: calc( 1s * 0.75); } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp, .TabsAnimation-appear { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { transform: translate3d(0, -100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { transform: translate3d(100%, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { transform: translate3d(0, 100%, 0); visibility: visible; } 100% { transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { transform: translate3d(0, 0, 0); visibility: visible; } 100% { transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; transform: scale3d(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } .dropdown-menu.show { animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .popover:not([data-placement^="top"]).show { animation: fade-in2 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; } .dropdown-menu[data-placement^="top"].show { animation: fade-in3 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both; bottom: auto !important; top: auto !important; } @keyframes fade-in2 { 0% { margin-top: -50px; visibility: hidden; opacity: 0; } 100% { margin-top: 0px; visibility: visible; opacity: 1; } } .form-control { transition: all .2s; } .btn-outline-2x { border-width: 2px; } .btn-group .btn { font-size: 0.8rem; font-weight: 500; } .btn-group .btn-outline-2x + .btn-outline-2x { margin-left: -2px; } .btn-group .btn-square { border-radius: 0; } .btn { font-size: 0.8rem; font-weight: 500; } .btn.btn-pill.btn-wide, .btn.btn-pill { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-dashed { border-style: dashed; } .btn-icon { vertical-align: bottom; } .btn-icon.btn-icon-right .btn-icon-wrapper { margin-left: 0.5rem; margin-right: 0; } .btn-icon .btn-icon-wrapper { margin-right: 0.5rem; margin-left: 0; margin-top: 0; font-size: 17px; vertical-align: middle; transition: color .1s; display: inline-block; } .btn-icon.btn-link { text-decoration: none; } .btn-icon.btn-lg:not(.btn-block) .btn-icon-wrapper, .btn-group-lg > .btn-icon.btn:not(.btn-block) .btn-icon-wrapper { font-size: 25px; } .btn-icon.btn-sm:not(.btn-block) .btn-icon-wrapper, .btn-group-sm > .btn-icon.btn:not(.btn-block) .btn-icon-wrapper { font-size: 16px; } .btn-icon-only .btn-icon-wrapper { margin-left: 0; margin-right: 0; } .btn-hover-shine { position: relative; } .btn-hover-shine:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: none; -moz-transition: none; transition: none; } .btn-hover-shine:hover:after { width: 120%; background-color: rgba(255, 255, 255, 0); transition: all 0.4s ease-in-out; } .btn-hover-shine.btn-pill::after { border-top-left-radius: 50px; border-bottom-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; } .btn-icon-vertical { padding-top: 1rem; padding-bottom: 1rem; } .btn-icon-vertical .btn-icon-wrapper { display: block; font-size: 200%; margin: 5px 0; opacity: .6; } .btn-icon-vertical.btn-link { text-decoration: none; } .btn-icon-vertical.btn-lg:not(.btn-block) .btn-icon-wrapper, .btn-group-lg > .btn-icon-vertical.btn:not(.btn-block) .btn-icon-wrapper { font-size: 25px; } .btn-icon-vertical.btn-sm:not(.btn-block) .btn-icon-wrapper, .btn-group-sm > .btn-icon-vertical.btn:not(.btn-block) .btn-icon-wrapper { font-size: 16px; } .btn-icon-vertical:active .btn-icon-wrapper, .btn-icon-vertical.active .btn-icon-wrapper, .btn-icon-vertical:hover .btn-icon-wrapper { opacity: 1; } .btn-icon-vertical.btn-icon-bottom .btn-icon-wrapper { margin: 0.2rem 0 5px; } .btn-icon-vertical.btn-transition-text .btn-icon-wrapper { transition: all .2s !important; } .btn-icon-vertical.btn-transition-text:hover .btn-icon-wrapper { transform: scale(1.3); } .btn-icon-vertical.btn-transition-text.btn-transition-alt:hover .btn-icon-wrapper { color: #fff !important; } .btn-icon-lg { font-size: 2.5rem !important; } .btn-transition { color: #6c757d; border-color: #e9ecef; background-color: none; } .btn-transition.btn-outline-link { border-color: transparent; background-color: transparent; } .btn-transition.btn-outline-link:hover { color: #3f6ad8; background: #f8f9fa; } .btn-transition.disabled, .btn-transition:disabled { color: #6c757d; border-color: #e9ecef; } .btn-transition:hover .btn-icon-wrapper { transition: none; } .btn-transition-alt:hover .icon-gradient { -webkit-background-clip: initial; -webkit-text-fill-color: initial; background-clip: initial; text-fill-color: initial; background: none !important; color: #fff; } .btn-square { border-radius: 0 !important; } .btn.btn-wide { padding: 0.375rem 1.5rem; font-size: 0.68182rem; line-height: 1.5; border-radius: 0.25rem; } .btn-lg.btn-wide, .btn-group-lg > .btn-wide.btn { padding: 0.5rem 2rem; font-size: 0.9375rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm.btn-wide, .btn-group-sm > .btn-wide.btn { padding: 0.25rem 1rem; font-size: 0.68182rem; line-height: 1.5; border-radius: 0.2rem; } .dropdown-toggle::after { position: relative; top: 2px; opacity: .8; } .dropright .dropdown-toggle::after { top: 0; } .dropdown-toggle-split { border-left: rgba(255, 255, 255, 0.1) solid 1px; } .btn-gradient-primary { background-image: linear-gradient(140deg, #2248a8 -30%, #3f6ad8 90%); background-color: #2248a8; border-color: #2248a8; color: #fff; } .btn-gradient-primary.active, .btn-gradient-primary:active, .btn-gradient-primary:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #20429c 0%, #3260d5 100%); color: #fff; border-color: #1a367e; } .btn-gradient-primary:focus, .btn-gradient-primary.focus, .btn-gradient-primary:active, .btn-gradient-primary.active { color: #fff !important; border-color: #1e3f93 !important; } .btn-gradient-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-gradient-primary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .btn-gradient-secondary { background-image: linear-gradient(140deg, #494f54 -30%, #6c757d 90%); background-color: #494f54; border-color: #494f54; color: #fff; } .btn-gradient-secondary.active, .btn-gradient-secondary:active, .btn-gradient-secondary:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #41474c 0%, #656d75 100%); color: #fff; border-color: #313539; } .btn-gradient-secondary:focus, .btn-gradient-secondary.focus, .btn-gradient-secondary:active, .btn-gradient-secondary.active { color: #fff !important; border-color: #3d4246 !important; } .btn-gradient-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-gradient-secondary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-gradient-success { background-image: linear-gradient(140deg, #298957 -30%, #3ac47d 90%); background-color: #298957; border-color: #298957; color: #fff; } .btn-gradient-success.active, .btn-gradient-success:active, .btn-gradient-success:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #257d50 0%, #37b875 100%); color: #fff; border-color: #1d623e; } .btn-gradient-success:focus, .btn-gradient-success.focus, .btn-gradient-success:active, .btn-gradient-success.active { color: #fff !important; border-color: #23754b !important; } .btn-gradient-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-gradient-success.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-gradient-info { background-image: linear-gradient(140deg, #007fc9 -30%, #16aaff 90%); background-color: #007fc9; border-color: #007fc9; color: #fff; } .btn-gradient-info.active, .btn-gradient-info:active, .btn-gradient-info:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #0076b9 0%, #07a4ff 100%); color: #fff; border-color: #005f96; } .btn-gradient-info:focus, .btn-gradient-info.focus, .btn-gradient-info:active, .btn-gradient-info.active { color: #fff !important; border-color: #006faf !important; } .btn-gradient-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-gradient-info.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-gradient-warning { background-image: linear-gradient(140deg, #c78f07 -30%, #f7b924 90%); background-color: #c78f07; border-color: #c78f07; color: #fff; } .btn-gradient-warning.active, .btn-gradient-warning:active, .btn-gradient-warning:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #b88407 0%, #f6b415 100%); color: #fff; border-color: #966c05; } .btn-gradient-warning:focus, .btn-gradient-warning.focus, .btn-gradient-warning:active, .btn-gradient-warning.active { color: #fff !important; border-color: #af7d06 !important; } .btn-gradient-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-gradient-warning.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-gradient-danger { background-image: linear-gradient(140deg, #981a38 -30%, #d92550 90%); background-color: #981a38; border-color: #981a38; color: #fff; } .btn-gradient-danger.active, .btn-gradient-danger:active, .btn-gradient-danger:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #8b1833 0%, #cc234b 100%); color: #fff; border-color: #6c1228; } .btn-gradient-danger:focus, .btn-gradient-danger.focus, .btn-gradient-danger:active, .btn-gradient-danger.active { color: #fff !important; border-color: #821630 !important; } .btn-gradient-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-gradient-danger.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-gradient-focus { background-image: linear-gradient(140deg, #211f29 -30%, #444054 90%); background-color: #211f29; border-color: #211f29; color: #fff; } .btn-gradient-focus.active, .btn-gradient-focus:active, .btn-gradient-focus:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #1a1820 0%, #3d394b 100%); color: #fff; border-color: #09090c; } .btn-gradient-focus:focus, .btn-gradient-focus.focus, .btn-gradient-focus:active, .btn-gradient-focus.active { color: #fff !important; border-color: #15141a !important; } .btn-gradient-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-gradient-focus.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-gradient-alternate { background-image: linear-gradient(140deg, #4e3159 -30%, #794c8a 90%); background-color: #4e3159; border-color: #4e3159; color: #fff; } .btn-gradient-alternate.active, .btn-gradient-alternate:active, .btn-gradient-alternate:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #452b4f 0%, #704780 100%); color: #fff; border-color: #311f38; } .btn-gradient-alternate:focus, .btn-gradient-alternate.focus, .btn-gradient-alternate:active, .btn-gradient-alternate.active { color: #fff !important; border-color: #3f2848 !important; } .btn-gradient-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-gradient-alternate.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-gradient-light { background-image: linear-gradient(140deg, #c8c8c8 -30%, #eeeeee 90%); background-color: #c8c8c8; border-color: #c8c8c8; color: #212529; } .btn-gradient-light.active, .btn-gradient-light:active, .btn-gradient-light:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, silver 0%, #e6e6e6 100%); color: #212529; border-color: #aeaeae; } .btn-gradient-light:focus, .btn-gradient-light.focus, .btn-gradient-light:active, .btn-gradient-light.active { color: #212529 !important; border-color: #bbbbbb !important; } .btn-gradient-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-gradient-light.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .btn-gradient-dark { background-image: linear-gradient(140deg, #121416 -30%, #343a40 90%); background-color: #121416; border-color: #121416; color: #fff; } .btn-gradient-dark.active, .btn-gradient-dark:active, .btn-gradient-dark:not(:disabled):not(.disabled):hover { background-image: linear-gradient(120deg, #0b0c0d 0%, #2d3238 100%); color: #fff; border-color: black; } .btn-gradient-dark:focus, .btn-gradient-dark.focus, .btn-gradient-dark:active, .btn-gradient-dark.active { color: #fff !important; border-color: #060708 !important; } .btn-gradient-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-gradient-dark.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn.btn-shadow.active { box-shadow: 0 0 0 0 transparent !important; } .btn-primary { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:hover { color: #fff; background-color: #2955c8; border-color: #2651be; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #2651be; border-color: #244cb3; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(92, 128, 222, 0.5); } .btn-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-primary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: #5a6268; border-color: #545b62; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #545b62; border-color: #4e555b; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5); } .btn-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-secondary.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-success { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:hover { color: #fff; background-color: #31a66a; border-color: #2e9d64; } .btn-success:focus, .btn-success.focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #2e9d64; border-color: #2b935e; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(88, 205, 145, 0.5); } .btn-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-success.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-info { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:hover { color: #fff; background-color: #0098ef; border-color: #0090e2; } .btn-info:focus, .btn-info.focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0090e2; border-color: #0087d5; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(57, 183, 255, 0.5); } .btn-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-info.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-warning { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:hover { color: #212529; background-color: #eca909; border-color: #e0a008; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #e0a008; border-color: #d49808; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(215, 163, 37, 0.5); } .btn-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-warning.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-danger { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-danger:hover { color: #fff; background-color: #b81f44; border-color: #ad1e40; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ad1e40; border-color: #a31c3c; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(223, 70, 106, 0.5); } .btn-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-danger.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-light { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-light:hover { color: #212529; background-color: #dbdbdb; border-color: #d5d5d5; } .btn-light:focus, .btn-light.focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d5d5d5; border-color: #cecece; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(207, 208, 208, 0.5); } .btn-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-light.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: #23272b; border-color: #1d2124; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #1d2124; border-color: #171a1d; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); } .btn-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-dark.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn-focus { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:hover { color: #fff; background-color: #322f3e; border-color: #2d2a37; } .btn-focus:focus, .btn-focus.focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.disabled, .btn-focus:disabled { color: #fff; background-color: #444054; border-color: #444054; } .btn-focus:not(:disabled):not(.disabled):active, .btn-focus:not(:disabled):not(.disabled).active, .show > .btn-focus.dropdown-toggle { color: #fff; background-color: #2d2a37; border-color: #272430; } .btn-focus:not(:disabled):not(.disabled):active:focus, .btn-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(96, 93, 110, 0.5); } .btn-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-focus.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-alternate { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:hover { color: #fff; background-color: #633e71; border-color: #5c3a69; } .btn-alternate:focus, .btn-alternate.focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.disabled, .btn-alternate:disabled { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-alternate:not(:disabled):not(.disabled):active, .btn-alternate:not(:disabled):not(.disabled).active, .show > .btn-alternate.dropdown-toggle { color: #fff; background-color: #5c3a69; border-color: #553561; } .btn-alternate:not(:disabled):not(.disabled):active:focus, .btn-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(141, 103, 156, 0.5); } .btn-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-alternate.btn-shadow:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-shadow-primary:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-shadow-secondary:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-shadow-success:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-shadow-info:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-shadow-warning:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-shadow-danger:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-shadow-light:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-shadow-dark:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-shadow-focus:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-shadow-alternate:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-outline-primary { color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:hover { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #3f6ad8; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #3f6ad8; border-color: #3f6ad8; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(63, 106, 216, 0.5); } .btn-outline-primary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.4), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.5); } .btn-outline-primary.btn-shadow.active:hover, .btn-outline-primary.btn-shadow.disabled:hover, .btn-outline-primary.btn-shadow:active:hover, .btn-outline-primary.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(63, 106, 216, 0.5), 0 0.0625rem 0.125rem rgba(63, 106, 216, 0.6); } .btn-outline-primary.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(63, 106, 216, 0.19); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #6c757d; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5); } .btn-outline-secondary.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.4), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.5); } .btn-outline-secondary.btn-shadow.active:hover, .btn-outline-secondary.btn-shadow.disabled:hover, .btn-outline-secondary.btn-shadow:active:hover, .btn-outline-secondary.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(108, 117, 125, 0.5), 0 0.0625rem 0.125rem rgba(108, 117, 125, 0.6); } .btn-outline-secondary.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(108, 117, 125, 0.19); } .btn-outline-success { color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:hover { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #3ac47d; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #3ac47d; border-color: #3ac47d; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(58, 196, 125, 0.5); } .btn-outline-success.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.4), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.5); } .btn-outline-success.btn-shadow.active:hover, .btn-outline-success.btn-shadow.disabled:hover, .btn-outline-success.btn-shadow:active:hover, .btn-outline-success.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(58, 196, 125, 0.5), 0 0.0625rem 0.125rem rgba(58, 196, 125, 0.6); } .btn-outline-success.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(58, 196, 125, 0.19); } .btn-outline-info { color: #16aaff; border-color: #16aaff; } .btn-outline-info:hover { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #16aaff; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #16aaff; border-color: #16aaff; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(22, 170, 255, 0.5); } .btn-outline-info.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.4), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.5); } .btn-outline-info.btn-shadow.active:hover, .btn-outline-info.btn-shadow.disabled:hover, .btn-outline-info.btn-shadow:active:hover, .btn-outline-info.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(22, 170, 255, 0.5), 0 0.0625rem 0.125rem rgba(22, 170, 255, 0.6); } .btn-outline-info.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(22, 170, 255, 0.19); } .btn-outline-warning { color: #f7b924; border-color: #f7b924; } .btn-outline-warning:hover { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #f7b924; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #f7b924; border-color: #f7b924; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(247, 185, 36, 0.5); } .btn-outline-warning.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.4), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.5); } .btn-outline-warning.btn-shadow.active:hover, .btn-outline-warning.btn-shadow.disabled:hover, .btn-outline-warning.btn-shadow:active:hover, .btn-outline-warning.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(247, 185, 36, 0.5), 0 0.0625rem 0.125rem rgba(247, 185, 36, 0.6); } .btn-outline-warning.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(247, 185, 36, 0.19); } .btn-outline-danger { color: #d92550; border-color: #d92550; } .btn-outline-danger:hover { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #d92550; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #d92550; border-color: #d92550; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(217, 37, 80, 0.5); } .btn-outline-danger.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.4), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.5); } .btn-outline-danger.btn-shadow.active:hover, .btn-outline-danger.btn-shadow.disabled:hover, .btn-outline-danger.btn-shadow:active:hover, .btn-outline-danger.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(217, 37, 80, 0.5), 0 0.0625rem 0.125rem rgba(217, 37, 80, 0.6); } .btn-outline-danger.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(217, 37, 80, 0.19); } .btn-outline-light { color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:hover { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #eeeeee; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #eeeeee; border-color: #eeeeee; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(238, 238, 238, 0.5); } .btn-outline-light.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.4), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.5); } .btn-outline-light.btn-shadow.active:hover, .btn-outline-light.btn-shadow.disabled:hover, .btn-outline-light.btn-shadow:active:hover, .btn-outline-light.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(238, 238, 238, 0.5), 0 0.0625rem 0.125rem rgba(238, 238, 238, 0.6); } .btn-outline-light.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(238, 238, 238, 0.19); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #343a40; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); } .btn-outline-dark.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.4), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.5); } .btn-outline-dark.btn-shadow.active:hover, .btn-outline-dark.btn-shadow.disabled:hover, .btn-outline-dark.btn-shadow:active:hover, .btn-outline-dark.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(52, 58, 64, 0.5), 0 0.0625rem 0.125rem rgba(52, 58, 64, 0.6); } .btn-outline-dark.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(52, 58, 64, 0.19); } .btn-outline-focus { color: #444054; border-color: #444054; } .btn-outline-focus:hover { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:focus, .btn-outline-focus.focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.disabled, .btn-outline-focus:disabled { color: #444054; background-color: transparent; } .btn-outline-focus:not(:disabled):not(.disabled):active, .btn-outline-focus:not(:disabled):not(.disabled).active, .show > .btn-outline-focus.dropdown-toggle { color: #fff; background-color: #444054; border-color: #444054; } .btn-outline-focus:not(:disabled):not(.disabled):active:focus, .btn-outline-focus:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-focus.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(68, 64, 84, 0.5); } .btn-outline-focus.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.4), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.5); } .btn-outline-focus.btn-shadow.active:hover, .btn-outline-focus.btn-shadow.disabled:hover, .btn-outline-focus.btn-shadow:active:hover, .btn-outline-focus.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(68, 64, 84, 0.5), 0 0.0625rem 0.125rem rgba(68, 64, 84, 0.6); } .btn-outline-focus.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(68, 64, 84, 0.19); } .btn-outline-alternate { color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:hover { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:focus, .btn-outline-alternate.focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.disabled, .btn-outline-alternate:disabled { color: #794c8a; background-color: transparent; } .btn-outline-alternate:not(:disabled):not(.disabled):active, .btn-outline-alternate:not(:disabled):not(.disabled).active, .show > .btn-outline-alternate.dropdown-toggle { color: #fff; background-color: #794c8a; border-color: #794c8a; } .btn-outline-alternate:not(:disabled):not(.disabled):active:focus, .btn-outline-alternate:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-alternate.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(121, 76, 138, 0.5); } .btn-outline-alternate.btn-shadow { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.4), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.5); } .btn-outline-alternate.btn-shadow.active:hover, .btn-outline-alternate.btn-shadow.disabled:hover, .btn-outline-alternate.btn-shadow:active:hover, .btn-outline-alternate.btn-shadow:disabled:hover { box-shadow: 0 0.125rem 0.625rem rgba(121, 76, 138, 0.5), 0 0.0625rem 0.125rem rgba(121, 76, 138, 0.6); } .btn-outline-alternate.btn-shadow:hover { box-shadow: 0px 5px 15px 2px rgba(121, 76, 138, 0.19); } .btn { position: relative; transition: color 0.15s, background-color 0.15s, border-color 0.15s, box-shadow 0.15s; } @media screen and (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn-light { border-color: gainsboro; } .btn-outline-light { color: #8f8f8f; } .dropdown-menu { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); margin: 0.125rem; } .dropdown-menu.dropdown-menu-right { right: 0 !important; } .dropdown-menu .dropdown-header { text-transform: uppercase; font-size: 0.625rem; color: #3f6ad8; font-weight: bold; } .dropdown-menu .dropdown-item { font-size: 0.75rem; display: flex; align-items: center; transition: background-color 0.3s ease, color 0.3s ease; cursor: pointer; z-index: 6; position: relative; } .dropdown-menu .dropdown-item .dropdown-icon { font-size: 1rem; margin-right: 0.325rem; width: 30px; text-align: center; opacity: .3; margin-left: -10px; } .dropdown-menu .dropdown-item:hover .dropdown-icon { opacity: .7; } .dropdown-menu.dropdown-menu-shadow { box-shadow: 0 0.66875rem 2.3875rem rgba(4, 9, 20, 0.03), 0 1.1375rem 1.60625rem rgba(4, 9, 20, 0.03), 0 0.45rem 0.73125rem rgba(4, 9, 20, 0.05), 0 0.325rem 0.3875rem rgba(4, 9, 20, 0.03); } .dropdown-menu-rounded { border-radius: 10px; padding: 0.65rem; } .dropdown-menu-rounded .dropdown-item { border-radius: 30px; } .dropdown-menu-rounded .dropdown-divider { margin-left: -0.65rem; margin-right: -0.65rem; } .dropdown-menu-rounded .dropdown-menu-header { margin-left: -0.65rem; margin-right: -0.65rem; border-top-left-radius: 10px; border-top-right-radius: 10px; } .dropdown-menu-rounded .menu-header-image, .dropdown-menu-rounded .dropdown-menu-header-inner { border-top-left-radius: 10px; border-top-right-radius: 10px; } .dropdown-menu-hover-link .dropdown-item:hover { background: none; color: #3f6ad8; } .dropdown-menu-hover-primary .dropdown-item:hover { background: #3f6ad8; color: #fff; } .dropdown-menu.dropdown-menu-lg { min-width: 22rem; } .dropdown-menu.dropdown-menu-xl { min-width: 25rem; } .dropdown-menu .dropdown-menu-header, .dropdown-menu .menu-header-image, .dropdown-menu .dropdown-menu-header-inner { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .dropdown-menu-header { color: #fff; margin-top: -0.65rem; margin-bottom: 0.65rem; position: relative; z-index: 6; } .dropdown-menu-header .dropdown-menu-header-inner { margin: -1px -1px 0; padding: 1.5rem 0.5rem; position: relative; } .dropdown-menu-header .menu-header-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 8; opacity: .25; filter: grayscale(80%); background-size: cover; } .dropdown-menu-header .menu-header-content { text-align: center; position: relative; z-index: 10; } .dropdown-menu-header .menu-header-content.text-left { padding-left: 0.5rem; } .dropdown-menu-header .menu-header-content.btn-pane-right { padding-left: 0.5rem; padding-right: 0.5rem; display: flex; align-content: center; align-items: center; text-align: left; } .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin: 0 0 0 auto; } .dropdown-menu-header .menu-header-content .menu-header-btn-pane { margin-top: 10px; margin-bottom: 3px; } .dropdown-menu-header + .grid-menu { margin-top: -0.65rem; } .menu-header-title { font-weight: 500; font-size: 1.25rem; margin: 0; } .menu-header-subtitle { font-size: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 5px 0 0; opacity: .8; } .dropdown-menu .grid-menu { margin-bottom: -0.65rem; padding: 1px; } .dropdown-menu .grid-menu [class*="col-"] { padding: 0.65rem; } .dropdown-menu .grid-menu-xl { margin-bottom: -0.48148rem; } .dropdown-menu .grid-menu-xl [class*="col-"] { padding: 0; } .dropdown-toggle::after { position: relative; top: 2px; opacity: .8; margin-left: 5px; } .dropdown-toggle-split::after { margin-left: 0; } .dropright .dropdown-toggle::after { top: 0; } .dropdown-toggle-split { border-left: rgba(255, 255, 255, 0.1) solid 2px; } .dropdown-mega-menu { width: 56rem; padding: 1rem; } .dropdown-mega-menu .nav-item.nav-item-header { text-transform: none; font-size: 1rem; padding-top: 0; font-weight: normal; } .dropdown-mega-menu .grid-menu { margin-bottom: 0; } .dropdown-mega-menu-sm { width: 40rem; } body .dropdown-menu.dropdown-menu-inline { border: 0; position: static !important; box-shadow: 0 0 0 transparent; background: transparent; border-radius: 0; display: inline-block; float: none; left: 0 !important; top: 0 !important; width: 100% !important; transform: translateY(0) !important; } body .dropdown-menu.dropdown-menu-inline::before, body .dropdown-menu.dropdown-menu-inline::after { display: none; } .nav-item .nav-link { font-weight: normal; } .nav-link { display: flex; align-items: center; transition: background-color 0.3s ease, color 0.3s ease; cursor: pointer; } .nav-link .nav-link-icon { color: #3f6ad8; font-size: 1rem; width: 30px; text-align: center; opacity: .45; margin-left: -10px; } .nav-link:hover { color: #495057; } .nav-link:hover .nav-link-icon { opacity: .9; color: #3f6ad8; } .nav-link:disabled .nav-link-icon, .nav-link.disabled .nav-link-icon { opacity: .3; } .nav-item.nav-item-header { text-transform: uppercase; font-size: 0.625rem; color: #6c757d; font-weight: bold; padding: 0.5rem 1rem; } .nav-item.nav-item-btn { padding: 0.5rem 1rem; } .nav-item.nav-item-divider { margin: 0.5rem 0; height: 1px; overflow: hidden; background: #dee2e6; } .nav .badge { margin-left: 8px; } .nav-pills .nav-link.active, .nav-pills .nav-link.active:hover { color: #fff; } .nav-pills .nav-link.active .nav-link-icon, .nav-pills .nav-link.active:hover .nav-link-icon { color: #fff; opacity: .8; } .nav-pills .nav-link:hover { color: #495057 !important; } .nav-justified .nav-link .nav-text { display: block; width: 100%; text-align: center; } .grid-menu [class*="col-"] { border-right: #dee2e6 solid 0; border-bottom: #dee2e6 solid 1px; } .grid-menu [class*="col-"]:hover { z-index: 5; } @media (min-width: 576px) { .grid-menu [class*="col-"]:nth-last-child(-n+2) { border-bottom-width: 0; } .grid-menu [class*="col-"]:nth-child(1n) { border-right-width: 1px; } .grid-menu [class*="col-"]:nth-child(2n) { border-right-width: 0; } } .grid-menu [class*="col-"]:nth-last-child(-n+1) { border-bottom-width: 0; } @media (min-width: 1200px) { .grid-menu.grid-menu-3col [class*="col-"]:nth-last-child(-n+3) { border-bottom-width: 0; } .grid-menu.grid-menu-3col [class*="col-"]:nth-child(2n) { border-right-width: 1px; } .grid-menu.grid-menu-3col [class*="col-"]:nth-child(3n) { border-right-width: 0; } } @media (min-width: 1200px) { .grid-menu.grid-menu-4col [class*="col-"]:nth-last-child(-n+4) { border-bottom-width: 0; } .grid-menu.grid-menu-4col [class*="col-"]:nth-child(2n) { border-right-width: 1px; } .grid-menu.grid-menu-4col [class*="col-"]:nth-child(3n) { border-right-width: 0; } .grid-menu.grid-menu-4col [class*="col-"]:nth-child(4n) { border-right-width: 0; } } .grid-menu .btn { display: block; border: 0; min-width: 100%; } .badge-primary { color: #fff; background-color: #3f6ad8; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #2651be; } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #545b62; } .badge-success { color: #fff; background-color: #3ac47d; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #2e9d64; } .badge-info { color: #fff; background-color: #16aaff; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0090e2; } .badge-warning { color: #212529; background-color: #f7b924; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #e0a008; } .badge-danger { color: #fff; background-color: #d92550; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ad1e40; } .badge-light { color: #212529; background-color: #eeeeee; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d5d5d5; } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #1d2124; } .badge-focus { color: #fff; background-color: #444054; } a.badge-focus:hover, a.badge-focus:focus { color: #fff; background-color: #2d2a37; } .badge-alternate { color: #fff; background-color: #794c8a; } a.badge-alternate:hover, a.badge-alternate:focus { color: #fff; background-color: #5c3a69; } .badge { font-weight: bold; text-transform: uppercase; padding: 5px 10px; min-width: 19px; } .badge-light { background: #fff; } .badge-dot { text-indent: -999em; padding: 0; width: 8px; height: 8px; border: transparent solid 1px; border-radius: 30px; min-width: 2px; } .badge-dot-lg { width: 10px; height: 10px; } .badge-dot-xl { width: 18px; height: 18px; position: relative; } .badge-dot-xl::before { content: ''; width: 10px; height: 10px; border-radius: 0.25rem; position: absolute; left: 50%; top: 50%; margin: -5px 0 0 -5px; background: #fff; } .badge-dot-sm { width: 6px; height: 6px; } .btn .badge { margin-left: 8px; } .btn .badge-dot { position: absolute; border: #fff solid 2px; top: -5px; right: -5px; width: 11px; height: 11px; } .btn .badge-dot.badge-dot-lg { width: 14px; height: 14px; } .btn .badge-dot.badge-dot-sm { width: 8px; height: 8px; border-width: 1px; } .btn .badge-dot-inside { top: 10px; right: 10px; } .btn-sm .badge-dot-sm, .btn-group-sm > .btn .badge-dot-sm { top: 1px; right: 4px; } .btn-sm .badge-dot, .btn-group-sm > .btn .badge-dot { top: 0px; right: 2px; } .btn-sm .badge-dot-lg, .btn-group-sm > .btn .badge-dot-lg { top: -3px; right: -2px; } .btn-sm .badge-pill, .btn-group-sm > .btn .badge-pill { position: absolute; top: -4px; right: -4px; } .badge-abs { position: absolute; right: -3px; top: -3px; } .avatar-icon-wrapper { display: inline-block; margin-right: .1rem; position: relative; } .avatar-icon-wrapper .badge { position: absolute; right: -2px; top: -2px; } .avatar-icon-wrapper .badge:empty { display: block; } .avatar-icon-wrapper .badge.badge-bottom { top: auto; right: -2px; bottom: -2px; } .avatar-icon-wrapper .badge-dot { width: 10px; height: 10px; border: #fff solid 2px; } .avatar-icon-wrapper .badge-dot.badge-dot-lg { width: 14px; height: 14px; border: #fff solid 2px; top: 0; right: 0; } .avatar-icon-wrapper .badge-dot.badge-dot-lg.badge-bottom { top: auto; right: 0; bottom: 0; } .avatar-icon-add .avatar-icon { background: #e0f3ff; border: #7f9be5 dashed 1px; color: #3f6ad8; text-align: center; opacity: .6; } .avatar-icon-add .avatar-icon i { font-style: normal; vertical-align: middle; font-size: 1.5rem; display: block; height: 100%; } .avatar-icon-add:hover { cursor: pointer; } .avatar-icon-add:hover .avatar-icon { opacity: 1; } a.avatar-icon-wrapper:hover .avatar-icon { opacity: .8; } .avatar-icon { display: block; width: 44px; height: 44px; transition: all .2s; opacity: 1; border-radius: 50px; } .avatar-icon.rounded { border-radius: 0.39rem !important; } .avatar-icon-xl .avatar-icon { width: 64px; height: 64px; } .avatar-icon-xl.avatar-icon-add i { font-size: 2rem; } .avatar-icon-lg .avatar-icon { width: 54px; height: 54px; } .avatar-icon-lg.avatar-icon-add i { font-size: 1.75rem; } .avatar-icon-sm .avatar-icon { width: 34px; height: 34px; } .avatar-icon-sm.avatar-icon-add i { font-size: 0.9375rem; } .avatar-icon-xs .avatar-icon { width: 26px; height: 26px; transition: transform .2s; } .avatar-icon-xs.avatar-icon-add i { line-height: 26px; font-size: 0.75rem; } .avatar-icon-xs:hover .avatar-icon { transform: scale(2); } .avatar-icon { border: #fff solid 3px; overflow: hidden; } .avatar-icon img { width: 100%; height: 100%; } .avatar-wrapper-overlap .avatar-icon-wrapper { z-index: 5; margin-left: -18px; } .avatar-wrapper-overlap .avatar-icon-wrapper:hover { z-index: 7; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xl { margin-left: -30px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-lg { margin-left: -24px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-sm { margin-left: -14px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-xs { margin-left: -10px; } .avatar-wrapper-overlap .avatar-icon-wrapper.avatar-icon-add, .avatar-wrapper-overlap .avatar-icon-wrapper:first-child { margin-left: 0 !important; } @-webkit-keyframes sploosh { 0% { box-shadow: 0 0 0 0px rgba(51, 51, 51, 0.2); } 100% { box-shadow: 0 0 0 8px rgba(51, 51, 51, 0); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 16.5% { -webkit-transform: scale(1.2); } 33% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } .badge-pulse { -webkit-animation: pulse 2s ease-out; -webkit-animation-iteration-count: infinite; position: relative; } .badge-pulse::before, .badge-pulse::after { content: ''; position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; border-radius: 50%; -webkit-animation: sploosh 2s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-animation-iteration-count: infinite; } .badge-pulse::after { -webkit-animation-delay: .33s; -webkit-animation-duration: 2.2s; } .card { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border-width: 0; transition: all .2s; } .card > .dropdown-menu-header { margin: 0; } .card > .dropdown-menu-header .dropdown-menu-header-inner { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header, .card.text-white .card-footer, .card.text-white .card-header { background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.9); } .card.text-dark.text-white .card-footer, .card.text-dark.text-white .card-header { color: rgba(0, 0, 0, 0.9); } .card .card-footer { display: flex; align-items: center; } .btn-actions-pane-right { margin-left: auto; white-space: nowrap; } .btn-actions-pane-right a { text-transform: none; } .btn-actions-pane-left { margin-right: auto; } .actions-icon-btn .btn-icon-only { padding-left: 0; padding-right: 0; color: #495057; } .actions-icon-btn .btn-icon-only .btn-icon-wrapper { font-size: 1.3rem; width: 30px; text-align: center; } .actions-icon-btn .btn-icon-only:hover { color: #3f6ad8; } .card-header, .card-title { text-transform: uppercase; color: rgba(13, 27, 62, 0.7); font-weight: bold; font-size: 0.75rem; } .card-header { display: flex; align-items: center; border-bottom-width: 1px; padding-top: 0; padding-bottom: 0; padding-right: 0.625rem; height: 3.5rem; } .card-header.no-border { border: 0; padding: 0; height: auto; } .card-header .menu-header-subtitle { display: block; } .card-header.card-header-tab .nav { width: auto; margin-left: auto; } .card-header.card-header-tab .card-header-title { display: flex; align-items: center; white-space: nowrap; } .card-header .header-icon { font-size: 1.40625rem; margin-right: 0.625rem; } .card-header > .nav { margin-left: -0.625rem; height: 100%; width: 100%; } .card-header > .nav .nav-item { position: relative; height: 100%; display: flex; align-items: center; } .card-header > .nav .nav-link { text-transform: none; width: 100%; display: block; color: #495057; } .card-header > .nav .nav-link::before { content: ''; border-radius: 15px; background: #3f6ad8; transition: all .2s; height: 4px; width: 100%; position: absolute; left: 0; bottom: -2px; opacity: 0; } .card-header > .nav .nav-link:hover { color: #3f6ad8; } .card-header > .nav .nav-link.active { color: #3f6ad8; } .card-header > .nav .nav-link.active::before { opacity: 1; } .card-header.card-header-tab-animation .nav .nav-link::before { transform: scale(0); opacity: 1; width: 90%; left: 5%; } .card-header.card-header-tab-animation .nav .nav-link.active::before, .card-header.card-header-tab-animation .nav .nav-link:hover::before { transform: scale(1); } .card-border { box-shadow: 0 0 0 transparent; border-width: 1px; } .card-hover-shadow:hover { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .card-hover-shadow-2x:hover { box-shadow: 0 0.66875rem 2.3875rem rgba(4, 9, 20, 0.03), 0 1.1375rem 1.60625rem rgba(4, 9, 20, 0.03), 0 0.45rem 0.73125rem rgba(4, 9, 20, 0.05), 0 0.325rem 0.3875rem rgba(4, 9, 20, 0.03); } .card-subtitle { margin-bottom: 0.75rem; font-size: 0.825rem; color: rgba(13, 27, 62, 0.55); } .card-shadow-primary { box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.03), 0 0.9375rem 1.40625rem rgba(63, 106, 216, 0.03), 0 0.25rem 0.53125rem rgba(63, 106, 216, 0.05), 0 0.125rem 0.1875rem rgba(63, 106, 216, 0.03); } .card-shadow-secondary { box-shadow: 0 0.46875rem 2.1875rem rgba(108, 117, 125, 0.03), 0 0.9375rem 1.40625rem rgba(108, 117, 125, 0.03), 0 0.25rem 0.53125rem rgba(108, 117, 125, 0.05), 0 0.125rem 0.1875rem rgba(108, 117, 125, 0.03); } .card-shadow-success { box-shadow: 0 0.46875rem 2.1875rem rgba(58, 196, 125, 0.03), 0 0.9375rem 1.40625rem rgba(58, 196, 125, 0.03), 0 0.25rem 0.53125rem rgba(58, 196, 125, 0.05), 0 0.125rem 0.1875rem rgba(58, 196, 125, 0.03); } .card-shadow-info { box-shadow: 0 0.46875rem 2.1875rem rgba(22, 170, 255, 0.03), 0 0.9375rem 1.40625rem rgba(22, 170, 255, 0.03), 0 0.25rem 0.53125rem rgba(22, 170, 255, 0.05), 0 0.125rem 0.1875rem rgba(22, 170, 255, 0.03); } .card-shadow-warning { box-shadow: 0 0.46875rem 2.1875rem rgba(247, 185, 36, 0.03), 0 0.9375rem 1.40625rem rgba(247, 185, 36, 0.03), 0 0.25rem 0.53125rem rgba(247, 185, 36, 0.05), 0 0.125rem 0.1875rem rgba(247, 185, 36, 0.03); } .card-shadow-danger { box-shadow: 0 0.46875rem 2.1875rem rgba(217, 37, 80, 0.03), 0 0.9375rem 1.40625rem rgba(217, 37, 80, 0.03), 0 0.25rem 0.53125rem rgba(217, 37, 80, 0.05), 0 0.125rem 0.1875rem rgba(217, 37, 80, 0.03); } .card-shadow-light { box-shadow: 0 0.46875rem 2.1875rem rgba(238, 238, 238, 0.03), 0 0.9375rem 1.40625rem rgba(238, 238, 238, 0.03), 0 0.25rem 0.53125rem rgba(238, 238, 238, 0.05), 0 0.125rem 0.1875rem rgba(238, 238, 238, 0.03); } .card-shadow-dark { box-shadow: 0 0.46875rem 2.1875rem rgba(52, 58, 64, 0.03), 0 0.9375rem 1.40625rem rgba(52, 58, 64, 0.03), 0 0.25rem 0.53125rem rgba(52, 58, 64, 0.05), 0 0.125rem 0.1875rem rgba(52, 58, 64, 0.03); } .card-shadow-focus { box-shadow: 0 0.46875rem 2.1875rem rgba(68, 64, 84, 0.03), 0 0.9375rem 1.40625rem rgba(68, 64, 84, 0.03), 0 0.25rem 0.53125rem rgba(68, 64, 84, 0.05), 0 0.125rem 0.1875rem rgba(68, 64, 84, 0.03); } .card-shadow-alternate { box-shadow: 0 0.46875rem 2.1875rem rgba(121, 76, 138, 0.03), 0 0.9375rem 1.40625rem rgba(121, 76, 138, 0.03), 0 0.25rem 0.53125rem rgba(121, 76, 138, 0.05), 0 0.125rem 0.1875rem rgba(121, 76, 138, 0.03); } .card-header-lg { padding: 1.5rem 2.5rem; height: auto; } .sticky-active-class .sticky-inner-wrapper > div { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .nav-pills, .nav-tabs { margin-bottom: 1rem; } .nav-link { font-weight: bold; } .nav-link:hover { cursor: pointer; } .nav-tabs .nav-link:hover { color: #3f6ad8 !important; } .nav-tabs .nav-link.active { color: #3f6ad8; } .nav-pills .nav-link:hover { color: #3f6ad8 !important; } .nav-pills .nav-link.active { background: #3f6ad8; } .nav-pills .nav-link.active:hover { color: #fff !important; } .popover .RRT__panel, .dropdown-menu .RRT__panel { margin: 0; padding: 0; position: relative; } .popover .RRT__panel::after, .popover .RRT__panel::before, .dropdown-menu .RRT__panel::after, .dropdown-menu .RRT__panel::before { width: 100%; bottom: auto; top: 0; left: 0; height: 20px; position: absolute; z-index: 10; content: ''; background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .popover .RRT__panel::after, .dropdown-menu .RRT__panel::after { bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .tabs-lg-alternate.card-header { padding: 0; height: auto; } .tabs-lg-alternate.card-header .widget-number { font-size: 2rem; font-weight: 300; } .tabs-lg-alternate.card-header .tab-subheading { padding: 5px 0 0; opacity: .6; transition: all .2s; } .tabs-lg-alternate.card-header > .nav { margin: 0; } .tabs-lg-alternate.card-header > .nav .nav-link { padding: 1.5rem 0; border-right: #e9ecef solid 1px; background: #f8f9fa; } .tabs-lg-alternate.card-header > .nav .nav-link:hover { background: #fff; } .tabs-lg-alternate.card-header > .nav .nav-link:hover .tab-subheading { color: #000; opacity: .9; } .tabs-lg-alternate.card-header > .nav .nav-link::before { background: #fff; border-radius: 0; } .tabs-lg-alternate.card-header > .nav .nav-link.active { background: #fff; } .tabs-lg-alternate.card-header > .nav .nav-link.active .tab-subheading { color: #000; opacity: .9; } .tabs-lg-alternate.card-header > .nav .nav-item:last-child .nav-link { border-right: 0; } .tabs-animated .nav-link { position: relative; padding: 1rem; margin: 0 0.75rem 0 0; color: #495057; } .tabs-animated .nav-link::before { transform: scale(0); opacity: 1; width: 100%; left: 0; bottom: -2px; content: ""; position: absolute; display: block; border-radius: 0.25rem; background: #3f6ad8; transition: all .2s; height: 4px; } .tabs-animated .nav-link.active, .tabs-animated .nav-link:hover { color: #3f6ad8; } .tabs-animated .nav-link.active::before, .tabs-animated .nav-link:hover::before { transform: scale(1); } .tabs-animated-shadow .nav-link { padding: 0.5rem 0.75rem; margin-bottom: 0.75rem; } .tabs-animated-shadow .nav-link span { position: relative; z-index: 5; display: inline-block; width: 100%; } .tabs-animated-shadow .nav-link::before { height: 100%; top: 0; z-index: 4; bottom: auto; box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2); border-radius: 100%; opacity: .5; } .tabs-animated-shadow .nav-link.active, .tabs-animated-shadow .nav-link:hover { color: #fff; } .tabs-animated-shadow .nav-link.active::before, .tabs-animated-shadow .nav-link:hover::before { border-radius: 0.25rem; opacity: 1; } .tabs-animated-shadow .nav-item:last-child .nav-link { margin-right: 0; } .tabs-animated-shadow.tabs-shadow-bordered { border-bottom: rgba(26, 54, 126, 0.125) solid 1px; } .tabs-animated-shadow.tabs-shadow-bordered .nav-link { margin-bottom: 0; } .body-tabs-shadow .body-tabs-animated { padding: 0.75rem 0; } .body-tabs-shadow .body-tabs-animated .nav-link span { position: relative; z-index: 5; } .body-tabs-shadow .body-tabs-animated .nav-link::before { height: 70%; top: 15%; z-index: 4; bottom: auto; box-shadow: 0 16px 26px -10px rgba(63, 106, 216, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(63, 106, 216, 0.2); border-radius: 100%; opacity: .5; } .body-tabs-shadow .body-tabs-animated .nav-link.active, .body-tabs-shadow .body-tabs-animated .nav-link:hover { color: #fff; } .body-tabs-shadow .body-tabs-animated .nav-link.active::before, .body-tabs-shadow .body-tabs-animated .nav-link:hover::before { border-radius: 0.25rem; opacity: 1; } .body-tabs-line .body-tabs-layout { margin: 0 -20px; padding: 0 20px; margin-bottom: 20px; border-bottom: #dee2e6 solid 1px; } .tabs-rounded-lg { border-radius: 120px; background: #fff; padding: 0.75rem; margin-bottom: 1.5rem; } .tabs-rounded-lg .nav-link { margin-bottom: 0; font-size: 0.9375rem; padding: 0.75rem 0.5rem; } .tabs-rounded-lg .nav-link::before { border-radius: 120px !important; box-shadow: 0 0 0 0 transparent; } .accordion-wrapper { border-radius: 0.25rem; border: #e9ecef solid 1px; } .accordion-wrapper > .card { box-shadow: 0 0 0 0 transparent; } .accordion-wrapper > .card > .card-header { padding: 1rem; height: auto; } .accordion-wrapper > .card > .card-header .btn:active, .accordion-wrapper > .card > .card-header .btn:focus, .accordion-wrapper > .card > .card-header .btn:hover { text-decoration: none; } .accordion-wrapper > .card > .card-header .form-heading p { margin: 0; } .accordion-wrapper > .card .collapse { border-bottom: transparent solid 1px; } .accordion-wrapper > .card .collapse.show { border-bottom-color: #e9ecef; } .modal-header, .modal-footer { background: #f8f9fa; } .modal-footer { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .modal-dialog { box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3); border-radius: 0.25rem; } /** * Dots */ @keyframes scale { 0% { transform: scale(1); opacity: 1; } 45% { transform: scale(0.1); opacity: 0.7; } 80% { transform: scale(1); opacity: 1; } } .ball-pulse > div:nth-child(0) { animation: scale 0.75s -0.36s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(1) { animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(2) { animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div:nth-child(3) { animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .ball-pulse > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-pulse-sync { 33% { transform: translateY(10px); } 66% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .ball-pulse-sync > div:nth-child(0) { animation: ball-pulse-sync 0.6s -0.21s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(1) { animation: ball-pulse-sync 0.6s -0.14s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(2) { animation: ball-pulse-sync 0.6s -0.07s infinite ease-in-out; } .ball-pulse-sync > div:nth-child(3) { animation: ball-pulse-sync 0.6s 0s infinite ease-in-out; } .ball-pulse-sync > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes ball-scale { 0% { transform: scale(0); } 100% { transform: scale(1); opacity: 0; } } .ball-scale > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; animation: ball-scale 1s 0s ease-in-out infinite; } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .ball-rotate { position: relative; } .ball-rotate > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: relative; } .ball-rotate > div:first-child { animation: rotate 1s 0s cubic-bezier(0.7, -0.13, 0.22, 0.86) infinite; } .ball-rotate > div:before, .ball-rotate > div:after { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; content: ""; position: absolute; opacity: 0.8; } .ball-rotate > div:before { top: 0px; left: -28px; } .ball-rotate > div:after { top: 0px; left: 25px; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; border: 2px solid #3f6ad8; border-bottom-color: transparent; height: 25px; width: 25px; background: transparent !important; display: inline-block; animation: rotate 0.75s 0s linear infinite; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } @keyframes scale { 30% { transform: scale(0.3); } 100% { transform: scale(1); } } .ball-clip-rotate-pulse { position: relative; transform: translateY(-15px); } .ball-clip-rotate-pulse > div { animation-fill-mode: both; position: absolute; top: 0px; left: 0px; border-radius: 100%; } .ball-clip-rotate-pulse > div:first-child { background: #3f6ad8; height: 16px; width: 16px; top: 7px; left: -7px; animation: scale 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } .ball-clip-rotate-pulse > div:last-child { position: absolute; border: 2px solid #3f6ad8; width: 30px; height: 30px; left: -16px; top: -2px; background: transparent; border: 2px solid; border-color: #3f6ad8 transparent #3f6ad8 transparent; animation: rotate 1s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; animation-duration: 1s; } @keyframes rotate { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.6); } 100% { transform: rotate(360deg) scale(1); } } .ball-clip-rotate-multiple { position: relative; } .ball-clip-rotate-multiple > div { animation-fill-mode: both; position: absolute; left: -20px; top: -20px; border: 2px solid #3f6ad8; border-bottom-color: transparent; border-top-color: transparent; border-radius: 100%; height: 35px; width: 35px; animation: rotate 1s 0s ease-in-out infinite; } .ball-clip-rotate-multiple > div:last-child { display: inline-block; top: -10px; left: -10px; width: 15px; height: 15px; animation-duration: 0.5s; border-color: #3f6ad8 transparent #3f6ad8 transparent; animation-direction: reverse; } @keyframes ball-scale-ripple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple > div { animation-fill-mode: both; height: 50px; width: 50px; border-radius: 100%; border: 2px solid #3f6ad8; animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-scale-ripple-multiple { 0% { transform: scale(0.1); opacity: 1; } 70% { transform: scale(1); opacity: 0.7; } 100% { opacity: 0.0; } } .ball-scale-ripple-multiple { position: relative; transform: translateY(-25px); } .ball-scale-ripple-multiple > div:nth-child(0) { animation-delay: -0.8s; } .ball-scale-ripple-multiple > div:nth-child(1) { animation-delay: -0.6s; } .ball-scale-ripple-multiple > div:nth-child(2) { animation-delay: -0.4s; } .ball-scale-ripple-multiple > div:nth-child(3) { animation-delay: -0.2s; } .ball-scale-ripple-multiple > div { animation-fill-mode: both; position: absolute; top: -2px; left: -26px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #3f6ad8; animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); } @keyframes ball-beat { 50% { opacity: 0.2; transform: scale(0.75); } 100% { opacity: 1; transform: scale(1); } } .ball-beat > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation: ball-beat 0.7s 0s infinite linear; } .ball-beat > div:nth-child(2n-1) { animation-delay: -0.35s !important; } @keyframes ball-scale-multiple { 0% { transform: scale(0); opacity: 0; } 5% { opacity: 1; } 100% { transform: scale(1); opacity: 0; } } .ball-scale-multiple { position: relative; transform: translateY(-30px); } .ball-scale-multiple > div:nth-child(2) { animation-delay: -0.4s; } .ball-scale-multiple > div:nth-child(3) { animation-delay: -0.2s; } .ball-scale-multiple > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; left: -30px; top: 0px; opacity: 0; margin: 0; width: 60px; height: 60px; animation: ball-scale-multiple 1s 0s linear infinite; } @keyframes ball-triangle-path-1 { 33% { transform: translate(25px, -50px); } 66% { transform: translate(50px, 0px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-2 { 33% { transform: translate(25px, 50px); } 66% { transform: translate(-25px, 50px); } 100% { transform: translate(0px, 0px); } } @keyframes ball-triangle-path-3 { 33% { transform: translate(-50px, 0px); } 66% { transform: translate(-25px, -50px); } 100% { transform: translate(0px, 0px); } } .ball-triangle-path { position: relative; transform: translate(-29.994px, -37.50938px); } .ball-triangle-path > div:nth-child(1) { animation-name: ball-triangle-path-1; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(2) { animation-name: ball-triangle-path-2; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div:nth-child(3) { animation-name: ball-triangle-path-3; animation-delay: 0; animation-duration: 2s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .ball-triangle-path > div { animation-fill-mode: both; position: absolute; width: 10px; height: 10px; border-radius: 100%; border: 1px solid #3f6ad8; } .ball-triangle-path > div:nth-of-type(1) { top: 50px; } .ball-triangle-path > div:nth-of-type(2) { left: 25px; } .ball-triangle-path > div:nth-of-type(3) { top: 50px; left: 50px; } @keyframes ball-pulse-rise-even { 0% { transform: scale(1.1); } 25% { transform: translateY(-30px); } 50% { transform: scale(0.4); } 75% { transform: translateY(30px); } 100% { transform: translateY(0); transform: scale(1); } } @keyframes ball-pulse-rise-odd { 0% { transform: scale(0.4); } 25% { transform: translateY(30px); } 50% { transform: scale(1.1); } 75% { transform: translateY(-30px); } 100% { transform: translateY(0); transform: scale(0.75); } } .ball-pulse-rise > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; animation-duration: 1s; animation-timing-function: cubic-bezier(0.15, 0.46, 0.9, 0.6); animation-iteration-count: infinite; animation-delay: 0; } .ball-pulse-rise > div:nth-child(2n) { animation-name: ball-pulse-rise-even; } .ball-pulse-rise > div:nth-child(2n-1) { animation-name: ball-pulse-rise-odd; } @keyframes ball-grid-beat { 50% { opacity: 0.7; } 100% { opacity: 1; } } .ball-grid-beat { width: 57px; } .ball-grid-beat > div:nth-child(1) { animation-delay: 0.06s; animation-duration: 0.81s; } .ball-grid-beat > div:nth-child(2) { animation-delay: 0.54s; animation-duration: 1.53s; } .ball-grid-beat > div:nth-child(3) { animation-delay: 0.37s; animation-duration: 1.4s; } .ball-grid-beat > div:nth-child(4) { animation-delay: 0.66s; animation-duration: 0.95s; } .ball-grid-beat > div:nth-child(5) { animation-delay: 0.24s; animation-duration: 1.48s; } .ball-grid-beat > div:nth-child(6) { animation-delay: 0.53s; animation-duration: 1.15s; } .ball-grid-beat > div:nth-child(7) { animation-delay: -0.08s; animation-duration: 1.42s; } .ball-grid-beat > div:nth-child(8) { animation-delay: 0.38s; animation-duration: 0.98s; } .ball-grid-beat > div:nth-child(9) { animation-delay: -0.15s; animation-duration: 1.02s; } .ball-grid-beat > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-beat; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-grid-pulse { 0% { transform: scale(1); } 50% { transform: scale(0.5); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .ball-grid-pulse { width: 57px; } .ball-grid-pulse > div:nth-child(1) { animation-delay: 0.2s; animation-duration: 0.76s; } .ball-grid-pulse > div:nth-child(2) { animation-delay: -0.06s; animation-duration: 0.9s; } .ball-grid-pulse > div:nth-child(3) { animation-delay: 0.68s; animation-duration: 0.98s; } .ball-grid-pulse > div:nth-child(4) { animation-delay: 0.54s; animation-duration: 1.11s; } .ball-grid-pulse > div:nth-child(5) { animation-delay: 0s; animation-duration: 1.17s; } .ball-grid-pulse > div:nth-child(6) { animation-delay: 0.17s; animation-duration: 1.45s; } .ball-grid-pulse > div:nth-child(7) { animation-delay: 0.23s; animation-duration: 0.87s; } .ball-grid-pulse > div:nth-child(8) { animation-delay: -0.05s; animation-duration: 1.52s; } .ball-grid-pulse > div:nth-child(9) { animation-delay: -0.13s; animation-duration: 1.11s; } .ball-grid-pulse > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; display: inline-block; float: left; animation-name: ball-grid-pulse; animation-iteration-count: infinite; animation-delay: 0; } @keyframes ball-spin-fade-loader { 50% { opacity: 0.3; transform: scale(0.4); } 100% { opacity: 1; transform: scale(1); } } .ball-spin-fade-loader { position: relative; top: -10px; left: -10px; } .ball-spin-fade-loader > div:nth-child(1) { top: 25px; left: 0; animation: ball-spin-fade-loader 1s -0.96s infinite linear; } .ball-spin-fade-loader > div:nth-child(2) { top: 17.04545px; left: 17.04545px; animation: ball-spin-fade-loader 1s -0.84s infinite linear; } .ball-spin-fade-loader > div:nth-child(3) { top: 0; left: 25px; animation: ball-spin-fade-loader 1s -0.72s infinite linear; } .ball-spin-fade-loader > div:nth-child(4) { top: -17.04545px; left: 17.04545px; animation: ball-spin-fade-loader 1s -0.6s infinite linear; } .ball-spin-fade-loader > div:nth-child(5) { top: -25px; left: 0; animation: ball-spin-fade-loader 1s -0.48s infinite linear; } .ball-spin-fade-loader > div:nth-child(6) { top: -17.04545px; left: -17.04545px; animation: ball-spin-fade-loader 1s -0.36s infinite linear; } .ball-spin-fade-loader > div:nth-child(7) { top: 0; left: -25px; animation: ball-spin-fade-loader 1s -0.24s infinite linear; } .ball-spin-fade-loader > div:nth-child(8) { top: 17.04545px; left: -17.04545px; animation: ball-spin-fade-loader 1s -0.12s infinite linear; } .ball-spin-fade-loader > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; } @keyframes ball-spin-loader { 75% { opacity: 0.2; } 100% { opacity: 1; } } .ball-spin-loader { position: relative; } .ball-spin-loader > span:nth-child(1) { top: 45px; left: 0; animation: ball-spin-loader 2s 0.9s infinite linear; } .ball-spin-loader > span:nth-child(2) { top: 30.68182px; left: 30.68182px; animation: ball-spin-loader 2s 1.8s infinite linear; } .ball-spin-loader > span:nth-child(3) { top: 0; left: 45px; animation: ball-spin-loader 2s 2.7s infinite linear; } .ball-spin-loader > span:nth-child(4) { top: -30.68182px; left: 30.68182px; animation: ball-spin-loader 2s 3.6s infinite linear; } .ball-spin-loader > span:nth-child(5) { top: -45px; left: 0; animation: ball-spin-loader 2s 4.5s infinite linear; } .ball-spin-loader > span:nth-child(6) { top: -30.68182px; left: -30.68182px; animation: ball-spin-loader 2s 5.4s infinite linear; } .ball-spin-loader > span:nth-child(7) { top: 0; left: -45px; animation: ball-spin-loader 2s 6.3s infinite linear; } .ball-spin-loader > span:nth-child(8) { top: 30.68182px; left: -30.68182px; animation: ball-spin-loader 2s 7.2s infinite linear; } .ball-spin-loader > div { animation-fill-mode: both; position: absolute; width: 15px; height: 15px; border-radius: 100%; background: green; } @keyframes ball-zig { 33% { transform: translate(-15px, -30px); } 66% { transform: translate(15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag { 33% { transform: translate(15px, 30px); } 66% { transform: translate(-15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag > div:first-child { animation: ball-zig 0.7s 0s infinite linear; } .ball-zig-zag > div:last-child { animation: ball-zag 0.7s 0s infinite linear; } @keyframes ball-zig-deflect { 17% { transform: translate(-15px, -30px); } 34% { transform: translate(15px, -30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(15px, -30px); } 84% { transform: translate(-15px, -30px); } 100% { transform: translate(0, 0); } } @keyframes ball-zag-deflect { 17% { transform: translate(15px, 30px); } 34% { transform: translate(-15px, 30px); } 50% { transform: translate(0, 0); } 67% { transform: translate(-15px, 30px); } 84% { transform: translate(15px, 30px); } 100% { transform: translate(0, 0); } } .ball-zig-zag-deflect { position: relative; transform: translate(-15px, -15px); } .ball-zig-zag-deflect > div { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; animation-fill-mode: both; position: absolute; margin-left: 15px; top: 4px; left: -7px; } .ball-zig-zag-deflect > div:first-child { animation: ball-zig-deflect 1.5s 0s infinite linear; } .ball-zig-zag-deflect > div:last-child { animation: ball-zag-deflect 1.5s 0s infinite linear; } /** * Lines */ @keyframes line-scale { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale > div:nth-child(1) { animation: line-scale 1s -0.4s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(2) { animation: line-scale 1s -0.3s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(3) { animation: line-scale 1s -0.2s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(4) { animation: line-scale 1s -0.1s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div:nth-child(5) { animation: line-scale 1s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08); } .line-scale > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; } @keyframes line-scale-party { 0% { transform: scale(1); } 50% { transform: scale(0.5); } 100% { transform: scale(1); } } .line-scale-party > div:nth-child(1) { animation-delay: 0.46s; animation-duration: 1.03s; } .line-scale-party > div:nth-child(2) { animation-delay: 0.48s; animation-duration: 0.46s; } .line-scale-party > div:nth-child(3) { animation-delay: 0s; animation-duration: 0.78s; } .line-scale-party > div:nth-child(4) { animation-delay: 0.64s; animation-duration: 0.9s; } .line-scale-party > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation-name: line-scale-party; animation-iteration-count: infinite; animation-delay: 0; } @keyframes line-scale-pulse-out { 0% { transform: scaley(1); } 50% { transform: scaley(0.4); } 100% { transform: scaley(1); } } .line-scale-pulse-out > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; animation: line-scale-pulse-out 0.9s -0.6s infinite cubic-bezier(0.85, 0.25, 0.37, 0.85); } .line-scale-pulse-out > div:nth-child(2), .line-scale-pulse-out > div:nth-child(4) { animation-delay: -0.4s !important; } .line-scale-pulse-out > div:nth-child(1), .line-scale-pulse-out > div:nth-child(5) { animation-delay: -0.2s !important; } @keyframes line-scale-pulse-out-rapid { 0% { transform: scaley(1); } 80% { transform: scaley(0.3); } 90% { transform: scaley(1); } } .line-scale-pulse-out-rapid > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; display: inline-block; vertical-align: middle; animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78); } .line-scale-pulse-out-rapid > div:nth-child(2), .line-scale-pulse-out-rapid > div:nth-child(4) { animation-delay: -0.25s !important; } .line-scale-pulse-out-rapid > div:nth-child(1), .line-scale-pulse-out-rapid > div:nth-child(5) { animation-delay: 0s !important; } @keyframes line-spin-fade-loader { 50% { opacity: 0.3; } 100% { opacity: 1; } } .line-spin-fade-loader { position: relative; top: -10px; left: -4px; } .line-spin-fade-loader > div:nth-child(1) { top: 20px; left: 0; animation: line-spin-fade-loader 1.2s -0.84s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(2) { top: 13.63636px; left: 13.63636px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -0.72s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(3) { top: 0; left: 20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -0.6s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(4) { top: -13.63636px; left: 13.63636px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s -0.48s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(5) { top: -20px; left: 0; animation: line-spin-fade-loader 1.2s -0.36s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(6) { top: -13.63636px; left: -13.63636px; transform: rotate(-45deg); animation: line-spin-fade-loader 1.2s -0.24s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(7) { top: 0; left: -20px; transform: rotate(90deg); animation: line-spin-fade-loader 1.2s -0.12s infinite ease-in-out; } .line-spin-fade-loader > div:nth-child(8) { top: 13.63636px; left: -13.63636px; transform: rotate(45deg); animation: line-spin-fade-loader 1.2s 0s infinite ease-in-out; } .line-spin-fade-loader > div { background-color: #3f6ad8; width: 4px; height: 35px; border-radius: 2px; margin: 2px; animation-fill-mode: both; position: absolute; width: 5px; height: 15px; } /** * Misc */ @keyframes triangle-skew-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .triangle-skew-spin > div { animation-fill-mode: both; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #3f6ad8; animation: triangle-skew-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes square-spin { 25% { transform: perspective(100px) rotateX(180deg) rotateY(0); } 50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); } 75% { transform: perspective(100px) rotateX(0) rotateY(180deg); } 100% { transform: perspective(100px) rotateX(0) rotateY(0); } } .square-spin > div { animation-fill-mode: both; width: 50px; height: 50px; background: #3f6ad8; animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite; } @keyframes rotate_pacman_half_up { 0% { transform: rotate(270deg); } 50% { transform: rotate(360deg); } 100% { transform: rotate(270deg); } } @keyframes rotate_pacman_half_down { 0% { transform: rotate(90deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(90deg); } } @keyframes pacman-balls { 75% { opacity: 0.7; } 100% { transform: translate(-100px, -6.25px); } } .pacman { position: relative; } .pacman > div:nth-child(2) { animation: pacman-balls 1s -0.99s infinite linear; } .pacman > div:nth-child(3) { animation: pacman-balls 1s -0.66s infinite linear; } .pacman > div:nth-child(4) { animation: pacman-balls 1s -0.33s infinite linear; } .pacman > div:nth-child(5) { animation: pacman-balls 1s 0s infinite linear; } .pacman > div:first-of-type { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #3f6ad8; border-left: 25px solid #3f6ad8; border-bottom: 25px solid #3f6ad8; border-radius: 25px; animation: rotate_pacman_half_up 0.5s 0s infinite; position: relative; left: -30px; } .pacman > div:nth-child(2) { width: 0px; height: 0px; border-right: 25px solid transparent; border-top: 25px solid #3f6ad8; border-left: 25px solid #3f6ad8; border-bottom: 25px solid #3f6ad8; border-radius: 25px; animation: rotate_pacman_half_down 0.5s 0s infinite; margin-top: -50px; position: relative; left: -30px; } .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6) { background-color: #3f6ad8; width: 15px; height: 15px; border-radius: 100%; margin: 2px; width: 10px; height: 10px; position: absolute; transform: translate(0, -6.25px); top: 25px; left: 70px; } @keyframes cube-transition { 25% { transform: translateX(50px) scale(0.5) rotate(-90deg); } 50% { transform: translate(50px, 50px) rotate(-180deg); } 75% { transform: translateY(50px) scale(0.5) rotate(-270deg); } 100% { transform: rotate(-360deg); } } .cube-transition { position: relative; transform: translate(-25px, -25px); } .cube-transition > div { animation-fill-mode: both; width: 10px; height: 10px; position: absolute; top: -5px; left: -5px; background-color: #3f6ad8; animation: cube-transition 1.6s 0s infinite ease-in-out; } .cube-transition > div:last-child { animation-delay: -0.8s; } @keyframes spin-rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .semi-circle-spin { position: relative; width: 35px; height: 35px; overflow: hidden; } .semi-circle-spin > div { position: absolute; border-width: 0px; border-radius: 100%; animation: spin-rotate 0.6s 0s infinite linear; background-image: linear-gradient(transparent 0%, transparent 70%, #3f6ad8 30%, #3f6ad8 100%); width: 100%; height: 100%; } .blockOverlay { display: block !important; opacity: .6; z-index: 55; } .blockElement { display: flex; align-content: center; align-items: center; z-index: 66; height: 100%; width: 100%; } .blockPage { left: 50%; top: 50%; z-index: 66; } .blockPage .d-none { display: block !important; } .blockPage .loader { background: #fff; border-radius: 0.25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); padding: 1.5rem; } .blockPage .ball-grid-pulse { min-height: 57px; } .progress .progress-bar:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .progress.progress-bar-sm { height: .5rem; } .progress.progress-bar-xs { height: .3rem; } .progress.progress-bar-rounded { border-radius: 30px; } .progress-bar-animated-alt.progress-bar, .progress-bar-animated-alt .progress-bar { position: relative; } .progress-bar-animated-alt.progress-bar::after, .progress-bar-animated-alt .progress-bar::after { content: ''; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; animation: progress-active 2s ease infinite; } @keyframes progress-active { 0% { opacity: .4; width: 0; } 100% { opacity: 0; width: 100%; } } .vertical-timeline { width: 100%; position: relative; padding: 1.5rem 0 1rem; } .vertical-timeline::after { content: ''; display: table; clear: both; } .vertical-timeline::before { content: ''; position: absolute; top: 0; left: 67px; height: 100%; width: 4px; background: #e9ecef; border-radius: 0.25rem; } .vertical-timeline-element { position: relative; margin: 0 0 1rem; } .vertical-timeline-element:after { content: ""; display: table; clear: both; } .vertical-timeline-element:last-child { margin-bottom: 0; } .vertical-timeline-element-content { position: relative; margin-left: 90px; font-size: 0.68182rem; } .vertical-timeline-element-content:after { content: ""; display: table; clear: both; } .vertical-timeline-element-content .timeline-title { font-size: 0.68182rem; text-transform: uppercase; margin: 0 0 0.5rem; padding: 2px 0 0; font-weight: bold; } .vertical-timeline-element-content p { color: #6c757d; margin: 0 0 0.5rem; } .vertical-timeline-element-content .vertical-timeline-element-date { display: block; position: absolute; left: -90px; top: 0; padding-right: 10px; text-align: right; color: #adb5bd; font-size: 0.64935rem; white-space: nowrap; } .vertical-timeline-element-icon { position: absolute; top: 0; left: 60px; } .vertical-timeline-element-icon .badge-dot-xl { box-shadow: 0 0 0 5px #fff; } .vertical-timeline-element--no-children .vertical-timeline-element-content { background: 0 0; box-shadow: none; } .vertical-timeline-element--no-children .vertical-timeline-element-content::before { display: none; } .vertical-without-time::before { left: 11px; } .vertical-without-time .vertical-timeline-element-content { margin-left: 36px; } .vertical-without-time .vertical-timeline-element-icon { left: 4px; } .vertical-time-icons { padding: 2rem 0 0; } .vertical-time-icons::before { content: ''; position: absolute; top: 0; left: 14px; height: 100%; width: 6px; background: #e9ecef; border-radius: 0.25rem; } .vertical-time-icons .vertical-timeline-element { margin-bottom: 1rem; } .vertical-time-icons .vertical-timeline-element-content { margin-left: 50px; } .vertical-time-icons .vertical-timeline-element-icon { width: 34px; height: 34px; left: 0; top: -7px; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon { width: 34px; height: 34px; background: #fff; border-radius: 50px; border-width: 2px; border-style: solid; box-shadow: 0 0 0 5px #fff; text-align: center; display: flex; align-items: center; align-content: center; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon i { display: block; font-size: 1.1rem; margin: 0 auto; } .vertical-time-icons .vertical-timeline-element-icon .timeline-icon svg { margin: 0 auto; } .vertical-time-simple { padding: 0.5rem 0; } .vertical-time-simple .vertical-timeline-element { margin: 0 0 0.5rem; } .vertical-time-simple .timeline-title { font-weight: normal; font-size: 0.78125rem; padding: 0; } .vertical-time-simple .vertical-timeline-element-icon { height: 14px; width: 14px; background: #e9ecef; position: absolute; left: 6px; top: 2px; display: block; border-radius: 20px; } .vertical-time-simple .vertical-timeline-element-icon::after { content: ''; position: absolute; background: #fff; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: block; width: 8px; height: 8px; border-radius: 20px; } .vertical-time-simple .timeline-title { text-transform: none; } .dot-primary .vertical-timeline-element-icon { background: #3f6ad8; } .dot-secondary .vertical-timeline-element-icon { background: #6c757d; } .dot-success .vertical-timeline-element-icon { background: #3ac47d; } .dot-info .vertical-timeline-element-icon { background: #16aaff; } .dot-warning .vertical-timeline-element-icon { background: #f7b924; } .dot-danger .vertical-timeline-element-icon { background: #d92550; } .dot-light .vertical-timeline-element-icon { background: #eeeeee; } .dot-dark .vertical-timeline-element-icon { background: #343a40; } .dot-focus .vertical-timeline-element-icon { background: #444054; } .dot-alternate .vertical-timeline-element-icon { background: #794c8a; } .vertical-timeline--animate .vertical-timeline-element-icon.is-hidden { visibility: hidden; } .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in { visibility: visible; animation: cd-bounce-1 .8s; } @-webkit-keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes cd-bounce-1 { 0% { opacity: 0; -moz-transform: scale(0.5); } 60% { opacity: 1; -moz-transform: scale(1.2); } 100% { -moz-transform: scale(1); } } @keyframes cd-bounce-1 { 0% { opacity: 0; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); } 60% { opacity: 1; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .vertical-timeline--animate .vertical-timeline-element-content.is-hidden { visibility: hidden; } .vertical-timeline--animate .vertical-timeline-element-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 .6s; -moz-animation: cd-bounce-2 .6s; animation: cd-bounce-2 .6s; } @media only screen and (min-width: 1170px) { .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in, .vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(even):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in { -webkit-animation: cd-bounce-2-inverse .6s; -moz-animation: cd-bounce-2-inverse .6s; animation: cd-bounce-2-inverse .6s; } } @media only screen and (max-width: 1169px) { .vertical-timeline--animate .vertical-timeline-element-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2-inverse .6s; -moz-animation: cd-bounce-2-inverse .6s; animation: cd-bounce-2-inverse .6s; } } @-webkit-keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2 { 0% { opacity: 0; -moz-transform: translateX(-100px); } 60% { opacity: 1; -moz-transform: translateX(20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2 { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes cd-bounce-2-inverse { 0% { opacity: 0; -moz-transform: translateX(100px); } 60% { opacity: 1; -moz-transform: translateX(-20px); } 100% { -moz-transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -ms-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } 100% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .todo-list-wrapper .todo-indicator { position: absolute; width: 4px; height: 60%; border-radius: 0.3rem; left: 0.625rem; top: 20%; opacity: .6; transition: opacity .2s; } .todo-list-wrapper .list-group-item:hover .todo-indicator { opacity: .9; } .todo-list-wrapper .custom-control, .todo-list-wrapper input[checkbox] { margin-left: 0.625rem; } .list-group-flush + .card-footer { border-top: 0; } .rm-list-borders .list-group-item { border: 0; padding: 0.5rem 0; } .rm-list-borders-scroll .list-group-item { border: 0; padding-right: 1.125rem; } .input-group .input-group-prepend div:not([class]) .react-datepicker__input-container .form-control, .input-group .input-group-prepend + div .react-datepicker__input-container .form-control { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .input-group > div:not([class]) { position: relative; flex: 1 1 auto; width: 1%; } .input-group > div:not([class]) .react-datepicker__input-container .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group .input-group-prepend + div { position: relative; flex: 1 1 auto; width: 1%; } .input-group > .react-datepicker-wrapper { position: relative; flex: 1 1 auto; width: 1%; } .input-group > .react-datepicker-wrapper > .react-datepicker__input-container > .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } legend { font-size: 0.75rem; font-weight: bold; } .form-heading { font-size: 0.9375rem; margin: 0; color: #3f6ad8; } .form-heading p { color: #6c757d; padding: 0.3rem 0 0; font-size: 0.75rem; } .custom-select { -webkit-appearance: none; -moz-appearance: none; } .pagination li a { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .pagination li a:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .pagination li a:focus { z-index: 2; outline: 0; box-shadow: none; } .pagination li a:not(:disabled):not(.disabled) { cursor: pointer; } .pagination li:first-child a { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .pagination li:last-child a { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .pagination li.active a { z-index: 1; color: #fff; background-color: #3f6ad8; border-color: #007bff; } .pagination li.active a:hover { color: #fff; } .pagination li.disabled a { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-rounded li a { border-radius: 50px !important; margin: 0 0.3rem; } .chat-box-wrapper { display: flex; clear: both; padding: 0.75rem; } .chat-box-wrapper + .chat-box-wrapper { padding-top: 0; } .chat-box-wrapper .chat-box { box-shadow: 0 0 0 transparent; position: relative; opacity: 1; background: #e0f3ff; border: 0; padding: 0.75rem 1.5rem; border-radius: 30px; border-top-left-radius: 0.25rem; flex: 1; display: flex; max-width: 50%; min-width: 100%; text-align: left; } .chat-box-wrapper .chat-box + small { text-align: left; padding: 0.5rem 0 0; margin-left: 1.5rem; display: block; } .chat-box-wrapper.chat-box-wrapper-right { text-align: right; } .chat-box-wrapper.chat-box-wrapper-right .chat-box { border-radius: 30px; border-top-left-radius: 30px; border-top-right-radius: 0.25rem; margin-left: auto; } .chat-box-wrapper.chat-box-wrapper-right .chat-box + small { text-align: right; margin-right: 1.5rem; margin-left: 0; } .forms-wizard { margin: 0; padding: 0; list-style-type: none; width: 100%; display: table; table-layout: fixed; border-radius: 0.25rem; border: 0; } .forms-wizard li { display: table-cell; vertical-align: middle; text-align: center; cursor: pointer; font-size: 0.85227rem; padding: 1rem 0; color: #adb5bd; position: relative; } .forms-wizard li .nav-link { display: block; padding: 0; color: #adb5bd; } .forms-wizard li .nav-link:focus, .forms-wizard li .nav-link:active, .forms-wizard li .nav-link:hover { border-color: transparent; color: #495057 !important; } .forms-wizard li::after, .forms-wizard li::before { position: absolute; height: 4px; top: 50%; margin-top: -1rem; width: 50%; content: ''; background: #dee2e6; z-index: 5; transition: all .2s; } .forms-wizard li::after { left: 50%; } .forms-wizard li::before { left: 0; } .forms-wizard li:first-child::before { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } .forms-wizard li:last-child::after { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .forms-wizard li em { font-style: normal; font-size: 1.5rem; background: #ced4da; color: #fff; text-align: center; padding: 0; width: 40px; height: 40px; line-height: 40px; border-radius: 50px; display: block; margin: 0 auto 0.5rem; position: relative; z-index: 7; transition: all .2s; } .forms-wizard li.active .nav-link { color: #495057; } .forms-wizard li.active em { background: #f7b924; color: #fff; } .forms-wizard li.active::after, .forms-wizard li.active::before { background: #f7b924; } .forms-wizard li.danger em { background: #d92550; color: #fff; } .forms-wizard li.danger::after, .forms-wizard li.danger::before { background: #d92550; } .forms-wizard li.done em { font-family: 'Linearicons-Free'; background: #3ac47d; overflow: hidden; } .forms-wizard li.done em::before { width: 42px; height: 42px; font-size: 1.2rem; line-height: 40px; text-align: center; display: block; } .forms-wizard li.done::after, .forms-wizard li.done::before { background: #3ac47d; } .forms-wizard li.done:hover { color: #495057 !important; } .forms-wizard li:hover { color: #6c757d; } .forms-wizard-alt .forms-wizard li { font-size: 0.75rem; } .forms-wizard-alt .forms-wizard li em { width: 14px; height: 14px; line-height: 14px; text-indent: -999rem; border: #fff solid 2px; } .forms-wizard-vertical .forms-wizard { display: block; width: 30%; float: left; padding: 0 1.5rem 1.5rem 0; } .forms-wizard-vertical .forms-wizard li { display: block; margin: 0; padding: 0; } .forms-wizard-vertical .forms-wizard li::before, .forms-wizard-vertical .forms-wizard li::after { display: none; } .forms-wizard-vertical .forms-wizard li a { text-align: left; display: flex; align-items: center; align-content: flex-start; padding: 0.75rem; margin-bottom: 0.5rem; border-radius: 0.3rem; transition: all .2s; } .forms-wizard-vertical .forms-wizard li a em { margin: 0 0.75rem 0 0; } .forms-wizard-vertical .forms-wizard li a:active, .forms-wizard-vertical .forms-wizard li a:focus, .forms-wizard-vertical .forms-wizard li a:hover { background: #e9ecef; color: #495057 !important; } .forms-wizard-vertical .forms-wizard li.active a { background: #3f6ad8; color: #fff; } .forms-wizard-vertical .forms-wizard li.active a:active, .forms-wizard-vertical .forms-wizard li.active a:focus, .forms-wizard-vertical .forms-wizard li.active a:hover { color: #fff !important; } .forms-wizard-vertical .forms-wizard li.active a em { background: rgba(255, 255, 255, 0.2); } .forms-wizard-vertical .form-wizard-content { width: 70%; overflow: auto; } .icon-wrapper { display: flex; align-content: center; align-items: center; } .widget-chart { text-align: center; padding: 1rem; position: relative; } .widget-chart .progress-sub-label { opacity: .8; padding: 5px 0 0; } .widget-chart .progress-circle-wrapper { min-width: 68px; margin-right: 1rem; } .widget-chart .progress-circle-wrapper .react-sweet-progress-symbol { font-size: 0.68182rem; } .widget-chart .widget-chart-content { position: relative; z-index: 5; } .widget-chart .widget-chart-content-lg { padding: 2rem 0 1rem 2rem; } .widget-chart .widget-chart-content-lg .widget-numbers { margin-bottom: 0; } .widget-chart .widget-chart-wrapper { position: absolute; bottom: 0; left: 0; width: 100%; opacity: .25; z-index: 4; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; overflow: hidden; } .widget-chart .widget-numbers { font-weight: bold; font-size: 2.5rem; display: block; line-height: 1; margin: 1rem auto; } .widget-chart .widget-numbers + .widget-chart-flex, .widget-chart .widget-numbers + .widget-description, .widget-chart .widget-numbers + .widget-subheading { margin-top: -0.5rem; } .widget-chart .widget-subheading { margin: -0.5rem 0 0; display: block; opacity: .6; } .widget-chart .widget-subheading:first-child { margin-top: 0; } .widget-chart .widget-subheading + .widget-numbers { margin-top: 0.5rem; } .widget-chart .widget-description { margin: 1rem 0 0; } .widget-chart.widget-chart-hover { transition: all .2s; } .widget-chart.widget-chart-hover:hover { z-index: 15; transform: scale(1.15); box-shadow: 0 0.46875rem 4.1875rem rgba(4, 9, 20, 0.05), 0 0.9375rem 2.40625rem rgba(4, 9, 20, 0.05), 0 0.25rem 1.3125rem rgba(4, 9, 20, 0.06), 0 0.125rem 1.1875rem rgba(4, 9, 20, 0.06); cursor: pointer; background: #fff; } .widget-chart .widget-chart-actions { position: absolute; right: 0.5rem; top: 0.5rem; z-index: 12; } .widget-chart .widget-chart-actions .btn-link { font-size: 1.1rem; padding-top: 0; padding-bottom: 0; opacity: .6; } .widget-chart .widget-progress-wrapper { margin-top: 1rem; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom { position: absolute; left: 0; bottom: 0; width: 100%; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress { margin: 0 -1px -1px; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .widget-chart .widget-progress-wrapper.progress-wrapper-bottom .progress .progress-bar { border-bottom-left-radius: 0.25rem; } .widget-chart .widget-chart-flex { display: flex; align-items: center; align-content: center; margin-bottom: 1rem; } .widget-chart .widget-chart-flex:last-child { margin-bottom: 0; } .widget-chart .widget-chart-flex .widget-subheading { margin: 0; } .widget-chart .widget-chart-flex .widget-description { margin-top: 0; } .widget-chart.text-left { flex-direction: row; align-items: center; } .widget-chart.text-left .icon-wrapper { min-width: 54px; margin: 0 1rem 0 0; } .widget-chart.text-left .widget-numbers { margin-left: 0; } .widget-chart.text-left .widget-chart-content { display: flex; flex-direction: column; align-content: center; flex: 1; position: relative; } .widget-chart.text-left .widget-chart-content > .widget-numbers:first-child { margin-top: 0; } .widget-chart.text-left .widget-chart-content .widget-description { align-self: flex-start; } .widget-chart.text-left .widget-chart-wrapper { height: 35%; } .widget-chart.widget-chart-left { padding-bottom: 15%; } .widget-chart .chart-wrapper-relative { position: relative; opacity: 1; margin-top: 1rem; } .widget-chart-actions { position: absolute; right: 1rem; top: 1rem; z-index: 12; } .widget-chart-actions .btn-link { font-size: 1.1rem; padding-top: 0; padding-bottom: 0; opacity: .6; } .widget-chart:hover .widget-chart-actions .btn-link, .widget-content:hover .widget-chart-actions .btn-link { opacity: 1; } .grid-menu .widget-chart.widget-chart-hover:hover { background: #fff; border-radius: 0.25rem; } .icon-wrapper { width: 54px; height: 54px; margin: 0 auto; position: relative; overflow: hidden; } .icon-wrapper[class*="border-"] { border-width: 1px; border-style: solid; } .icon-wrapper .icon-wrapper-bg { position: absolute; height: 100%; width: 100%; z-index: 3; opacity: .2; } .icon-wrapper .icon-wrapper-bg.bg-light { opacity: .08; } .icon-wrapper i { margin: 0 auto; font-size: 1.7rem; position: relative; z-index: 5; } .icon-wrapper i:before { margin-top: -3px; } .icon-wrapper .progress-circle-wrapper { width: 100%; margin-right: 0; } .widget-chart2 .widget-chart-flex { display: flex; align-items: baseline; align-content: center; margin-bottom: 0; } .widget-chart2 .widget-chart-flex .widget-subtitle { margin-left: auto; } .widget-chart2 .widget-chart-flex .widget-numbers { font-weight: normal; } .widget-chart2 .widget-chart-flex + .widget-chart-flex .widget-numbers { margin-bottom: 0; } .widget-chart2 .widget-chat-wrapper-outer { display: flex; flex: 1; flex-direction: column; max-width: 100%; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper { height: 70px; opacity: .8; position: relative; margin: 1rem auto -0.5rem; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper-lg { height: 130px; } .widget-chart2 .widget-chat-wrapper-outer .widget-chart-wrapper-xlg { height: 160px; } .card-btm-border { border-bottom: transparent solid 4px; } .progress-box { text-align: center; } .progress-box h4 { font-size: 0.75rem; font-weight: bold; opacity: .6; text-transform: uppercase; padding-bottom: 0.33333rem; } .progress-box svg { margin: 0 auto; } .svg-bg { position: absolute; width: 100%; height: 100%; opacity: .1; } .svg-bg svg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .widget-numbers-sm { font-size: 1.5rem; } .widget-content { padding: 1rem; flex-direction: row; align-items: center; } .widget-content .widget-content-wrapper { display: flex; flex: 1; position: relative; align-items: center; } .widget-content .widget-content-left .widget-heading { opacity: .8; font-weight: bold; } .widget-content .widget-content-left .widget-subheading { opacity: .5; } .widget-content .widget-content-right { margin-left: auto; } .widget-content .widget-numbers { font-weight: bold; font-size: 1.8rem; display: block; } .widget-content .widget-content-outer { display: flex; flex: 1; flex-direction: column; } .widget-content .widget-progress-wrapper { margin-top: 1rem; } .widget-content .widget-progress-wrapper .progress-sub-label { margin-top: 0.33333rem; opacity: .5; display: flex; align-content: center; align-items: center; } .widget-content .widget-progress-wrapper .progress-sub-label .sub-label-right { margin-left: auto; } .widget-content .widget-content-right.widget-content-actions { visibility: hidden; opacity: 0; transition: opacity .2s; } .widget-content:hover .widget-content-right.widget-content-actions { visibility: visible; opacity: 1; } .profile-block { position: relative; overflow: hidden; } .profile-block .profile-blur { width: 100%; height: 100%; filter: blur(5px); transform: scale(1.8); position: absolute; left: -25%; top: -25%; } .profile-block .profile-inner { position: absolute; width: 100%; height: 100%; opacity: .5; left: 0; top: 0; } .profile-block .dropdown-menu-header .menu-header-content { padding: 3rem; } .profile-block .dropdown-menu-header .menu-header-content .menu-header-title { margin: 0.75rem 0 0; } .profile-block .dropdown-menu-header .menu-header-content .menu-header-subtitle { margin: 0.5rem 0 0; } .profile-block .dropdown-menu-header .menu-header-btn-pane { margin: 0.5rem 0 0; } .profile-block .dropdown-menu-header .menu-header-btn-pane .btn-icon { color: #fff; padding: 0; width: 44px; height: 44px; line-height: 37px; font-size: 0.9375rem; } .profile-block .dropdown-menu-header .menu-header-btn-pane .btn-icon:hover { background: rgba(255, 255, 255, 0.2); } .app-logo { height: 23px; width: 97px; background: url(assets/images/logo-inverse.png); } .app-logo-inverse { height: 23px; width: 97px; background: url(assets/images/logo.png); } .app-login-box .app-logo { margin-bottom: 3rem; } .app-login-box h4 { margin-bottom: 1.5rem; font-weight: normal; } .app-login-box h4 div { opacity: .6; } .app-login-box h4 span { font-size: 0.9375rem; } .app-inner-layout.rm-sidebar .app-inner-layout__wrapper .app-inner-layout__content { width: auto; float: none; } .app-inner-layout .app-inner-layout__header { width: 100%; padding: 1.5rem; text-align: left; border-bottom: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__header .app-page-title { margin: 0; padding: 0; background: transparent; } .app-inner-layout .app-inner-layout__header-boxed { padding: 1.5rem; } .app-inner-layout .app-inner-layout__header-boxed .app-inner-layout__header { border-radius: 0.3rem; } .app-inner-layout .app-inner-layout__wrapper { position: relative; display: flex; flex-direction: row; min-height: 100vh; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content { flex: 1; display: flex; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content.card { box-shadow: 0 0 0 0 transparent; border-radius: 0; border: 0; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .app-inner-layout__top-pane { display: flex; align-content: center; align-items: center; text-align: left; padding: 0.75rem 1.5rem; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .pane-left { display: flex; align-items: center; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .pane-right { display: flex; align-items: center; margin-left: auto; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__content .app-inner-layout__bottom-pane { padding: 1.5rem; border-top: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar { width: 270px; list-style: none; text-align: left; order: -1; flex: 0 0 270px; display: flex; margin: 0; position: relative; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .dropdown-item { white-space: normal; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card { box-shadow: 0 0 0 0 transparent; border-radius: 0; background: #f8f9fa; border: 0; border-right: #e9ecef solid 1px; border-left: #e9ecef solid 1px; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .app-inner-layout__sidebar-footer, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar .app-inner-layout__sidebar-header { background: #f8f9fa; } .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__aside { width: 60px; } .app-inner-layout .app-inner-layout__footer { width: 100%; height: 50px; } .app-wrapper-footer .app-footer { border-top: #e9ecef solid 1px; } .app-wrapper-footer .app-footer .app-footer__inner { border-left: #e9ecef solid 1px; } .chat-layout.app-inner-layout .app-inner-layout__sidebar { width: 360px; flex: 0 0 360px; } .chat-layout .app-inner-layout__top-pane h4 { font-size: 1.25rem; } .chat-layout .app-inner-layout__top-pane h4 div { font-size: 0.75rem; } .chat-layout .chat-box-wrapper { padding: 1.5rem; } @media (max-width: 1199.98px) { .chat-layout.app-inner-layout .app-inner-layout__sidebar .widget-content .widget-content-left .widget-subheading { white-space: normal; } } .mobile-app-menu-btn { display: none; margin: 3px 1.5rem 0 0; } @media (max-width: 991.98px) { .app-inner-layout__sidebar { display: none !important; } .mobile-app-menu-btn { display: block; } .open-mobile-menu .app-inner-layout__sidebar { display: block !important; } } /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none !important; opacity: 0; transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0; /* please don't change 'position' */ position: absolute; z-index: 7; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; border-radius: 50px; z-index: 7; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: rgba(0, 0, 0, 0.1); opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: rgba(0, 0, 0, 0.1); border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: rgba(0, 0, 0, 0.1); border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: rgba(0, 0, 0, 0.12); height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: rgba(0, 0, 0, 0.12); width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } .scrollbar-sidebar, .scrollbar-container { position: relative; height: 100%; } .scroll-area { overflow-x: hidden; height: 400px; } .scroll-area-xs { height: 150px; overflow-x: hidden; } .scroll-area-sm { height: 200px; overflow-x: hidden; } .scroll-area-md { height: 300px; overflow-x: hidden; } .scroll-area-lg { height: 400px; overflow-x: hidden; } .scroll-area-x { overflow-x: auto; width: 100%; max-width: 100%; } .shadow-overflow { position: relative; } .shadow-overflow::after, .shadow-overflow::before { width: 100%; bottom: auto; top: 0; left: 0; height: 1.5rem; position: absolute; z-index: 10; content: ''; background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .shadow-overflow::after { bottom: 0; top: auto; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } /*! * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url(assets/fonts/fa-solid-900.eot); src: url(assets/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(assets/fonts/fa-solid-900.woff2) format("woff2"), url(assets/fonts/fa-solid-900.woff) format("woff"), url(assets/fonts/fa-solid-900.ttf) format("truetype"), url(assets/fonts/fa-solid-900.svg#fontawesome) format("svg"); } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -.0667em; } .fa-xs { font-size: .75em; } .fa-sm { font-size: .875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-algolia:before { content: "\f36c"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-barcode:before { content: "\f02a"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-bookmark:before { content: "\f02e"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-none:before { content: "\f850"; } .fa-border-style:before { content: "\f853"; } .fa-bowling-ball:before { content: "\f436"; } .fa-box:before { content: "\f466"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-boxes:before { content: "\f468"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-calculator:before { content: "\f1ec"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camera:before { content: "\f030"; } .fa-camera-retro:before { content: "\f083"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candy-cane:before { content: "\f786"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-side:before { content: "\f5e4"; } .fa-caravan:before { content: "\f8ff"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cat:before { content: "\f6be"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-pie:before { content: "\f200"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-rook:before { content: "\f447"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comments:before { content: "\f086"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-contao:before { content: "\f26d"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-critical-role:before { content: "\f6c9"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-directions:before { content: "\f5eb"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-signature:before { content: "\f573"; } .fa-file-upload:before { content: "\f574"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flask:before { content: "\f0c3"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flushed:before { content: "\f579"; } .fa-fly:before { content: "\f417"; } .fa-folder:before { content: "\f07b"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-frog:before { content: "\f52e"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-gamepad:before { content: "\f11b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gifts:before { content: "\f79c"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glasses:before { content: "\f530"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-virus:before { content: "\e064"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heartbeat:before { content: "\f21e"; } .fa-helicopter:before { content: "\f533"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-puck:before { content: "\f453"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-hooli:before { content: "\f427"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-key:before { content: "\f084"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-korvue:before { content: "\f42f"; } .fa-landmark:before { content: "\f66f"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-leaf:before { content: "\f06c"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-line:before { content: "\f3c0"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location-arrow:before { content: "\f124"; } .fa-lock:before { content: "\f023"; } .fa-lock-open:before { content: "\f3c1"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-square:before { content: "\f146"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-music:before { content: "\f001"; } .fa-napster:before { content: "\f3d2"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-parking:before { content: "\f540"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-print:before { content: "\f02f"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-rainbow:before { content: "\f75b"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salesforce:before { content: "\f83b"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-save:before { content: "\f0c7"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shower:before { content: "\f2cc"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-sketch:before { content: "\f7c6"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spinner:before { content: "\f110"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-low:before { content: "\f76b"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-terminal:before { content: "\f120"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-light:before { content: "\f637"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-tree:before { content: "\f1bb"; } .fa-trello:before { content: "\f181"; } .fa-trophy:before { content: "\f091"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-tv:before { content: "\f26c"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-user:before { content: "\f007"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-minus:before { content: "\f503"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-users:before { content: "\f0c0"; } .fa-users-cog:before { content: "\f509"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-vaadin:before { content: "\f408"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-warehouse:before { content: "\f494"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-wave-square:before { content: "\f83e"; } .fa-waze:before { content: "\f83f"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheelchair:before { content: "\f193"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-window-close:before { content: "\f410"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .fa-2x { line-height: 2; } @font-face { font-family: "Ionicons"; src: url(assets/fonts/ionicons.eot); src: url(assets/fonts/ionicons.eot#iefix) format("embedded-opentype"), url(assets/fonts/ionicons.ttf) format("truetype"), url(assets/fonts/ionicons.woff) format("woff"), url(assets/fonts/ionicons.svg#Ionicons) format("svg"); font-weight: normal; font-style: normal; } .ion, .ionicons, .ion-alert:before, .ion-alert-circled:before, .ion-android-add:before, .ion-android-add-circle:before, .ion-android-alarm-clock:before, .ion-android-alert:before, .ion-android-apps:before, .ion-android-archive:before, .ion-android-arrow-back:before, .ion-android-arrow-down:before, .ion-android-arrow-dropdown:before, .ion-android-arrow-dropdown-circle:before, .ion-android-arrow-dropleft:before, .ion-android-arrow-dropleft-circle:before, .ion-android-arrow-dropright:before, .ion-android-arrow-dropright-circle:before, .ion-android-arrow-dropup:before, .ion-android-arrow-dropup-circle:before, .ion-android-arrow-forward:before, .ion-android-arrow-up:before, .ion-android-attach:before, .ion-android-bar:before, .ion-android-bicycle:before, .ion-android-boat:before, .ion-android-bookmark:before, .ion-android-bulb:before, .ion-android-bus:before, .ion-android-calendar:before, .ion-android-call:before, .ion-android-camera:before, .ion-android-cancel:before, .ion-android-car:before, .ion-android-cart:before, .ion-android-chat:before, .ion-android-checkbox:before, .ion-android-checkbox-blank:before, .ion-android-checkbox-outline:before, .ion-android-checkbox-outline-blank:before, .ion-android-checkmark-circle:before, .ion-android-clipboard:before, .ion-android-close:before, .ion-android-cloud:before, .ion-android-cloud-circle:before, .ion-android-cloud-done:before, .ion-android-cloud-outline:before, .ion-android-color-palette:before, .ion-android-compass:before, .ion-android-contact:before, .ion-android-contacts:before, .ion-android-contract:before, .ion-android-create:before, .ion-android-delete:before, .ion-android-desktop:before, .ion-android-document:before, .ion-android-done:before, .ion-android-done-all:before, .ion-android-download:before, .ion-android-drafts:before, .ion-android-exit:before, .ion-android-expand:before, .ion-android-favorite:before, .ion-android-favorite-outline:before, .ion-android-film:before, .ion-android-folder:before, .ion-android-folder-open:before, .ion-android-funnel:before, .ion-android-globe:before, .ion-android-hand:before, .ion-android-hangout:before, .ion-android-happy:before, .ion-android-home:before, .ion-android-image:before, .ion-android-laptop:before, .ion-android-list:before, .ion-android-locate:before, .ion-android-lock:before, .ion-android-mail:before, .ion-android-map:before, .ion-android-menu:before, .ion-android-microphone:before, .ion-android-microphone-off:before, .ion-android-more-horizontal:before, .ion-android-more-vertical:before, .ion-android-navigate:before, .ion-android-notifications:before, .ion-android-notifications-none:before, .ion-android-notifications-off:before, .ion-android-open:before, .ion-android-options:before, .ion-android-people:before, .ion-android-person:before, .ion-android-person-add:before, .ion-android-phone-landscape:before, .ion-android-phone-portrait:before, .ion-android-pin:before, .ion-android-plane:before, .ion-android-playstore:before, .ion-android-print:before, .ion-android-radio-button-off:before, .ion-android-radio-button-on:before, .ion-android-refresh:before, .ion-android-remove:before, .ion-android-remove-circle:before, .ion-android-restaurant:before, .ion-android-sad:before, .ion-android-search:before, .ion-android-send:before, .ion-android-settings:before, .ion-android-share:before, .ion-android-share-alt:before, .ion-android-star:before, .ion-android-star-half:before, .ion-android-star-outline:before, .ion-android-stopwatch:before, .ion-android-subway:before, .ion-android-sunny:before, .ion-android-sync:before, .ion-android-textsms:before, .ion-android-time:before, .ion-android-train:before, .ion-android-unlock:before, .ion-android-upload:before, .ion-android-volume-down:before, .ion-android-volume-mute:before, .ion-android-volume-off:before, .ion-android-volume-up:before, .ion-android-walk:before, .ion-android-warning:before, .ion-android-watch:before, .ion-android-wifi:before, .ion-aperture:before, .ion-archive:before, .ion-arrow-down-a:before, .ion-arrow-down-b:before, .ion-arrow-down-c:before, .ion-arrow-expand:before, .ion-arrow-graph-down-left:before, .ion-arrow-graph-down-right:before, .ion-arrow-graph-up-left:before, .ion-arrow-graph-up-right:before, .ion-arrow-left-a:before, .ion-arrow-left-b:before, .ion-arrow-left-c:before, .ion-arrow-move:before, .ion-arrow-resize:before, .ion-arrow-return-left:before, .ion-arrow-return-right:before, .ion-arrow-right-a:before, .ion-arrow-right-b:before, .ion-arrow-right-c:before, .ion-arrow-shrink:before, .ion-arrow-swap:before, .ion-arrow-up-a:before, .ion-arrow-up-b:before, .ion-arrow-up-c:before, .ion-asterisk:before, .ion-at:before, .ion-backspace:before, .ion-backspace-outline:before, .ion-bag:before, .ion-battery-charging:before, .ion-battery-empty:before, .ion-battery-full:before, .ion-battery-half:before, .ion-battery-low:before, .ion-beaker:before, .ion-beer:before, .ion-bluetooth:before, .ion-bonfire:before, .ion-bookmark:before, .ion-bowtie:before, .ion-briefcase:before, .ion-bug:before, .ion-calculator:before, .ion-calendar:before, .ion-camera:before, .ion-card:before, .ion-cash:before, .ion-chatbox:before, .ion-chatbox-working:before, .ion-chatboxes:before, .ion-chatbubble:before, .ion-chatbubble-working:before, .ion-chatbubbles:before, .ion-checkmark:before, .ion-checkmark-circled:before, .ion-checkmark-round:before, .ion-chevron-down:before, .ion-chevron-left:before, .ion-chevron-right:before, .ion-chevron-up:before, .ion-clipboard:before, .ion-clock:before, .ion-close:before, .ion-close-circled:before, .ion-close-round:before, .ion-closed-captioning:before, .ion-cloud:before, .ion-code:before, .ion-code-download:before, .ion-code-working:before, .ion-coffee:before, .ion-compass:before, .ion-compose:before, .ion-connection-bars:before, .ion-contrast:before, .ion-crop:before, .ion-cube:before, .ion-disc:before, .ion-document:before, .ion-document-text:before, .ion-drag:before, .ion-earth:before, .ion-easel:before, .ion-edit:before, .ion-egg:before, .ion-eject:before, .ion-email:before, .ion-email-unread:before, .ion-erlenmeyer-flask:before, .ion-erlenmeyer-flask-bubbles:before, .ion-eye:before, .ion-eye-disabled:before, .ion-female:before, .ion-filing:before, .ion-film-marker:before, .ion-fireball:before, .ion-flag:before, .ion-flame:before, .ion-flash:before, .ion-flash-off:before, .ion-folder:before, .ion-fork:before, .ion-fork-repo:before, .ion-forward:before, .ion-funnel:before, .ion-gear-a:before, .ion-gear-b:before, .ion-grid:before, .ion-hammer:before, .ion-happy:before, .ion-happy-outline:before, .ion-headphone:before, .ion-heart:before, .ion-heart-broken:before, .ion-help:before, .ion-help-buoy:before, .ion-help-circled:before, .ion-home:before, .ion-icecream:before, .ion-image:before, .ion-images:before, .ion-information:before, .ion-information-circled:before, .ion-ionic:before, .ion-ios-alarm:before, .ion-ios-alarm-outline:before, .ion-ios-albums:before, .ion-ios-albums-outline:before, .ion-ios-americanfootball:before, .ion-ios-americanfootball-outline:before, .ion-ios-analytics:before, .ion-ios-analytics-outline:before, .ion-ios-arrow-back:before, .ion-ios-arrow-down:before, .ion-ios-arrow-forward:before, .ion-ios-arrow-left:before, .ion-ios-arrow-right:before, .ion-ios-arrow-thin-down:before, .ion-ios-arrow-thin-left:before, .ion-ios-arrow-thin-right:before, .ion-ios-arrow-thin-up:before, .ion-ios-arrow-up:before, .ion-ios-at:before, .ion-ios-at-outline:before, .ion-ios-barcode:before, .ion-ios-barcode-outline:before, .ion-ios-baseball:before, .ion-ios-baseball-outline:before, .ion-ios-basketball:before, .ion-ios-basketball-outline:before, .ion-ios-bell:before, .ion-ios-bell-outline:before, .ion-ios-body:before, .ion-ios-body-outline:before, .ion-ios-bolt:before, .ion-ios-bolt-outline:before, .ion-ios-book:before, .ion-ios-book-outline:before, .ion-ios-bookmarks:before, .ion-ios-bookmarks-outline:before, .ion-ios-box:before, .ion-ios-box-outline:before, .ion-ios-briefcase:before, .ion-ios-briefcase-outline:before, .ion-ios-browsers:before, .ion-ios-browsers-outline:before, .ion-ios-calculator:before, .ion-ios-calculator-outline:before, .ion-ios-calendar:before, .ion-ios-calendar-outline:before, .ion-ios-camera:before, .ion-ios-camera-outline:before, .ion-ios-cart:before, .ion-ios-cart-outline:before, .ion-ios-chatboxes:before, .ion-ios-chatboxes-outline:before, .ion-ios-chatbubble:before, .ion-ios-chatbubble-outline:before, .ion-ios-checkmark:before, .ion-ios-checkmark-empty:before, .ion-ios-checkmark-outline:before, .ion-ios-circle-filled:before, .ion-ios-circle-outline:before, .ion-ios-clock:before, .ion-ios-clock-outline:before, .ion-ios-close:before, .ion-ios-close-empty:before, .ion-ios-close-outline:before, .ion-ios-cloud:before, .ion-ios-cloud-download:before, .ion-ios-cloud-download-outline:before, .ion-ios-cloud-outline:before, .ion-ios-cloud-upload:before, .ion-ios-cloud-upload-outline:before, .ion-ios-cloudy:before, .ion-ios-cloudy-night:before, .ion-ios-cloudy-night-outline:before, .ion-ios-cloudy-outline:before, .ion-ios-cog:before, .ion-ios-cog-outline:before, .ion-ios-color-filter:before, .ion-ios-color-filter-outline:before, .ion-ios-color-wand:before, .ion-ios-color-wand-outline:before, .ion-ios-compose:before, .ion-ios-compose-outline:before, .ion-ios-contact:before, .ion-ios-contact-outline:before, .ion-ios-copy:before, .ion-ios-copy-outline:before, .ion-ios-crop:before, .ion-ios-crop-strong:before, .ion-ios-download:before, .ion-ios-download-outline:before, .ion-ios-drag:before, .ion-ios-email:before, .ion-ios-email-outline:before, .ion-ios-eye:before, .ion-ios-eye-outline:before, .ion-ios-fastforward:before, .ion-ios-fastforward-outline:before, .ion-ios-filing:before, .ion-ios-filing-outline:before, .ion-ios-film:before, .ion-ios-film-outline:before, .ion-ios-flag:before, .ion-ios-flag-outline:before, .ion-ios-flame:before, .ion-ios-flame-outline:before, .ion-ios-flask:before, .ion-ios-flask-outline:before, .ion-ios-flower:before, .ion-ios-flower-outline:before, .ion-ios-folder:before, .ion-ios-folder-outline:before, .ion-ios-football:before, .ion-ios-football-outline:before, .ion-ios-game-controller-a:before, .ion-ios-game-controller-a-outline:before, .ion-ios-game-controller-b:before, .ion-ios-game-controller-b-outline:before, .ion-ios-gear:before, .ion-ios-gear-outline:before, .ion-ios-glasses:before, .ion-ios-glasses-outline:before, .ion-ios-grid-view:before, .ion-ios-grid-view-outline:before, .ion-ios-heart:before, .ion-ios-heart-outline:before, .ion-ios-help:before, .ion-ios-help-empty:before, .ion-ios-help-outline:before, .ion-ios-home:before, .ion-ios-home-outline:before, .ion-ios-infinite:before, .ion-ios-infinite-outline:before, .ion-ios-information:before, .ion-ios-information-empty:before, .ion-ios-information-outline:before, .ion-ios-ionic-outline:before, .ion-ios-keypad:before, .ion-ios-keypad-outline:before, .ion-ios-lightbulb:before, .ion-ios-lightbulb-outline:before, .ion-ios-list:before, .ion-ios-list-outline:before, .ion-ios-location:before, .ion-ios-location-outline:before, .ion-ios-locked:before, .ion-ios-locked-outline:before, .ion-ios-loop:before, .ion-ios-loop-strong:before, .ion-ios-medical:before, .ion-ios-medical-outline:before, .ion-ios-medkit:before, .ion-ios-medkit-outline:before, .ion-ios-mic:before, .ion-ios-mic-off:before, .ion-ios-mic-outline:before, .ion-ios-minus:before, .ion-ios-minus-empty:before, .ion-ios-minus-outline:before, .ion-ios-monitor:before, .ion-ios-monitor-outline:before, .ion-ios-moon:before, .ion-ios-moon-outline:before, .ion-ios-more:before, .ion-ios-more-outline:before, .ion-ios-musical-note:before, .ion-ios-musical-notes:before, .ion-ios-navigate:before, .ion-ios-navigate-outline:before, .ion-ios-nutrition:before, .ion-ios-nutrition-outline:before, .ion-ios-paper:before, .ion-ios-paper-outline:before, .ion-ios-paperplane:before, .ion-ios-paperplane-outline:before, .ion-ios-partlysunny:before, .ion-ios-partlysunny-outline:before, .ion-ios-pause:before, .ion-ios-pause-outline:before, .ion-ios-paw:before, .ion-ios-paw-outline:before, .ion-ios-people:before, .ion-ios-people-outline:before, .ion-ios-person:before, .ion-ios-person-outline:before, .ion-ios-personadd:before, .ion-ios-personadd-outline:before, .ion-ios-photos:before, .ion-ios-photos-outline:before, .ion-ios-pie:before, .ion-ios-pie-outline:before, .ion-ios-pint:before, .ion-ios-pint-outline:before, .ion-ios-play:before, .ion-ios-play-outline:before, .ion-ios-plus:before, .ion-ios-plus-empty:before, .ion-ios-plus-outline:before, .ion-ios-pricetag:before, .ion-ios-pricetag-outline:before, .ion-ios-pricetags:before, .ion-ios-pricetags-outline:before, .ion-ios-printer:before, .ion-ios-printer-outline:before, .ion-ios-pulse:before, .ion-ios-pulse-strong:before, .ion-ios-rainy:before, .ion-ios-rainy-outline:before, .ion-ios-recording:before, .ion-ios-recording-outline:before, .ion-ios-redo:before, .ion-ios-redo-outline:before, .ion-ios-refresh:before, .ion-ios-refresh-empty:before, .ion-ios-refresh-outline:before, .ion-ios-reload:before, .ion-ios-reverse-camera:before, .ion-ios-reverse-camera-outline:before, .ion-ios-rewind:before, .ion-ios-rewind-outline:before, .ion-ios-rose:before, .ion-ios-rose-outline:before, .ion-ios-search:before, .ion-ios-search-strong:before, .ion-ios-settings:before, .ion-ios-settings-strong:before, .ion-ios-shuffle:before, .ion-ios-shuffle-strong:before, .ion-ios-skipbackward:before, .ion-ios-skipbackward-outline:before, .ion-ios-skipforward:before, .ion-ios-skipforward-outline:before, .ion-ios-snowy:before, .ion-ios-speedometer:before, .ion-ios-speedometer-outline:before, .ion-ios-star:before, .ion-ios-star-half:before, .ion-ios-star-outline:before, .ion-ios-stopwatch:before, .ion-ios-stopwatch-outline:before, .ion-ios-sunny:before, .ion-ios-sunny-outline:before, .ion-ios-telephone:before, .ion-ios-telephone-outline:before, .ion-ios-tennisball:before, .ion-ios-tennisball-outline:before, .ion-ios-thunderstorm:before, .ion-ios-thunderstorm-outline:before, .ion-ios-time:before, .ion-ios-time-outline:before, .ion-ios-timer:before, .ion-ios-timer-outline:before, .ion-ios-toggle:before, .ion-ios-toggle-outline:before, .ion-ios-trash:before, .ion-ios-trash-outline:before, .ion-ios-undo:before, .ion-ios-undo-outline:before, .ion-ios-unlocked:before, .ion-ios-unlocked-outline:before, .ion-ios-upload:before, .ion-ios-upload-outline:before, .ion-ios-videocam:before, .ion-ios-videocam-outline:before, .ion-ios-volume-high:before, .ion-ios-volume-low:before, .ion-ios-wineglass:before, .ion-ios-wineglass-outline:before, .ion-ios-world:before, .ion-ios-world-outline:before, .ion-ipad:before, .ion-iphone:before, .ion-ipod:before, .ion-jet:before, .ion-key:before, .ion-knife:before, .ion-laptop:before, .ion-leaf:before, .ion-levels:before, .ion-lightbulb:before, .ion-link:before, .ion-load-a:before, .ion-load-b:before, .ion-load-c:before, .ion-load-d:before, .ion-location:before, .ion-lock-combination:before, .ion-locked:before, .ion-log-in:before, .ion-log-out:before, .ion-loop:before, .ion-magnet:before, .ion-male:before, .ion-man:before, .ion-map:before, .ion-medkit:before, .ion-merge:before, .ion-mic-a:before, .ion-mic-b:before, .ion-mic-c:before, .ion-minus:before, .ion-minus-circled:before, .ion-minus-round:before, .ion-model-s:before, .ion-monitor:before, .ion-more:before, .ion-mouse:before, .ion-music-note:before, .ion-navicon:before, .ion-navicon-round:before, .ion-navigate:before, .ion-network:before, .ion-no-smoking:before, .ion-nuclear:before, .ion-outlet:before, .ion-paintbrush:before, .ion-paintbucket:before, .ion-paper-airplane:before, .ion-paperclip:before, .ion-pause:before, .ion-person:before, .ion-person-add:before, .ion-person-stalker:before, .ion-pie-graph:before, .ion-pin:before, .ion-pinpoint:before, .ion-pizza:before, .ion-plane:before, .ion-planet:before, .ion-play:before, .ion-playstation:before, .ion-plus:before, .ion-plus-circled:before, .ion-plus-round:before, .ion-podium:before, .ion-pound:before, .ion-power:before, .ion-pricetag:before, .ion-pricetags:before, .ion-printer:before, .ion-pull-request:before, .ion-qr-scanner:before, .ion-quote:before, .ion-radio-waves:before, .ion-record:before, .ion-refresh:before, .ion-reply:before, .ion-reply-all:before, .ion-ribbon-a:before, .ion-ribbon-b:before, .ion-sad:before, .ion-sad-outline:before, .ion-scissors:before, .ion-search:before, .ion-settings:before, .ion-share:before, .ion-shuffle:before, .ion-skip-backward:before, .ion-skip-forward:before, .ion-social-android:before, .ion-social-android-outline:before, .ion-social-angular:before, .ion-social-angular-outline:before, .ion-social-apple:before, .ion-social-apple-outline:before, .ion-social-bitcoin:before, .ion-social-bitcoin-outline:before, .ion-social-buffer:before, .ion-social-buffer-outline:before, .ion-social-chrome:before, .ion-social-chrome-outline:before, .ion-social-codepen:before, .ion-social-codepen-outline:before, .ion-social-css3:before, .ion-social-css3-outline:before, .ion-social-designernews:before, .ion-social-designernews-outline:before, .ion-social-dribbble:before, .ion-social-dribbble-outline:before, .ion-social-dropbox:before, .ion-social-dropbox-outline:before, .ion-social-euro:before, .ion-social-euro-outline:before, .ion-social-facebook:before, .ion-social-facebook-outline:before, .ion-social-foursquare:before, .ion-social-foursquare-outline:before, .ion-social-freebsd-devil:before, .ion-social-github:before, .ion-social-github-outline:before, .ion-social-google:before, .ion-social-google-outline:before, .ion-social-googleplus:before, .ion-social-googleplus-outline:before, .ion-social-hackernews:before, .ion-social-hackernews-outline:before, .ion-social-html5:before, .ion-social-html5-outline:before, .ion-social-instagram:before, .ion-social-instagram-outline:before, .ion-social-javascript:before, .ion-social-javascript-outline:before, .ion-social-linkedin:before, .ion-social-linkedin-outline:before, .ion-social-markdown:before, .ion-social-nodejs:before, .ion-social-octocat:before, .ion-social-pinterest:before, .ion-social-pinterest-outline:before, .ion-social-python:before, .ion-social-reddit:before, .ion-social-reddit-outline:before, .ion-social-rss:before, .ion-social-rss-outline:before, .ion-social-sass:before, .ion-social-skype:before, .ion-social-skype-outline:before, .ion-social-snapchat:before, .ion-social-snapchat-outline:before, .ion-social-tumblr:before, .ion-social-tumblr-outline:before, .ion-social-tux:before, .ion-social-twitch:before, .ion-social-twitch-outline:before, .ion-social-twitter:before, .ion-social-twitter-outline:before, .ion-social-usd:before, .ion-social-usd-outline:before, .ion-social-vimeo:before, .ion-social-vimeo-outline:before, .ion-social-whatsapp:before, .ion-social-whatsapp-outline:before, .ion-social-windows:before, .ion-social-windows-outline:before, .ion-social-wordpress:before, .ion-social-wordpress-outline:before, .ion-social-yahoo:before, .ion-social-yahoo-outline:before, .ion-social-yen:before, .ion-social-yen-outline:before, .ion-social-youtube:before, .ion-social-youtube-outline:before, .ion-soup-can:before, .ion-soup-can-outline:before, .ion-speakerphone:before, .ion-speedometer:before, .ion-spoon:before, .ion-star:before, .ion-stats-bars:before, .ion-steam:before, .ion-stop:before, .ion-thermometer:before, .ion-thumbsdown:before, .ion-thumbsup:before, .ion-toggle:before, .ion-toggle-filled:before, .ion-transgender:before, .ion-trash-a:before, .ion-trash-b:before, .ion-trophy:before, .ion-tshirt:before, .ion-tshirt-outline:before, .ion-umbrella:before, .ion-university:before, .ion-unlocked:before, .ion-upload:before, .ion-usb:before, .ion-videocamera:before, .ion-volume-high:before, .ion-volume-low:before, .ion-volume-medium:before, .ion-volume-mute:before, .ion-wand:before, .ion-waterdrop:before, .ion-wifi:before, .ion-wineglass:before, .ion-woman:before, .ion-wrench:before, .ion-xbox:before { display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ion-alert:before { content: ""; } .ion-alert-circled:before { content: ""; } .ion-android-add:before { content: ""; } .ion-android-add-circle:before { content: ""; } .ion-android-alarm-clock:before { content: ""; } .ion-android-alert:before { content: ""; } .ion-android-apps:before { content: ""; } .ion-android-archive:before { content: ""; } .ion-android-arrow-back:before { content: ""; } .ion-android-arrow-down:before { content: ""; } .ion-android-arrow-dropdown:before { content: ""; } .ion-android-arrow-dropdown-circle:before { content: ""; } .ion-android-arrow-dropleft:before { content: ""; } .ion-android-arrow-dropleft-circle:before { content: ""; } .ion-android-arrow-dropright:before { content: ""; } .ion-android-arrow-dropright-circle:before { content: ""; } .ion-android-arrow-dropup:before { content: ""; } .ion-android-arrow-dropup-circle:before { content: ""; } .ion-android-arrow-forward:before { content: ""; } .ion-android-arrow-up:before { content: ""; } .ion-android-attach:before { content: ""; } .ion-android-bar:before { content: ""; } .ion-android-bicycle:before { content: ""; } .ion-android-boat:before { content: ""; } .ion-android-bookmark:before { content: ""; } .ion-android-bulb:before { content: ""; } .ion-android-bus:before { content: ""; } .ion-android-calendar:before { content: ""; } .ion-android-call:before { content: ""; } .ion-android-camera:before { content: ""; } .ion-android-cancel:before { content: ""; } .ion-android-car:before { content: ""; } .ion-android-cart:before { content: ""; } .ion-android-chat:before { content: ""; } .ion-android-checkbox:before { content: ""; } .ion-android-checkbox-blank:before { content: ""; } .ion-android-checkbox-outline:before { content: ""; } .ion-android-checkbox-outline-blank:before { content: ""; } .ion-android-checkmark-circle:before { content: ""; } .ion-android-clipboard:before { content: ""; } .ion-android-close:before { content: ""; } .ion-android-cloud:before { content: ""; } .ion-android-cloud-circle:before { content: ""; } .ion-android-cloud-done:before { content: ""; } .ion-android-cloud-outline:before { content: ""; } .ion-android-color-palette:before { content: ""; } .ion-android-compass:before { content: ""; } .ion-android-contact:before { content: ""; } .ion-android-contacts:before { content: ""; } .ion-android-contract:before { content: ""; } .ion-android-create:before { content: ""; } .ion-android-delete:before { content: ""; } .ion-android-desktop:before { content: ""; } .ion-android-document:before { content: ""; } .ion-android-done:before { content: ""; } .ion-android-done-all:before { content: ""; } .ion-android-download:before { content: ""; } .ion-android-drafts:before { content: ""; } .ion-android-exit:before { content: ""; } .ion-android-expand:before { content: ""; } .ion-android-favorite:before { content: ""; } .ion-android-favorite-outline:before { content: ""; } .ion-android-film:before { content: ""; } .ion-android-folder:before { content: ""; } .ion-android-folder-open:before { content: ""; } .ion-android-funnel:before { content: ""; } .ion-android-globe:before { content: ""; } .ion-android-hand:before { content: ""; } .ion-android-hangout:before { content: ""; } .ion-android-happy:before { content: ""; } .ion-android-home:before { content: ""; } .ion-android-image:before { content: ""; } .ion-android-laptop:before { content: ""; } .ion-android-list:before { content: ""; } .ion-android-locate:before { content: ""; } .ion-android-lock:before { content: ""; } .ion-android-mail:before { content: ""; } .ion-android-map:before { content: ""; } .ion-android-menu:before { content: ""; } .ion-android-microphone:before { content: ""; } .ion-android-microphone-off:before { content: ""; } .ion-android-more-horizontal:before { content: ""; } .ion-android-more-vertical:before { content: ""; } .ion-android-navigate:before { content: ""; } .ion-android-notifications:before { content: ""; } .ion-android-notifications-none:before { content: ""; } .ion-android-notifications-off:before { content: ""; } .ion-android-open:before { content: ""; } .ion-android-options:before { content: ""; } .ion-android-people:before { content: ""; } .ion-android-person:before { content: ""; } .ion-android-person-add:before { content: ""; } .ion-android-phone-landscape:before { content: ""; } .ion-android-phone-portrait:before { content: ""; } .ion-android-pin:before { content: ""; } .ion-android-plane:before { content: ""; } .ion-android-playstore:before { content: ""; } .ion-android-print:before { content: ""; } .ion-android-radio-button-off:before { content: ""; } .ion-android-radio-button-on:before { content: ""; } .ion-android-refresh:before { content: ""; } .ion-android-remove:before { content: ""; } .ion-android-remove-circle:before { content: ""; } .ion-android-restaurant:before { content: ""; } .ion-android-sad:before { content: ""; } .ion-android-search:before { content: ""; } .ion-android-send:before { content: ""; } .ion-android-settings:before { content: ""; } .ion-android-share:before { content: ""; } .ion-android-share-alt:before { content: ""; } .ion-android-star:before { content: ""; } .ion-android-star-half:before { content: ""; } .ion-android-star-outline:before { content: ""; } .ion-android-stopwatch:before { content: ""; } .ion-android-subway:before { content: ""; } .ion-android-sunny:before { content: ""; } .ion-android-sync:before { content: ""; } .ion-android-textsms:before { content: ""; } .ion-android-time:before { content: ""; } .ion-android-train:before { content: ""; } .ion-android-unlock:before { content: ""; } .ion-android-upload:before { content: ""; } .ion-android-volume-down:before { content: ""; } .ion-android-volume-mute:before { content: ""; } .ion-android-volume-off:before { content: ""; } .ion-android-volume-up:before { content: ""; } .ion-android-walk:before { content: ""; } .ion-android-warning:before { content: ""; } .ion-android-watch:before { content: ""; } .ion-android-wifi:before { content: ""; } .ion-aperture:before { content: ""; } .ion-archive:before { content: ""; } .ion-arrow-down-a:before { content: ""; } .ion-arrow-down-b:before { content: ""; } .ion-arrow-down-c:before { content: ""; } .ion-arrow-expand:before { content: ""; } .ion-arrow-graph-down-left:before { content: ""; } .ion-arrow-graph-down-right:before { content: ""; } .ion-arrow-graph-up-left:before { content: ""; } .ion-arrow-graph-up-right:before { content: ""; } .ion-arrow-left-a:before { content: ""; } .ion-arrow-left-b:before { content: ""; } .ion-arrow-left-c:before { content: ""; } .ion-arrow-move:before { content: ""; } .ion-arrow-resize:before { content: ""; } .ion-arrow-return-left:before { content: ""; } .ion-arrow-return-right:before { content: ""; } .ion-arrow-right-a:before { content: ""; } .ion-arrow-right-b:before { content: ""; } .ion-arrow-right-c:before { content: ""; } .ion-arrow-shrink:before { content: ""; } .ion-arrow-swap:before { content: ""; } .ion-arrow-up-a:before { content: ""; } .ion-arrow-up-b:before { content: ""; } .ion-arrow-up-c:before { content: ""; } .ion-asterisk:before { content: ""; } .ion-at:before { content: ""; } .ion-backspace:before { content: ""; } .ion-backspace-outline:before { content: ""; } .ion-bag:before { content: ""; } .ion-battery-charging:before { content: ""; } .ion-battery-empty:before { content: ""; } .ion-battery-full:before { content: ""; } .ion-battery-half:before { content: ""; } .ion-battery-low:before { content: ""; } .ion-beaker:before { content: ""; } .ion-beer:before { content: ""; } .ion-bluetooth:before { content: ""; } .ion-bonfire:before { content: ""; } .ion-bookmark:before { content: ""; } .ion-bowtie:before { content: ""; } .ion-briefcase:before { content: ""; } .ion-bug:before { content: ""; } .ion-calculator:before { content: ""; } .ion-calendar:before { content: ""; } .ion-camera:before { content: ""; } .ion-card:before { content: ""; } .ion-cash:before { content: ""; } .ion-chatbox:before { content: ""; } .ion-chatbox-working:before { content: ""; } .ion-chatboxes:before { content: ""; } .ion-chatbubble:before { content: ""; } .ion-chatbubble-working:before { content: ""; } .ion-chatbubbles:before { content: ""; } .ion-checkmark:before { content: ""; } .ion-checkmark-circled:before { content: ""; } .ion-checkmark-round:before { content: ""; } .ion-chevron-down:before { content: ""; } .ion-chevron-left:before { content: ""; } .ion-chevron-right:before { content: ""; } .ion-chevron-up:before { content: ""; } .ion-clipboard:before { content: ""; } .ion-clock:before { content: ""; } .ion-close:before { content: ""; } .ion-close-circled:before { content: ""; } .ion-close-round:before { content: ""; } .ion-closed-captioning:before { content: ""; } .ion-cloud:before { content: ""; } .ion-code:before { content: ""; } .ion-code-download:before { content: ""; } .ion-code-working:before { content: ""; } .ion-coffee:before { content: ""; } .ion-compass:before { content: ""; } .ion-compose:before { content: ""; } .ion-connection-bars:before { content: ""; } .ion-contrast:before { content: ""; } .ion-crop:before { content: ""; } .ion-cube:before { content: ""; } .ion-disc:before { content: ""; } .ion-document:before { content: ""; } .ion-document-text:before { content: ""; } .ion-drag:before { content: ""; } .ion-earth:before { content: ""; } .ion-easel:before { content: ""; } .ion-edit:before { content: ""; } .ion-egg:before { content: ""; } .ion-eject:before { content: ""; } .ion-email:before { content: ""; } .ion-email-unread:before { content: ""; } .ion-erlenmeyer-flask:before { content: ""; } .ion-erlenmeyer-flask-bubbles:before { content: ""; } .ion-eye:before { content: ""; } .ion-eye-disabled:before { content: ""; } .ion-female:before { content: ""; } .ion-filing:before { content: ""; } .ion-film-marker:before { content: ""; } .ion-fireball:before { content: ""; } .ion-flag:before { content: ""; } .ion-flame:before { content: ""; } .ion-flash:before { content: ""; } .ion-flash-off:before { content: ""; } .ion-folder:before { content: ""; } .ion-fork:before { content: ""; } .ion-fork-repo:before { content: ""; } .ion-forward:before { content: ""; } .ion-funnel:before { content: ""; } .ion-gear-a:before { content: ""; } .ion-gear-b:before { content: ""; } .ion-grid:before { content: ""; } .ion-hammer:before { content: ""; } .ion-happy:before { content: ""; } .ion-happy-outline:before { content: ""; } .ion-headphone:before { content: ""; } .ion-heart:before { content: ""; } .ion-heart-broken:before { content: ""; } .ion-help:before { content: ""; } .ion-help-buoy:before { content: ""; } .ion-help-circled:before { content: ""; } .ion-home:before { content: ""; } .ion-icecream:before { content: ""; } .ion-image:before { content: ""; } .ion-images:before { content: ""; } .ion-information:before { content: ""; } .ion-information-circled:before { content: ""; } .ion-ionic:before { content: ""; } .ion-ios-alarm:before { content: ""; } .ion-ios-alarm-outline:before { content: ""; } .ion-ios-albums:before { content: ""; } .ion-ios-albums-outline:before { content: ""; } .ion-ios-americanfootball:before { content: ""; } .ion-ios-americanfootball-outline:before { content: ""; } .ion-ios-analytics:before { content: ""; } .ion-ios-analytics-outline:before { content: ""; } .ion-ios-arrow-back:before { content: ""; } .ion-ios-arrow-down:before { content: ""; } .ion-ios-arrow-forward:before { content: ""; } .ion-ios-arrow-left:before { content: ""; } .ion-ios-arrow-right:before { content: ""; } .ion-ios-arrow-thin-down:before { content: ""; } .ion-ios-arrow-thin-left:before { content: ""; } .ion-ios-arrow-thin-right:before { content: ""; } .ion-ios-arrow-thin-up:before { content: ""; } .ion-ios-arrow-up:before { content: ""; } .ion-ios-at:before { content: ""; } .ion-ios-at-outline:before { content: ""; } .ion-ios-barcode:before { content: ""; } .ion-ios-barcode-outline:before { content: ""; } .ion-ios-baseball:before { content: ""; } .ion-ios-baseball-outline:before { content: ""; } .ion-ios-basketball:before { content: ""; } .ion-ios-basketball-outline:before { content: ""; } .ion-ios-bell:before { content: ""; } .ion-ios-bell-outline:before { content: ""; } .ion-ios-body:before { content: ""; } .ion-ios-body-outline:before { content: ""; } .ion-ios-bolt:before { content: ""; } .ion-ios-bolt-outline:before { content: ""; } .ion-ios-book:before { content: ""; } .ion-ios-book-outline:before { content: ""; } .ion-ios-bookmarks:before { content: ""; } .ion-ios-bookmarks-outline:before { content: ""; } .ion-ios-box:before { content: ""; } .ion-ios-box-outline:before { content: ""; } .ion-ios-briefcase:before { content: ""; } .ion-ios-briefcase-outline:before { content: ""; } .ion-ios-browsers:before { content: ""; } .ion-ios-browsers-outline:before { content: ""; } .ion-ios-calculator:before { content: ""; } .ion-ios-calculator-outline:before { content: ""; } .ion-ios-calendar:before { content: ""; } .ion-ios-calendar-outline:before { content: ""; } .ion-ios-camera:before { content: ""; } .ion-ios-camera-outline:before { content: ""; } .ion-ios-cart:before { content: ""; } .ion-ios-cart-outline:before { content: ""; } .ion-ios-chatboxes:before { content: ""; } .ion-ios-chatboxes-outline:before { content: ""; } .ion-ios-chatbubble:before { content: ""; } .ion-ios-chatbubble-outline:before { content: ""; } .ion-ios-checkmark:before { content: ""; } .ion-ios-checkmark-empty:before { content: ""; } .ion-ios-checkmark-outline:before { content: ""; } .ion-ios-circle-filled:before { content: ""; } .ion-ios-circle-outline:before { content: ""; } .ion-ios-clock:before { content: ""; } .ion-ios-clock-outline:before { content: ""; } .ion-ios-close:before { content: ""; } .ion-ios-close-empty:before { content: ""; } .ion-ios-close-outline:before { content: ""; } .ion-ios-cloud:before { content: ""; } .ion-ios-cloud-download:before { content: ""; } .ion-ios-cloud-download-outline:before { content: ""; } .ion-ios-cloud-outline:before { content: ""; } .ion-ios-cloud-upload:before { content: ""; } .ion-ios-cloud-upload-outline:before { content: ""; } .ion-ios-cloudy:before { content: ""; } .ion-ios-cloudy-night:before { content: ""; } .ion-ios-cloudy-night-outline:before { content: ""; } .ion-ios-cloudy-outline:before { content: ""; } .ion-ios-cog:before { content: ""; } .ion-ios-cog-outline:before { content: ""; } .ion-ios-color-filter:before { content: ""; } .ion-ios-color-filter-outline:before { content: ""; } .ion-ios-color-wand:before { content: ""; } .ion-ios-color-wand-outline:before { content: ""; } .ion-ios-compose:before { content: ""; } .ion-ios-compose-outline:before { content: ""; } .ion-ios-contact:before { content: ""; } .ion-ios-contact-outline:before { content: ""; } .ion-ios-copy:before { content: ""; } .ion-ios-copy-outline:before { content: ""; } .ion-ios-crop:before { content: ""; } .ion-ios-crop-strong:before { content: ""; } .ion-ios-download:before { content: ""; } .ion-ios-download-outline:before { content: ""; } .ion-ios-drag:before { content: ""; } .ion-ios-email:before { content: ""; } .ion-ios-email-outline:before { content: ""; } .ion-ios-eye:before { content: ""; } .ion-ios-eye-outline:before { content: ""; } .ion-ios-fastforward:before { content: ""; } .ion-ios-fastforward-outline:before { content: ""; } .ion-ios-filing:before { content: ""; } .ion-ios-filing-outline:before { content: ""; } .ion-ios-film:before { content: ""; } .ion-ios-film-outline:before { content: ""; } .ion-ios-flag:before { content: ""; } .ion-ios-flag-outline:before { content: ""; } .ion-ios-flame:before { content: ""; } .ion-ios-flame-outline:before { content: ""; } .ion-ios-flask:before { content: ""; } .ion-ios-flask-outline:before { content: ""; } .ion-ios-flower:before { content: ""; } .ion-ios-flower-outline:before { content: ""; } .ion-ios-folder:before { content: ""; } .ion-ios-folder-outline:before { content: ""; } .ion-ios-football:before { content: ""; } .ion-ios-football-outline:before { content: ""; } .ion-ios-game-controller-a:before { content: ""; } .ion-ios-game-controller-a-outline:before { content: ""; } .ion-ios-game-controller-b:before { content: ""; } .ion-ios-game-controller-b-outline:before { content: ""; } .ion-ios-gear:before { content: ""; } .ion-ios-gear-outline:before { content: ""; } .ion-ios-glasses:before { content: ""; } .ion-ios-glasses-outline:before { content: ""; } .ion-ios-grid-view:before { content: ""; } .ion-ios-grid-view-outline:before { content: ""; } .ion-ios-heart:before { content: ""; } .ion-ios-heart-outline:before { content: ""; } .ion-ios-help:before { content: ""; } .ion-ios-help-empty:before { content: ""; } .ion-ios-help-outline:before { content: ""; } .ion-ios-home:before { content: ""; } .ion-ios-home-outline:before { content: ""; } .ion-ios-infinite:before { content: ""; } .ion-ios-infinite-outline:before { content: ""; } .ion-ios-information:before { content: ""; } .ion-ios-information-empty:before { content: ""; } .ion-ios-information-outline:before { content: ""; } .ion-ios-ionic-outline:before { content: ""; } .ion-ios-keypad:before { content: ""; } .ion-ios-keypad-outline:before { content: ""; } .ion-ios-lightbulb:before { content: ""; } .ion-ios-lightbulb-outline:before { content: ""; } .ion-ios-list:before { content: ""; } .ion-ios-list-outline:before { content: ""; } .ion-ios-location:before { content: ""; } .ion-ios-location-outline:before { content: ""; } .ion-ios-locked:before { content: ""; } .ion-ios-locked-outline:before { content: ""; } .ion-ios-loop:before { content: ""; } .ion-ios-loop-strong:before { content: ""; } .ion-ios-medical:before { content: ""; } .ion-ios-medical-outline:before { content: ""; } .ion-ios-medkit:before { content: ""; } .ion-ios-medkit-outline:before { content: ""; } .ion-ios-mic:before { content: ""; } .ion-ios-mic-off:before { content: ""; } .ion-ios-mic-outline:before { content: ""; } .ion-ios-minus:before { content: ""; } .ion-ios-minus-empty:before { content: ""; } .ion-ios-minus-outline:before { content: ""; } .ion-ios-monitor:before { content: ""; } .ion-ios-monitor-outline:before { content: ""; } .ion-ios-moon:before { content: ""; } .ion-ios-moon-outline:before { content: ""; } .ion-ios-more:before { content: ""; } .ion-ios-more-outline:before { content: ""; } .ion-ios-musical-note:before { content: ""; } .ion-ios-musical-notes:before { content: ""; } .ion-ios-navigate:before { content: ""; } .ion-ios-navigate-outline:before { content: ""; } .ion-ios-nutrition:before { content: ""; } .ion-ios-nutrition-outline:before { content: ""; } .ion-ios-paper:before { content: ""; } .ion-ios-paper-outline:before { content: ""; } .ion-ios-paperplane:before { content: ""; } .ion-ios-paperplane-outline:before { content: ""; } .ion-ios-partlysunny:before { content: ""; } .ion-ios-partlysunny-outline:before { content: ""; } .ion-ios-pause:before { content: ""; } .ion-ios-pause-outline:before { content: ""; } .ion-ios-paw:before { content: ""; } .ion-ios-paw-outline:before { content: ""; } .ion-ios-people:before { content: ""; } .ion-ios-people-outline:before { content: ""; } .ion-ios-person:before { content: ""; } .ion-ios-person-outline:before { content: ""; } .ion-ios-personadd:before { content: ""; } .ion-ios-personadd-outline:before { content: ""; } .ion-ios-photos:before { content: ""; } .ion-ios-photos-outline:before { content: ""; } .ion-ios-pie:before { content: ""; } .ion-ios-pie-outline:before { content: ""; } .ion-ios-pint:before { content: ""; } .ion-ios-pint-outline:before { content: ""; } .ion-ios-play:before { content: ""; } .ion-ios-play-outline:before { content: ""; } .ion-ios-plus:before { content: ""; } .ion-ios-plus-empty:before { content: ""; } .ion-ios-plus-outline:before { content: ""; } .ion-ios-pricetag:before { content: ""; } .ion-ios-pricetag-outline:before { content: ""; } .ion-ios-pricetags:before { content: ""; } .ion-ios-pricetags-outline:before { content: ""; } .ion-ios-printer:before { content: ""; } .ion-ios-printer-outline:before { content: ""; } .ion-ios-pulse:before { content: ""; } .ion-ios-pulse-strong:before { content: ""; } .ion-ios-rainy:before { content: ""; } .ion-ios-rainy-outline:before { content: ""; } .ion-ios-recording:before { content: ""; } .ion-ios-recording-outline:before { content: ""; } .ion-ios-redo:before { content: ""; } .ion-ios-redo-outline:before { content: ""; } .ion-ios-refresh:before { content: ""; } .ion-ios-refresh-empty:before { content: ""; } .ion-ios-refresh-outline:before { content: ""; } .ion-ios-reload:before { content: ""; } .ion-ios-reverse-camera:before { content: ""; } .ion-ios-reverse-camera-outline:before { content: ""; } .ion-ios-rewind:before { content: ""; } .ion-ios-rewind-outline:before { content: ""; } .ion-ios-rose:before { content: ""; } .ion-ios-rose-outline:before { content: ""; } .ion-ios-search:before { content: ""; } .ion-ios-search-strong:before { content: ""; } .ion-ios-settings:before { content: ""; } .ion-ios-settings-strong:before { content: ""; } .ion-ios-shuffle:before { content: ""; } .ion-ios-shuffle-strong:before { content: ""; } .ion-ios-skipbackward:before { content: ""; } .ion-ios-skipbackward-outline:before { content: ""; } .ion-ios-skipforward:before { content: ""; } .ion-ios-skipforward-outline:before { content: ""; } .ion-ios-snowy:before { content: ""; } .ion-ios-speedometer:before { content: ""; } .ion-ios-speedometer-outline:before { content: ""; } .ion-ios-star:before { content: ""; } .ion-ios-star-half:before { content: ""; } .ion-ios-star-outline:before { content: ""; } .ion-ios-stopwatch:before { content: ""; } .ion-ios-stopwatch-outline:before { content: ""; } .ion-ios-sunny:before { content: ""; } .ion-ios-sunny-outline:before { content: ""; } .ion-ios-telephone:before { content: ""; } .ion-ios-telephone-outline:before { content: ""; } .ion-ios-tennisball:before { content: ""; } .ion-ios-tennisball-outline:before { content: ""; } .ion-ios-thunderstorm:before { content: ""; } .ion-ios-thunderstorm-outline:before { content: ""; } .ion-ios-time:before { content: ""; } .ion-ios-time-outline:before { content: ""; } .ion-ios-timer:before { content: ""; } .ion-ios-timer-outline:before { content: ""; } .ion-ios-toggle:before { content: ""; } .ion-ios-toggle-outline:before { content: ""; } .ion-ios-trash:before { content: ""; } .ion-ios-trash-outline:before { content: ""; } .ion-ios-undo:before { content: ""; } .ion-ios-undo-outline:before { content: ""; } .ion-ios-unlocked:before { content: ""; } .ion-ios-unlocked-outline:before { content: ""; } .ion-ios-upload:before { content: ""; } .ion-ios-upload-outline:before { content: ""; } .ion-ios-videocam:before { content: ""; } .ion-ios-videocam-outline:before { content: ""; } .ion-ios-volume-high:before { content: ""; } .ion-ios-volume-low:before { content: ""; } .ion-ios-wineglass:before { content: ""; } .ion-ios-wineglass-outline:before { content: ""; } .ion-ios-world:before { content: ""; } .ion-ios-world-outline:before { content: ""; } .ion-ipad:before { content: ""; } .ion-iphone:before { content: ""; } .ion-ipod:before { content: ""; } .ion-jet:before { content: ""; } .ion-key:before { content: ""; } .ion-knife:before { content: ""; } .ion-laptop:before { content: ""; } .ion-leaf:before { content: ""; } .ion-levels:before { content: ""; } .ion-lightbulb:before { content: ""; } .ion-link:before { content: ""; } .ion-load-a:before { content: ""; } .ion-load-b:before { content: ""; } .ion-load-c:before { content: ""; } .ion-load-d:before { content: ""; } .ion-location:before { content: ""; } .ion-lock-combination:before { content: ""; } .ion-locked:before { content: ""; } .ion-log-in:before { content: ""; } .ion-log-out:before { content: ""; } .ion-loop:before { content: ""; } .ion-magnet:before { content: ""; } .ion-male:before { content: ""; } .ion-man:before { content: ""; } .ion-map:before { content: ""; } .ion-medkit:before { content: ""; } .ion-merge:before { content: ""; } .ion-mic-a:before { content: ""; } .ion-mic-b:before { content: ""; } .ion-mic-c:before { content: ""; } .ion-minus:before { content: ""; } .ion-minus-circled:before { content: ""; } .ion-minus-round:before { content: ""; } .ion-model-s:before { content: ""; } .ion-monitor:before { content: ""; } .ion-more:before { content: ""; } .ion-mouse:before { content: ""; } .ion-music-note:before { content: ""; } .ion-navicon:before { content: ""; } .ion-navicon-round:before { content: ""; } .ion-navigate:before { content: ""; } .ion-network:before { content: ""; } .ion-no-smoking:before { content: ""; } .ion-nuclear:before { content: ""; } .ion-outlet:before { content: ""; } .ion-paintbrush:before { content: ""; } .ion-paintbucket:before { content: ""; } .ion-paper-airplane:before { content: ""; } .ion-paperclip:before { content: ""; } .ion-pause:before { content: ""; } .ion-person:before { content: ""; } .ion-person-add:before { content: ""; } .ion-person-stalker:before { content: ""; } .ion-pie-graph:before { content: ""; } .ion-pin:before { content: ""; } .ion-pinpoint:before { content: ""; } .ion-pizza:before { content: ""; } .ion-plane:before { content: ""; } .ion-planet:before { content: ""; } .ion-play:before { content: ""; } .ion-playstation:before { content: ""; } .ion-plus:before { content: ""; } .ion-plus-circled:before { content: ""; } .ion-plus-round:before { content: ""; } .ion-podium:before { content: ""; } .ion-pound:before { content: ""; } .ion-power:before { content: ""; } .ion-pricetag:before { content: ""; } .ion-pricetags:before { content: ""; } .ion-printer:before { content: ""; } .ion-pull-request:before { content: ""; } .ion-qr-scanner:before { content: ""; } .ion-quote:before { content: ""; } .ion-radio-waves:before { content: ""; } .ion-record:before { content: ""; } .ion-refresh:before { content: ""; } .ion-reply:before { content: ""; } .ion-reply-all:before { content: ""; } .ion-ribbon-a:before { content: ""; } .ion-ribbon-b:before { content: ""; } .ion-sad:before { content: ""; } .ion-sad-outline:before { content: ""; } .ion-scissors:before { content: ""; } .ion-search:before { content: ""; } .ion-settings:before { content: ""; } .ion-share:before { content: ""; } .ion-shuffle:before { content: ""; } .ion-skip-backward:before { content: ""; } .ion-skip-forward:before { content: ""; } .ion-social-android:before { content: ""; } .ion-social-android-outline:before { content: ""; } .ion-social-angular:before { content: ""; } .ion-social-angular-outline:before { content: ""; } .ion-social-apple:before { content: ""; } .ion-social-apple-outline:before { content: ""; } .ion-social-bitcoin:before { content: ""; } .ion-social-bitcoin-outline:before { content: ""; } .ion-social-buffer:before { content: ""; } .ion-social-buffer-outline:before { content: ""; } .ion-social-chrome:before { content: ""; } .ion-social-chrome-outline:before { content: ""; } .ion-social-codepen:before { content: ""; } .ion-social-codepen-outline:before { content: ""; } .ion-social-css3:before { content: ""; } .ion-social-css3-outline:before { content: ""; } .ion-social-designernews:before { content: ""; } .ion-social-designernews-outline:before { content: ""; } .ion-social-dribbble:before { content: ""; } .ion-social-dribbble-outline:before { content: ""; } .ion-social-dropbox:before { content: ""; } .ion-social-dropbox-outline:before { content: ""; } .ion-social-euro:before { content: ""; } .ion-social-euro-outline:before { content: ""; } .ion-social-facebook:before { content: ""; } .ion-social-facebook-outline:before { content: ""; } .ion-social-foursquare:before { content: ""; } .ion-social-foursquare-outline:before { content: ""; } .ion-social-freebsd-devil:before { content: ""; } .ion-social-github:before { content: ""; } .ion-social-github-outline:before { content: ""; } .ion-social-google:before { content: ""; } .ion-social-google-outline:before { content: ""; } .ion-social-googleplus:before { content: ""; } .ion-social-googleplus-outline:before { content: ""; } .ion-social-hackernews:before { content: ""; } .ion-social-hackernews-outline:before { content: ""; } .ion-social-html5:before { content: ""; } .ion-social-html5-outline:before { content: ""; } .ion-social-instagram:before { content: ""; } .ion-social-instagram-outline:before { content: ""; } .ion-social-javascript:before { content: ""; } .ion-social-javascript-outline:before { content: ""; } .ion-social-linkedin:before { content: ""; } .ion-social-linkedin-outline:before { content: ""; } .ion-social-markdown:before { content: ""; } .ion-social-nodejs:before { content: ""; } .ion-social-octocat:before { content: ""; } .ion-social-pinterest:before { content: ""; } .ion-social-pinterest-outline:before { content: ""; } .ion-social-python:before { content: ""; } .ion-social-reddit:before { content: ""; } .ion-social-reddit-outline:before { content: ""; } .ion-social-rss:before { content: ""; } .ion-social-rss-outline:before { content: ""; } .ion-social-sass:before { content: ""; } .ion-social-skype:before { content: ""; } .ion-social-skype-outline:before { content: ""; } .ion-social-snapchat:before { content: ""; } .ion-social-snapchat-outline:before { content: ""; } .ion-social-tumblr:before { content: ""; } .ion-social-tumblr-outline:before { content: ""; } .ion-social-tux:before { content: ""; } .ion-social-twitch:before { content: ""; } .ion-social-twitch-outline:before { content: ""; } .ion-social-twitter:before { content: ""; } .ion-social-twitter-outline:before { content: ""; } .ion-social-usd:before { content: ""; } .ion-social-usd-outline:before { content: ""; } .ion-social-vimeo:before { content: ""; } .ion-social-vimeo-outline:before { content: ""; } .ion-social-whatsapp:before { content: ""; } .ion-social-whatsapp-outline:before { content: ""; } .ion-social-windows:before { content: ""; } .ion-social-windows-outline:before { content: ""; } .ion-social-wordpress:before { content: ""; } .ion-social-wordpress-outline:before { content: ""; } .ion-social-yahoo:before { content: ""; } .ion-social-yahoo-outline:before { content: ""; } .ion-social-yen:before { content: ""; } .ion-social-yen-outline:before { content: ""; } .ion-social-youtube:before { content: ""; } .ion-social-youtube-outline:before { content: ""; } .ion-soup-can:before { content: ""; } .ion-soup-can-outline:before { content: ""; } .ion-speakerphone:before { content: ""; } .ion-speedometer:before { content: ""; } .ion-spoon:before { content: ""; } .ion-star:before { content: ""; } .ion-stats-bars:before { content: ""; } .ion-steam:before { content: ""; } .ion-stop:before { content: ""; } .ion-thermometer:before { content: ""; } .ion-thumbsdown:before { content: ""; } .ion-thumbsup:before { content: ""; } .ion-toggle:before { content: ""; } .ion-toggle-filled:before { content: ""; } .ion-transgender:before { content: ""; } .ion-trash-a:before { content: ""; } .ion-trash-b:before { content: ""; } .ion-trophy:before { content: ""; } .ion-tshirt:before { content: ""; } .ion-tshirt-outline:before { content: ""; } .ion-umbrella:before { content: ""; } .ion-university:before { content: ""; } .ion-unlocked:before { content: ""; } .ion-upload:before { content: ""; } .ion-usb:before { content: ""; } .ion-videocamera:before { content: ""; } .ion-volume-high:before { content: ""; } .ion-volume-low:before { content: ""; } .ion-volume-medium:before { content: ""; } .ion-volume-mute:before { content: ""; } .ion-wand:before { content: ""; } .ion-waterdrop:before { content: ""; } .ion-wifi:before { content: ""; } .ion-wineglass:before { content: ""; } .ion-woman:before { content: ""; } .ion-wrench:before { content: ""; } .ion-xbox:before { content: ""; } .flag { height: 16px; width: 16px; background-size: 16px 16px; } .flag.medium { height: 24px; width: 24px; background-size: 24px 24px; } .flag.large { height: 32px; width: 32px; background-size: 32px 32px; } .AD { background: url(assets/fonts/AD.svg) no-repeat; } .AE { background: url(assets/fonts/AE.svg) no-repeat; } .AF { background: url(assets/fonts/AF.svg) no-repeat; } .AG { background: url(assets/fonts/AG.svg) no-repeat; } .AI { background: url(assets/fonts/AI.svg) no-repeat; } .AL { background: url(assets/fonts/AL.svg) no-repeat; } .AM { background: url(assets/fonts/AM.svg) no-repeat; } .AO { background: url(assets/fonts/AO.svg) no-repeat; } .AR { background: url(assets/fonts/AR.svg) no-repeat; } .AS { background: url(assets/fonts/AS.svg) no-repeat; } .AT { background: url(assets/fonts/AT.svg) no-repeat; } .AU { background: url(assets/fonts/AU.svg) no-repeat; } .AW { background: url(assets/fonts/AW.svg) no-repeat; } .AX { background: url(assets/fonts/AX.svg) no-repeat; } .AZ { background: url(assets/fonts/AZ.svg) no-repeat; } .BA { background: url(assets/fonts/BA.svg) no-repeat; } .BB { background: url(assets/fonts/BB.svg) no-repeat; } .BD { background: url(assets/fonts/BD.svg) no-repeat; } .BE { background: url(assets/fonts/BE.svg) no-repeat; } .BF { background: url(assets/fonts/BF.svg) no-repeat; } .BG { background: url(assets/fonts/BG.svg) no-repeat; } .BH { background: url(assets/fonts/BH.svg) no-repeat; } .BI { background: url(assets/fonts/BI.svg) no-repeat; } .BJ { background: url(assets/fonts/BJ.svg) no-repeat; } .BL { background: url(assets/fonts/BL.svg) no-repeat; } .BM { background: url(assets/fonts/BM.svg) no-repeat; } .BN { background: url(assets/fonts/BN.svg) no-repeat; } .BO { background: url(assets/fonts/BO.svg) no-repeat; } .BR { background: url(assets/fonts/BR.svg) no-repeat; } .BS { background: url(assets/fonts/BS.svg) no-repeat; } .BT { background: url(assets/fonts/BT.svg) no-repeat; } .BV { background: url(assets/fonts/BV.svg) no-repeat; } .BW { background: url(assets/fonts/BW.svg) no-repeat; } .BY { background: url(assets/fonts/BY.svg) no-repeat; } .BZ { background: url(assets/fonts/BZ.svg) no-repeat; } .CA { background: url(assets/fonts/CA.svg) no-repeat; } .CC { background: url(assets/fonts/CC.svg) no-repeat; } .CD { background: url(assets/fonts/CD.svg) no-repeat; } .CF { background: url(assets/fonts/CF.svg) no-repeat; } .CG { background: url(assets/fonts/CG.svg) no-repeat; } .CH { background: url(assets/fonts/CH.svg) no-repeat; } .CI { background: url(assets/fonts/CI.svg) no-repeat; } .CK { background: url(assets/fonts/CK.svg) no-repeat; } .CL { background: url(assets/fonts/CL.svg) no-repeat; } .CM { background: url(assets/fonts/CM.svg) no-repeat; } .CN { background: url(assets/fonts/CN.svg) no-repeat; } .CO { background: url(assets/fonts/CO.svg) no-repeat; } .CR { background: url(assets/fonts/CR.svg) no-repeat; } .CU { background: url(assets/fonts/CU.svg) no-repeat; } .CV { background: url(assets/fonts/CV.svg) no-repeat; } .CW { background: url(assets/fonts/CW.svg) no-repeat; } .CX { background: url(assets/fonts/CX.svg) no-repeat; } .CY { background: url(assets/fonts/CY.svg) no-repeat; } .CZ { background: url(assets/fonts/CZ.svg) no-repeat; } .DE { background: url(assets/fonts/DE.svg) no-repeat; } .DJ { background: url(assets/fonts/DJ.svg) no-repeat; } .DK { background: url(assets/fonts/DK.svg) no-repeat; } .DM { background: url(assets/fonts/DM.svg) no-repeat; } .DO { background: url(assets/fonts/DO.svg) no-repeat; } .DZ { background: url(assets/fonts/DZ.svg) no-repeat; } .EC { background: url(assets/fonts/EC.svg) no-repeat; } .EE { background: url(assets/fonts/EE.svg) no-repeat; } .EG { background: url(assets/fonts/EG.svg) no-repeat; } .ER { background: url(assets/fonts/ER.svg) no-repeat; } .ES { background: url(assets/fonts/ES.svg) no-repeat; } .ET { background: url(assets/fonts/ET.svg) no-repeat; } .EU { background: url(assets/fonts/EU.svg) no-repeat; } .FI { background: url(assets/fonts/FI.svg) no-repeat; } .FJ { background: url(assets/fonts/FJ.svg) no-repeat; } .FK { background: url(assets/fonts/FK.svg) no-repeat; } .FM { background: url(assets/fonts/FM.svg) no-repeat; } .FO { background: url(assets/fonts/FO.svg) no-repeat; } .FR { background: url(assets/fonts/FR.svg) no-repeat; } .GA { background: url(assets/fonts/GA.svg) no-repeat; } .GB-ENG { background: url(assets/fonts/GB-ENG.svg) no-repeat; } .GB-NIR { background: url(assets/fonts/GB-NIR.svg) no-repeat; } .GB-SCT { background: url(assets/fonts/GB-SCT.svg) no-repeat; } .GB-WLS { background: url(assets/fonts/GB-WLS.svg) no-repeat; } .GB-ZET { background: url(assets/fonts/GB-ZET.svg) no-repeat; } .GB { background: url(assets/fonts/GB.svg) no-repeat; } .GD { background: url(assets/fonts/GD.svg) no-repeat; } .GE { background: url(assets/fonts/GE.svg) no-repeat; } .GF { background: url(assets/fonts/GF.svg) no-repeat; } .GG { background: url(assets/fonts/GG.svg) no-repeat; } .GH { background: url(assets/fonts/GH.svg) no-repeat; } .GI { background: url(assets/fonts/GI.svg) no-repeat; } .GL { background: url(assets/fonts/GL.svg) no-repeat; } .GM { background: url(assets/fonts/GM.svg) no-repeat; } .GN { background: url(assets/fonts/GN.svg) no-repeat; } .GP { background: url(assets/fonts/GP.svg) no-repeat; } .GQ { background: url(assets/fonts/GQ.svg) no-repeat; } .GR { background: url(assets/fonts/GR.svg) no-repeat; } .GS { background: url(assets/fonts/GS.svg) no-repeat; } .GT { background: url(assets/fonts/GT.svg) no-repeat; } .GU { background: url(assets/fonts/GU.svg) no-repeat; } .GW { background: url(assets/fonts/GW.svg) no-repeat; } .GY { background: url(assets/fonts/GY.svg) no-repeat; } .HK { background: url(assets/fonts/HK.svg) no-repeat; } .HM { background: url(assets/fonts/HM.svg) no-repeat; } .HN { background: url(assets/fonts/HN.svg) no-repeat; } .HR { background: url(assets/fonts/HR.svg) no-repeat; } .HT { background: url(assets/fonts/HT.svg) no-repeat; } .HU { background: url(assets/fonts/HU.svg) no-repeat; } .ID { background: url(assets/fonts/ID.svg) no-repeat; } .IE { background: url(assets/fonts/IE.svg) no-repeat; } .IL { background: url(assets/fonts/IL.svg) no-repeat; } .IM { background: url(assets/fonts/IM.svg) no-repeat; } .IN { background: url(assets/fonts/IN.svg) no-repeat; } .IO { background: url(assets/fonts/IO.svg) no-repeat; } .IQ { background: url(assets/fonts/IQ.svg) no-repeat; } .IR { background: url(assets/fonts/IR.svg) no-repeat; } .IS { background: url(assets/fonts/IS.svg) no-repeat; } .IT { background: url(assets/fonts/IT.svg) no-repeat; } .JE { background: url(assets/fonts/JE.svg) no-repeat; } .JM { background: url(assets/fonts/JM.svg) no-repeat; } .JO { background: url(assets/fonts/JO.svg) no-repeat; } .JP { background: url(assets/fonts/JP.svg) no-repeat; } .KE { background: url(assets/fonts/KE.svg) no-repeat; } .KG { background: url(assets/fonts/KG.svg) no-repeat; } .KH { background: url(assets/fonts/KH.svg) no-repeat; } .KI { background: url(assets/fonts/KI.svg) no-repeat; } .KM { background: url(assets/fonts/KM.svg) no-repeat; } .KN { background: url(assets/fonts/KN.svg) no-repeat; } .KP { background: url(assets/fonts/KP.svg) no-repeat; } .KR { background: url(assets/fonts/KR.svg) no-repeat; } .KW { background: url(assets/fonts/KW.svg) no-repeat; } .KY { background: url(assets/fonts/KY.svg) no-repeat; } .KZ { background: url(assets/fonts/KZ.svg) no-repeat; } .LA { background: url(assets/fonts/LA.svg) no-repeat; } .LB { background: url(assets/fonts/LB.svg) no-repeat; } .LC { background: url(assets/fonts/LC.svg) no-repeat; } .LGBT { background: url(assets/fonts/LGBT.svg) no-repeat; } .LI { background: url(assets/fonts/LI.svg) no-repeat; } .LK { background: url(assets/fonts/LK.svg) no-repeat; } .LR { background: url(assets/fonts/LR.svg) no-repeat; } .LS { background: url(assets/fonts/LS.svg) no-repeat; } .LT { background: url(assets/fonts/LT.svg) no-repeat; } .LU { background: url(assets/fonts/LU.svg) no-repeat; } .LV { background: url(assets/fonts/LV.svg) no-repeat; } .LY { background: url(assets/fonts/LY.svg) no-repeat; } .MA { background: url(assets/fonts/MA.svg) no-repeat; } .MC { background: url(assets/fonts/MC.svg) no-repeat; } .MD { background: url(assets/fonts/MD.svg) no-repeat; } .ME { background: url(assets/fonts/ME.svg) no-repeat; } .MF { background: url(assets/fonts/MF.svg) no-repeat; } .MG { background: url(assets/fonts/MG.svg) no-repeat; } .MH { background: url(assets/fonts/MH.svg) no-repeat; } .MK { background: url(assets/fonts/MK.svg) no-repeat; } .ML { background: url(assets/fonts/ML.svg) no-repeat; } .MM { background: url(assets/fonts/MM.svg) no-repeat; } .MN { background: url(assets/fonts/MN.svg) no-repeat; } .MO { background: url(assets/fonts/MO.svg) no-repeat; } .MP { background: url(assets/fonts/MP.svg) no-repeat; } .MQ { background: url(assets/fonts/MQ.svg) no-repeat; } .MR { background: url(assets/fonts/MR.svg) no-repeat; } .MS { background: url(assets/fonts/MS.svg) no-repeat; } .MT { background: url(assets/fonts/MT.svg) no-repeat; } .MU { background: url(assets/fonts/MU.svg) no-repeat; } .MV { background: url(assets/fonts/MV.svg) no-repeat; } .MW { background: url(assets/fonts/MW.svg) no-repeat; } .MX { background: url(assets/fonts/MX.svg) no-repeat; } .MY { background: url(assets/fonts/MY.svg) no-repeat; } .MZ { background: url(assets/fonts/MZ.svg) no-repeat; } .NA { background: url(assets/fonts/NA.svg) no-repeat; } .NC { background: url(assets/fonts/NC.svg) no-repeat; } .NE { background: url(assets/fonts/NE.svg) no-repeat; } .NF { background: url(assets/fonts/NF.svg) no-repeat; } .NG { background: url(assets/fonts/NG.svg) no-repeat; } .NI { background: url(assets/fonts/NI.svg) no-repeat; } .NL { background: url(assets/fonts/NL.svg) no-repeat; } .NO { background: url(assets/fonts/NO.svg) no-repeat; } .NP { background: url(assets/fonts/NP.svg) no-repeat; } .NR { background: url(assets/fonts/NR.svg) no-repeat; } .NU { background: url(assets/fonts/NU.svg) no-repeat; } .NZ { background: url(assets/fonts/NZ.svg) no-repeat; } .OM { background: url(assets/fonts/OM.svg) no-repeat; } .PA { background: url(assets/fonts/PA.svg) no-repeat; } .PE { background: url(assets/fonts/PE.svg) no-repeat; } .PF { background: url(assets/fonts/PF.svg) no-repeat; } .PG { background: url(assets/fonts/PG.svg) no-repeat; } .PH { background: url(assets/fonts/PH.svg) no-repeat; } .PK { background: url(assets/fonts/PK.svg) no-repeat; } .PL { background: url(assets/fonts/PL.svg) no-repeat; } .PM { background: url(assets/fonts/PM.svg) no-repeat; } .PN { background: url(assets/fonts/PN.svg) no-repeat; } .PR { background: url(assets/fonts/PR.svg) no-repeat; } .PS { background: url(assets/fonts/PS.svg) no-repeat; } .PT { background: url(assets/fonts/PT.svg) no-repeat; } .PW { background: url(assets/fonts/PW.svg) no-repeat; } .PY { background: url(assets/fonts/PY.svg) no-repeat; } .QA { background: url(assets/fonts/QA.svg) no-repeat; } .RE { background: url(assets/fonts/RE.svg) no-repeat; } .RO { background: url(assets/fonts/RO.svg) no-repeat; } .RS { background: url(assets/fonts/RS.svg) no-repeat; } .RU { background: url(assets/fonts/RU.svg) no-repeat; } .RW { background: url(assets/fonts/RW.svg) no-repeat; } .SA { background: url(assets/fonts/SA.svg) no-repeat; } .SB { background: url(assets/fonts/SB.svg) no-repeat; } .SC { background: url(assets/fonts/SC.svg) no-repeat; } .SD { background: url(assets/fonts/SD.svg) no-repeat; } .SE { background: url(assets/fonts/SE.svg) no-repeat; } .SG { background: url(assets/fonts/SG.svg) no-repeat; } .SH { background: url(assets/fonts/SH.svg) no-repeat; } .SI { background: url(assets/fonts/SI.svg) no-repeat; } .SJ { background: url(assets/fonts/SJ.svg) no-repeat; } .SK { background: url(assets/fonts/SK.svg) no-repeat; } .SL { background: url(assets/fonts/SL.svg) no-repeat; } .SM { background: url(assets/fonts/SM.svg) no-repeat; } .SN { background: url(assets/fonts/SN.svg) no-repeat; } .SO { background: url(assets/fonts/SO.svg) no-repeat; } .SR { background: url(assets/fonts/SR.svg) no-repeat; } .SS { background: url(assets/fonts/SS.svg) no-repeat; } .ST { background: url(assets/fonts/ST.svg) no-repeat; } .SV { background: url(assets/fonts/SV.svg) no-repeat; } .SX { background: url(assets/fonts/SX.svg) no-repeat; } .SY { background: url(assets/fonts/SY.svg) no-repeat; } .SZ { background: url(assets/fonts/SZ.svg) no-repeat; } .TC { background: url(assets/fonts/TC.svg) no-repeat; } .TD { background: url(assets/fonts/TD.svg) no-repeat; } .TF { background: url(assets/fonts/TF.svg) no-repeat; } .TG { background: url(assets/fonts/TG.svg) no-repeat; } .TH { background: url(assets/fonts/TH.svg) no-repeat; } .TJ { background: url(assets/fonts/TJ.svg) no-repeat; } .TK { background: url(assets/fonts/TK.svg) no-repeat; } .TL { background: url(assets/fonts/TL.svg) no-repeat; } .TM { background: url(assets/fonts/TM.svg) no-repeat; } .TN { background: url(assets/fonts/TN.svg) no-repeat; } .TO { background: url(assets/fonts/TO.svg) no-repeat; } .TR { background: url(assets/fonts/TR.svg) no-repeat; } .TT { background: url(assets/fonts/TT.svg) no-repeat; } .TV { background: url(assets/fonts/TV.svg) no-repeat; } .TW { background: url(assets/fonts/TW.svg) no-repeat; } .TZ { background: url(assets/fonts/TZ.svg) no-repeat; } .UA { background: url(assets/fonts/UA.svg) no-repeat; } .UG { background: url(assets/fonts/UG.svg) no-repeat; } .UM { background: url(assets/fonts/UM.svg) no-repeat; } .US-CA { background: url(assets/fonts/US-CA.svg) no-repeat; } .US { background: url(assets/fonts/US.svg) no-repeat; } .UY { background: url(assets/fonts/UY.svg) no-repeat; } .UZ { background: url(assets/fonts/UZ.svg) no-repeat; } .VA { background: url(assets/fonts/VA.svg) no-repeat; } .VC { background: url(assets/fonts/VC.svg) no-repeat; } .VE { background: url(assets/fonts/VE.svg) no-repeat; } .VG { background: url(assets/fonts/VG.svg) no-repeat; } .VI { background: url(assets/fonts/VI.svg) no-repeat; } .VN { background: url(assets/fonts/VN.svg) no-repeat; } .VU { background: url(assets/fonts/VU.svg) no-repeat; } .WF { background: url(assets/fonts/WF.svg) no-repeat; } .WS { background: url(assets/fonts/WS.svg) no-repeat; } .XK { background: url(assets/fonts/XK.svg) no-repeat; } .YE { background: url(assets/fonts/YE.svg) no-repeat; } .YT { background: url(assets/fonts/YT.svg) no-repeat; } .ZA { background: url(assets/fonts/ZA.svg) no-repeat; } .ZM { background: url(assets/fonts/ZM.svg) no-repeat; } .ZW { background: url(assets/fonts/ZW.svg) no-repeat; } /*! * Ladda * http://lab.hakim.se/ladda * MIT licensed * * Copyright (C) 2018 Hakim El Hattab, http://hakim.se */ /************************************* * CONFIG */ /************************************* * MIXINS */ /************************************* * Opacity animation for spin.js */ @keyframes ladda-spinner-line-fade { 0%, 100% { opacity: 0.22; /* minimum opacity */ } 1% { opacity: 1; } } /************************************* * BUTTON BASE */ .ladda-button { position: relative; } /* Spinner animation */ .ladda-button .ladda-spinner { position: absolute; z-index: 2; display: inline-block; width: 32px; top: 50%; margin-top: 0; opacity: 0; pointer-events: none; } /* Button label */ .ladda-button .ladda-label { position: relative; z-index: 3; } [class*="btn-outline-"] .ladda-spinner div div div { background: #000 !important; } [class*="btn-outline-"].ladda-button .ladda-label { transition: none !important; } /* Progress bar */ .ladda-button .ladda-progress { position: absolute; width: 0; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); display: none; transition: 0.1s linear all !important; } .ladda-button[data-loading] .ladda-progress { display: block; } /************************************* * EASING */ .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label { transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important; } .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label { transition: 0.3s ease all !important; } /************************************* * EXPAND RIGHT */ .ladda-button[data-style=expand-right] .ladda-spinner { right: -6px; } .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner { right: -12px; } .ladda-button[data-style=expand-right][data-loading] { padding-right: 56px; } .ladda-button[data-style=expand-right][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] { padding-right: 40px; } /************************************* * EXPAND LEFT */ .ladda-button[data-style=expand-left] .ladda-spinner { left: 26px; } .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner { left: 4px; } .ladda-button[data-style=expand-left][data-loading] { padding-left: 56px; } .ladda-button[data-style=expand-left][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] { padding-left: 40px; } /************************************* * EXPAND UP */ .ladda-button[data-style=expand-up] { overflow: hidden; } .ladda-button[data-style=expand-up] .ladda-spinner { top: -32px; left: 50%; margin-left: 0; } .ladda-button[data-style=expand-up][data-loading] { padding-top: 54px; } .ladda-button[data-style=expand-up][data-loading] .ladda-spinner { opacity: 1; top: 26px; margin-top: 0; } .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] { padding-top: 32px; } .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner { top: 4px; } /************************************* * EXPAND DOWN */ .ladda-button[data-style=expand-down] { overflow: hidden; } .ladda-button[data-style=expand-down] .ladda-spinner { top: 52px; left: 50%; margin-left: 0; } .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner { top: 40px; } .ladda-button[data-style=expand-down][data-loading] { padding-bottom: 54px; } .ladda-button[data-style=expand-down][data-loading] .ladda-spinner { opacity: 1; } .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] { padding-bottom: 32px; } /************************************* * SLIDE LEFT */ .ladda-button[data-style=slide-left] { overflow: hidden; } .ladda-button[data-style=slide-left] .ladda-label { position: relative; } .ladda-button[data-style=slide-left] .ladda-spinner { left: 100%; margin-left: 0; } .ladda-button[data-style=slide-left][data-loading] .ladda-label { opacity: 0; left: -100%; } .ladda-button[data-style=slide-left][data-loading] .ladda-spinner { opacity: 1; left: 50%; } /************************************* * SLIDE RIGHT */ .ladda-button[data-style=slide-right] { overflow: hidden; } .ladda-button[data-style=slide-right] .ladda-label { position: relative; } .ladda-button[data-style=slide-right] .ladda-spinner { right: 100%; margin-left: 0; left: 16px; } [dir="rtl"] .ladda-button[data-style=slide-right] .ladda-spinner { right: auto; } .ladda-button[data-style=slide-right][data-loading] .ladda-label { opacity: 0; left: 100%; } .ladda-button[data-style=slide-right][data-loading] .ladda-spinner { opacity: 1; left: 50%; } /************************************* * SLIDE UP */ .ladda-button[data-style=slide-up] { overflow: hidden; } .ladda-button[data-style=slide-up] .ladda-label { position: relative; } .ladda-button[data-style=slide-up] .ladda-spinner { left: 50%; margin-left: 0; margin-top: 1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-label { opacity: 0; top: -1em; } .ladda-button[data-style=slide-up][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; } /************************************* * SLIDE DOWN */ .ladda-button[data-style=slide-down] { overflow: hidden; } .ladda-button[data-style=slide-down] .ladda-label { position: relative; } .ladda-button[data-style=slide-down] .ladda-spinner { left: 50%; margin-left: 0; margin-top: -2em; } .ladda-button[data-style=slide-down][data-loading] .ladda-label { opacity: 0; top: 1em; } .ladda-button[data-style=slide-down][data-loading] .ladda-spinner { opacity: 1; margin-top: 0; } /************************************* * ZOOM-OUT */ .ladda-button[data-style=zoom-out] { overflow: hidden; } .ladda-button[data-style=zoom-out] .ladda-spinner { left: 50%; margin-left: 32px; transform: scale(2.5); } .ladda-button[data-style=zoom-out] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-out][data-loading] .ladda-label { opacity: 0; transform: scale(0.5); } .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; transform: none; } /************************************* * ZOOM-IN */ .ladda-button[data-style=zoom-in] { overflow: hidden; } .ladda-button[data-style=zoom-in] .ladda-spinner { left: 50%; margin-left: -16px; transform: scale(0.2); } .ladda-button[data-style=zoom-in] .ladda-label { position: relative; display: inline-block; } .ladda-button[data-style=zoom-in][data-loading] .ladda-label { opacity: 0; transform: scale(2.2); } .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner { opacity: 1; margin-left: 0; transform: none; } /************************************* * CONTRACT */ .ladda-button[data-style=contract] { overflow: hidden; width: 100px; } .ladda-button[data-style=contract] .ladda-spinner { left: 50%; margin-left: 0; } .ladda-button[data-style=contract][data-loading] { border-radius: 50%; width: 52px; } .ladda-button[data-style=contract][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract][data-loading] .ladda-spinner { opacity: 1; } /************************************* * OVERLAY */ .ladda-button[data-style=contract-overlay] { overflow: hidden; width: 100px; box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0); } .ladda-button[data-style=contract-overlay] .ladda-spinner { left: 50%; margin-left: 0; } .ladda-button[data-style=contract-overlay][data-loading] { border-radius: 50%; width: 52px; /*outline: 10000px solid rgba( 0, 0, 0, 0.5 );*/ box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8); } .ladda-button[data-style=contract-overlay][data-loading] .ladda-label { opacity: 0; } .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner { opacity: 1; } [dir="rtl"] .ladda-spinner > div { left: 25% !important; } .app-drawer-overlay { position: fixed; height: 100%; width: 100%; z-index: 999; background: rgba(0, 0, 0, 0.4); display: block; content: ''; left: 0; top: 0; } .app-drawer-wrapper { width: 450px; height: 100%; position: fixed; right: -450px; top: 0; transition: all .2s; z-index: 9999; } .app-drawer-wrapper.drawer-open { right: 0; box-shadow: 0 0.76875rem 2.4875rem rgba(52, 58, 64, 0.3), 0 1.3375rem 1.70625rem rgba(52, 58, 64, 0.3), 0 0.55rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.225rem 0.4375rem rgba(52, 58, 64, 0.3); } .app-drawer-wrapper.drawer-open::before { opacity: 1; } .drawer-content-wrapper { background: #fff; position: relative; height: 100%; } .drawer-content-wrapper .drawer-heading { font-size: 0.825rem; color: #495057; margin: 0; background: #f8f9fa; padding: 0.75rem 1.5rem; border-bottom: #dee2e6 solid 1px; border-top: #dee2e6 solid 1px; } .drawer-content-wrapper .drawer-heading:first-child { border-top: 0; } .drawer-content-wrapper .drawer-section { padding: 1.5rem; } .drawer-content-wrapper > .app-sidebar__heading:first-child { margin-top: 0; } .drawer-nav-btn { border-radius: 30px; background: #fff; position: absolute; right: 0.75rem; top: 0.75rem; padding: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); z-index: 20; } .drawer-nav-btn .hamburger { margin-top: 4px; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0px 0px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #3f6ad8; } .hamburger-box { width: 24px; height: 14px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 24px; height: 2px; background-color: #3f6ad8; border-radius: 10px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -6px; } .hamburger-inner::after { bottom: -6px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 6px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 12px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 6px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -12px, 0) rotate(-270deg); transition-delay: 0.075s; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; max-width: 1400px; margin-left: auto; margin-right: auto; } .slick-slider-sm .slick-slider { max-width: 450px; } .slick-slider-sm .slick-slider .slick-prev { left: -20px; } .slick-slider-sm .slick-slider .slick-next { right: -20px; } .slick-slider-md .slick-slider { max-width: 650px; margin: 0 auto; } .slick-slider-hover .slick-arrow { opacity: 0; background: #3f6ad8; color: #fff !important; } .slick-slider-hover .slick-prev { left: -30px; } .slick-slider-hover .slick-next { right: -30px; } .slick-slider-hover:hover .slick-arrow { opacity: 1; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff slick-image-url(assets/images/ajax-loader.gif) center center no-repeat; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; cursor: pointer; color: #6c757d; top: 50%; transform: translate(0, -80%); padding: 0; border: none; outline: none; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); transition: all .2s; font-family: 'Pe-icon-7-stroke'; border-radius: 50px; background: #fff; z-index: 6; overflow: hidden; } .slick-prev::before, .slick-next::before { font-size: 35px; height: 40px; line-height: 40px; width: 40px; display: block; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175); color: #3f6ad8; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev { left: 0; } .slick-prev:before { content: ""; } .slick-next { right: 0; } .slick-next:before { content: ""; } /* Dots */ .slick-dots { list-style: none; display: block; text-align: center; padding: 0; margin: 0.75rem 0 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; padding: 0; margin: 0 5px; cursor: pointer; transform: scale(0.8); transition: all .2s; } .slick-dots li button { border: 0; background: transparent; display: block; height: 14px; width: 14px; background: #3f6ad8; cursor: pointer; position: relative; border-radius: 20px; color: transparent; } .slick-dots li button::before { content: ''; position: absolute; background: #fff; left: 50%; top: 50%; margin: -4px 0 0 -4px; display: block; width: 8px; height: 8px; border-radius: 20px; } .slick-dots li.slick-active { transform: scale(1.2); } .slick-center { transform: scale(1.1); } .slick-slider .slide-img-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; opacity: .4; z-index: 10; } .slick-slider .slider-content { position: relative; z-index: 15; text-align: center; margin: 0 6rem; } .slick-slider .slider-content h3 { font-size: 1.75rem; font-weight: normal; margin-bottom: 1.5rem; } .slick-slider .slider-content p { font-size: 1rem; opacity: .7; } .slider-light .slick-dots { position: absolute; bottom: 10px; } .slider-light .slick-dots li button { background: rgba(255, 255, 255, 0.25); } .slider-light .slick-prev, .slider-light .slick-next { background: transparent; color: #fff; box-shadow: 0 0 0 0 transparent; } .slider-light .slick-prev:hover, .slider-light .slick-next:hover { background: rgba(255, 255, 255, 0.15); } .slider-light .slick-next { right: 15px; } .slider-light .slick-prev { left: 15px; } .slider-light .slider-content { color: #fff; } .popover, .tooltip { opacity: 0; transition: opacity .2s ease; } .popover.show, .tooltip.show { opacity: 1; } .popover { box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .popover .grid-menu { margin-bottom: -0.5rem; padding: 1px; } .popover .grid-menu [class*="col-"] { padding: 0.5rem; } .popover .grid-menu + .nav .nav-item-btn { margin-bottom: 0.5rem; } .popover .grid-menu-xl { margin-bottom: -0.37037rem; } .popover .grid-menu-xl [class*="col-"] { padding: 0; } .popover .popover-inner .dropdown-menu-header { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; overflow: hidden; margin-top: -1px; margin-left: -1px; margin-right: -1px; } .rm-max-width .popover { max-width: initial !important; } .rm-max-width .popover .popover-body { padding: 0; } .rm-pointers .popover .arrow { display: none !important; } .popover-primary { background-color: #3f6ad8 !important; } .popover-secondary { background-color: #6c757d !important; } .popover-success { background-color: #3ac47d !important; } .popover-info { background-color: #16aaff !important; } .popover-warning { background-color: #f7b924 !important; } .popover-danger { background-color: #d92550 !important; } .popover-light { background-color: #eeeeee !important; } .popover-dark { background-color: #343a40 !important; } .popover-focus { background-color: #444054 !important; } .popover-alternate { background-color: #794c8a !important; } .popover-custom { min-width: 220px; max-width: none; } .popover-custom .popover-body { padding-top: 0; padding-left: 0; padding-right: 0; } .popover-custom .popover-body .dropdown-menu-header { margin-top: 0; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; overflow: hidden; } .popover-custom .popover-body .dropdown-menu-header .menu-header-content { padding: 0 1.5rem; } .popover-custom .popover-body .dropdown-menu-header .dropdown-menu-header-inner.bg-light { color: rgba(0, 0, 0, 0.8); } .popover-custom.popover-custom-lg { min-width: 22rem; } .popover-custom.popover-custom-xl { min-width: 25rem; } .popover-custom.popover-custom-sm { min-width: 15rem; } .popover-bg { border: 0; } .popover-bg .arrow { display: none; } .popover-bg .popover-header { background: rgba(255, 255, 255, 0.1); border-bottom: 0; color: white; } .popover-bg .popover-header::before { display: none; } .popover-bg .popover-body { color: rgba(255, 255, 255, 0.7); } .popover-bg.text-dark .popover-header { color: rgba(0, 0, 0, 0.8); } .popover-bg.text-dark .popover-body { color: rgba(0, 0, 0, 0.7); } .tooltip.tooltip-light .tooltip-inner { background: #fff; color: #343a40; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); border: rgba(26, 54, 126, 0.125) solid 1px; } .tooltip.tooltip-light .arrow { display: none; } body ul.fancytree-container { font-family: inherit; border: 0; background: none; outline: none !important; font-size: 0.75rem; } .table-lg th, .table-lg td { padding: 0.8rem 0.6rem; } /** * @author zhixin wen * version: 1.12.2 * https://github.com/wenzhixin/bootstrap-table/ */ .bootstrap-table .table { margin-bottom: 0 !important; border-bottom: 1px solid #dddddd; border-collapse: collapse !important; border-radius: 1px; } .bootstrap-table .table:not(.table-condensed), .bootstrap-table .table:not(.table-condensed) > tbody > tr > th, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > th, .bootstrap-table .table:not(.table-condensed) > thead > tr > td, .bootstrap-table .table:not(.table-condensed) > tbody > tr > td, .bootstrap-table .table:not(.table-condensed) > tfoot > tr > td { padding: 8px; } .bootstrap-table .table.table-no-bordered > thead > tr > th, .bootstrap-table .table.table-no-bordered > tbody > tr > td { border-right: 2px solid transparent; } .bootstrap-table .table.table-no-bordered > tbody > tr > td:last-child { border-right: none; } .fixed-table-container { position: relative; clear: both; border: 1px solid #dddddd; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .fixed-table-container.table-no-bordered { border: 1px solid transparent; } .fixed-table-footer, .fixed-table-header { overflow: hidden; } .fixed-table-footer { border-top: 1px solid #dddddd; } .fixed-table-body { overflow-x: auto; overflow-y: auto; height: 100%; } .fixed-table-container table { width: 100%; } .fixed-table-container thead th { height: 0; padding: 0; margin: 0; border-left: 1px solid #dddddd; } .fixed-table-container thead th:focus { outline: 0 solid transparent; } .fixed-table-container thead th:first-child:not([data-not-first-th]) { border-left: none; border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .fixed-table-container thead th .th-inner, .fixed-table-container tbody td .th-inner { padding: 8px; line-height: 24px; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .fixed-table-container thead th .sortable { cursor: pointer; background-position: right; background-repeat: no-repeat; padding-right: 30px; } .fixed-table-container thead th .both { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC"); } .fixed-table-container thead th .asc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg=="); } .fixed-table-container thead th .desc { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= "); } .fixed-table-container th.detail { width: 30px; } .fixed-table-container tbody td { border-left: 1px solid #dddddd; } .fixed-table-container tbody tr:first-child td { border-top: none; } .fixed-table-container tbody td:first-child { border-left: none; } /* the same color with .active */ .fixed-table-container tbody .selected td { background-color: #f5f5f5; } .fixed-table-container .bs-checkbox { text-align: center; } .fixed-table-container input[type="radio"], .fixed-table-container input[type="checkbox"] { margin: 0 auto !important; } .fixed-table-container .no-records-found { text-align: center; } .fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail { margin-top: 10px; margin-bottom: 10px; } .fixed-table-pagination div.pagination .pagination { margin: 0; } .fixed-table-pagination .pagination a { padding: 6px 12px; line-height: 1.428571429; } .fixed-table-pagination .pagination-info { line-height: 34px; margin-right: 5px; } .fixed-table-pagination .btn-group { position: relative; display: inline-block; vertical-align: middle; } .fixed-table-pagination .dropup .dropdown-menu { margin-bottom: 0; } .fixed-table-pagination .page-list { display: inline-block; } .fixed-table-toolbar .columns-left { margin-right: 5px; } .fixed-table-toolbar .columns-right { margin-left: 5px; } .fixed-table-toolbar .columns label { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; } .fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns { position: relative; margin-top: 10px; margin-bottom: 10px; line-height: 34px; } .fixed-table-pagination li.disabled a { pointer-events: none; cursor: default; } .fixed-table-loading { display: none; position: absolute; top: 42px; right: 0; bottom: 0; left: 0; z-index: 99; background-color: #fff; text-align: center; } .fixed-table-body .card-view .title { font-weight: bold; display: inline-block; min-width: 30%; text-align: left !important; } /* support bootstrap 2 */ .fixed-table-body thead th .th-inner { box-sizing: border-box; } .table th, .table td { vertical-align: middle; box-sizing: border-box; } .fixed-table-toolbar .dropdown-menu { text-align: left; max-height: 300px; overflow: auto; } .fixed-table-toolbar .btn-group > .btn-group { display: inline-block; margin-left: -1px !important; } .fixed-table-toolbar .btn-group > .btn-group > .btn { border-radius: 0; } .fixed-table-toolbar .btn-group > .btn-group:first-child > .btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fixed-table-toolbar .btn-group > .btn-group:last-child > .btn { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .bootstrap-table .table > thead > tr > th { vertical-align: bottom; border-bottom: 1px solid #ddd; } /* support bootstrap 3 */ .bootstrap-table .table thead > tr > th { padding: 0; margin: 0; } .bootstrap-table .fixed-table-footer tbody > tr > td { padding: 0 !important; } .bootstrap-table .fixed-table-footer .table { border-bottom: none; border-radius: 0; padding: 0 !important; } .bootstrap-table .pull-right .dropdown-menu { right: 0; left: auto; } /* calculate scrollbar width */ p.fixed-table-scroll-inner { width: 100%; height: 200px; } div.fixed-table-scroll-outer { top: 0; left: 0; visibility: hidden; width: 200px; height: 150px; overflow: hidden; } /* for get correct heights */ .fixed-table-toolbar:after, .fixed-table-pagination:after { content: ""; display: block; clear: both; } .fullscreen { position: fixed; top: 0; left: 0; z-index: 1050; width: 100% !important; background: #FFF; } @font-face { font-family: 'Linearicons-Free'; src: url(assets/fonts/Linearicons-Free.eot); src: url(assets/fonts/Linearicons-Free.eot?#iefixw118d) format("embedded-opentype"), url(assets/fonts/Linearicons-Free.woff2) format("woff2"), url(assets/fonts/Linearicons-Free.woff) format("woff"), url(assets/fonts/Linearicons-Free.ttf) format("truetype"), url(assets/fonts/Linearicons-Free.svg#Linearicons-Free) format("svg"); font-weight: normal; font-style: normal; } [class^="lnr-"], [class*=" lnr-"] { font-family: 'Linearicons-Free'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .lnr-home:before { content: "\e800"; } .lnr-apartment:before { content: "\e801"; } .lnr-pencil:before { content: "\e802"; } .lnr-magic-wand:before { content: "\e803"; } .lnr-drop:before { content: "\e804"; } .lnr-lighter:before { content: "\e805"; } .lnr-poop:before { content: "\e806"; } .lnr-sun:before { content: "\e807"; } .lnr-moon:before { content: "\e808"; } .lnr-cloud:before { content: "\e809"; } .lnr-cloud-upload:before { content: "\e80a"; } .lnr-cloud-download:before { content: "\e80b"; } .lnr-cloud-sync:before { content: "\e80c"; } .lnr-cloud-check:before { content: "\e80d"; } .lnr-database:before { content: "\e80e"; } .lnr-lock:before { content: "\e80f"; } .lnr-cog:before { content: "\e810"; } .lnr-trash:before { content: "\e811"; } .lnr-dice:before { content: "\e812"; } .lnr-heart:before { content: "\e813"; } .lnr-star:before { content: "\e814"; } .lnr-star-half:before { content: "\e815"; } .lnr-star-empty:before { content: "\e816"; } .lnr-flag:before { content: "\e817"; } .lnr-envelope:before { content: "\e818"; } .lnr-paperclip:before { content: "\e819"; } .lnr-inbox:before { content: "\e81a"; } .lnr-eye:before { content: "\e81b"; } .lnr-printer:before { content: "\e81c"; } .lnr-file-empty:before { content: "\e81d"; } .lnr-file-add:before { content: "\e81e"; } .lnr-enter:before { content: "\e81f"; } .lnr-exit:before { content: "\e820"; } .lnr-graduation-hat:before { content: "\e821"; } .lnr-license:before { content: "\e822"; } .lnr-music-note:before { content: "\e823"; } .lnr-film-play:before { content: "\e824"; } .lnr-camera-video:before { content: "\e825"; } .lnr-camera:before { content: "\e826"; } .lnr-picture:before { content: "\e827"; } .lnr-book:before { content: "\e828"; } .lnr-bookmark:before { content: "\e829"; } .lnr-user:before { content: "\e82a"; } .lnr-users:before { content: "\e82b"; } .lnr-shirt:before { content: "\e82c"; } .lnr-store:before { content: "\e82d"; } .lnr-cart:before { content: "\e82e"; } .lnr-tag:before { content: "\e82f"; } .lnr-phone-handset:before { content: "\e830"; } .lnr-phone:before { content: "\e831"; } .lnr-pushpin:before { content: "\e832"; } .lnr-map-marker:before { content: "\e833"; } .lnr-map:before { content: "\e834"; } .lnr-location:before { content: "\e835"; } .lnr-calendar-full:before { content: "\e836"; } .lnr-keyboard:before { content: "\e837"; } .lnr-spell-check:before { content: "\e838"; } .lnr-screen:before { content: "\e839"; } .lnr-smartphone:before { content: "\e83a"; } .lnr-tablet:before { content: "\e83b"; } .lnr-laptop:before { content: "\e83c"; } .lnr-laptop-phone:before { content: "\e83d"; } .lnr-power-switch:before { content: "\e83e"; } .lnr-bubble:before { content: "\e83f"; } .lnr-heart-pulse:before { content: "\e840"; } .lnr-construction:before { content: "\e841"; } .lnr-pie-chart:before { content: "\e842"; } .lnr-chart-bars:before { content: "\e843"; } .lnr-gift:before { content: "\e844"; } .lnr-diamond:before { content: "\e845"; } .lnr-linearicons:before { content: "\e846"; } .lnr-dinner:before { content: "\e847"; } .lnr-coffee-cup:before { content: "\e848"; } .lnr-leaf:before { content: "\e849"; } .lnr-paw:before { content: "\e84a"; } .lnr-rocket:before { content: "\e84b"; } .lnr-briefcase:before { content: "\e84c"; } .lnr-bus:before { content: "\e84d"; } .lnr-car:before { content: "\e84e"; } .lnr-train:before { content: "\e84f"; } .lnr-bicycle:before { content: "\e850"; } .lnr-wheelchair:before { content: "\e851"; } .lnr-select:before { content: "\e852"; } .lnr-earth:before { content: "\e853"; } .lnr-smile:before { content: "\e854"; } .lnr-sad:before { content: "\e855"; } .lnr-neutral:before { content: "\e856"; } .lnr-mustache:before { content: "\e857"; } .lnr-alarm:before { content: "\e858"; } .lnr-bullhorn:before { content: "\e859"; } .lnr-volume-high:before { content: "\e85a"; } .lnr-volume-medium:before { content: "\e85b"; } .lnr-volume-low:before { content: "\e85c"; } .lnr-volume:before { content: "\e85d"; } .lnr-mic:before { content: "\e85e"; } .lnr-hourglass:before { content: "\e85f"; } .lnr-undo:before { content: "\e860"; } .lnr-redo:before { content: "\e861"; } .lnr-sync:before { content: "\e862"; } .lnr-history:before { content: "\e863"; } .lnr-clock:before { content: "\e864"; } .lnr-download:before { content: "\e865"; } .lnr-upload:before { content: "\e866"; } .lnr-enter-down:before { content: "\e867"; } .lnr-exit-up:before { content: "\e868"; } .lnr-bug:before { content: "\e869"; } .lnr-code:before { content: "\e86a"; } .lnr-link:before { content: "\e86b"; } .lnr-unlink:before { content: "\e86c"; } .lnr-thumbs-up:before { content: "\e86d"; } .lnr-thumbs-down:before { content: "\e86e"; } .lnr-magnifier:before { content: "\e86f"; } .lnr-cross:before { content: "\e870"; } .lnr-menu:before { content: "\e871"; } .lnr-list:before { content: "\e872"; } .lnr-chevron-up:before { content: "\e873"; } .lnr-chevron-down:before { content: "\e874"; } .lnr-chevron-left:before { content: "\e875"; } .lnr-chevron-right:before { content: "\e876"; } .lnr-arrow-up:before { content: "\e877"; } .lnr-arrow-down:before { content: "\e878"; } .lnr-arrow-left:before { content: "\e879"; } .lnr-arrow-right:before { content: "\e87a"; } .lnr-move:before { content: "\e87b"; } .lnr-warning:before { content: "\e87c"; } .lnr-question-circle:before { content: "\e87d"; } .lnr-menu-circle:before { content: "\e87e"; } .lnr-checkmark-circle:before, .forms-wizard li.done em:before { content: "\e87f"; } .lnr-cross-circle:before { content: "\e880"; } .lnr-plus-circle:before { content: "\e881"; } .lnr-circle-minus:before { content: "\e882"; } .lnr-arrow-up-circle:before { content: "\e883"; } .lnr-arrow-down-circle:before { content: "\e884"; } .lnr-arrow-left-circle:before { content: "\e885"; } .lnr-arrow-right-circle:before { content: "\e886"; } .lnr-chevron-up-circle:before { content: "\e887"; } .lnr-chevron-down-circle:before { content: "\e888"; } .lnr-chevron-left-circle:before { content: "\e889"; } .lnr-chevron-right-circle:before { content: "\e88a"; } .lnr-crop:before { content: "\e88b"; } .lnr-frame-expand:before { content: "\e88c"; } .lnr-frame-contract:before { content: "\e88d"; } .lnr-layers:before { content: "\e88e"; } .lnr-funnel:before { content: "\e88f"; } .lnr-text-format:before { content: "\e890"; } .lnr-text-format-remove:before { content: "\e891"; } .lnr-text-size:before { content: "\e892"; } .lnr-bold:before { content: "\e893"; } .lnr-italic:before { content: "\e894"; } .lnr-underline:before { content: "\e895"; } .lnr-strikethrough:before { content: "\e896"; } .lnr-highlight:before { content: "\e897"; } .lnr-text-align-left:before { content: "\e898"; } .lnr-text-align-center:before { content: "\e899"; } .lnr-text-align-right:before { content: "\e89a"; } .lnr-text-align-justify:before { content: "\e89b"; } .lnr-line-spacing:before { content: "\e89c"; } .lnr-indent-increase:before { content: "\e89d"; } .lnr-indent-decrease:before { content: "\e89e"; } .lnr-pilcrow:before { content: "\e89f"; } .lnr-direction-ltr:before { content: "\e8a0"; } .lnr-direction-rtl:before { content: "\e8a1"; } .lnr-page-break:before { content: "\e8a2"; } .lnr-sort-alpha-asc:before { content: "\e8a3"; } .lnr-sort-amount-asc:before { content: "\e8a4"; } .lnr-hand:before { content: "\e8a5"; } .lnr-pointer-up:before { content: "\e8a6"; } .lnr-pointer-right:before { content: "\e8a7"; } .lnr-pointer-down:before { content: "\e8a8"; } .lnr-pointer-left:before { content: "\e8a9"; } /* * Licensing: http://www.pixeden.com/icon-fonts/stroke-7-icon-font-set */ @font-face { font-family: 'Pe-icon-7-stroke'; src: url(assets/fonts/Pe-icon-7-stroke.eot); src: url(assets/fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format("embedded-opentype"), url(assets/fonts/Pe-icon-7-stroke.woff) format("woff"), url(assets/fonts/Pe-icon-7-stroke.ttf) format("truetype"), url(assets/fonts/Pe-icon-7-stroke.svg#Pe-icon-7-stroke) format("svg"); font-weight: normal; font-style: normal; } [class^="pe-7s-"], [class*=" pe-7s-"] { display: inline-block; font-family: 'Pe-icon-7-stroke'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* HELPER CLASS * -------------------------- */ /* FA based classes */ /*! Modified from font-awesome helper CSS classes - PIXEDEN * Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (CSS: MIT License) */ /* makes the font 33% larger relative to the icon container */ .pe-lg { font-size: 0.9975rem; line-height: 0.75em; vertical-align: -15%; } .pe-2x { font-size: 1.5rem; } .pe-3x { font-size: 2.25rem; } .pe-4x { font-size: 3rem; } .pe-5x { font-size: 3.75rem; } .pe-fw { width: 1.2857142857142858em; text-align: center; } .pe-ul { padding-left: 0; margin-left: 2.142857142857143em; list-style-type: none; } .pe-ul > li { position: relative; } .pe-li { position: absolute; left: -2.142857142857143em; width: 2.142857142857143em; top: 0.14285714285714285em; text-align: center; } .pe-li.pe-lg { left: -1.8571428571428572em; } .pe-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .pull-right { float: right; } .pe.pull-left { float: left; margin-right: .3em; margin-left: .3em; } .pe-spin { animation: spin 2s infinite linear; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pe-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .pe-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .pe-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .pe-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); transform: scale(-1, 1); } .pe-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); transform: scale(1, -1); } .pe-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .pe-stack-1x, .pe-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .pe-stack-1x { line-height: inherit; } .pe-stack-2x { font-size: 2em; } .pe-inverse { color: #ffffff; } /* Custom classes / mods - PIXEDEN */ .pe-va { vertical-align: middle; } .pe-border { border: solid 0.08em #eaeaea; } .pe-7s-album:before { content: ""; } .pe-7s-arc:before { content: ""; } .pe-7s-back-2:before { content: ""; } .pe-7s-bandaid:before { content: ""; } .pe-7s-car:before { content: ""; } .pe-7s-diamond:before { content: ""; } .pe-7s-door-lock:before { content: ""; } .pe-7s-eyedropper:before { content: ""; } .pe-7s-female:before { content: ""; } .pe-7s-gym:before { content: ""; } .pe-7s-hammer:before { content: ""; } .pe-7s-headphones:before { content: ""; } .pe-7s-helm:before { content: ""; } .pe-7s-hourglass:before { content: ""; } .pe-7s-leaf:before { content: ""; } .pe-7s-magic-wand:before { content: ""; } .pe-7s-male:before { content: ""; } .pe-7s-map-2:before { content: ""; } .pe-7s-next-2:before { content: ""; } .pe-7s-paint-bucket:before { content: ""; } .pe-7s-pendrive:before { content: ""; } .pe-7s-photo:before { content: ""; } .pe-7s-piggy:before { content: ""; } .pe-7s-plugin:before { content: ""; } .pe-7s-refresh-2:before { content: ""; } .pe-7s-rocket:before { content: ""; } .pe-7s-settings:before { content: ""; } .pe-7s-shield:before { content: ""; } .pe-7s-smile:before { content: ""; } .pe-7s-usb:before { content: ""; } .pe-7s-vector:before { content: ""; } .pe-7s-wine:before { content: ""; } .pe-7s-cloud-upload:before { content: ""; } .pe-7s-cash:before { content: ""; } .pe-7s-close:before { content: ""; } .pe-7s-bluetooth:before { content: ""; } .pe-7s-cloud-download:before { content: ""; } .pe-7s-way:before { content: ""; } .pe-7s-close-circle:before { content: ""; } .pe-7s-id:before { content: ""; } .pe-7s-angle-up:before { content: ""; } .pe-7s-wristwatch:before { content: ""; } .pe-7s-angle-up-circle:before { content: ""; } .pe-7s-world:before { content: ""; } .pe-7s-angle-right:before { content: ""; } .pe-7s-volume:before { content: ""; } .pe-7s-angle-right-circle:before { content: ""; } .pe-7s-users:before { content: ""; } .pe-7s-angle-left:before { content: ""; } .pe-7s-user-female:before { content: ""; } .pe-7s-angle-left-circle:before { content: ""; } .pe-7s-up-arrow:before { content: ""; } .pe-7s-angle-down:before { content: ""; } .pe-7s-switch:before { content: ""; } .pe-7s-angle-down-circle:before { content: ""; } .pe-7s-scissors:before { content: ""; } .pe-7s-wallet:before { content: ""; } .pe-7s-safe:before { content: ""; } .pe-7s-volume2:before { content: ""; } .pe-7s-volume1:before { content: ""; } .pe-7s-voicemail:before { content: ""; } .pe-7s-video:before { content: ""; } .pe-7s-user:before { content: ""; } .pe-7s-upload:before { content: ""; } .pe-7s-unlock:before { content: ""; } .pe-7s-umbrella:before { content: ""; } .pe-7s-trash:before { content: ""; } .pe-7s-tools:before { content: ""; } .pe-7s-timer:before { content: ""; } .pe-7s-ticket:before { content: ""; } .pe-7s-target:before { content: ""; } .pe-7s-sun:before { content: ""; } .pe-7s-study:before { content: ""; } .pe-7s-stopwatch:before { content: ""; } .pe-7s-star:before { content: ""; } .pe-7s-speaker:before { content: ""; } .pe-7s-signal:before { content: ""; } .pe-7s-shuffle:before { content: ""; } .pe-7s-shopbag:before { content: ""; } .pe-7s-share:before { content: ""; } .pe-7s-server:before { content: ""; } .pe-7s-search:before { content: ""; } .pe-7s-film:before { content: ""; } .pe-7s-science:before { content: ""; } .pe-7s-disk:before { content: ""; } .pe-7s-ribbon:before { content: ""; } .pe-7s-repeat:before { content: ""; } .pe-7s-refresh:before { content: ""; } .pe-7s-add-user:before { content: ""; } .pe-7s-refresh-cloud:before { content: ""; } .pe-7s-paperclip:before { content: ""; } .pe-7s-radio:before { content: ""; } .pe-7s-note2:before { content: ""; } .pe-7s-print:before { content: ""; } .pe-7s-network:before { content: ""; } .pe-7s-prev:before { content: ""; } .pe-7s-mute:before { content: ""; } .pe-7s-power:before { content: ""; } .pe-7s-medal:before { content: ""; } .pe-7s-portfolio:before { content: ""; } .pe-7s-like2:before { content: ""; } .pe-7s-plus:before { content: ""; } .pe-7s-left-arrow:before { content: ""; } .pe-7s-play:before { content: ""; } .pe-7s-key:before { content: ""; } .pe-7s-plane:before { content: ""; } .pe-7s-joy:before { content: ""; } .pe-7s-photo-gallery:before { content: ""; } .pe-7s-pin:before { content: ""; } .pe-7s-phone:before { content: ""; } .pe-7s-plug:before { content: ""; } .pe-7s-pen:before { content: ""; } .pe-7s-right-arrow:before { content: ""; } .pe-7s-paper-plane:before { content: ""; } .pe-7s-delete-user:before { content: ""; } .pe-7s-paint:before { content: ""; } .pe-7s-bottom-arrow:before { content: ""; } .pe-7s-notebook:before { content: ""; } .pe-7s-note:before { content: ""; } .pe-7s-next:before { content: ""; } .pe-7s-news-paper:before { content: ""; } .pe-7s-musiclist:before { content: ""; } .pe-7s-music:before { content: ""; } .pe-7s-mouse:before { content: ""; } .pe-7s-more:before { content: ""; } .pe-7s-moon:before { content: ""; } .pe-7s-monitor:before { content: ""; } .pe-7s-micro:before { content: ""; } .pe-7s-menu:before { content: ""; } .pe-7s-map:before { content: ""; } .pe-7s-map-marker:before { content: ""; } .pe-7s-mail:before { content: ""; } .pe-7s-mail-open:before { content: ""; } .pe-7s-mail-open-file:before { content: ""; } .pe-7s-magnet:before { content: ""; } .pe-7s-loop:before { content: ""; } .pe-7s-look:before { content: ""; } .pe-7s-lock:before { content: ""; } .pe-7s-lintern:before { content: ""; } .pe-7s-link:before { content: ""; } .pe-7s-like:before { content: ""; } .pe-7s-light:before { content: ""; } .pe-7s-less:before { content: ""; } .pe-7s-keypad:before { content: ""; } .pe-7s-junk:before { content: ""; } .pe-7s-info:before { content: ""; } .pe-7s-home:before { content: ""; } .pe-7s-help2:before { content: ""; } .pe-7s-help1:before { content: ""; } .pe-7s-graph3:before { content: ""; } .pe-7s-graph2:before { content: ""; } .pe-7s-graph1:before { content: ""; } .pe-7s-graph:before { content: ""; } .pe-7s-global:before { content: ""; } .pe-7s-gleam:before { content: ""; } .pe-7s-glasses:before { content: ""; } .pe-7s-gift:before { content: ""; } .pe-7s-folder:before { content: ""; } .pe-7s-flag:before { content: ""; } .pe-7s-filter:before { content: ""; } .pe-7s-file:before { content: ""; } .pe-7s-expand1:before { content: ""; } .pe-7s-exapnd2:before { content: ""; } .pe-7s-edit:before { content: ""; } .pe-7s-drop:before { content: ""; } .pe-7s-drawer:before { content: ""; } .pe-7s-download:before { content: ""; } .pe-7s-display2:before { content: ""; } .pe-7s-display1:before { content: ""; } .pe-7s-diskette:before { content: ""; } .pe-7s-date:before { content: ""; } .pe-7s-cup:before { content: ""; } .pe-7s-culture:before { content: ""; } .pe-7s-crop:before { content: ""; } .pe-7s-credit:before { content: ""; } .pe-7s-copy-file:before { content: ""; } .pe-7s-config:before { content: ""; } .pe-7s-compass:before { content: ""; } .pe-7s-comment:before { content: ""; } .pe-7s-coffee:before { content: ""; } .pe-7s-cloud:before { content: ""; } .pe-7s-clock:before { content: ""; } .pe-7s-check:before { content: ""; } .pe-7s-chat:before { content: ""; } .pe-7s-cart:before { content: ""; } .pe-7s-camera:before { content: ""; } .pe-7s-call:before { content: ""; } .pe-7s-calculator:before { content: ""; } .pe-7s-browser:before { content: ""; } .pe-7s-box2:before { content: ""; } .pe-7s-box1:before { content: ""; } .pe-7s-bookmarks:before { content: ""; } .pe-7s-bicycle:before { content: ""; } .pe-7s-bell:before { content: ""; } .pe-7s-battery:before { content: ""; } .pe-7s-ball:before { content: ""; } .pe-7s-back:before { content: ""; } .pe-7s-attention:before { content: ""; } .pe-7s-anchor:before { content: ""; } .pe-7s-albums:before { content: ""; } .pe-7s-alarm:before { content: ""; } .pe-7s-airplay:before { content: ""; } .datepicker-container { background-color: #fff; direction: ltr; left: 0; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; line-height: 34px; touch-action: none; -webkit-touch-callout: none; user-select: none; width: 276px; z-index: -1; } .datepicker-container::before, .datepicker-container::after { border: 10px solid transparent; content: " "; display: block; height: 0; position: absolute; width: 0; } .datepicker-dropdown { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 4px; margin: 0.125rem 0 0; font-size: 0.75rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); } .datepicker-inline { position: static; margin: 0 auto; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; padding: 4px; } .datepicker-top-left, .datepicker-top-right { border-top-color: rgba(0, 0, 0, 0.15); } .datepicker-top-left::before, .datepicker-top-left::after, .datepicker-top-right::before, .datepicker-top-right::after { border-top: 0; left: 10px; top: -11px; } .datepicker-top-left::before, .datepicker-top-right::before { border-bottom-color: rgba(0, 0, 0, 0.15); } .datepicker-top-left::after, .datepicker-top-right::after { border-bottom-color: #fff; top: -10px; } .datepicker-bottom-left, .datepicker-bottom-right { border-bottom-color: #3f6ad8; } .datepicker-bottom-left::before, .datepicker-bottom-left::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { border-bottom: 0; bottom: -11px; left: 10px; } .datepicker-bottom-left::before, .datepicker-bottom-right::before { border-top-color: #3f6ad8; } .datepicker-bottom-left::after, .datepicker-bottom-right::after { border-top-color: #fff; bottom: -10px; } .datepicker-top-right::before, .datepicker-top-right::after, .datepicker-bottom-right::before, .datepicker-bottom-right::after { left: auto; right: 10px; } .datepicker-panel > ul { margin: 0; padding: 0; } .datepicker-panel > ul::before, .datepicker-panel > ul::after { content: " "; display: table; } .datepicker-panel > ul::after { clear: both; } .datepicker-panel > ul > li { background-color: #fff; cursor: pointer; float: left; height: 34px; list-style: none; margin: 2px; padding: 0; text-align: center; width: 34px; border-radius: 0.25rem; transition: all .2s; } .datepicker-panel > ul > li:hover { background-color: #3f6ad8; color: #fff; } .datepicker-panel > ul > li.muted { color: #ced4da; } .datepicker-panel > ul > li.muted:hover { background: #f8f9fa; color: #adb5bd; } .datepicker-panel > ul > li.highlighted { background-color: #f7b924; color: #212529; } .datepicker-panel > ul > li.highlighted:hover { background-color: #f7b924; color: #212529; } .datepicker-panel > ul > li.picked, .datepicker-panel > ul > li.picked:hover { background: #3ac47d; color: #fff; } .datepicker-panel > ul > li.disabled, .datepicker-panel > ul > li.disabled:hover { background-color: #f8f9fa; color: #ced4da; cursor: default; } .datepicker-panel > ul > li.disabled.highlighted, .datepicker-panel > ul > li.disabled:hover.highlighted { background-color: #e9ecef; color: #adb5bd; } .datepicker-panel > ul > li[data-view="years prev"], .datepicker-panel > ul > li[data-view="year prev"], .datepicker-panel > ul > li[data-view="month prev"], .datepicker-panel > ul > li[data-view="years next"], .datepicker-panel > ul > li[data-view="year next"], .datepicker-panel > ul > li[data-view="month next"], .datepicker-panel > ul > li[data-view="next"] { font-size: 18px; } .datepicker-panel > ul > li[data-view="years current"], .datepicker-panel > ul > li[data-view="year current"], .datepicker-panel > ul > li[data-view="month current"] { width: 186px; } .datepicker-panel > ul[data-view="years"] > li, .datepicker-panel > ul[data-view="months"] > li { height: 52.5px; line-height: 52.5px; width: 62.5px; } .datepicker-panel > ul[data-view="week"] > li, .datepicker-panel > ul[data-view="week"] > li:hover { background-color: #fff; cursor: default; color: #6c757d; } .datepicker-hide { display: none; } .daterangepicker { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 0; margin: 0.125rem 0 0; font-size: 0.75rem; color: #495057; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); display: none; } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.15); content: ''; } .daterangepicker:before { top: -10px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid rgba(0, 0, 0, 0.15); } .daterangepicker:after { top: -9px; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 9px; } .daterangepicker.drop-up { margin-top: -11px; } .daterangepicker.drop-up:before { top: initial; bottom: -11px; border-bottom: initial; border-top: 10px solid rgba(0, 0, 0, 0.15); } .daterangepicker.drop-up:after { top: initial; bottom: -10px; border-bottom: initial; border-top: 10px solid #fff; } .daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 0; } .daterangepicker .drp-calendar.right { padding: 8px 8px 8px 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid #343a40; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 4px; } .daterangepicker .calendar-table .next:hover span, .daterangepicker .calendar-table .prev:hover span { border: solid #fff; border-width: 0 2px 2px 0; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 34px; width: 36px; height: 34px; line-height: 34px; border-radius: 0.25rem; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 0.25rem; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #3f6ad8; border-color: transparent; color: #fff; } .daterangepicker td.week, .daterangepicker th.week { color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #343a40; } .daterangepicker td.in-range { background-color: #e9ecef; border-color: transparent; color: #6c757d; border-radius: 0; } .daterangepicker td.start-date { border-radius: 0.25rem 0 0 0.25rem; } .daterangepicker td.end-date { border-radius: 0 0.25rem 0.25rem 0; } .daterangepicker td.start-date.end-date { border-radius: 0.25rem; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #3f6ad8; border-color: transparent; color: #fff; border-radius: 0.25rem; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #6c757d; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #dee2e6; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #dee2e6; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; padding: 2px 4px; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { padding: 6px 12px; cursor: pointer; margin: 2px 0; border-radius: 0.25rem; color: #212529; background-color: transparent; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #e0f3ff; color: #16181b; } .daterangepicker .ranges li.active { background-color: #3f6ad8; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .drp-calendar.right { margin-left: 0; } .daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .drp-calendar.right { margin-right: 0; } .daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; } /* Offset direction */ html:not([dir="rtl"]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } /* Give origins 0 height/width so they don't interfere with clicking the * connect elements. */ .noUi-vertical { min-height: 200px; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { position: absolute; outline: none !important; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Slider size and handle placement; */ .noUi-horizontal { height: 4px; } .noUi-horizontal .noUi-handle { width: 16px; height: 16px; left: -6px; top: -6px; border-radius: 100%; outline: none !important; } .noUi-vertical { width: 4px; } .noUi-vertical .noUi-handle { width: 16px; height: 16px; left: -6px; top: -6px; } html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -6px; left: auto; } /* Styling; * Giving the connect element a border radius causes issues with using transform: scale */ .noUi-target { background-color: #e9ecef; border-radius: 0.25rem; } .noUi-connects { border-radius: 0.25rem; } .noUi-connect { background: #3f6ad8; } /* Handles and cursors; */ .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 2px solid #3f6ad8; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .noUi-active { border-color: #2248a8; box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.8), 0 0.125rem 0.5875rem rgba(63, 106, 216, 0.9); } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { display: none; } /* Disabled state; */ [disabled] .noUi-connect { background: #e9ecef; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-pips { position: absolute; color: #dee2e6; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #6c757d; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #ced4da; } .noUi-marker-sub { background: #dee2e6; } .noUi-marker-large { background: #dee2e6; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { -webkit-transform: translate(0, -50%); transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { -webkit-transform: translate(0, 50%); transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { padding: 6px 0; color: #fff; text-align: center; text-decoration: none; background-color: #343a40; border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.17); min-width: 80px; font-weight: bold; white-space: nowrap; position: absolute; } .noUi-tooltip::after { position: absolute; content: ''; border-color: transparent; border-style: solid; bottom: -5px; margin-left: -5px; border-width: 5px 5px 0; left: 50%; border-top-color: #343a40; } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 165%; } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 165%; } .range-slider-primary .noUi-handle { border: 2px solid #3f6ad8; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-primary .noUi-connect { background: #3f6ad8; } .range-slider-primary .noUi-active { border-color: #2248a8; box-shadow: 0 0.46875rem 2.1875rem rgba(63, 106, 216, 0.8), 0 0.125rem 0.5875rem rgba(63, 106, 216, 0.9); } .range-slider-secondary .noUi-handle { border: 2px solid #6c757d; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-secondary .noUi-connect { background: #6c757d; } .range-slider-secondary .noUi-active { border-color: #494f54; box-shadow: 0 0.46875rem 2.1875rem rgba(108, 117, 125, 0.8), 0 0.125rem 0.5875rem rgba(108, 117, 125, 0.9); } .range-slider-success .noUi-handle { border: 2px solid #3ac47d; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-success .noUi-connect { background: #3ac47d; } .range-slider-success .noUi-active { border-color: #298957; box-shadow: 0 0.46875rem 2.1875rem rgba(58, 196, 125, 0.8), 0 0.125rem 0.5875rem rgba(58, 196, 125, 0.9); } .range-slider-info .noUi-handle { border: 2px solid #16aaff; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-info .noUi-connect { background: #16aaff; } .range-slider-info .noUi-active { border-color: #007fc9; box-shadow: 0 0.46875rem 2.1875rem rgba(22, 170, 255, 0.8), 0 0.125rem 0.5875rem rgba(22, 170, 255, 0.9); } .range-slider-warning .noUi-handle { border: 2px solid #f7b924; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-warning .noUi-connect { background: #f7b924; } .range-slider-warning .noUi-active { border-color: #c78f07; box-shadow: 0 0.46875rem 2.1875rem rgba(247, 185, 36, 0.8), 0 0.125rem 0.5875rem rgba(247, 185, 36, 0.9); } .range-slider-danger .noUi-handle { border: 2px solid #d92550; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-danger .noUi-connect { background: #d92550; } .range-slider-danger .noUi-active { border-color: #981a38; box-shadow: 0 0.46875rem 2.1875rem rgba(217, 37, 80, 0.8), 0 0.125rem 0.5875rem rgba(217, 37, 80, 0.9); } .range-slider-light .noUi-handle { border: 2px solid #eeeeee; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-light .noUi-connect { background: #eeeeee; } .range-slider-light .noUi-active { border-color: #c8c8c8; box-shadow: 0 0.46875rem 2.1875rem rgba(238, 238, 238, 0.8), 0 0.125rem 0.5875rem rgba(238, 238, 238, 0.9); } .range-slider-dark .noUi-handle { border: 2px solid #343a40; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-dark .noUi-connect { background: #343a40; } .range-slider-dark .noUi-active { border-color: #121416; box-shadow: 0 0.46875rem 2.1875rem rgba(52, 58, 64, 0.8), 0 0.125rem 0.5875rem rgba(52, 58, 64, 0.9); } .range-slider-focus .noUi-handle { border: 2px solid #444054; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-focus .noUi-connect { background: #444054; } .range-slider-focus .noUi-active { border-color: #211f29; box-shadow: 0 0.46875rem 2.1875rem rgba(68, 64, 84, 0.8), 0 0.125rem 0.5875rem rgba(68, 64, 84, 0.9); } .range-slider-alternate .noUi-handle { border: 2px solid #794c8a; border-radius: 100%; background: #fff; cursor: default; transition: box-shadow 200ms; } .range-slider-alternate .noUi-connect { background: #794c8a; } .range-slider-alternate .noUi-active { border-color: #4e3159; box-shadow: 0 0.46875rem 2.1875rem rgba(121, 76, 138, 0.8), 0 0.125rem 0.5875rem rgba(121, 76, 138, 0.9); } span.multiselect-native-select { position: relative; } span.multiselect-native-select select { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px -1px -1px -3px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; left: 50%; top: 30px; } .multiselect-container { position: absolute; list-style-type: none; } .multiselect-container .input-group { margin: 5px; } .multiselect-container .multiselect-reset .input-group { width: 93%; } .multiselect-container > li { padding: 0; } .multiselect-container > li > a.multiselect-all label { font-weight: bold; } .multiselect-container > li label { margin: 0; padding: 0.5rem 1rem; height: 100%; display: block; } .multiselect-container > li.multiselect-group-clickable label { cursor: pointer; } .multiselect-container > li.active > a:hover, .multiselect-container > li.active > a { background: #e0f3ff; color: #16181b; } .multiselect-container > li.active > a:hover label, .multiselect-container > li.active > a label { font-weight: bold; } .multiselect-container > li > a { padding: 0; display: block; cursor: pointer; text-decoration: none; color: #212529; } .multiselect-container > li > a:hover { background: #e0f3ff; color: #16181b; } .multiselect-container > li > a > label { margin: 0; height: 100%; cursor: pointer; font-weight: normal; padding: 0.5rem 1rem; } .multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; } .multiselect-container > li > a > label > input { margin: -4px 5px 0 0; } .multiselect-container > li.multiselect-group label { text-transform: uppercase; font-size: 0.625rem; color: #3f6ad8; font-weight: bold; } .btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio { padding: 3px 20px 3px 40px; } .form-inline .multiselect-container li a label.checkbox input[type="checkbox"], .form-inline .multiselect-container li a label.radio input[type="radio"] { margin-left: -20px; margin-right: 0; } .rdw-option-wrapper { border: 1px solid #F1F1F1; padding: 5px; min-width: 25px; height: 20px; border-radius: 2px; margin: 0 4px; display: flex; justify-content: center; align-items: center; cursor: pointer; background: white; text-transform: capitalize; } .rdw-option-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-option-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-option-disabled { opacity: 0.3; cursor: default; } .rdw-dropdown-wrapper { height: 30px; background: white; cursor: pointer; border: 1px solid #F1F1F1; border-radius: 2px; margin: 0 3px; text-transform: capitalize; background: white; } .rdw-dropdown-wrapper:focus { outline: none; } .rdw-dropdown-wrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdown-wrapper:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-dropdown-carettoopen { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-top: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-carettoclose { height: 0px; width: 0px; position: absolute; top: 35%; right: 10%; border-bottom: 6px solid black; border-left: 5px solid transparent; border-right: 5px solid transparent; } .rdw-dropdown-selectedtext { display: flex; position: relative; height: 100%; align-items: center; padding: 0 5px; } .rdw-dropdown-optionwrapper { z-index: 100; position: relative; border: 1px solid #F1F1F1; width: 98%; background: white; border-radius: 2px; margin: 0; padding: 0; max-height: 250px; overflow-y: scroll; } .rdw-dropdown-optionwrapper:hover { box-shadow: 1px 1px 0px #BFBDBD; background-color: #FFFFFF; } .rdw-dropdownoption-default { min-height: 25px; display: flex; align-items: center; padding: 0 5px; } .rdw-dropdownoption-highlighted { background: #F1F1F1; } .rdw-dropdownoption-active { background: #f5f5f5; } .rdw-dropdownoption-disabled { opacity: 0.3; cursor: default; } .rdw-inline-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-inline-dropdown { width: 50px; } .rdw-inline-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-block-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-block-dropdown { width: 110px; } .rdw-fontsize-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontsize-dropdown { min-width: 40px; } .rdw-fontsize-option { display: flex; justify-content: center; } .rdw-fontfamily-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-fontfamily-dropdown { width: 115px; } .rdw-fontfamily-placeholder { white-space: nowrap; max-width: 90px; overflow: hidden; text-overflow: ellipsis; } .rdw-fontfamily-optionwrapper { width: 140px; } .rdw-list-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-list-dropdown { width: 50px; z-index: 90; } .rdw-list-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-text-align-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-text-align-dropdown { width: 50px; z-index: 90; } .rdw-text-align-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-right-aligned-block { text-align: right; } .rdw-left-aligned-block { text-align: left !important; } .rdw-center-aligned-block { text-align: center !important; } .rdw-justify-aligned-block { text-align: justify !important; } .rdw-right-aligned-block > div { display: inline-block; } .rdw-left-aligned-block > div { display: inline-block; } .rdw-center-aligned-block > div { display: inline-block; } .rdw-justify-aligned-block > div { display: inline-block; } .rdw-colorpicker-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-colorpicker-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 175px; height: 175px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-colorpicker-modal-header { display: flex; padding-bottom: 5px; } .rdw-colorpicker-modal-style-label { font-size: 15px; width: 50%; text-align: center; cursor: pointer; padding: 0 10px 5px; } .rdw-colorpicker-modal-style-label-active { border-bottom: 2px solid #0a66b7; } .rdw-colorpicker-modal-options { margin: 5px auto; display: flex; width: 100%; height: 100%; flex-wrap: wrap; overflow: scroll; } .rdw-colorpicker-cube { width: 22px; height: 22px; border: 1px solid #F1F1F1; } .rdw-colorpicker-option { margin: 3px; padding: 0; min-height: 20px; border: none; width: 22px; height: 22px; min-width: 22px; box-shadow: 1px 2px 1px #BFBDBD inset; } .rdw-colorpicker-option:hover { box-shadow: 1px 2px 1px #BFBDBD; } .rdw-colorpicker-option:active { box-shadow: -1px -2px 1px #BFBDBD; } .rdw-colorpicker-option-active { box-shadow: 0px 0px 2px 2px #BFBDBD; } .rdw-link-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-link-dropdown { width: 50px; } .rdw-link-dropdownOption { height: 40px; display: flex; justify-content: center; } .rdw-link-dropdownPlaceholder { margin-left: 8px; } .rdw-link-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 205px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-link-modal-label { font-size: 15px; } .rdw-link-modal-input { margin-top: 5px; border-radius: 2px; border: 1px solid #F1F1F1; height: 25px; margin-bottom: 15px; padding: 0 5px; } .rdw-link-modal-input:focus { outline: none; } .rdw-link-modal-buttonsection { margin: 0 auto; } .rdw-link-modal-target-option { margin-bottom: 20px; } .rdw-link-modal-target-option > span { margin-left: 5px; } .rdw-link-modal-btn { margin-left: 10px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-link-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-link-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-link-modal-btn:focus { outline: none !important; } .rdw-link-modal-btn:disabled { background: #ece9e9; } .rdw-link-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-embedded-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-embedded-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; justify-content: space-between; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-embedded-modal-header { font-size: 15px; display: flex; } .rdw-embedded-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-embedded-modal-header-label { width: 95px; border: 1px solid #f1f1f1; margin-top: 5px; background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-embedded-modal-link-section { display: flex; flex-direction: column; } .rdw-embedded-modal-link-input { width: 88%; height: 35px; margin: 10px 0; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-embedded-modal-link-input-wrapper { display: flex; align-items: center; } .rdw-embedded-modal-link-input:focus { outline: none; } .rdw-embedded-modal-btn-section { display: flex; justify-content: center; } .rdw-embedded-modal-btn { margin: 0 3px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-embedded-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-embedded-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-embedded-modal-btn:focus { outline: none !important; } .rdw-embedded-modal-btn:disabled { background: #ece9e9; } .rdw-embedded-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-embedded-modal-size-input { width: 80%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-embedded-modal-size-input:focus { outline: none; } .rdw-emoji-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-emoji-modal { overflow: auto; position: absolute; top: 35px; left: 5px; display: flex; flex-wrap: wrap; width: 235px; height: 180px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-emoji-icon { margin: 2.5px; height: 24px; width: 24px; cursor: pointer; font-size: 22px; display: flex; justify-content: center; align-items: center; } .rdw-spinner { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; } .rdw-spinner > div { width: 12px; height: 12px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .rdw-spinner .rdw-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .rdw-spinner .rdw-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } .rdw-image-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-image-modal { position: absolute; top: 35px; left: 5px; display: flex; flex-direction: column; width: 235px; border: 1px solid #F1F1F1; padding: 15px; border-radius: 2px; z-index: 100; background: white; box-shadow: 3px 3px 5px #BFBDBD; } .rdw-image-modal-header { font-size: 15px; margin: 10px 0; display: flex; } .rdw-image-modal-header-option { width: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-direction: column; } .rdw-image-modal-header-label { width: 80px; background: #f1f1f1; border: 1px solid #f1f1f1; margin-top: 5px; } .rdw-image-modal-header-label-highlighted { background: #6EB8D4; border-bottom: 2px solid #0a66b7; } .rdw-image-modal-upload-option { width: 100%; color: gray; cursor: pointer; display: flex; border: none; font-size: 15px; align-items: center; justify-content: center; background-color: #f1f1f1; outline: 2px dashed gray; outline-offset: -10px; margin: 10px 0; padding: 9px 0; } .rdw-image-modal-upload-option-highlighted { outline: 2px dashed #0a66b7; } .rdw-image-modal-upload-option-label { cursor: pointer; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; } .rdw-image-modal-upload-option-label span { padding: 0 20px; } .rdw-image-modal-upload-option-image-preview { max-width: 100%; max-height: 200px; } .rdw-image-modal-upload-option-input { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; } .rdw-image-modal-url-section { display: flex; align-items: center; } .rdw-image-modal-url-input { width: 90%; height: 35px; margin: 15px 0 12px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 15px; padding: 0 5px; } .rdw-image-modal-btn-section { margin: 10px auto 0; } .rdw-image-modal-url-input:focus { outline: none; } .rdw-image-modal-btn { margin: 0 5px; width: 75px; height: 30px; border: 1px solid #F1F1F1; border-radius: 2px; cursor: pointer; background: white; text-transform: capitalize; } .rdw-image-modal-btn:hover { box-shadow: 1px 1px 0px #BFBDBD; } .rdw-image-modal-btn:active { box-shadow: 1px 1px 0px #BFBDBD inset; } .rdw-image-modal-btn:focus { outline: none !important; } .rdw-image-modal-btn:disabled { background: #ece9e9; } .rdw-image-modal-spinner { position: absolute; top: -3px; left: 0; width: 100%; height: 100%; opacity: 0.5; } .rdw-image-modal-alt-input { width: 70%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; margin-left: 5px; } .rdw-image-modal-alt-input:focus { outline: none; } .rdw-image-modal-alt-lbl { font-size: 12px; } .rdw-image-modal-size { align-items: center; display: flex; margin: 8px 0; justify-content: space-between; } .rdw-image-modal-size-input { width: 40%; height: 20px; border: 1px solid #F1F1F1; border-radius: 2px; font-size: 12px; } .rdw-image-modal-size-input:focus { outline: none; } .rdw-image-mandatory-sign { color: red; margin-left: 3px; margin-right: 3px; } .rdw-remove-wrapper { display: flex; align-items: center; margin-bottom: 6px; position: relative; } .rdw-history-wrapper { display: flex; align-items: center; margin-bottom: 6px; } .rdw-history-dropdownoption { height: 40px; display: flex; justify-content: center; } .rdw-history-dropdown { width: 50px; } .rdw-link-decorator-wrapper { position: relative; } .rdw-link-decorator-icon { position: absolute; left: 40%; top: 0; cursor: pointer; background-color: white; } .rdw-mention-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-suggestion-wrapper { position: relative; } .rdw-suggestion-dropdown { position: absolute; display: flex; flex-direction: column; border: 1px solid #F1F1F1; min-width: 100px; max-height: 150px; overflow: auto; background: white; z-index: 100; } .rdw-suggestion-option { padding: 7px 5px; border-bottom: 1px solid #f1f1f1; } .rdw-suggestion-option-active { background-color: #F1F1F1; } .rdw-hashtag-link { text-decoration: none; color: #1236ff; background-color: #f0fbff; padding: 1px 2px; border-radius: 2px; } .rdw-image-alignment-options-popup { position: absolute; background: white; display: flex; padding: 5px 2px; border-radius: 2px; border: 1px solid #F1F1F1; width: 105px; cursor: pointer; z-index: 100; } .rdw-alignment-option-left { justify-content: flex-start; } .rdw-image-alignment-option { height: 15px; width: 15px; min-width: 15px; } .rdw-image-alignment { position: relative; } .rdw-image-imagewrapper { position: relative; } .rdw-image-center { display: flex; justify-content: center; } .rdw-image-left { display: flex; } .rdw-image-right { display: flex; justify-content: flex-end; } .rdw-image-alignment-options-popup-right { right: 0; } .rdw-editor-main { height: 100%; overflow: auto; box-sizing: border-box; } .rdw-editor-toolbar { padding: 6px 5px 0; border-radius: 2px; border: 1px solid #F1F1F1; display: flex; justify-content: flex-start; background: white; flex-wrap: wrap; font-size: 15px; margin-bottom: 5px; user-select: none; } .public-DraftStyleDefault-block { margin: 1em 0; } .rdw-editor-wrapper:focus { outline: none; } .rdw-editor-wrapper { box-sizing: content-box; } .rdw-editor-main blockquote { border-left: 5px solid #f1f1f1; padding-left: 5px; } .rdw-editor-main pre { background: #f1f1f1; border-radius: 3px; padding: 1px 10px; } /** * Draft v0.9.1 * * Copyright (c) 2013-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ .DraftEditor-editorContainer, .DraftEditor-root, .public-DraftEditor-content { height: inherit; text-align: initial; } .public-DraftEditor-content[contenteditable=true] { -webkit-user-modify: read-write-plaintext-only; } .DraftEditor-root { position: relative; } .DraftEditor-editorContainer { background-color: rgba(255, 255, 255, 0); border-left: .1px solid transparent; position: relative; z-index: 1; } .public-DraftEditor-block { position: relative; } .DraftEditor-alignLeft .public-DraftStyleDefault-block { text-align: left; } .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root { left: 0; text-align: left; } .DraftEditor-alignCenter .public-DraftStyleDefault-block { text-align: center; } .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root { margin: 0 auto; text-align: center; width: 100%; } .DraftEditor-alignRight .public-DraftStyleDefault-block { text-align: right; } .DraftEditor-alignRight .public-DraftEditorPlaceholder-root { right: 0; text-align: right; } .public-DraftEditorPlaceholder-root { color: #9197a3; position: absolute; z-index: 0; } .public-DraftEditorPlaceholder-hasFocus { color: #bdc1c9; } .DraftEditorPlaceholder-hidden { display: none; } .public-DraftStyleDefault-block { position: relative; white-space: pre-wrap; } .public-DraftStyleDefault-ltr { direction: ltr; text-align: left; } .public-DraftStyleDefault-rtl { direction: rtl; text-align: right; } .public-DraftStyleDefault-listLTR { direction: ltr; } .public-DraftStyleDefault-listRTL { direction: rtl; } .public-DraftStyleDefault-ol, .public-DraftStyleDefault-ul { margin: 16px 0; padding: 0; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR { margin-left: 1.5em; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL { margin-right: 1.5em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR { margin-left: 3em; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL { margin-right: 3em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR { margin-left: 4.5em; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL { margin-right: 4.5em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR { margin-left: 6em; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL { margin-right: 6em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR { margin-left: 7.5em; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL { margin-right: 7.5em; } .public-DraftStyleDefault-unorderedListItem { list-style-type: square; position: relative; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 { list-style-type: disc; } .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { list-style-type: circle; } .public-DraftStyleDefault-orderedListItem { list-style-type: none; position: relative; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before { left: -36px; position: absolute; text-align: right; width: 30px; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before { position: absolute; right: -36px; text-align: left; width: 30px; } .public-DraftStyleDefault-orderedListItem:before { content: counter(ol0) ". "; counter-increment: ol0; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before { content: counter(ol1) ". "; counter-increment: ol1; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before { content: counter(ol2) ". "; counter-increment: ol2; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before { content: counter(ol3) ". "; counter-increment: ol3; } .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before { content: counter(ol4) ". "; counter-increment: ol4; } .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { counter-reset: ol0; } .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { counter-reset: ol1; } .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { counter-reset: ol2; } .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { counter-reset: ol3; } .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { counter-reset: ol4; } .demo-editor { height: 275px !important; border: 1px solid #F1F1F1 !important; padding: 5px !important; border-radius: 2px !important; } .btn-group-xs > .btn, .btn-xs { padding: .35rem .4rem .25rem .4rem; font-size: .875rem; line-height: .5; border-radius: .2rem; } .checkbox label .toggle, .checkbox-inline .toggle { margin-left: -20px; margin-right: 5px; } .toggle { position: relative; overflow: hidden; border-color: rgba(0, 0, 0, 0.2); /* bootstrap-4 - add a border so toggle is delineated */ } .toggle input[type="checkbox"] { display: none; } .toggle-group { position: absolute; width: 200%; top: 0; bottom: 0; left: 0; transition: left 0.35s; -webkit-transition: left 0.35s; -moz-user-select: none; -webkit-user-select: none; } .toggle.off .toggle-group { left: -100%; } .toggle-on { position: absolute; top: 0; bottom: 0; left: 0; right: 50%; margin: 0; border: 0; border-radius: 0; } .toggle-off { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; margin: 0; border: 0; border-radius: 0; box-shadow: none; /* Bootstrap 4.0 Support via (Issue #186)[https://github.com/minhur/bootstrap-toggle/issues/186]) */ } .toggle-handle { position: relative; margin: 0 auto; padding-top: 0px; padding-bottom: 0px; height: 100%; width: 0px; border-width: 0; background-color: #fff; } .toggle.btn { min-width: 59px; min-height: 34px; } .toggle-on.btn { padding-right: 24px; } .toggle-off.btn { padding-left: 24px; } .toggle.btn-lg, .btn-group-lg > .toggle.btn { min-width: 79px; min-height: 45px; } .toggle-on.btn-lg, .btn-group-lg > .toggle-on.btn { padding-right: 31px; } .toggle-off.btn-lg, .btn-group-lg > .toggle-off.btn { padding-left: 31px; } .toggle-handle.btn-lg, .btn-group-lg > .toggle-handle.btn { width: 40px; } .toggle.btn-sm, .btn-group-sm > .toggle.btn { min-width: 50px; min-height: 30px; } .toggle-on.btn-sm, .btn-group-sm > .toggle-on.btn { padding-right: 20px; } .toggle-off.btn-sm, .btn-group-sm > .toggle-off.btn { padding-left: 20px; } .toggle.btn-xs { min-width: 35px; min-height: 22px; } .toggle-on.btn-xs { padding-right: 12px; } .toggle-off.btn-xs { padding-left: 12px; } @media only screen and (max-width: 1320px) { .header-user-info { display: none; } } @media (max-width: 991.98px) { .app-main { display: block; } .dropdown-menu::before, .dropdown-menu::after { display: none; } .app-sidebar { flex: 0 0 280px !important; width: 280px !important; transform: translateX(-280px); position: fixed; } .app-sidebar .app-header__logo { display: none; } .sidebar-mobile-open .app-sidebar { transform: translateX(0); } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading { text-indent: initial; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading::before { display: none; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a { text-indent: initial; padding: 0 1.5rem 0 45px; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon { text-indent: initial; left: 5px; margin-left: 0; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-state-icon { visibility: visible; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before { display: block; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a { padding-left: 1em; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show { padding: .5em 0 0 2rem; } .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show > li > a { height: 2rem; line-height: 2rem; } .sidebar-mobile-open .app-sidebar .app-header__logo { width: auto !important; } .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src { width: 97px !important; margin-left: auto; margin-right: 0; } .sidebar-mobile-open .fixed-sidebar .app-sidebar { height: 100%; } .sidebar-mobile-open .sidebar-mobile-overlay { display: block; } .app-main .app-main__outer { padding-left: 0 !important; } .app-header { justify-content: space-between; } .app-header .app-header__logo { display: none; order: 2; background: transparent !important; border: 0 !important; } .app-header .app-header__content { visibility: hidden; opacity: 0; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); position: absolute; left: 5%; width: 90%; top: 0; transition: all .2s; background: #fff; border-radius: 50px; padding: 0 10px; overflow: hidden; } .app-header .app-header__content .header-btn-lg { margin-left: .5rem; padding: 0 .5rem; } .app-header .app-header__content .header-btn-lg .hamburger-box { margin-top: 5px; } .app-header .app-header__content .header-btn-lg + .header-btn-lg { display: none; } .app-header .app-header__content .app-header-left .nav { display: none; } .app-header .app-header__content.header-mobile-open { visibility: visible; opacity: 1; top: 80px; } .app-header .app-header__mobile-menu { display: flex; order: 1; } .app-header .app-header__menu { display: flex; order: 3; } .app-header.header-text-light .app-header__menu > span .btn, .app-header.header-text-light .app-header__menu > .btn { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); } .app-header.header-text-light .header-mobile-open { background: #343a40; } .popover, .dropdown-menu { position: fixed !important; z-index: 50; left: 5% !important; top: 50% !important; width: 90% !important; transform: translateY(-50%) !important; min-width: 10px !important; } .popover .btn-icon-vertical .btn-icon-wrapper, .dropdown-menu .btn-icon-vertical .btn-icon-wrapper { display: none; } .popover { max-width: initial; } .popover .arrow { display: none !important; } .app-page-title { text-align: center; } .app-page-title .page-title-heading, .app-page-title .page-title-wrapper { margin: 0 auto; display: block; } .app-page-title .page-title-actions { margin: 10px auto 0; } .app-page-title .page-title-actions .breadcrumb-item, .app-page-title .page-title-actions .breadcrumb, .app-page-title .page-title-subheading .breadcrumb-item, .app-page-title .page-title-subheading .breadcrumb { display: inline-block; } .app-footer .app-footer__inner .app-footer-right { display: none; } .app-footer .app-footer__inner .app-footer-left { width: 100%; } .app-footer .app-footer__inner .app-footer-left .footer-dots { margin: 0 auto; } .widget-content .widget-numbers { font-size: 1.6rem; line-height: 1; } .slick-slider-sm .slick-slider { max-width: 650px !important; } .bg-transparent.list-group-item { border-color: transparent; } .tabs-lg-alternate.card-header > .nav .nav-item .widget-number { font-size: 1.5rem; } .page-title-head { display: block; } } @media (max-width: 991.98px) { .app-page-title .page-title-icon, .ui-theme-settings { display: none; } .card-header.responsive-center { display: block; text-align: center; height: auto; padding: 1.5rem; } .card-header.responsive-center .nav, .card-header.responsive-center .btn-actions-pane-right { margin: 0.75rem 0 0; } .card-header.responsive-center .nav .d-inline-block.ml-2, .card-header.responsive-center .btn-actions-pane-right .d-inline-block.ml-2 { width: 100% !important; text-align: left; margin: 0 !important; } .slick-slider-sm .slick-slider { max-width: 650px !important; } } @media (min-width: 992px) { .slick-slider-sm .slick-slider { max-width: 850px !important; } } @media (max-width: 1199.98px) { .-hide-paging .-pagination .-center { display: none; } } @media (max-width: 767.98px) { .app-main .app-main__inner { padding: 10px 10px 0; } .mbg-3, body .card.mb-3 { margin-bottom: 10px !important; } .app-page-title { padding: 10px; margin: -10px -10px 10px; } .app-page-title + .body-tabs-layout { margin-top: -10px !important; } .body-tabs-line .body-tabs-layout { margin-bottom: 10px; margin-left: -10px; margin-right: -10px; padding: 0 15px; } .body-tabs { padding: 0 10px; display: block; } .body-tabs .nav-item .nav-link { margin: 0; } .popover, .dropdown-menu { width: 80%; left: 10%; } body .card-header { height: auto; display: block; padding: 0.75rem 1.5rem; text-align: center; } body .card-header .btn-actions-pane-right { padding: 0.75rem 0 0; } body .card-header .actions-icon-btn { padding: 0; } .card-header.card-header-tab .card-header-title { display: inline-flex !important; line-height: 1; } .card-header.card-header-tab > .nav { margin: 0.75rem 0 -0.75rem; display: table !important; width: 100%; } .card-header.card-header-tab > .nav .nav-item { display: table-cell; } .header-icon { display: none; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right { display: block; text-align: center; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper { margin-right: 0 !important; } .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin-top: 1rem; } .slick-slider-sm .slick-slider .slick-prev { left: 10px; } .slick-slider-sm .slick-slider .slick-next { right: 10px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right { display: block; text-align: center; } .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper { margin-right: 0 !important; } .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane { margin-top: 1rem; } } .ui-theme-settings { position: fixed; z-index: 155; right: -30px; top: 0; height: 100vh; transform: translate(500px); transition: all .2s; box-shadow: -0.46875rem 0 2.1875rem rgba(4, 9, 20, 0.03), -0.9375rem 0 1.40625rem rgba(4, 9, 20, 0.03), -0.25rem 0 0.53125rem rgba(4, 9, 20, 0.05), -0.125rem 0 0.1875rem rgba(4, 9, 20, 0.03); } .ui-theme-settings .btn-open-options { border-radius: 50px; position: absolute; left: -114px; bottom: 80px; padding: 0; height: 54px; line-height: 54px; width: 54px; text-align: center; display: block; box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); margin-top: -27px; } .ui-theme-settings .btn-open-options svg { top: 50%; left: 50%; position: absolute; margin: -0.5em 0 0 -0.5em; } .ui-theme-settings .theme-settings__inner { background: #fff; width: 500px; height: 100vh; padding: 0; } .ui-theme-settings.settings-open { transform: translate(0); right: 0; } .ui-theme-settings .theme-settings-swatches { text-align: center; } .ui-theme-settings .theme-settings-swatches .swatch-holder-img { width: 72px; height: auto; border-radius: 3px; } .ui-theme-settings .theme-settings-swatches .swatch-holder-img img { width: 100%; } .ui-theme-settings .themeoptions-heading { font-size: 0.9375rem; color: #495057; margin: 0; background: #f8f9fa; padding: 0.75rem 1.5rem; border-bottom: #dee2e6 solid 1px; border-top: #dee2e6 solid 1px; display: flex; align-items: center; align-content: center; } .ui-theme-settings .themeoptions-heading:first-child { border-top: 0; } .ui-theme-settings .list-group-item h5 { color: #3f6ad8; font-size: 0.825rem; text-transform: uppercase; margin: 0; text-align: center; } .swatch-holder { width: 24px; height: 24px; line-height: 24px; margin: 5px 5px 0; transition: all .2s; opacity: .7; display: inline-block; border-radius: 30px; } .swatch-holder.active { border: #fff solid 2px; box-shadow: 0 0 0 5px #3f6ad8; opacity: 1; } .swatch-holder:hover { opacity: 1; } .swatch-holder-lg { width: 48px; height: 48px; line-height: 48px; } .font-icon-wrapper { text-align: center; border: #e9ecef solid 1px; border-radius: 0.25rem; margin: 0 0 10px; padding: 5px; } .font-icon-wrapper.font-icon-lg { float: left; padding: 10px; text-align: center; margin-right: 15px; min-width: 64px; } .font-icon-wrapper.font-icon-lg i { font-size: 2.5rem; } .font-icon-wrapper:hover { background: #f8f9fa; color: #3f6ad8; } .font-icon-wrapper:hover p { color: #6c757d; } .font-icon-wrapper i { font-size: 1.40625rem; } .font-icon-wrapper p { color: #adb5bd; font-size: 0.6875rem; margin: 5px 0 0; } .btn-icon-vertical { min-width: 100px; } .card.mb-3 { margin-bottom: 20px !important; } .demo-image-bg { height: 350px; margin-bottom: 20px; background-size: 100%; } .loader-wrapper { width: 150px; height: 100px; float: left !important; } .slider-item { background: #dee2e6; border-radius: 0.25rem; color: #6c757d; font-size: 36px; padding: 0; position: relative; height: 150px; line-height: 150px; text-align: center; margin: 0 1.5rem; transition: all .2s; } .slick-center .slider-item { background: #adb5bd; color: #495057; } .after-img { max-width: 100%; } @keyframes awn-fade-in { from { opacity: 0; } to { opacity: 1; } } @keyframes awn-fade-out { from { opacity: 1; } to { opacity: 0; } } @keyframes awn-slide-right { from { opacity: 0; left: 100%; } to { opacity: 1; left: 0; } } @keyframes awn-slide-left { from { opacity: 0; right: 100%; } to { opacity: 1; right: 0; } } @keyframes awn-bar { from { right: 100%; } to { right: 0; } } .awn-modal-loading-dots, .awn-modal-loading-dots:before, .awn-modal-loading-dots:after { border-radius: 50%; width: 8px; height: 8px; animation-fill-mode: both; background: #fff; animation: awn-loading-dots 1s infinite ease-in-out; } .awn-modal-loading-dots { position: relative; margin-left: 24px; display: inline-block; color: #fff; animation-delay: -0.16s; } .awn-modal-loading-dots:before, .awn-modal-loading-dots:after { content: ""; position: absolute; top: 0; } .awn-modal-loading-dots:before { left: -16px; animation-delay: -0.32s; } .awn-modal-loading-dots:after { left: 16px; } @keyframes awn-loading-dots { 0%, 80%, 100% { box-shadow: 0 0 0 0; } 40% { box-shadow: 0 0 0 2px; } } #awn-modal-wrapper { position: fixed; left: 0; right: 0; bottom: 0; top: 0; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.7); z-index: 99999; opacity: 0; animation-name: awn-fade-in; animation-timing-function: ease-out; animation-fill-mode: both; } #awn-modal-wrapper.awn-hiding { animation-name: awn-fade-out; } #awn-modal-wrapper .awn-modal-body { position: relative; background: #fff; padding: 24px; min-width: 320px; font-size: 14px; } #awn-modal-wrapper .awn-modal-body .fa { font-size: 44px; color: #e66c0e; } #awn-modal-wrapper .awn-modal-body.awn-modal-confirm { display: flex; flex-direction: column; align-items: center; padding-bottom: 72px; } #awn-modal-wrapper .awn-modal-body.awn-modal-async-block { background: transparent; font-size: 32px; font-weight: bold; color: #fff; text-align: center; } #awn-modal-wrapper .awn-modal-title { font-size: 14px; font-weight: bold; text-transform: uppercase; margin-bottom: 12px; margin-top: 8px; } #awn-modal-wrapper .awn-buttons { position: absolute; bottom: 0; left: 0; width: 100%; font-size: 0; padding: 8px; } #awn-modal-wrapper .awn-buttons .awn-btn { cursor: pointer; display: inline-block; border: 0; font-weight: bold; transition: background 0.2s linear; font-size: 14px; width: calc(50% - 4px); line-height: 32px; color: #fff; } #awn-modal-wrapper .awn-buttons .awn-btn-success { margin-right: 4px; background: #609c33; } #awn-modal-wrapper .awn-buttons .awn-btn-success:hover { background: #54892d; } #awn-modal-wrapper .awn-buttons .awn-btn-cancel { margin-left: 4px; background: #0a96e2; } #awn-modal-wrapper .awn-buttons .awn-btn-cancel:hover { background: #0986ca; } #awn-toast-container { position: fixed; z-index: 99998; bottom: 24px; right: 24px; box-sizing: border-box; } #awn-toast-container.awn-top { top: 24px; bottom: auto; } #awn-toast-container.awn-top .awn-toast:first-child { margin-top: 16px; } #awn-toast-container.awn-left { left: 24px; right: auto; } #awn-toast-container.awn-left .awn-toast { right: 100%; animation-name: awn-slide-left; } #awn-toast-container.awn-left .awn-toast.awn-hiding { right: 0; } #awn-toast-container:not(.awn-left) .awn-toast { left: 100%; animation-name: awn-slide-right; } #awn-toast-container:not(.awn-left) .awn-toast.awn-hiding { left: 0; } .awn-toast { position: relative; cursor: pointer; overflow: hidden; opacity: 0; width: 320px; padding: 18px 88px 16px 16px; margin-top: 16px; border-width: 1px; border-style: solid; border-color: #e0e0e0; color: #999; background: #ededed; font-size: 13px; animation-timing-function: linear; animation-fill-mode: both; } .awn-toast .awn-toast-label { display: block; text-transform: uppercase; color: #999; font-size: 16px; } .awn-toast .awn-toast-icon { position: absolute; right: 16px; top: 2px; bottom: 0; display: flex; align-items: center; justify-content: flex-end; } .awn-toast .awn-toast-icon .fa { font-size: 44px; color: #999; } .awn-toast .awn-toast-progress-bar { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: #f2f2f2; } .awn-toast .awn-toast-progress-bar:after { content: " "; background: #999; position: absolute; width: 100%; right: 100%; top: 0; height: 2px; animation-name: awn-bar; animation-duration: inherit; animation-timing-function: linear; animation-fill-mode: both; } .awn-toast.awn-toast-progress-bar-paused .awn-toast-progress-bar:after { animation-play-state: paused; } .awn-toast.awn-hiding { animation-name: awn-fade-out !important; } .awn-toast.awn-toast-success { border-color: #93cd68; background: #c4e4ad; color: #609c33; } .awn-toast.awn-toast-success b, .awn-toast.awn-toast-success .fa { color: #609c33; } .awn-toast.awn-toast-success .awn-toast-progress-bar { background: #cfe9bc; } .awn-toast.awn-toast-success .awn-toast-progress-bar:after { background: #609c33; } .awn-toast.awn-toast-info { border-color: #5ac0f8; background: #b2e2fc; color: #0a96e2; } .awn-toast.awn-toast-info b, .awn-toast.awn-toast-info .fa { color: #0a96e2; } .awn-toast.awn-toast-info .awn-toast-progress-bar { background: #c6e9fc; } .awn-toast.awn-toast-info .awn-toast-progress-bar:after { background: #0a96e2; } .awn-toast.awn-toast-alert { border-color: #da6e6a; background: #e7a29f; color: #9d2c27; } .awn-toast.awn-toast-alert b, .awn-toast.awn-toast-alert .fa { color: #9d2c27; } .awn-toast.awn-toast-alert .awn-toast-progress-bar { background: #ebb2af; } .awn-toast.awn-toast-alert .awn-toast-progress-bar:after { background: #9d2c27; } .awn-toast.awn-toast-warning { border-color: #f7b27c; background: #fbd7bb; color: #e66c0e; } .awn-toast.awn-toast-warning b, .awn-toast.awn-toast-warning .fa { color: #e66c0e; } .awn-toast.awn-toast-warning .awn-toast-progress-bar { background: #fce2ce; } .awn-toast.awn-toast-warning .awn-toast-progress-bar:after { background: #e66c0e; } [class^="awn-"] { box-sizing: border-box; }