*/\n\t\theight: 1px;\n\n\t\t>td {\n\t\t\theight: 1px;\n\n\t\t\t/* needs a height so inner div within grow. better than 0, for firefox */\n\t\t}\n\n\t\ttable {\n\t\t\theight: 1px;\n\n\t\t\t/* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */\n\t\t\t/* serves as a min-height. harmless */\n\t\t}\n\t}\n\n\t.fc-scrollgrid-section-liquid {\n\t\theight: auto;\n\n\t\t>td {\n\t\t\theight: 100%;\n\n\t\t\t/* better than `auto`, for firefox */\n\t\t}\n\t}\n\n\t.fc-scrollgrid-section>* {\n\t\tborder-block-start-width: 0;\n\t\tborder-inline-start-width: 0;\n\t}\n\n\t.fc-scrollgrid-section-header>*,\n\t.fc-scrollgrid-section-footer>* {\n\t\tborder-block-end-width: 0;\n\t}\n\n\t.fc-scrollgrid-section-body table,\n\t.fc-scrollgrid-section-footer table {\n\t\tborder-block-end-style: hidden;\n\n\t\t/* head keeps its bottom border tho */\n\t}\n\n\t.fc-scrollgrid-section-sticky>* {\n\t\tbackground: rgb($white);\n\t\tposition: sticky;\n\t\tz-index: 2;\n\n\t\t/* TODO: var */\n\t\t/* TODO: box-shadow when sticking */\n\t}\n\n\t.fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>* {\n\t\tinset-block-start: 0;\n\n\t\t/* because border-sharing causes a gap at the top */\n\t\t/* TODO: give safari -1. has bug */\n\t}\n\n\t.fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky>* {\n\t\tinset-block-end: 0;\n\n\t\t/* known bug: bottom-stickiness doesn't work in safari */\n\t}\n\n\t.fc-scrollgrid-sticky-shim {\n\t\t/* for horizontal scrollbar */\n\t\theight: 1px;\n\n\t\t/* needs height to create scrollbars */\n\t\tmargin-block-end: -1px;\n\t}\n}\n\n.fc-sticky {\n\t/* no .fc wrap because used as child of body */\n\tposition: -webkit-sticky;\n\tposition: sticky;\n}\n\n.fc {\n\t.fc-view-harness {\n\t\tflex-grow: 1;\n\n\t\t/* because this harness is WITHIN the .fc's flexbox */\n\t\tposition: relative;\n\t}\n\n\t.fc-view-harness-active>.fc-view {\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\tinset-inline-end: 0;\n\t\tinset-block-end: 0;\n\t\tinset-inline-start: 0;\n\t}\n\n\t.fc-col-header-cell-cushion {\n\t\tdisplay: inline-block;\n\n\t\t/* x-browser for when sticky (when multi-tier header) */\n\t\tpadding: 2px 4px;\n\t}\n\n\t.fc-bg-event,\n\t.fc-non-business,\n\t.fc-highlight {\n\t\t/* will always have a harness with position:relative/absolute, so absolutely expand */\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t\tinset-block-end: 0;\n\t}\n\n\t.fc-non-business {\n\t\tbackground: transparent;\n\t}\n\n\t.fc-bg-event {\n\t\tbackground: rgb(4, 179, 114, 0.3);\n\t\topacity: 0.3;\n\n\t\t.fc-event-title {\n\t\t\tmargin: .5em;\n\t\t\tfont-size: .85em;\n\t\t\tfont-style: italic;\n\t\t}\n\t}\n\n\t.fc-highlight {\n\t\tbackground: rgba(188, 232, 241, 0.3);\n\t}\n\n\t.fc-cell-shaded,\n\t.fc-day-disabled {\n\t\tbackground: rgba(208, 208, 208, 0.3);\n\t}\n}\n\n/* link resets */\n\n/* ---------------------------------------------------------------------------------------------------- */\n\na.fc-event {\n\ttext-decoration: none;\n\n\t&:hover {\n\t\ttext-decoration: none;\n\t}\n}\n\n/* cursor */\n\n.fc-event {\n\n\t&[href],\n\t&.fc-event-draggable {\n\t\tcursor: pointer;\n\t}\n\n\t.fc-event-main {\n\t\tposition: relative;\n\t\tz-index: 2;\n\t}\n}\n\n/* event text content */\n\n/* ---------------------------------------------------------------------------------------------------- */\n\n/* dragging */\n\n/* ---------------------------------------------------------------------------------------------------- */\n\n.fc-event-dragging {\n\t&:not(.fc-event-selected) {\n\t\t/* MOUSE */\n\t\topacity: 0.75;\n\t}\n\n\t&.fc-event-selected {\n\t\t/* TOUCH */\n\t\tbox-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);\n\t}\n}\n\n/* resizing */\n\n/* ---------------------------------------------------------------------------------------------------- */\n\n/* (subclasses should hone positioning for touch and non-touch) */\n\n.fc-event {\n\t.fc-event-resizer {\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tz-index: 4;\n\t}\n\n\t&:hover .fc-event-resizer {\n\t\tdisplay: block;\n\t}\n}\n\n.fc-event-selected {\n\t.fc-event-resizer {\n\t\tdisplay: block;\n\t\tborder-radius: 4px;\n\t\tborder-width: 1px;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\tborder-style: solid;\n\t\tborder-color: inherit;\n\t\tbackground: rgb($white);\n\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: -20px;\n\t\t\tinset-inline-start: -20px;\n\t\t\tinset-inline-end: -20px;\n\t\t\tinset-block-end: -20px;\n\t\t}\n\t}\n\n\tbox-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);\n\n\t&:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\tz-index: 3;\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t\tinset-block-end: 0;\n\t}\n\n\t&:after {\n\t\tcontent: \"\";\n\t\tbackground: rgba(0, 0, 0, 0.25);\n\t\tposition: absolute;\n\t\tz-index: 1;\n\n\t\t/* assume there's a border on all sides. overcome it. */\n\t\t/* sometimes there's NOT a border, in which case the dimmer will go over */\n\t\t/* an adjacent border, which looks fine. */\n\t\tinset-block-start: -1px;\n\t\tinset-inline-start: -1px;\n\t\tinset-inline-end: -1px;\n\t\tinset-block-end: -1px;\n\t}\n}\n\n/* selecting (always TOUCH) */\n\n/* ---------------------------------------------------------------------------------------------------- */\n\n/*\n A HORIZONTAL event\n */\n\n.fc-h-event {\n\t.fc-event-main {\n\t\tcolor: #{$fixed-black};\n\t}\n\n\t.fc-event-main-frame {\n\t\tdisplay: flex;\n\n\t\t/* for make fc-event-title-container expand */\n\t}\n\n\t.fc-event-time {\n\t\tmax-width: 100%;\n\n\t\t/* clip overflow on this element */\n\t\toverflow: hidden;\n\t}\n\n\t.fc-event-title-container {\n\t\t/* serves as a container for the sticky cushion */\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tmin-width: 0;\n\n\t\t/* important for allowing to shrink all the way */\n\t}\n\n\t.fc-event-title {\n\t\tdisplay: inline-block;\n\n\t\t/* need this to be sticky cross-browser */\n\t\tvertical-align: top;\n\n\t\t/* for not messing up line-height */\n\t\tinset-inline-start: 0;\n\n\t\t/* for sticky */\n\t\tinset-inline-end: 0;\n\n\t\t/* for sticky */\n\t\tmax-width: 100%;\n\n\t\t/* clip overflow on this element */\n\t\toverflow: hidden;\n\t}\n\n\t&.fc-event-selected:before {\n\t\t/* expand hit area */\n\t\tinset-block-start: -10px;\n\t\tinset-block-end: -10px;\n\t}\n}\n\n/* adjust border and border-radius (if there is any) for non-start/end */\n\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),\n.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {\n\tborder-start-start-radius: 0;\n\tborder-end-start-radius: 0;\n\tborder-inline-start-width: 0;\n}\n\n.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),\n.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {\n\tborder-start-end-radius: 0;\n\tborder-end-end-radius: 0;\n\tborder-inline-end-width: 0;\n}\n\n/* resizers */\n\n.fc-h-event:not(.fc-event-selected) .fc-event-resizer {\n\tinset-block-start: 0;\n\tinset-block-end: 0;\n\twidth: 8px;\n}\n\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,\n.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {\n\tcursor: w-resize;\n\tinset-inline-start: -4px;\n}\n\n.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,\n.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {\n\tcursor: e-resize;\n\tinset-inline-end: -4px;\n}\n\n/* resizers for TOUCH */\n\n.fc-h-event.fc-event-selected .fc-event-resizer {\n\tinset-block-start: 50%;\n\tmargin-block-start: -4px;\n}\n\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,\n.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {\n\tinset-inline-start: -4px;\n}\n\n.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,\n.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {\n\tinset-inline-end: -4px;\n}\n\n\n.fc {\n\t.fc-popover {\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\n\t\t/* for when not positioned yet */\n\t\tbox-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);\n\t}\n\n\t.fc-popover-header {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tjustify-content: space-between;\n\t\talign-items: center;\n\t\tpadding: 3px 4px;\n\t}\n\n\t.fc-popover-title {\n\t\tmargin: 0 2px;\n\t}\n\n\t.fc-popover-close {\n\t\tcursor: pointer;\n\t\topacity: 0.65;\n\t\tfont-size: 1.1em;\n\t}\n}\n\n.fc-theme-standard {\n\t.fc-popover {\n\t\tborder: 1px solid #{$border};\n\t\tbackground: rgb($white);\n\t}\n\n\t.fc-popover-header {\n\t\tbackground: rgba(208, 208, 208, 0.3);\n\t}\n}\n\n/* help things clear margins of inner content */\n\n.fc-daygrid-day-frame:before,\n.fc-daygrid-day-events:before,\n.fc-daygrid-event-harness:before,\n.fc-daygrid-day-frame:after,\n.fc-daygrid-day-events:after,\n.fc-daygrid-event-harness:after {\n\tcontent: \"\";\n\tclear: both;\n\tdisplay: table;\n}\n\n.fc {\n\t.fc-daygrid-body {\n\t\t/* a that wraps the table */\n\t\tposition: relative;\n\t\tz-index: 0;\n\n\t\t/* container inner z-index's because
s can't do it */\n\t}\n\n\t.fc-daygrid-day.fc-day-today {\n\t\tbackground-color: #{$black-03};\n\t}\n\n\t.fc-daygrid-day-frame {\n\t\tposition: relative;\n\t\tmin-height: 100%;\n\n\t\t/* seems to work better than `height` because sets height after rows/cells naturally do it */\n\t}\n\n\t.fc-daygrid-day-top {\n\t\tdisplay: flex;\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.fc-day-other .fc-daygrid-day-top {\n\t\topacity: 0.3;\n\t}\n\n\t.fc-daygrid-day-number {\n\t\tposition: relative;\n\t\tz-index: 4;\n\t\tpadding: 4px;\n\t\tcolor: #{$default-color};\n\t}\n\n\t.fc-daygrid-day-events {\n\t\tmargin-block-start: 1px;\n\n\t\t/* needs to be margin, not padding, so that available cell height can be computed */\n\t}\n\n\t.fc-daygrid-body-balanced .fc-daygrid-day-events {\n\t\tposition: absolute;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t}\n\n\t.fc-daygrid-body-unbalanced .fc-daygrid-day-events {\n\t\tposition: relative;\n\n\t\t/* for containing abs positioned event harnesses */\n\t\tmin-height: 2em;\n\n\t\t/* in addition to being a min-height during natural height, equalizes the heights a little bit */\n\t}\n\n\t.fc-daygrid-body-natural .fc-daygrid-day-events {\n\t\tmargin-block-end: 1em;\n\t}\n\n\t.fc-daygrid-event-harness {\n\t\tposition: relative;\n\t}\n\n\t.fc-daygrid-event-harness-abs {\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\n\t\t/* fallback coords for when cannot yet be computed */\n\t\tinset-inline-start: 0;\n\n\t\t/* */\n\t\tinset-inline-end: 0;\n\n\t\t/* */\n\t}\n\n\t.fc-daygrid-bg-harness {\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\tinset-block-end: 0;\n\t}\n\n\t.fc-daygrid-day-bg {\n\t\t.fc-non-business {\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.fc-bg-event {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.fc-highlight {\n\t\t\tz-index: 3;\n\t\t}\n\t}\n\n\t.fc-daygrid-event {\n\t\tz-index: 6;\n\t\tmargin-block-start: 1px;\n\n\t\t&.fc-event-mirror {\n\t\t\tz-index: 7;\n\t\t}\n\t}\n\n\t.fc-daygrid-day-bottom {\n\t\tfont-size: .85em;\n\t\tmargin: 2px 3px 0;\n\t}\n\n\t.fc-daygrid-more-link {\n\t\tposition: relative;\n\t\tz-index: 4;\n\t\tcursor: pointer;\n\t}\n\n\t.fc-daygrid-week-number {\n\t\tposition: absolute;\n\t\tz-index: 5;\n\t\tinset-block-start: 0;\n\t\tpadding: 2px;\n\t\tmin-width: 1.5em;\n\t\ttext-align: center;\n\t\tbackground-color: rgba(208, 208, 208, 0.3);\n\t\tcolor: #808080;\n\t}\n\n\t.fc-more-popover {\n\t\tz-index: 8;\n\n\t\t.fc-popover-body {\n\t\t\tmin-width: 220px;\n\t\t\tpadding: 10px;\n\t\t}\n\t}\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-start,\n.fc-direction-rtl .fc-daygrid-event.fc-event-end {\n\tmargin-inline-start: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-end,\n.fc-direction-rtl .fc-daygrid-event.fc-event-start {\n\tmargin-inline-end: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-week-number {\n\tinset-inline-start: 0;\n\tborder-start-start-radius: 0;\n\tborder-start-end-radius: 0;\n\tborder-end-end-radius: 3px;\n\tborder-end-start-radius: 0;\n}\n\n.fc-direction-rtl .fc-daygrid-week-number {\n\tinset-inline-end: 0;\n\tborder-start-start-radius: 0;\n\tborder-start-end-radius: 0;\n\tborder-end-end-radius: 0;\n\tborder-end-start-radius: 3px;\n}\n\n.fc-liquid-hack .fc-daygrid-day-frame {\n\tposition: static;\n\n\t/* will cause inner absolute stuff to expand to | */\n}\n\n.fc-daygrid-event {\n\t/* make root-level, because will be dragged-and-dropped outside of a component root */\n\tposition: relative;\n\n\t/* for z-indexes assigned later */\n\twhite-space: nowrap;\n\tborder-radius: 3px;\n\n\t/* dot event needs this to when selected */\n\tfont-size: .85em;\n}\n\n/* --- the rectangle (\"block\") style of event --- */\n\n.fc-daygrid-block-event {\n\t.fc-event-time {\n\t\tfont-weight: bold;\n\t\tpadding: 5px 10px;\n\t}\n\n\t.fc-event-title {\n\t\tpadding: 5px 10px;\n\t}\n}\n\n/* --- the dot style of event --- */\n\n.fc-daygrid-dot-event {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 2px 0;\n\n\t.fc-event-title {\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tmin-width: 0;\n\n\t\t/* important for allowing to shrink all the way */\n\t\toverflow: hidden;\n\t\tpadding: 2px;\n\t}\n\n\t&:hover,\n\t&.fc-event-mirror {\n\t\tbackground: rgba(0, 0, 0, 0.1);\n\t}\n\n\t&.fc-event-selected:before {\n\t\t/* expand hit area */\n\t\tinset-block-start: -10px;\n\t\tinset-block-end: -10px;\n\t}\n}\n\n/* --- spacing between time and title --- */\n\n.fc-direction-ltr .fc-daygrid-event .fc-event-time {\n\tmargin-inline-end: 3px;\n\tmargin-inline-start: 6px;\n}\n\n.fc-direction-rtl .fc-daygrid-event .fc-event-time {\n\tmargin-inline-start: 3px;\n\tmargin-inline-end: 6px;\n}\n\n/*\n A VERTICAL event\n */\n\n.fc-v-event {\n\t.fc-event-main {\n\t\tcolor: $fixed-black;\n\t\theight: 100%;\n\t}\n\n\t.fc-event-main-frame {\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.fc-event-time {\n\t\tflex-grow: 0;\n\t\tflex-shrink: 0;\n\t\tmax-height: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.fc-event-title-container {\n\t\t/* a container for the sticky cushion */\n\t\tflex-grow: 1;\n\t\tflex-shrink: 1;\n\t\tmin-height: 0;\n\n\t\t/* important for allowing to shrink all the way */\n\t}\n\n\t.fc-event-title {\n\t\t/* will have fc-sticky on it */\n\t\tinset-block-start: 0;\n\t\tinset-block-end: 0;\n\t\tmax-height: 100%;\n\n\t\t/* clip overflow */\n\t\toverflow: hidden;\n\t}\n\n\t&:not(.fc-event-start) {\n\t\tborder-block-start-width: 0;\n\t\tborder-start-start-radius: 0;\n\t\tborder-start-end-radius: 0;\n\t}\n\n\t&:not(.fc-event-end) {\n\t\tborder-block-end-width: 0;\n\t\tborder-end-start-radius: 0;\n\t\tborder-end-end-radius: 0;\n\t}\n\n\t&.fc-event-selected:before {\n\t\t/* expand hit area */\n\t\tinset-inline-start: -10px;\n\t\tinset-inline-end: -10px;\n\t}\n\n\t.fc-event-resizer-start {\n\t\tcursor: n-resize;\n\t}\n\n\t.fc-event-resizer-end {\n\t\tcursor: s-resize;\n\t}\n\n\t&:not(.fc-event-selected) {\n\t\t.fc-event-resizer {\n\t\t\theight: 8px;\n\t\t\tinset-inline-start: 0;\n\t\t\tinset-inline-end: 0;\n\t\t}\n\n\t\t.fc-event-resizer-start {\n\t\t\tinset-block-start: -4px;\n\t\t}\n\n\t\t.fc-event-resizer-end {\n\t\t\tinset-block-end: -4px;\n\t\t}\n\t}\n\n\t&.fc-event-selected {\n\t\t.fc-event-resizer {\n\t\t\tinset-inline-start: 50%;\n\t\t\tmargin-inline-start: -4px;\n\t\t}\n\n\t\t.fc-event-resizer-start {\n\t\t\tinset-block-start: -4px;\n\t\t}\n\n\t\t.fc-event-resizer-end {\n\t\t\tinset-block-end: -4px;\n\t\t}\n\t}\n}\n\n.fc {\n\t.fc-timegrid .fc-daygrid-body {\n\t\t/* the all-day daygrid within the timegrid view */\n\t\tz-index: 2;\n\n\t\t/* put above the timegrid-body so that more-popover is above everything. TODO: better solution */\n\t}\n\n\t.fc-timegrid-divider {\n\t\tpadding: 0 0 2px;\n\n\t\t/* browsers get confused when you set height. use padding instead */\n\t}\n\n\t.fc-timegrid-body {\n\t\tposition: relative;\n\t\tz-index: 1;\n\n\t\t/* scope the z-indexes of slots and cols */\n\t\tmin-height: 100%;\n\n\t\t/* fill height always, even when slat table doesn't grow */\n\t}\n\n\t.fc-timegrid-axis-chunk {\n\t\t/* for advanced ScrollGrid */\n\t\tposition: relative;\n\n\t\t>table {\n\t\t\tposition: relative;\n\t\t\tz-index: 1;\n\n\t\t\t/* above the now-indicator-container */\n\t\t}\n\t}\n\n\t.fc-timegrid-slots {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n\n\t.fc-timegrid-slot {\n\t\t/* a | */\n\t\theight: 1.5em;\n\t\tborder-block-end: 0;\n\n\t\t&:empty:before {\n\t\t\tcontent: '\\00a0';\n\n\t\t\t/* make sure there's at least an empty space to create height for height syncing */\n\t\t}\n\t}\n\n\t.fc-timegrid-slot-minor {\n\t\tborder-block-start-style: dotted;\n\t}\n\n\t.fc-timegrid-slot-label-cushion {\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t}\n\n\t.fc-timegrid-slot-label {\n\t\tvertical-align: middle;\n\n\t\t/* vertical align the slots */\n\t}\n\n\t.fc-timegrid-axis-cushion,\n\t.fc-timegrid-slot-label-cushion {\n\t\tpadding: 0 4px;\n\t}\n\n\t.fc-timegrid-axis-frame-liquid {\n\t\theight: 100%;\n\n\t\t/* will need liquid-hack in FF */\n\t}\n\n\t.fc-timegrid-axis-frame {\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t/* vertical align */\n\t\tjustify-content: flex-end;\n\n\t\t/* horizontal align. matches text-align below */\n\t}\n\n\t.fc-timegrid-axis-cushion {\n\t\tmax-width: 60px;\n\n\t\t/* limits the width of the \"all-day\" text */\n\t\tflex-shrink: 0;\n\n\t\t/* allows text to expand how it normally would, regardless of constrained width */\n\t}\n}\n\n.fc-direction-ltr .fc-timegrid-slot-label-frame {\n\ttext-align: end;\n}\n\n.fc-direction-rtl .fc-timegrid-slot-label-frame {\n\ttext-align: start;\n}\n\n.fc-liquid-hack .fc-timegrid-axis-frame-liquid {\n\theight: auto;\n\tposition: absolute;\n\tinset-block-start: 0;\n\tinset-inline-end: 0;\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n}\n\n.fc {\n\t.fc-timegrid-col.fc-day-today {\n\t\tbackground-color: rgba(255, 220, 40, 0.15);\n\t}\n\n\t.fc-timegrid-col-frame {\n\t\tmin-height: 100%;\n\n\t\t/* liquid-hack is below */\n\t\tposition: relative;\n\t}\n}\n\n.fc-liquid-hack .fc-timegrid-col-frame {\n\theight: auto;\n\tposition: absolute;\n\tinset-block-start: 0;\n\tinset-inline-end: 0;\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n}\n\n.fc-media-screen {\n\t.fc-timegrid-cols {\n\t\tposition: absolute;\n\n\t\t/* no z-index. children will decide and go above slots */\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t\tinset-block-end: 0;\n\n\t\t>table {\n\t\t\theight: 100%;\n\t\t}\n\t}\n\n\t.fc-timegrid-col-bg,\n\t.fc-timegrid-col-events,\n\t.fc-timegrid-now-indicator-container {\n\t\tposition: absolute;\n\t\tinset-block-start: 0;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t}\n\n\t.fc-timegrid-event-harness {\n\t\tposition: absolute;\n\n\t\t/* top/left/right/bottom will all be set by JS */\n\t}\n}\n\n.fc {\n\t.fc-timegrid-col-bg {\n\t\tz-index: 2;\n\n\t\t/* TODO: kill */\n\n\t\t.fc-non-business {\n\t\t\tz-index: 1;\n\t\t}\n\n\t\t.fc-bg-event {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.fc-highlight {\n\t\t\tz-index: 3;\n\t\t}\n\t}\n\n\t.fc-timegrid-bg-harness {\n\t\tposition: absolute;\n\n\t\t/* top/bottom will be set by JS */\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t}\n\n\t.fc-timegrid-col-events {\n\t\tz-index: 3;\n\n\t\t/* child event segs have z-indexes that are scoped within this div */\n\t}\n\n\t.fc-timegrid-now-indicator-container {\n\t\tinset-block-end: 0;\n\t\toverflow: hidden;\n\n\t\t/* don't let overflow of lines/arrows cause unnecessary scrolling */\n\t\t/* z-index is set on the individual elements */\n\t}\n}\n\n.fc-direction-ltr .fc-timegrid-col-events {\n\tmargin-block-start: 0;\n\tmargin-inline-end: 2.5%;\n\tmargin-block-end: 0;\n\tmargin-inline-start: 2px;\n}\n\n.fc-direction-rtl .fc-timegrid-col-events {\n\tmargin-block-start: 0;\n\tmargin-inline-end: 2px;\n\tmargin-block-end: 0;\n\tmargin-inline-start: 2.5%;\n}\n\n.fc-timegrid-event-harness-inset .fc-timegrid-event {\n\tbox-shadow: 0px 0px 0px 1px rgb($white);\n}\n\n.fc-timegrid-event {\n\t&.fc-event-mirror {\n\t\tbox-shadow: 0px 0px 0px 1px rgb($white);\n\t}\n\n\t/* events need to be root */\n\tfont-size: .85em;\n\tborder-radius: 3px;\n\n\t.fc-event-main {\n\t\tpadding: 1px 1px 0;\n\t}\n\n\t.fc-event-time {\n\t\twhite-space: nowrap;\n\t\tfont-size: .85em;\n\t\tmargin-block-end: 1px;\n\t}\n}\n\n.fc-timegrid-event-condensed {\n\t.fc-event-main-frame {\n\t\tflex-direction: row;\n\t\toverflow: hidden;\n\t}\n\n\t.fc-event-time:after {\n\t\tcontent: '\\00a0-\\00a0';\n\n\t\t/* dash surrounded by non-breaking spaces */\n\t}\n\n\t.fc-event-title {\n\t\tfont-size: .85em;\n\t}\n}\n\n.fc-media-screen .fc-timegrid-event {\n\tposition: absolute;\n\n\t/* absolute WITHIN the harness */\n\tinset-block-start: 0;\n\tinset-block-end: 1px;\n\n\t/* stay away from bottom slot line */\n\tinset-inline-start: 0;\n\tinset-inline-end: 0;\n}\n\n.fc {\n\t.fc-timegrid-now-indicator-line {\n\t\tposition: absolute;\n\t\tz-index: 4;\n\t\tinset-inline-start: 0;\n\t\tinset-inline-end: 0;\n\t\tborder-style: solid;\n\t\tborder-color: red;\n\t\tborder-width: 1px 0 0;\n\t}\n\n\t.fc-timegrid-now-indicator-arrow {\n\t\tposition: absolute;\n\t\tz-index: 4;\n\t\tmargin-block-start: -5px;\n\n\t\t/* vertically center on top coordinate */\n\t\tborder-style: solid;\n\t\tborder-color: red;\n\t}\n}\n\n.fc-direction-ltr .fc-timegrid-now-indicator-arrow {\n\tinset-inline-start: 0;\n\n\t/* triangle pointing right. TODO: mixin */\n\tborder-width: 5px 0 5px 6px;\n\tborder-block-start-color: transparent;\n\tborder-block-end-color: transparent;\n}\n\n.fc-direction-rtl .fc-timegrid-now-indicator-arrow {\n\tinset-inline-end: 0;\n\n\t/* triangle pointing left. TODO: mixin */\n\tborder-width: 5px 6px 5px 0;\n\tborder-block-start-color: transparent;\n\tborder-block-end-color: transparent;\n}\n\n.fc-theme-standard .fc-list {\n\tborder: 1px solid #{$border};\n}\n\n.fc {\n\t.fc-list-empty {\n\t\tbackground-color: #{$bg-hover};\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\n\t\t/* vertically aligns fc-list-empty-inner */\n\t}\n\n\t.fc-list-empty-cushion {\n\t\tmargin: 5em 0;\n\t}\n\n\t.fc-list-table {\n\t\twidth: 100%;\n\t\tborder-style: hidden;\n\n\t\t/* kill outer border on theme */\n\n\t\ttr>* {\n\t\t\tborder-inline-start: 0;\n\t\t\tborder-inline-end: 0;\n\t\t}\n\t}\n\n\t.fc-list-sticky .fc-list-day>* {\n\t\t/* the cells */\n\t\tposition: -webkit-sticky;\n\t\tposition: sticky;\n\t\tinset-block-start: 0;\n\t\tbackground: rgb($white);\n\n\t\t/* for when headers are styled to be transparent and sticky */\n\t}\n\n\t.fc-list-table {\n\t\tth {\n\t\t\tpadding: 0;\n\n\t\t\t/* uses an inner-wrapper instead... */\n\t\t}\n\n\t\ttd {\n\t\t\tpadding: 8px 14px;\n\t\t}\n\t}\n\n\t.fc-list-day-cushion {\n\t\tpadding: 8px 14px;\n\n\t\t&:after {\n\t\t\tcontent: \"\";\n\t\t\tclear: both;\n\t\t\tdisplay: table;\n\n\t\t\t/* clear floating */\n\t\t}\n\t}\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n\tbackground-color: #{$bg-hover};\n}\n\n.fc-direction-ltr .fc-list-day-text,\n.fc-direction-rtl .fc-list-day-side-text {\n\tfloat: $float-start;\n}\n\n.fc-direction-ltr .fc-list-day-side-text {\n\tfloat: $float-end;\n}\n\n.fc-direction-rtl {\n\t.fc-list-day-text {\n\t\tfloat: $float-end;\n\t}\n\n\t.fc-list-table .fc-list-event-graphic {\n\t\tpadding-inline-start: 0;\n\t}\n}\n\n/* make the dot closer to the event title */\n\n.fc .fc-list-event.fc-event-forced-url {\n\tcursor: pointer;\n\n\t/* whole row will seem clickable */\n}\n\n.fc-list-event.fc-event {\n\tbackground: transparent;\n\tcolor: #{$default-color};\n}\n\n.fc {\n\n\t.fc-list-event-graphic,\n\t.fc-list-event-time {\n\t\twhite-space: nowrap;\n\t\twidth: 1px;\n\t}\n\n\t.fc-list-event-title a {\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t}\n\n\t.fc-list-event.fc-event-forced-url:hover a {\n\t\ttext-decoration: underline;\n\t}\n}\n\n.fc-theme-bootstrap a:not([href]) {\n\tcolor: inherit;\n}\n\n#external-events {\n\t.fc-event {\n\t\tmargin: 5px 0;\n\t\tcursor: move;\n\t\tpadding: 8px;\n\t\tborder: 0;\n\t}\n\n\tp {\n\t\tmargin: 1.5em 0;\n\t\tfont-size: 11px;\n\t\tcolor: #666;\n\n\t\tinput {\n\t\t\tmargin: 0;\n\t\t\tvertical-align: middle;\n\t\t}\n\t}\n}\n\n@media (max-width: 767px) {\n\t.fc {\n\t\t.fc-toolbar {\n\t\t\tdisplay: inline-block;\n\t\t}\n\n\t\t.fc-toolbar-title {\n\t\t\tposition: absolute;\n\t\t\tinset-inline-end: 10px;\n\t\t\tfont-size: 20px;\n\t\t\tinset-block-start: 10px;\n\t\t\tdisplay: contents;\n\t\t}\n\t}\n\n\t.fc-toolbar-chunk {\n\t\tmargin-block-end: 10px;\n\t}\n\n\t.fc .fc-col-header-cell-cushion {\n\t\tdisplay: inline-block;\n\t\tpadding: 2px 0px;\n\t}\n}\n\n@media (max-width: 320px) {\n\t.fc .fc-toolbar-title {\n\t\tfont-size: 16px;\n\t\tdisplay: contents;\n\t}\n}\n\n.fc-theme-standard th {\n\tpadding: 15px;\n}\n\n.fc-event {\n\tborder: 0px solid #{$primary} !important;\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n\n\t.fc-list-day-text,\n\t.fc-list-day-side-text {\n\t\tcolor: #{$default-color} !important;\n\t\tfont-weight: 500;\n\t}\n}\n\n.fc-event-dragging {\n\tpadding: 8px;\n}\n\n.fc-list-table td {\n\tborder: 0;\n}\n\n#calendar2 .fc-scrollgrid.fc-scrollgrid-liquid thead {\n\ttr {\n\t\ttd {\n\t\t\tborder-block-end: 0 !important;\n\t\t}\n\n\t\tth {\n\t\t\tborder-block-end: 0;\n\t\t}\n\n\t\tborder-block-end: 0;\n\t}\n\n\tborder-block-end: 0;\n}\n\n.fc-col-header thead th {\n\tpadding: 15px;\n}\n\n.fc-theme-standard th {\n\tpadding: 0;\n}\n\n.fc .fc-daygrid-body-natural .fc-daygrid-day-events {\n\tmargin-block-end: 0;\n}\n\n.fc-event-title {\n\tcolor: $fixed-black;\n}", "@font-face {\r\n\tfont-family: 'lg';\r\n\tsrc: url(\"fonts/lg.eot?n1z373\");\r\n\tsrc: url(\"fonts/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"fonts/lg.woff?n1z373\") format(\"woff\"), url(\"fonts/lg.ttf?n1z373\") format(\"truetype\"), url(\"fonts/lg.svg?n1z373#lg\") format(\"svg\");\r\n\tfont-weight: normal;\r\n\tfont-style: normal;\r\n }\r\n \r\n .lg-icon {\r\n\tfont-family: 'lg';\r\n\tspeak-as: normal;\r\n\tfont-style: normal;\r\n\tfont-weight: normal;\r\n\tfont-variant: normal;\r\n\ttext-transform: none;\r\n\tline-height: 1;\r\n \r\n\t/* Better Font Rendering =========== */\r\n\t-webkit-font-smoothing: antialiased;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n }\r\n \r\n .lg-actions {\r\n\t.lg-next, .lg-prev {\r\n\t border-radius: 5px;\r\n\t color: rgb($white);\r\n\t cursor: pointer;\r\n\t display: block;\r\n\t font-size: 22px;\r\n\t margin-block-start: -10px;\r\n\t padding: 8px 10px 9px;\r\n\t position: absolute;\r\n\t inset-block-start: 50%;\r\n\t z-index: 1080;\r\n\t}\r\n \r\n\t.lg-next.disabled, .lg-prev.disabled {\r\n\t pointer-events: none;\r\n\t opacity: 0.5;\r\n\t}\r\n \r\n\t.lg-next:hover, .lg-prev:hover {\r\n\t color: #FFF;\r\n\t}\r\n \r\n\t.lg-next {\r\n\t inset-inline-end: 20px;\r\n \r\n\t &:before {\r\n\t\tcontent: \"\\e095\";\r\n\t }\r\n\t}\r\n \r\n\t.lg-prev {\r\n\t inset-inline-start: 20px;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e094\";\r\n\t }\r\n\t}\r\n }\r\n \r\n @-webkit-keyframes lg-right-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @-moz-keyframes lg-right-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @-ms-keyframes lg-right-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @keyframes lg-right-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @-webkit-keyframes lg-left-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @-moz-keyframes lg-left-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @-ms-keyframes lg-left-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n @keyframes lg-left-end {\r\n\t0% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t inset-inline-start: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t inset-inline-start: 0;\r\n\t}\r\n }\r\n \r\n .lg-outer {\r\n\t&.lg-right-end .lg-object {\r\n\t -webkit-animation: lg-right-end 0.3s;\r\n\t -o-animation: lg-right-end 0.3s;\r\n\t animation: lg-right-end 0.3s;\r\n\t position: relative;\r\n\t}\r\n \r\n\t&.lg-left-end .lg-object {\r\n\t -webkit-animation: lg-left-end 0.3s;\r\n\t -o-animation: lg-left-end 0.3s;\r\n\t animation: lg-left-end 0.3s;\r\n\t position: relative;\r\n\t}\r\n }\r\n \r\n .lg-toolbar {\r\n\tz-index: 1082;\r\n\tinset-inline-start:0;\r\n\tposition: absolute;\r\n\tinset-block-start: 0;\r\n\twidth: 100%;\r\n \r\n\t.lg-icon {\r\n\t color: #e4e4e4;\r\n\t cursor: pointer;\r\n\t float: $float-end;\r\n\t font-size: 24px;\r\n\t height: 47px;\r\n\t line-height: 27px;\r\n\t padding: 10px 0;\r\n\t text-align: center;\r\n\t width: 50px;\r\n\t text-decoration: none !important;\r\n\t outline: medium none;\r\n\t -webkit-transition: color 0.2s linear;\r\n\t -o-transition: color 0.2s linear;\r\n\t transition: color 0.2s linear;\r\n \r\n\t &:hover {\r\n\t\tcolor: #FFF;\r\n\t }\r\n\t}\r\n \r\n\t.lg-close:after {\r\n\t content: \"\\e070\";\r\n\t}\r\n \r\n\t.lg-download:after {\r\n\t content: \"\\e0f2\";\r\n\t}\r\n }\r\n \r\n .lg-sub-html {\r\n\tbackground-color: rgba(0, 0, 0, 0.45);\r\n\tinset-block-end: 0;\r\n\tcolor: #EEE;\r\n\tfont-size: 16px;\r\n\tinset-inline-start:0;\r\n\tpadding: 10px 40px;\r\n\tposition: fixed;\r\n\tinset-inline-end: 0;\r\n\ttext-align: center;\r\n\tz-index: 1080;\r\n \r\n\th4 {\r\n\t margin: 0;\r\n\t font-size: 16px;\r\n\t font-weight: 500;\r\n\t}\r\n \r\n\tp {\r\n\t font-size: 12px;\r\n\t margin: 5px 0 0;\r\n\t}\r\n }\r\n \r\n #lg-counter {\r\n\tcolor: #e4e4e4;\r\n\tdisplay: inline-block;\r\n\tfont-size: 16px;\r\n\tpadding-inline-start: 20px;\r\n\tpadding-block-start: 12px;\r\n\tvertical-align: middle;\r\n }\r\n \r\n .lg-toolbar, .lg-prev, .lg-next {\r\n\topacity: 1;\r\n\t-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\r\n\t-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\r\n\t-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\r\n\ttransition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\r\n }\r\n \r\n .lg-hide-items {\r\n\t.lg-prev {\r\n\t opacity: 0;\r\n\t -webkit-transform: translate3d(-10px, 0, 0);\r\n\t transform: translate3d(-10px, 0, 0);\r\n\t}\r\n \r\n\t.lg-next {\r\n\t opacity: 0;\r\n\t -webkit-transform: translate3d(10px, 0, 0);\r\n\t transform: translate3d(10px, 0, 0);\r\n\t}\r\n \r\n\t.lg-toolbar {\r\n\t opacity: 0;\r\n\t -webkit-transform: translate3d(0, -10px, 0);\r\n\t transform: translate3d(0, -10px, 0);\r\n\t}\r\n }\r\n \r\n body:not(.lg-from-hash) .lg-outer.lg-start-zoom {\r\n\t.lg-object {\r\n\t -webkit-transform: scale3d(0.5, 0.5, 0.5);\r\n\t transform: scale3d(0.5, 0.5, 0.5);\r\n\t opacity: 0;\r\n\t -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n\t -moz-transition: -moz-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n\t -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n\t transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n\t -webkit-transform-origin: 50% 50%;\r\n\t -moz-transform-origin: 50% 50%;\r\n\t -ms-transform-origin: 50% 50%;\r\n\t transform-origin: 50% 50%;\r\n\t}\r\n \r\n\t.lg-item.lg-complete .lg-object {\r\n\t -webkit-transform: scale3d(1, 1, 1);\r\n\t transform: scale3d(1, 1, 1);\r\n\t opacity: 1;\r\n\t}\r\n }\r\n \r\n .lg-outer {\r\n\t.lg-thumb-outer {\r\n\t background-color: #0D0A0A;\r\n\t inset-block-end: 0;\r\n\t position: absolute;\r\n\t width: 100%;\r\n\t z-index: 1080;\r\n\t max-height: 350px;\r\n\t -webkit-transform: translate3d(0, 100%, 0);\r\n\t transform: translate3d(0, 100%, 0);\r\n\t -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n \r\n\t &.lg-grab .lg-thumb-item {\r\n\t\tcursor: -webkit-grab;\r\n\t\tcursor: -moz-grab;\r\n\t\tcursor: -o-grab;\r\n\t\tcursor: -ms-grab;\r\n\t\tcursor: grab;\r\n\t }\r\n \r\n\t &.lg-grabbing .lg-thumb-item {\r\n\t\tcursor: move;\r\n\t\tcursor: -webkit-grabbing;\r\n\t\tcursor: -moz-grabbing;\r\n\t\tcursor: -o-grabbing;\r\n\t\tcursor: -ms-grabbing;\r\n\t\tcursor: grabbing;\r\n\t }\r\n \r\n\t &.lg-dragging .lg-thumb {\r\n\t\t-webkit-transition-duration: 0s !important;\r\n\t\ttransition-duration: 0s !important;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-thumb-open .lg-thumb-outer {\r\n\t -webkit-transform: translate3d(0, 0%, 0);\r\n\t transform: translate3d(0, 0%, 0);\r\n\t}\r\n \r\n\t.lg-thumb {\r\n\t padding: 10px 0;\r\n\t height: 100%;\r\n\t margin-block-end: -5px;\r\n\t}\r\n \r\n\t.lg-thumb-item {\r\n\t cursor: pointer;\r\n\t float: $float-start;\r\n\t overflow: hidden;\r\n\t height: 100%;\r\n\t border: 1px solid #FFF;\r\n\t border-radius: 5px !important;\r\n\t margin-block-end: 5px;\r\n \r\n\t &.active, &:hover {\r\n\t\tborder-color: #a90707;\r\n\t }\r\n \r\n\t img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-has-thumb .lg-item {\r\n\t padding-block-end: 120px;\r\n\t}\r\n \r\n\t&.lg-can-toggle .lg-item {\r\n\t padding-block-end: 0;\r\n\t}\r\n \r\n\t&.lg-pull-caption-up {\r\n\t .lg-sub-html {\r\n\t\t-webkit-transition: bottom 0.25s ease;\r\n\t\t-o-transition: bottom 0.25s ease;\r\n\t\ttransition: bottom 0.25s ease;\r\n\t }\r\n \r\n\t &.lg-thumb-open .lg-sub-html {\r\n\t\tinset-block-end: 100px;\r\n\t }\r\n\t}\r\n \r\n\t.lg-toggle-thumb {\r\n\t background-color: #0D0A0A;\r\n border-start-start-radius: 2px;\r\n border-start-end-radius: 2px;\r\n border-end-end-radius: 0;\r\n border-end-start-radius: 0;\r\n\t color: #999;\r\n\t cursor: pointer;\r\n\t font-size: 24px;\r\n\t height: 39px;\r\n\t line-height: 27px;\r\n\t padding: 5px 0;\r\n\t position: absolute;\r\n\t inset-inline-end: 20px;\r\n\t text-align: center;\r\n\t inset-block-start: -39px;\r\n\t width: 50px;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e1ff\";\r\n\t }\r\n \r\n\t &:hover {\r\n\t\tcolor: #FFF;\r\n\t }\r\n\t}\r\n \r\n\t.lg-video-cont {\r\n\t display: inline-block;\r\n\t vertical-align: middle;\r\n\t max-width: 1140px;\r\n\t max-height: 100%;\r\n\t width: 100%;\r\n\t padding: 0 5px;\r\n\t}\r\n \r\n\t.lg-video {\r\n\t width: 100%;\r\n\t height: 0;\r\n\t padding-block-end: 56.25%;\r\n\t overflow: hidden;\r\n\t position: relative;\r\n \r\n\t .lg-object {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: absolute;\r\n\t\tinset-block-start: 0;\r\n\t\tinset-inline-start:0;\r\n\t\twidth: 100% !important;\r\n\t\theight: 100% !important;\r\n\t }\r\n \r\n\t .lg-video-play {\r\n\t\twidth: 84px;\r\n\t\theight: 59px;\r\n\t\tposition: absolute;\r\n\t\tinset-inline-start:50%;\r\n\t\tinset-block-start: 50%;\r\n\t\tmargin-inline-start: -42px;\r\n\t\tmargin-block-start: -30px;\r\n\t\tz-index: 1080;\r\n\t\tcursor: pointer;\r\n\t }\r\n\t}\r\n \r\n\t.lg-has-vimeo {\r\n\t .lg-video-play {\r\n\t\tbackground: url(\"../img/vimeo-play.png\") no-repeat scroll 0 0 transparent;\r\n\t }\r\n \r\n\t &:hover .lg-video-play {\r\n\t\tbackground: url(\"../img/vimeo-play.png\") no-repeat scroll 0 -58px transparent;\r\n\t }\r\n\t}\r\n \r\n\t.lg-has-html5 {\r\n\t .lg-video-play {\r\n\t\tbackground: transparent url(\"../img/video-play.png\") no-repeat scroll 0 0;\r\n\t\theight: 64px;\r\n\t\tmargin-inline-start: -32px;\r\n\t\tmargin-block-start: -32px;\r\n\t\twidth: 64px;\r\n\t\topacity: 0.8;\r\n\t }\r\n \r\n\t &:hover .lg-video-play {\r\n\t\topacity: 1;\r\n\t }\r\n\t}\r\n \r\n\t.lg-has-youtube {\r\n\t .lg-video-play {\r\n\t\tbackground: url(\"../img/youtube-play.png\") no-repeat scroll 0 0 transparent;\r\n\t }\r\n \r\n\t &:hover .lg-video-play {\r\n\t\tbackground: url(\"../img/youtube-play.png\") no-repeat scroll 0 -60px transparent;\r\n\t }\r\n\t}\r\n \r\n\t.lg-video-object {\r\n\t width: 100% !important;\r\n\t height: 100% !important;\r\n\t position: absolute;\r\n\t inset-block-start: 0;\r\n\t inset-inline-start: 0;\r\n\t}\r\n \r\n\t.lg-has-video {\r\n\t .lg-video-object {\r\n\t\tvisibility: hidden;\r\n\t }\r\n \r\n\t &.lg-video-playing {\r\n\t\t.lg-object, .lg-video-play {\r\n\t\t display: none;\r\n\t\t}\r\n \r\n\t\t.lg-video-object {\r\n\t\t visibility: visible;\r\n\t\t}\r\n\t }\r\n\t}\r\n }\r\n \r\n @media (min-width: 1025px) {\r\n\t.lg-outer .lg-thumb-item {\r\n\t -webkit-transition: border-color 0.25s ease;\r\n\t -o-transition: border-color 0.25s ease;\r\n\t transition: border-color 0.25s ease;\r\n\t}\r\n }\r\n \r\n .lg-progress-bar {\r\n\tbackground-color: #333;\r\n\theight: 5px;\r\n\tinset-inline-start:0;\r\n\tposition: absolute;\r\n\tinset-block-start: 0;\r\n\twidth: 100%;\r\n\tz-index: 1083;\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.08s ease 0s;\r\n\t-moz-transition: opacity 0.08s ease 0s;\r\n\t-o-transition: opacity 0.08s ease 0s;\r\n\ttransition: opacity 0.08s ease 0s;\r\n \r\n\t.lg-progress {\r\n\t background-color: #a90707;\r\n\t height: 5px;\r\n\t width: 0;\r\n\t}\r\n \r\n\t&.lg-start .lg-progress {\r\n\t width: 100%;\r\n\t}\r\n }\r\n \r\n .lg-show-autoplay .lg-progress-bar {\r\n\topacity: 1;\r\n }\r\n \r\n .lg-autoplay-button:after {\r\n\tcontent: \"\\e01d\";\r\n }\r\n \r\n .lg-show-autoplay .lg-autoplay-button:after {\r\n\tcontent: \"\\e01a\";\r\n }\r\n \r\n .lg-outer {\r\n\t&.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable {\r\n\t .lg-img-wrap, .lg-image {\r\n\t\t-webkit-transition-duration: 0s;\r\n\t\ttransition-duration: 0s;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\r\n\t -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t}\r\n \r\n\t&.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\r\n\t -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -moz-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\t}\r\n \r\n\t.lg-item.lg-complete.lg-zoomable {\r\n\t .lg-img-wrap {\r\n\t\t-webkit-transform: translate3d(0, 0, 0);\r\n\t\ttransform: translate3d(0, 0, 0);\r\n\t\t-webkit-backface-visibility: hidden;\r\n\t\t-moz-backface-visibility: hidden;\r\n\t\tbackface-visibility: hidden;\r\n\t }\r\n \r\n\t .lg-image {\r\n\t\t-webkit-transform: scale3d(1, 1, 1);\r\n\t\ttransform: scale3d(1, 1, 1);\r\n\t\t-webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n\t\t-moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n\t\t-o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n\t\ttransition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n\t\t-webkit-transform-origin: 0 0;\r\n\t\t-moz-transform-origin: 0 0;\r\n\t\t-ms-transform-origin: 0 0;\r\n\t\ttransform-origin: 0 0;\r\n\t\t-webkit-backface-visibility: hidden;\r\n\t\t-moz-backface-visibility: hidden;\r\n\t\tbackface-visibility: hidden;\r\n\t }\r\n\t}\r\n }\r\n \r\n #lg-zoom-in:after {\r\n\tcontent: \"\\e311\";\r\n }\r\n \r\n #lg-actual-size {\r\n\tfont-size: 20px;\r\n \r\n\t&:after {\r\n\t content: \"\\e033\";\r\n\t}\r\n }\r\n \r\n #lg-zoom-out {\r\n\topacity: 0.5;\r\n\tpointer-events: none;\r\n \r\n\t&:after {\r\n\t content: \"\\e312\";\r\n\t}\r\n }\r\n \r\n .lg-zoomed #lg-zoom-out {\r\n\topacity: 1;\r\n\tpointer-events: auto;\r\n }\r\n \r\n .lg-outer {\r\n\t.lg-pager-outer {\r\n\t inset-block-end: 60px;\r\n\t inset-inline-start: 0;\r\n\t position: absolute;\r\n\t inset-inline-end: 0;\r\n\t text-align: center;\r\n\t z-index: 1080;\r\n\t height: 10px;\r\n \r\n\t &.lg-pager-hover .lg-pager-cont {\r\n\t\toverflow: visible;\r\n\t }\r\n\t}\r\n \r\n\t.lg-pager-cont {\r\n\t cursor: pointer;\r\n\t display: inline-block;\r\n\t overflow: hidden;\r\n\t position: relative;\r\n\t vertical-align: top;\r\n\t margin: 0 5px;\r\n \r\n\t &:hover .lg-pager-thumb-cont {\r\n\t\topacity: 1;\r\n\t\t-webkit-transform: translate3d(0, 0, 0);\r\n\t\ttransform: translate3d(0, 0, 0);\r\n\t }\r\n \r\n\t &.lg-pager-active .lg-pager {\r\n\t\tbox-shadow: 0 0 0 2px white inset;\r\n\t }\r\n\t}\r\n \r\n\t.lg-pager-thumb-cont {\r\n\t background-color: rgb($white);\r\n\t color: #FFF;\r\n\t inset-block-end: 100%;\r\n\t height: 83px;\r\n\t inset-inline-start: 0;\r\n\t margin-block-end: 20px;\r\n\t margin-inline-start: -60px;\r\n\t opacity: 0;\r\n\t padding: 5px;\r\n\t position: absolute;\r\n\t width: 120px;\r\n\t border-radius: 3px;\r\n\t -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\r\n\t -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\r\n\t -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\r\n\t transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\r\n\t -webkit-transform: translate3d(0, 5px, 0);\r\n\t transform: translate3d(0, 5px, 0);\r\n \r\n\t img {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t }\r\n\t}\r\n \r\n\t.lg-pager {\r\n\t background-color: rgba(255, 255, 255, 0.5);\r\n\t border-radius: 50%;\r\n\t box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\r\n\t display: block;\r\n\t height: 12px;\r\n\t -webkit-transition: box-shadow 0.3s ease 0s;\r\n\t -o-transition: box-shadow 0.3s ease 0s;\r\n\t transition: box-shadow 0.3s ease 0s;\r\n\t width: 12px;\r\n \r\n\t &:hover, &:focus {\r\n\t\tbox-shadow: 0 0 0 8px white inset;\r\n\t }\r\n\t}\r\n \r\n\t.lg-caret {\r\n\t border-inline-start: 10px solid transparent;\r\n\t border-inline-end: 10px solid transparent;\r\n\t border-block-start: 10px dashed;\r\n\t inset-block-end: -10px;\r\n\t display: inline-block;\r\n\t height: 0;\r\n\t inset-inline-start: 50%;\r\n\t margin-inline-start: -5px;\r\n\t position: absolute;\r\n\t vertical-align: middle;\r\n\t width: 0;\r\n\t}\r\n }\r\n \r\n .lg-fullscreen:after {\r\n\tcontent: \"\\e20c\";\r\n }\r\n \r\n .lg-fullscreen-on .lg-fullscreen:after {\r\n\tcontent: \"\\e20d\";\r\n }\r\n \r\n .lg-outer {\r\n\t#lg-dropdown-overlay {\r\n\t background-color: rgba(0, 0, 0, 0.25);\r\n\t inset-block-end: 0;\r\n\t cursor: default;\r\n\t inset-inline-start: 0;\r\n\t position: fixed;\r\n\t inset-inline-end: 0;\r\n\t inset-block-start: 0;\r\n\t z-index: 1081;\r\n\t opacity: 0;\r\n\t visibility: hidden;\r\n\t -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n\t -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n\t transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n\t}\r\n \r\n\t&.lg-dropdown-active {\r\n\t .lg-dropdown, #lg-dropdown-overlay {\r\n\t\t-webkit-transition-delay: 0s;\r\n\t\ttransition-delay: 0s;\r\n\t\t-moz-transform: translate3d(0, 0px, 0);\r\n\t\t-o-transform: translate3d(0, 0px, 0);\r\n\t\t-ms-transform: translate3d(0, 0px, 0);\r\n\t\t-webkit-transform: translate3d(0, 0px, 0);\r\n\t\ttransform: translate3d(0, 0px, 0);\r\n\t\topacity: 1;\r\n\t\tvisibility: visible;\r\n\t }\r\n \r\n\t #lg-share {\r\n\t\tcolor: #FFF;\r\n\t }\r\n\t}\r\n \r\n\t.lg-dropdown {\r\n\t background-color: rgb($white);\r\n\t border-radius: 2px;\r\n\t font-size: 14px;\r\n\t list-style-type: none;\r\n\t margin: 0;\r\n\t padding: 10px 0;\r\n\t position: absolute;\r\n\t inset-inline-end: 0;\r\n\t text-align: start;\r\n\t inset-block-start: 50px;\r\n\t opacity: 0;\r\n\t visibility: hidden;\r\n\t -moz-transform: translate3d(0, 5px, 0);\r\n\t -o-transform: translate3d(0, 5px, 0);\r\n\t -ms-transform: translate3d(0, 5px, 0);\r\n\t -webkit-transform: translate3d(0, 5px, 0);\r\n\t transform: translate3d(0, 5px, 0);\r\n\t -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n\t -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n\t -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n\t transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: block;\r\n\t\theight: 0;\r\n\t\twidth: 0;\r\n\t\tposition: absolute;\r\n\t\tborder: 8px solid transparent;\r\n\t\tborder-block-end-color: #FFF;\r\n\t\tinset-inline-end: 16px;\r\n\t\tinset-block-start: -16px;\r\n\t }\r\n \r\n\t > li {\r\n\t\t&:last-child {\r\n\t\t margin-block-end: 0px;\r\n\t\t}\r\n \r\n\t\t&:hover {\r\n\t\t a, .lg-icon {\r\n\t\t\tcolor: #333;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n \r\n\t a {\r\n\t\tcolor: #333;\r\n\t\tdisplay: block;\r\n\t\twhite-space: pre;\r\n\t\tpadding: 4px 12px;\r\n\t\tfont-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n\t\tfont-size: 12px;\r\n \r\n\t\t&:hover {\r\n\t\t background-color: rgba(0, 0, 0, 0.07);\r\n\t\t}\r\n\t }\r\n \r\n\t .lg-dropdown-text {\r\n\t\tdisplay: inline-block;\r\n\t\tline-height: 1;\r\n\t\tmargin-block-start: -3px;\r\n\t\tvertical-align: middle;\r\n\t }\r\n \r\n\t .lg-icon {\r\n\t\tcolor: #333;\r\n\t\tdisplay: inline-block;\r\n\t\tfloat: none;\r\n\t\tfont-size: 20px;\r\n\t\theight: auto;\r\n\t\tline-height: 1;\r\n\t\tmargin-inline-end: 8px;\r\n\t\tpadding: 0;\r\n\t\tvertical-align: middle;\r\n\t\twidth: auto;\r\n\t }\r\n\t}\r\n \r\n\t#lg-share {\r\n\t position: relative;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e80d\";\r\n\t }\r\n\t}\r\n \r\n\t#lg-share-facebook .lg-icon {\r\n\t color: #3b5998;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e901\";\r\n\t }\r\n\t}\r\n \r\n\t#lg-share-twitter .lg-icon {\r\n\t color: #00aced;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e904\";\r\n\t }\r\n\t}\r\n \r\n\t#lg-share-googleplus .lg-icon {\r\n\t color: #dd4b39;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e902\";\r\n\t }\r\n\t}\r\n \r\n\t#lg-share-pinterest .lg-icon {\r\n\t color: #cb2027;\r\n \r\n\t &:after {\r\n\t\tcontent: \"\\e903\";\r\n\t }\r\n\t}\r\n }\r\n \r\n .group {\r\n\t*zoom: 1;\r\n \r\n\t&:before {\r\n\t display: table;\r\n\t content: \"\";\r\n\t line-height: 0;\r\n\t}\r\n \r\n\t&:after {\r\n\t display: table;\r\n\t content: \"\";\r\n\t line-height: 0;\r\n\t clear: both;\r\n\t}\r\n }\r\n \r\n .lg-outer {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: fixed;\r\n\tinset-block-start: 0;\r\n\tinset-inline-start:0;\r\n\tz-index: 1050;\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.15s ease 0s;\r\n\t-o-transition: opacity 0.15s ease 0s;\r\n\ttransition: opacity 0.15s ease 0s;\r\n \r\n\t* {\r\n\t -webkit-box-sizing: border-box;\r\n\t -moz-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t}\r\n \r\n\t&.lg-visible {\r\n\t opacity: 1;\r\n\t}\r\n \r\n\t&.lg-css3 {\r\n\t .lg-item {\r\n\t\t&.lg-prev-slide, &.lg-next-slide, &.lg-current {\r\n\t\t -webkit-transition-duration: inherit !important;\r\n\t\t transition-duration: inherit !important;\r\n\t\t -webkit-transition-timing-function: inherit !important;\r\n\t\t transition-timing-function: inherit !important;\r\n\t\t}\r\n\t }\r\n \r\n\t &.lg-dragging .lg-item {\r\n\t\t&.lg-prev-slide, &.lg-next-slide, &.lg-current {\r\n\t\t -webkit-transition-duration: 0s !important;\r\n\t\t transition-duration: 0s !important;\r\n\t\t opacity: 1;\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t&.lg-grab img.lg-object {\r\n\t cursor: -webkit-grab;\r\n\t cursor: -moz-grab;\r\n\t cursor: -o-grab;\r\n\t cursor: -ms-grab;\r\n\t cursor: grab;\r\n\t}\r\n \r\n\t&.lg-grabbing img.lg-object {\r\n\t cursor: move;\r\n\t cursor: -webkit-grabbing;\r\n\t cursor: -moz-grabbing;\r\n\t cursor: -o-grabbing;\r\n\t cursor: -ms-grabbing;\r\n\t cursor: grabbing;\r\n\t}\r\n \r\n\t.lg {\r\n\t height: 100%;\r\n\t width: 100%;\r\n\t position: relative;\r\n\t overflow: hidden;\r\n\t margin-inline-start: auto;\r\n\t margin-inline-end: auto;\r\n\t max-width: 100%;\r\n\t max-height: 100%;\r\n\t}\r\n \r\n\t.lg-inner {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t position: absolute;\r\n\t inset-inline-start: 0;\r\n\t inset-block-start: 0;\r\n\t white-space: nowrap;\r\n\t}\r\n \r\n\t.lg-item {\r\n\t background: url(\"loading.gif\") no-repeat scroll center center transparent;\r\n\t display: none !important;\r\n\t}\r\n \r\n\t&.lg-css3 {\r\n\t .lg-prev-slide, .lg-current, .lg-next-slide {\r\n\t\tdisplay: inline-block !important;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-css .lg-current {\r\n\t display: inline-block !important;\r\n\t}\r\n \r\n\t.lg-item, .lg-img-wrap {\r\n\t display: inline-block;\r\n\t text-align: center;\r\n\t position: absolute;\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t}\r\n \r\n\t.lg-item:before {\r\n\t content: \"\";\r\n\t display: inline-block;\r\n\t height: 50%;\r\n\t width: 1px;\r\n\t margin-inline-end: -1px;\r\n\t}\r\n \r\n\t.lg-img-wrap {\r\n\t &:before {\r\n\t\tcontent: \"\";\r\n\t\tdisplay: inline-block;\r\n\t\theight: 50%;\r\n\t\twidth: 1px;\r\n\t\tmargin-inline-end: -1px;\r\n\t }\r\n \r\n\t position: absolute;\r\n\t padding: 0 5px;\r\n\t inset-inline-start: 0;\r\n\t inset-inline-end: 0;\r\n\t inset-block-start: 0;\r\n\t inset-block-end: 0;\r\n\t}\r\n \r\n\t.lg-item {\r\n\t &.lg-complete {\r\n\t\tbackground-image: none;\r\n\t }\r\n \r\n\t &.lg-current {\r\n\t\tz-index: 1060;\r\n\t }\r\n\t}\r\n \r\n\t.lg-image {\r\n\t display: inline-block;\r\n\t vertical-align: middle;\r\n\t max-width: 100%;\r\n\t max-height: 100%;\r\n\t width: auto !important;\r\n\t height: auto !important;\r\n\t border-radius: 5px;\r\n\t}\r\n \r\n\t&.lg-show-after-load .lg-item {\r\n\t .lg-object, .lg-video-play {\r\n\t\topacity: 0;\r\n\t\t-webkit-transition: opacity 0.15s ease 0s;\r\n\t\t-o-transition: opacity 0.15s ease 0s;\r\n\t\ttransition: opacity 0.15s ease 0s;\r\n\t }\r\n \r\n\t &.lg-complete {\r\n\t\t.lg-object, .lg-video-play {\r\n\t\t opacity: 1;\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t.lg-empty-html, &.lg-hide-download #lg-download {\r\n\t display: none;\r\n\t}\r\n }\r\n \r\n .lg-backdrop {\r\n\tposition: fixed;\r\n\tinset-block-start: 0;\r\n\tinset-inline-start:0;\r\n\tinset-inline-end: 0;\r\n\tinset-block-end: 0;\r\n\tz-index: 1040;\r\n\tbackground-color: rgba(0, 0, 0, 0.79);\r\n\topacity: 0;\r\n\t-webkit-transition: opacity 0.15s ease 0s;\r\n\t-o-transition: opacity 0.15s ease 0s;\r\n\ttransition: opacity 0.15s ease 0s;\r\n \r\n\t&.in {\r\n\t opacity: 1;\r\n\t}\r\n }\r\n \r\n .lg-css3 {\r\n\t&.lg-no-trans {\r\n\t .lg-prev-slide, .lg-next-slide, .lg-current {\r\n\t\t-webkit-transition: none 0s ease 0s !important;\r\n\t\t-moz-transition: none 0s ease 0s !important;\r\n\t\t-o-transition: none 0s ease 0s !important;\r\n\t\ttransition: none 0s ease 0s !important;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-use-css3 .lg-item, &.lg-use-left .lg-item {\r\n\t -webkit-backface-visibility: hidden;\r\n\t -moz-backface-visibility: hidden;\r\n\t backface-visibility: hidden;\r\n\t}\r\n \r\n\t&.lg-fade .lg-item {\r\n\t opacity: 0;\r\n \r\n\t &.lg-current {\r\n\t\topacity: 1;\r\n\t }\r\n \r\n\t &.lg-prev-slide, &.lg-next-slide, &.lg-current {\r\n\t\t-webkit-transition: opacity 0.1s ease 0s;\r\n\t\t-moz-transition: opacity 0.1s ease 0s;\r\n\t\t-o-transition: opacity 0.1s ease 0s;\r\n\t\ttransition: opacity 0.1s ease 0s;\r\n\t }\r\n\t}\r\n \r\n\t&.lg-slide {\r\n\t &.lg-use-css3 .lg-item {\r\n\t\topacity: 0;\r\n \r\n\t\t&.lg-prev-slide {\r\n\t\t -webkit-transform: translate3d(-100%, 0, 0);\r\n\t\t transform: translate3d(-100%, 0, 0);\r\n\t\t}\r\n \r\n\t\t&.lg-next-slide {\r\n\t\t -webkit-transform: translate3d(100%, 0, 0);\r\n\t\t transform: translate3d(100%, 0, 0);\r\n\t\t}\r\n \r\n\t\t&.lg-current {\r\n\t\t -webkit-transform: translate3d(0, 0, 0);\r\n\t\t transform: translate3d(0, 0, 0);\r\n\t\t opacity: 1;\r\n\t\t}\r\n \r\n\t\t&.lg-prev-slide, &.lg-next-slide, &.lg-current {\r\n\t\t -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t}\r\n\t }\r\n \r\n\t &.lg-use-left .lg-item {\r\n\t\topacity: 0;\r\n\t\tposition: absolute;\r\n\t\tinset-inline-start:0;\r\n \r\n\t\t&.lg-prev-slide {\r\n\t\t inset-inline-start: -100%;\r\n\t\t}\r\n \r\n\t\t&.lg-next-slide {\r\n\t\t inset-inline-start: 100%;\r\n\t\t}\r\n \r\n\t\t&.lg-current {\r\n\t\t inset-inline-start: 0;\r\n\t\t opacity: 1;\r\n\t\t}\r\n \r\n\t\t&.lg-prev-slide, &.lg-next-slide, &.lg-current {\r\n\t\t -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n\t\t}\r\n\t }\r\n\t}\r\n }", "/*\n * bootstrap-tagsinput v0.8.0\n * \n */\n\n .bootstrap-tagsinput {\n background-color: rgb($white);\n display: flex;\n flex-wrap: wrap;\n color: #777ab2;\n vertical-align: middle;\n border-radius: 0px;\n width: 100%;\n cursor: text;\n\n input {\n border: none;\n box-shadow: none;\n outline: none;\n background-color: transparent;\n padding: 0 6px;\n margin: 0;\n width: auto;\n max-width: inherit;\n display: block;\n overflow: hidden;\n }\n\n &.form-control input {\n &::-moz-placeholder {\n color: #777;\n opacity: 1;\n }\n\n &:-ms-input-placeholder, &::-webkit-input-placeholder {\n color: #777;\n }\n }\n\n input:focus {\n border: none;\n box-shadow: none;\n }\n\n .badge {\n position: relative;\n display: block;\n max-width: 95%;\n word-wrap: break-word;\n white-space: break-spaces;\n margin-inline-end: 2px;\n color: rgb($white);\n padding: 5px 12px !important;\n margin-block-start: 8px;\n border-radius: 3px;\n line-height: inherit;\n\n [data-role=\"remove\"] {\n margin-inline-start: 8px;\n cursor: pointer;\n\n &:after {\n content: \"×\";\n padding: 0px 6px;\n background-color: rgba(255, 255, 255, 0.2);\n border-radius: 50%;\n font-size: 15px;\n display: inline-block;\n text-align: center;\n }\n\n &:hover {\n &:after {\n background-color: rgba(0, 0, 0, 0.2);\n }\n\n &:active {\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n\n > .tag {\n position: relative;\n display: block;\n max-width: 95%;\n word-wrap: break-word;\n white-space: break-spaces;\n }\n}", "/* Ion.RangeSlider\n// css version 2.0.3\n// © 2013-2014 Denis Ineshin | IonDen.com\n// ===================================================================================================================*/\n\n/* =====================================================================================================================\n// RangeSlider */\n\n.irs {\n\tposition: relative;\n\tdisplay: block;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n }\n \n .irs-line {\n\tposition: relative;\n\tdisplay: block;\n\toverflow: hidden;\n\toutline: none !important;\n }\n \n .irs-line-left, .irs-line-mid, .irs-line-right {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-block-start: 0;\n }\n \n .irs-line-left {\n\tinset-inline-start:0;\n\twidth: 11%;\n }\n \n .irs-line-mid {\n\tinset-inline-start:9%;\n\twidth: 82%;\n }\n \n .irs-line-right {\n\tinset-inline-end: 0;\n\twidth: 11%;\n }\n \n .irs-bar {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-inline-start:0;\n\twidth: 0;\n }\n \n .irs-bar-edge {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-block-start: 0;\n\tinset-inline-start:0;\n }\n \n .irs-shadow {\n\tposition: absolute;\n\tdisplay: none;\n\tinset-inline-start:0;\n\twidth: 0;\n }\n \n .irs-slider {\n\tposition: absolute;\n\tdisplay: block;\n\tcursor: default;\n\tz-index: 0;\n \n \n\t&.type_last {\n\t z-index: 0;\n\t}\n }\n \n .irs-min {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-inline-start:0;\n\tcursor: default;\n }\n \n .irs-max {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-inline-end: 0;\n\tcursor: default;\n }\n \n .irs-from, .irs-to, .irs-single {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-block-start: 0;\n\tinset-inline-start:0;\n\tcursor: default;\n\twhite-space: nowrap;\n\t// width: 100% !important;\n }\n \n .irs-grid {\n\tposition: absolute;\n\tdisplay: none;\n\tinset-block-end: 0;\n\tinset-inline-start:0;\n\twidth: 100%;\n\theight: 20px;\n }\n \n .irs-with-grid .irs-grid {\n\tdisplay: block;\n }\n \n .irs-grid-pol {\n\tposition: absolute;\n\tinset-block-start: 0;\n\tinset-inline-start:0;\n\twidth: 1px;\n\theight: 8px;\n\tbackground: #000;\n \n\t&.small {\n\t height: 4px;\n\t}\n }\n \n .irs-grid-text {\n\tposition: absolute;\n\tinset-block-end: 0;\n\tinset-inline-start:0;\n\twhite-space: nowrap;\n\ttext-align: center;\n\tfont-size: 9px;\n\tline-height: 9px;\n\tpadding: 0 3px;\n\tcolor: #000;\n }\n \n .irs-disable-mask {\n\tposition: absolute;\n\tdisplay: block;\n\tinset-block-start: 0;\n\tinset-inline-start:-1%;\n\twidth: 102%;\n\theight: 100%;\n\tcursor: default;\n\tbackground: rgba(0, 0, 0, 0);\n\tz-index: 0;\n }\n \n .lt-ie9 .irs-disable-mask {\n\tbackground: #000;\n\tfilter: alpha(opacity = 0);\n\tcursor: not-allowed;\n }\n \n .irs-disabled {\n\topacity: 0.4;\n }\n \n .irs-hidden-input {\n\tposition: absolute !important;\n\tdisplay: block !important;\n\tinset-block-start: 0 !important;\n\tinset-inline-start:0 !important;\n\twidth: 0 !important;\n\theight: 0 !important;\n\tfont-size: 0 !important;\n\tline-height: 0 !important;\n\tpadding: 0 !important;\n\tmargin: 0 !important;\n\toverflow: hidden;\n\toutline: none !important;\n\tz-index: -9999 !important;\n\tbackground: none !important;\n\tborder-style: solid !important;\n\tborder-color: transparent !important;\n }", "/* Ion.RangeSlider, Flat UI Skin\n// css version 2.0.3\n// © Denis Ineshin, 2014 https://github.com/IonDen\n// ===================================================================================================================*/\n\n/* =====================================================================================================================\n// Skin details */\n\n.irs {\n\theight: 40px;\n }\n \n .irs-with-grid {\n\theight: 60px;\n }\n \n .irs-line {\n\theight: 12px;\n\tinset-block-start: 25px;\n }\n \n .irs-line-left {\n\theight: 12px;\n\tbackground-position: 0 -30px;\n }\n \n .irs-line-mid {\n\theight: 12px;\n\tbackground-position: 0 0;\n }\n \n .irs-line-right {\n\theight: 12px;\n\tbackground-position: 100% -30px;\n }\n \n .irs-bar {\n\theight: 12px;\n\tinset-block-start: 25px;\n\tbackground-position: 0 -60px;\n }\n \n .irs-bar-edge {\n\tinset-block-start: 25px;\n\theight: 12px;\n\twidth: 9px;\n\tbackground-position: 0 -90px;\n }\n \n .irs-shadow {\n\theight: 3px;\n\tinset-block-start: 34px;\n\tbackground: #000;\n\topacity: 0.25;\n }\n \n .lt-ie9 .irs-shadow {\n\tfilter: alpha(opacity = 25);\n }\n \n .irs-slider {\n\twidth: 16px;\n\theight: 18px;\n\tinset-block-start: 22px;\n\tbackground-position: 0 -120px;\n \n\t&.state_hover, &:hover {\n\t background-position: 0 -150px;\n\t}\n }\n \n .irs-min, .irs-max {\n\tcolor: #999;\n\tfont-size: 10px;\n\tline-height: 1.333;\n\ttext-shadow: none;\n\tinset-block-start: 0;\n\tpadding: 1px 3px;\n\tbackground: #e1e4e9;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n }\n \n .irs-from, .irs-to, .irs-single {\n\tcolor: rgb($white);\n\tfont-size: 10px;\n\tline-height: 1.333;\n\ttext-shadow: none;\n\tpadding: 1px 5px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n }\n \n .irs-from:after, .irs-to:after, .irs-single:after {\n\tposition: absolute;\n\tdisplay: block;\n\tcontent: \"\";\n\tinset-block-end: -6px;\n\tinset-inline-start:50%;\n\twidth: 0;\n\theight: 0;\n\tmargin-inline-start: -3px;\n\toverflow: hidden;\n\tborder: 3px solid transparent;\n }\n \n .irs-grid-pol {\n\tbackground: #e1e4e9;\n }\n \n .irs-grid-text {\n\tcolor: #999;\n }", ".nice-select {\n\tposition: relative;\n\ttext-align: start;\n\t-webkit-transition: all 0.2s ease-in-out;\n\ttransition: all 0.2s ease-in-out;\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\twhite-space: nowrap;\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: 0.375rem 0.75rem;\n\tfont-size: 0.9375rem;\n\tline-height: 1.8;\n\tcolor: #{$default-color};\n\theight: 41px;\n\tbackground-color: rgb($white);\n\tbackground-clip: padding-box;\n\tborder: 1px solid #{$border};\n\tborder-radius: 4px;\n\ttransition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n \n\t&:after {\n\t border-block-end: 2px solid #{$border};\n\t border-inline-end: 2px solid #{$border};\n\t content: '';\n\t display: block;\n\t height: 5px;\n\t margin-block-start: -4px;\n\t pointer-events: none;\n\t position: absolute;\n\t inset-inline-end: 12px;\n\t inset-block-start: 50%;\n\t -webkit-transform-origin: 66% 66%;\n\t -ms-transform-origin: 66% 66%;\n\t transform-origin: 66% 66%;\n\t -webkit-transform: rotate(45deg);\n\t -ms-transform: rotate(45deg);\n\t transform: rotate(45deg);\n\t -webkit-transition: all 0.15s ease-in-out;\n\t transition: all 0.15s ease-in-out;\n\t width: 5px;\n\t}\n \n\t&.open {\n\t &:after {\n\t\t-webkit-transform: rotate(-135deg);\n\t\t-ms-transform: rotate(-135deg);\n\t\ttransform: rotate(-135deg);\n\t }\n \n\t .list {\n\t\topacity: 1;\n\t\tpointer-events: auto;\n\t\t-webkit-transform: scale(1) translateY(0);\n\t\t-ms-transform: scale(1) translateY(0);\n\t\ttransform: scale(1) translateY(0);\n\t }\n\t}\n \n\t&.disabled {\n\t border-color: #{$border};\n\t color: #{$color};\n\t pointer-events: none;\n \n\t &:after {\n\t\tborder-color: #{$border};\n\t }\n\t}\n \n\t&.wide {\n\t width: 100%;\n \n\t .list {\n\t\tinset-inline-start:0 !important;\n\t\tinset-inline-end: 0 !important;\n\t }\n\t}\n \n\t&.right {\n\t float: $float-end;\n \n\t .list {\n\t\tinset-inline-start:auto;\n\t\tinset-inline-end: 0;\n\t }\n\t}\n \n\t&.small {\n\t font-size: 12px;\n\t height: 36px;\n\t line-height: 34px;\n \n\t &:after {\n\t\theight: 4px;\n\t\twidth: 4px;\n\t }\n \n\t .option {\n\t\tline-height: 34px;\n\t\tmin-height: 34px;\n\t }\n\t}\n \n\t.list {\n\t background-color: rgb($white);\n\t border-radius: 5px;\n\t box-shadow: 0px 16px 18px #{$shadow-color};\n\t border: 1px solid #{$border};\n\t box-sizing: border-box;\n\t margin-block-start: 4px;\n\t opacity: 0;\n\t overflow: hidden;\n\t padding: 0;\n\t pointer-events: none;\n\t position: absolute;\n\t inset-block-start: 100%;\n\t inset-inline-start: 0;\n\t -webkit-transform-origin: 50% 0;\n\t -ms-transform-origin: 50% 0;\n\t transform-origin: 50% 0;\n\t -webkit-transform: scale(0.75) translateY(-21px);\n\t -ms-transform: scale(0.75) translateY(-21px);\n\t transform: scale(0.75) translateY(-21px);\n\t -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;\n\t transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;\n\t z-index: 9;\n\t width: 100%;\n\t}\n \n\t.option {\n\t cursor: pointer;\n\t font-weight: 400;\n\t line-height: 40px;\n\t list-style: none;\n\t min-height: 40px;\n\t outline: none;\n\t// padding-inline-start: 18px;\n\t// padding-inline-end: 29px;\n\t padding-inline-start: 10px;\n\t padding-inline-end: 10px;\n\t text-align: start;\n\t -webkit-transition: all 0.2s;\n\t transition: all 0.2s;\n \n\t &:hover, &.focus {\n\t\tbackground-color: rgb($white);\n\t }\n \n\t &.selected {\n\t\t&.focus {\n\t\t background-color: rgb($white);\n\t\t}\n \n\t\tfont-weight: bold;\n\t }\n \n\t &.disabled {\n\t\tbackground-color: transparent;\n\t\tcolor: #{$color};\n\t\tcursor: default;\n\t }\n\t}\n }\n \n .no-csspointerevents .nice-select {\n\t.list {\n\t display: none;\n\t}\n \n\t&.open .list {\n\t display: block;\n\t}\n }\n \n .nice-select {\n\t.current {\n\t background: transparent;\n\t}\n \n\t.form-control {\n\t height: inherit;\n\t}\n }", ".jvectormap-container {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n }\n \n .jvectormap-tip {\n position: absolute;\n display: none;\n border: solid 1px #CDCDCD;\n border-radius: 3px;\n background: #292929;\n color: rgb($white);\n font-family: sans-serif, Verdana;\n font-size: smaller;\n padding: 3px;\n }\n \n .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {\n position: absolute;\n inset-inline-start: 10px;\n border-radius: 3px;\n background: #f8f8f9;\n padding: 5px;\n color: #000;\n cursor: pointer;\n line-height: 20px;\n text-align: center;\n box-sizing: content-box;\n }\n \n .jvectormap-zoomin, .jvectormap-zoomout {\n width: 20px;\n height: 20px;\n }\n \n .jvectormap-zoomin {\n inset-block-start: 10px;\n }\n \n .jvectormap-zoomout {\n inset-block-start: 50px;\n }\n \n .jvectormap-goback {\n inset-block-end: 10px;\n z-index: 1000;\n padding: 6px;\n }\n \n .jvectormap-spinner {\n position: absolute;\n inset-inline-start: 0;\n inset-block-start: 0;\n inset-inline-end: 0;\n inset-block-end: 0;\n background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);\n }\n \n .jvectormap-legend-title {\n font-weight: bold;\n font-size: 14px;\n text-align: center;\n }\n \n .jvectormap-legend-cnt {\n position: absolute;\n }\n \n .jvectormap-legend-cnt-h {\n inset-block-end: 0;\n inset-inline-end: 0;\n }\n \n .jvectormap-legend-cnt-v {\n inset-block-start: 0;\n inset-inline-end: 0;\n }\n \n .jvectormap-legend {\n background: black;\n color: rgb($white);\n border-radius: 3px;\n }\n \n .jvectormap-legend-cnt-h .jvectormap-legend {\n float: $float-start;\n margin-block-start: 0;\n margin-inline-end: 10px;\n margin-block-end: 10px;\n margin-inline-start: 0;\n padding: 3px 3px 1px;\n \n .jvectormap-legend-tick {\n float: $float-start;\n }\n }\n \n .jvectormap-legend-cnt-v .jvectormap-legend {\n margin-block-start: 10px;\n margin-inline-end: 10px;\n margin-block-end: 0;\n margin-inline-start: 0;\n padding: 3px;\n }\n \n .jvectormap-legend-cnt-h {\n .jvectormap-legend-tick {\n width: 40px;\n }\n \n .jvectormap-legend-tick-sample {\n height: 15px;\n }\n }\n \n .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {\n height: 20px;\n width: 20px;\n display: inline-block;\n vertical-align: middle;\n }\n \n .jvectormap-legend-tick-text {\n font-size: 12px;\n }\n \n .jvectormap-legend-cnt-h .jvectormap-legend-tick-text {\n text-align: center;\n }\n \n .jvectormap-legend-cnt-v .jvectormap-legend-tick-text {\n display: inline-block;\n vertical-align: middle;\n line-height: 20px;\n padding-inline-start: 3px;\n }\n \n #world-map-markers1 {\n .jvectormap-zoomin, .jvectormap-zoomout {\n display: none;\n }\n }", "/* required styles */\r\n\r\n.leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container {\r\n\tposition: absolute;\r\n\tinset-inline-start:0;\r\n\tinset-block-start: 0;\r\n }\r\n \r\n .leaflet-pane > {\r\n\tsvg, canvas {\r\n\t position: absolute;\r\n\t inset-inline-start: 0;\r\n\t inset-block-start: 0;\r\n\t}\r\n }\r\n \r\n .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer {\r\n\tposition: absolute;\r\n\tinset-inline-start:0;\r\n\tinset-block-start: 0;\r\n }\r\n \r\n .leaflet-container {\r\n\toverflow: hidden;\r\n }\r\n \r\n .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\tuser-select: none;\r\n\t-webkit-user-drag: none;\r\n }\r\n \r\n /* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n \r\n .leaflet-safari {\r\n\t.leaflet-tile {\r\n\t image-rendering: -webkit-optimize-contrast;\r\n\t}\r\n \r\n\t.leaflet-tile-container {\r\n\t width: 1600px;\r\n\t height: 1600px;\r\n\t -webkit-transform-origin: 0 0;\r\n\t transform-origin: 0 0;\r\n\t}\r\n }\r\n \r\n /* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n \r\n .leaflet-marker-icon, .leaflet-marker-shadow {\r\n\tdisplay: block;\r\n }\r\n \r\n /* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n /* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n \r\n .leaflet-container {\r\n\t.leaflet-overlay-pane svg, .leaflet-marker-pane img, .leaflet-shadow-pane img, .leaflet-tile-pane img, img.leaflet-image-layer, .leaflet-tile {\r\n\t max-width: none !important;\r\n\t max-height: none !important;\r\n\t}\r\n \r\n\t&.leaflet-touch-zoom {\r\n\t -ms-touch-action: pan-x pan-y;\r\n\t touch-action: pan-x pan-y;\r\n\t}\r\n \r\n\t&.leaflet-touch-drag {\r\n\t -ms-touch-action: pinch-zoom;\r\n \r\n\t /* Fallback for FF which doesn't support pinch-zoom */\r\n\t touch-action: none;\r\n\t touch-action: pinch-zoom;\r\n \r\n\t &.leaflet-touch-zoom {\r\n\t\t-ms-touch-action: none;\r\n\t\ttouch-action: none;\r\n\t }\r\n\t}\r\n \r\n\t-webkit-tap-highlight-color: transparent;\r\n \r\n\ta {\r\n\t -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n\t}\r\n }\r\n \r\n .leaflet-tile {\r\n\tfilter: inherit;\r\n\tvisibility: hidden;\r\n }\r\n \r\n .leaflet-tile-loaded {\r\n\tvisibility: inherit;\r\n }\r\n \r\n .leaflet-zoom-box {\r\n\twidth: 0;\r\n\theight: 0;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tz-index: 800;\r\n }\r\n \r\n /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n \r\n .leaflet-overlay-pane svg {\r\n\t-moz-user-select: none;\r\n\tuser-select: none;\r\n }\r\n \r\n .leaflet-pane {\r\n\tz-index: 9;\r\n }\r\n \r\n .leaflet-tile-pane {\r\n\tz-index: 200;\r\n }\r\n \r\n .leaflet-overlay-pane {\r\n\tz-index: 400;\r\n }\r\n \r\n .leaflet-shadow-pane {\r\n\tz-index: 500;\r\n }\r\n \r\n .leaflet-marker-pane {\r\n\tz-index: 600;\r\n }\r\n \r\n .leaflet-tooltip-pane {\r\n\tz-index: 650;\r\n }\r\n \r\n .leaflet-popup-pane {\r\n\tz-index: 700;\r\n }\r\n \r\n .leaflet-map-pane {\r\n\tcanvas {\r\n\t z-index: 100;\r\n\t}\r\n \r\n\tsvg {\r\n\t z-index: 200;\r\n\t}\r\n }\r\n \r\n .leaflet-vml-shape {\r\n\twidth: 1px;\r\n\theight: 1px;\r\n }\r\n \r\n .lvml {\r\n\tbehavior: url(#default#VML);\r\n\tdisplay: inline-block;\r\n\tposition: absolute;\r\n }\r\n \r\n /* control positioning */\r\n \r\n .leaflet-control {\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpointer-events: visiblePainted;\r\n \r\n\t/* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n }\r\n \r\n .leaflet-top, .leaflet-bottom {\r\n\tposition: absolute;\r\n\tz-index: 9;\r\n\tpointer-events: none;\r\n }\r\n \r\n .leaflet-top {\r\n\tinset-block-start: 0;\r\n }\r\n \r\n .leaflet-right {\r\n\tinset-inline-end: 0;\r\n }\r\n \r\n .leaflet-bottom {\r\n\tinset-block-end: 0;\r\n }\r\n \r\n .leaflet-left {\r\n\tinset-inline-start:0;\r\n }\r\n \r\n .leaflet-control {\r\n\tfloat: $float-start;\r\n\tclear: both;\r\n }\r\n \r\n .leaflet-right .leaflet-control {\r\n\tfloat: $float-end;\r\n }\r\n \r\n .leaflet-top .leaflet-control {\r\n\tmargin-block-start: 10px;\r\n }\r\n \r\n .leaflet-bottom .leaflet-control {\r\n\tmargin-block-end: 10px;\r\n }\r\n \r\n .leaflet-left .leaflet-control {\r\n\tmargin-inline-start: 10px;\r\n }\r\n \r\n .leaflet-right .leaflet-control {\r\n\tmargin-inline-end: 10px;\r\n }\r\n \r\n /* zoom and fade animations */\r\n \r\n .leaflet-fade-anim {\r\n\t.leaflet-tile {\r\n\t will-change: opacity;\r\n\t}\r\n \r\n\t.leaflet-popup {\r\n\t opacity: 0;\r\n\t -webkit-transition: opacity 0.2s linear;\r\n\t -moz-transition: opacity 0.2s linear;\r\n\t transition: opacity 0.2s linear;\r\n\t}\r\n \r\n\t.leaflet-map-pane .leaflet-popup {\r\n\t opacity: 1;\r\n\t}\r\n }\r\n \r\n .leaflet-zoom-animated {\r\n\t-webkit-transform-origin: 0 0;\r\n\t-ms-transform-origin: 0 0;\r\n\ttransform-origin: 0 0;\r\n }\r\n \r\n .leaflet-zoom-anim {\r\n\t.leaflet-zoom-animated {\r\n\t will-change: transform;\r\n\t -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t}\r\n \r\n\t.leaflet-tile {\r\n\t -webkit-transition: none;\r\n\t -moz-transition: none;\r\n\t transition: none;\r\n\t}\r\n }\r\n \r\n .leaflet-pan-anim .leaflet-tile {\r\n\t-webkit-transition: none;\r\n\t-moz-transition: none;\r\n\ttransition: none;\r\n }\r\n \r\n .leaflet-zoom-anim .leaflet-zoom-hide {\r\n\tvisibility: hidden;\r\n }\r\n \r\n /* cursors */\r\n \r\n .leaflet-interactive {\r\n\tcursor: pointer;\r\n }\r\n \r\n .leaflet-grab {\r\n\tcursor: -webkit-grab;\r\n\tcursor: -moz-grab;\r\n\tcursor: grab;\r\n }\r\n \r\n .leaflet-crosshair {\r\n\tcursor: crosshair;\r\n \r\n\t.leaflet-interactive {\r\n\t cursor: crosshair;\r\n\t}\r\n }\r\n \r\n .leaflet-popup-pane, .leaflet-control {\r\n\tcursor: auto;\r\n }\r\n \r\n .leaflet-dragging {\r\n\t.leaflet-grab {\r\n\t cursor: move;\r\n\t cursor: -webkit-grabbing;\r\n\t cursor: -moz-grabbing;\r\n\t cursor: grabbing;\r\n \r\n\t .leaflet-interactive {\r\n\t\tcursor: move;\r\n\t\tcursor: -webkit-grabbing;\r\n\t\tcursor: -moz-grabbing;\r\n\t\tcursor: grabbing;\r\n\t }\r\n\t}\r\n \r\n\t.leaflet-marker-draggable {\r\n\t cursor: move;\r\n\t cursor: -webkit-grabbing;\r\n\t cursor: -moz-grabbing;\r\n\t cursor: grabbing;\r\n\t}\r\n }\r\n \r\n /* marker & overlays interactivity */\r\n \r\n .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container {\r\n\tpointer-events: none;\r\n }\r\n \r\n .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive {\r\n\tpointer-events: visiblePainted;\r\n \r\n\t/* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n }\r\n \r\n /* visual tweaks */\r\n \r\n .leaflet-container {\r\n\tbackground: #ddd;\r\n\toutline: 0;\r\n \r\n\ta {\r\n\t color: #0078A8;\r\n \r\n\t &.leaflet-active {\r\n\t\toutline: 2px solid orange;\r\n\t }\r\n\t}\r\n }\r\n \r\n .leaflet-zoom-box {\r\n\tborder: 2px dotted #38f;\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n /* general typography */\r\n \r\n .leaflet-container {\r\n\tfont: 12px/1.5 \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n }\r\n \r\n /* general toolbar styles */\r\n \r\n .leaflet-bar {\r\n\tbox-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);\r\n\tborder-radius: 4px;\r\n \r\n\ta {\r\n\t background-color: rgb($white);\r\n\t border-block-end: 1px solid #ccc;\r\n\t width: 26px;\r\n\t height: 26px;\r\n\t line-height: 26px;\r\n\t display: block;\r\n\t text-align: center;\r\n\t text-decoration: none;\r\n\t color: black !important;\r\n \r\n\t &:hover {\r\n\t\tbackground-color: rgb($white);\r\n\t\tborder-block-end: 1px solid #ccc;\r\n\t\twidth: 26px;\r\n\t\theight: 26px;\r\n\t\tline-height: 26px;\r\n\t\tdisplay: block;\r\n\t\ttext-align: center;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: black !important;\r\n\t }\r\n \r\n\t background-position: 50% 50%;\r\n\t background-repeat: no-repeat;\r\n\t display: block;\r\n\t}\r\n }\r\n \r\n .leaflet-control-layers-toggle {\r\n\tbackground-position: 50% 50%;\r\n\tbackground-repeat: no-repeat;\r\n\tdisplay: block;\r\n }\r\n \r\n .leaflet-bar a {\r\n\t&:hover {\r\n\t background-color: #f4f4f4;\r\n\t}\r\n \r\n\t&:first-child {\r\n\t border-start-start-radius: 4px;\r\n\t border-start-end-radius: 4px;\r\n\t}\r\n \r\n\t&:last-child {\r\n\t border-end-start-radius: 4px;\r\n\t border-end-end-radius: 4px;\r\n\t border-block-end: none;\r\n\t}\r\n \r\n\t&.leaflet-disabled {\r\n\t cursor: default;\r\n\t background-color: #f4f4f4;\r\n\t color: #bbb;\r\n\t}\r\n }\r\n \r\n .leaflet-touch .leaflet-bar a {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n \r\n\t&:first-child {\r\n\t border-start-start-radius: 2px;\r\n\t border-start-end-radius: 2px;\r\n\t}\r\n \r\n\t&:last-child {\r\n\t border-end-start-radius: 2px;\r\n\t border-end-end-radius: 2px;\r\n\t}\r\n }\r\n \r\n /* zoom control */\r\n \r\n .leaflet-control-zoom-in, .leaflet-control-zoom-out {\r\n\tfont: bold 18px 'Lucida Console', Monaco, monospace;\r\n\ttext-indent: 1px;\r\n }\r\n \r\n .leaflet-touch {\r\n\t.leaflet-control-zoom-in, .leaflet-control-zoom-out {\r\n\t font-size: 22px;\r\n\t}\r\n }\r\n \r\n /* layers control */\r\n \r\n .leaflet-control-layers {\r\n\tbox-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);\r\n\tbackground: rgb($white);\r\n\tborder-radius: 5px;\r\n }\r\n \r\n .leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers.png);\r\n\twidth: 36px;\r\n\theight: 36px;\r\n }\r\n \r\n .leaflet-retina .leaflet-control-layers-toggle {\r\n\tbackground-image: url(images/layers-2x.png);\r\n\tbackground-size: 26px 26px;\r\n }\r\n \r\n .leaflet-touch .leaflet-control-layers-toggle {\r\n\twidth: 44px;\r\n\theight: 44px;\r\n }\r\n \r\n .leaflet-control-layers .leaflet-control-layers-list {\r\n\tdisplay: none;\r\n }\r\n \r\n .leaflet-control-layers-expanded {\r\n\t.leaflet-control-layers-toggle {\r\n\t display: none;\r\n\t}\r\n \r\n\t.leaflet-control-layers-list {\r\n\t display: block;\r\n\t position: relative;\r\n\t}\r\n \r\n\tpadding-block: 6px;\r\n\tpadding-inline-start: 10px;\r\n\tpadding-inline-end: 6px;\r\n\tcolor: #333;\r\n\tbackground: rgb($white);\r\n }\r\n \r\n .leaflet-control-layers-scrollbar {\r\n\toverflow-y: scroll;\r\n\toverflow-x: hidden;\r\n\tpadding-inline-end: 5px;\r\n }\r\n \r\n .leaflet-control-layers-selector {\r\n\tmargin-block-start: 2px;\r\n\tposition: relative;\r\n\tinset-block-start: 1px;\r\n }\r\n \r\n .leaflet-control-layers label {\r\n\tdisplay: block;\r\n }\r\n \r\n .leaflet-control-layers-separator {\r\n\theight: 0;\r\n\tborder-block-start: 1px solid #ddd;\r\n\tmargin-block-start: 5px;\r\n\tmargin-inline-end: -10px;\r\n\tmargin-block-end: 5px;\r\n\tmargin-inline-start: -6px;\r\n }\r\n \r\n /* Default icon URLs */\r\n \r\n .leaflet-default-icon-path {\r\n\tbackground-image: url(../plugins/leaflet/images/marker-icon.png);\r\n }\r\n \r\n /* attribution and scale controls */\r\n \r\n .leaflet-container .leaflet-control-attribution {\r\n\tbackground: rgb($white);\r\n\tbackground: rgba(255, 255, 255, 0.7);\r\n\tmargin: 0;\r\n }\r\n \r\n .leaflet-control-attribution, .leaflet-control-scale-line {\r\n\tpadding: 0 5px;\r\n\tcolor: #333;\r\n }\r\n \r\n .leaflet-control-attribution a {\r\n\ttext-decoration: none;\r\n \r\n\t&:hover {\r\n\t text-decoration: underline;\r\n\t}\r\n }\r\n \r\n .leaflet-container {\r\n\t.leaflet-control-attribution, .leaflet-control-scale {\r\n\t font-size: 11px;\r\n\t}\r\n }\r\n \r\n .leaflet-left .leaflet-control-scale {\r\n\tmargin-inline-start: 5px;\r\n }\r\n \r\n .leaflet-bottom .leaflet-control-scale {\r\n\tmargin-block-end: 5px;\r\n }\r\n \r\n .leaflet-control-scale-line {\r\n\tborder: 2px solid #777;\r\n\tborder-block-start: none;\r\n\tline-height: 1.1;\r\n\tpadding: 2px 5px 1px;\r\n\tfont-size: 11px;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tbackground: rgb($white);\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n \r\n\t&:not(:first-child) {\r\n\t border-block-start: 2px solid #777;\r\n\t border-block-end: none;\r\n\t margin-block-start: -2px;\r\n \r\n\t &:not(:last-child) {\r\n\t\tborder-block-end: 2px solid #777;\r\n\t }\r\n\t}\r\n }\r\n \r\n .leaflet-touch {\r\n\t.leaflet-control-attribution, .leaflet-control-layers, .leaflet-bar {\r\n\t box-shadow: none;\r\n\t}\r\n \r\n\t.leaflet-control-layers, .leaflet-bar {\r\n\t border: 2px solid rgba(0, 0, 0, 0.2);\r\n\t background-clip: padding-box;\r\n\t}\r\n }\r\n \r\n /* popup */\r\n \r\n .leaflet-popup {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tmargin-block-end: 20px;\r\n }\r\n \r\n .leaflet-popup-content-wrapper {\r\n\tpadding: 1px;\r\n\ttext-align: start;\r\n\tborder-radius: 12px;\r\n }\r\n \r\n .leaflet-popup-content {\r\n\tmargin: 13px 19px;\r\n\tline-height: 1.4;\r\n \r\n\tp {\r\n\t margin: 18px 0;\r\n\t}\r\n }\r\n \r\n .leaflet-popup-tip-container {\r\n\twidth: 40px;\r\n\theight: 20px;\r\n\tposition: absolute;\r\n\tinset-inline-start:50%;\r\n\tmargin-inline-start: -20px;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n }\r\n \r\n .leaflet-popup-tip {\r\n\twidth: 17px;\r\n\theight: 17px;\r\n\tpadding: 1px;\r\n\tmargin: -10px auto 0;\r\n\t-webkit-transform: rotate(45deg);\r\n\t-moz-transform: rotate(45deg);\r\n\t-ms-transform: rotate(45deg);\r\n\ttransform: rotate(45deg);\r\n }\r\n \r\n .leaflet-popup-content-wrapper, .leaflet-popup-tip {\r\n\tbackground: rgb($white);\r\n\tbox-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\r\n }\r\n \r\n .leaflet-container a.leaflet-popup-close-button {\r\n\tposition: absolute;\r\n\tinset-block-start: 0;\r\n\tinset-inline-end: 0;\r\n\tpadding-block-start: 4px;\r\n\tpadding-inline-start: 4px;\r\n\tpadding-block-end: 0;\r\n\tpadding-inline-end: 0;\r\n\tborder: none;\r\n\ttext-align: center;\r\n\twidth: 18px;\r\n\theight: 14px;\r\n\tfont: 16px/14px Tahoma, Verdana, sans-serif;\r\n\tcolor: #c3c3c3;\r\n\ttext-decoration: none;\r\n\tfont-weight: bold;\r\n\tbackground: transparent;\r\n \r\n\t&:hover {\r\n\t color: #999;\r\n\t}\r\n }\r\n \r\n .leaflet-popup-scrolled {\r\n\toverflow: auto;\r\n\tborder-block-end: 1px solid #ddd;\r\n\tborder-block-start: 1px solid #ddd;\r\n }\r\n \r\n .leaflet-oldie {\r\n\t.leaflet-popup-content-wrapper {\r\n\t zoom: 1;\r\n\t}\r\n \r\n\t.leaflet-popup-tip {\r\n\t width: 24px;\r\n\t margin: 0 auto;\r\n\t -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n\t filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n\t}\r\n \r\n\t.leaflet-popup-tip-container {\r\n\t margin-block-start: -1px;\r\n\t}\r\n \r\n\t.leaflet-control-zoom, .leaflet-control-layers, .leaflet-popup-content-wrapper, .leaflet-popup-tip {\r\n\t border: 1px solid #999;\r\n\t}\r\n }\r\n \r\n /* div icon */\r\n \r\n .leaflet-div-icon {\r\n\tbackground: rgb($white);\r\n\tborder: 1px solid #666;\r\n }\r\n \r\n /* Tooltip */\r\n /* Base styles for the element that has a tooltip */\r\n \r\n .leaflet-tooltip {\r\n\tposition: absolute;\r\n\tpadding: 6px;\r\n\tbackground-color: rgb($white);\r\n\tborder: 1px solid rgb($white);\r\n\tborder-radius: 3px;\r\n\tcolor: #222;\r\n\twhite-space: nowrap;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\tpointer-events: none;\r\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\r\n \r\n\t&.leaflet-clickable {\r\n\t cursor: pointer;\r\n\t pointer-events: auto;\r\n\t}\r\n }\r\n \r\n .leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {\r\n\tposition: absolute;\r\n\tpointer-events: none;\r\n\tborder: 6px solid transparent;\r\n\tbackground: transparent;\r\n\tcontent: \"\";\r\n }\r\n \r\n /* Directions */\r\n \r\n .leaflet-tooltip-bottom {\r\n\tmargin-block-start: 6px;\r\n }\r\n \r\n .leaflet-tooltip-top {\r\n\tmargin-block-start: -6px;\r\n }\r\n \r\n .leaflet-tooltip-bottom:before {\r\n\tinset-inline-start:50%;\r\n\tmargin-inline-start: -6px;\r\n }\r\n \r\n .leaflet-tooltip-top:before {\r\n\tinset-inline-start:50%;\r\n\tmargin-inline-start: -6px;\r\n\tinset-block-end: 0;\r\n\tmargin-block-end: -12px;\r\n\tborder-block-start-color: rgb($white);\r\n }\r\n \r\n .leaflet-tooltip-bottom:before {\r\n\tinset-block-start: 0;\r\n\tmargin-block-start: -12px;\r\n\tmargin-inline-start: -6px;\r\n\tborder-block-end-color: rgb($white);\r\n }\r\n \r\n .leaflet-tooltip-left {\r\n\tmargin-inline-start: -6px;\r\n }\r\n \r\n .leaflet-tooltip-right {\r\n\tmargin-inline-start: 6px;\r\n }\r\n \r\n .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {\r\n\tinset-block-start: 50%;\r\n\tmargin-block-start: -6px;\r\n }\r\n \r\n .leaflet-tooltip-left:before {\r\n\tinset-inline-end: 0;\r\n\tmargin-inline-end: -12px;\r\n\tborder-inline-start-color: rgb($white);\r\n }\r\n \r\n .leaflet-tooltip-right:before {\r\n\tinset-inline-start:0;\r\n\tmargin-inline-start: -12px;\r\n\tborder-inline-end-color: rgb($white);\r\n }\r\n", ".morris-hover {\n position: absolute;\n z-index: 1000;\n \n &.morris-default-style {\n border-radius: 10px;\n padding: 6px;\n color: #666;\n background: rgba(255, 255, 255, 0.8);\n border: solid 2px rgba(230, 230, 230, 0.8);\n font-family: sans-serif;\n font-size: 12px;\n text-align: center;\n \n .morris-hover-row-label {\n font-weight: bold;\n margin: 0.25em 0;\n }\n \n .morris-hover-point {\n white-space: nowrap;\n margin: 0.1em 0;\n }\n }\n }", "#mixedSlider {\r\n position: relative;\r\n\r\n .MS-content {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n margin: 0 5%;\r\n\r\n .item {\r\n display: inline-block;\r\n width: 33.3333%;\r\n position: relative;\r\n vertical-align: top;\r\n overflow: hidden;\r\n height: 100%;\r\n white-space: normal;\r\n padding: 0 10px;\r\n\r\n .imgTitle {\r\n position: relative;\r\n\r\n .blogTitle {\r\n margin: 0;\r\n text-align: start;\r\n letter-spacing: 2px;\r\n color: #252525;\r\n font-style: italic;\r\n position: absolute;\r\n background-color: rgba(255, 255, 255, 0.5);\r\n width: 100%;\r\n inset-block-end: 0;\r\n font-weight: bold;\r\n padding-block-start: 0;\r\n padding-inline-start: 0;\r\n padding-block-end: 2px;\r\n padding-inline-end: 10px;\r\n }\r\n\r\n img {\r\n height: auto;\r\n width: 100%;\r\n }\r\n }\r\n\r\n p {\r\n font-size: 16px;\r\n margin-block-start: 2px;\r\n margin-inline-end: 10px;\r\n margin-block-end: 0;\r\n margin-inline-start: 5px;\r\n text-indent: 15px;\r\n }\r\n\r\n a {\r\n float: $float-end;\r\n margin-block-start: 0;\r\n margin-inline-end: 20px;\r\n margin-block-end: 0;\r\n margin-inline-start: 0;\r\n font-size: 16px;\r\n font-style: italic;\r\n color: rgba(173, 0, 0, 0.82);\r\n font-weight: bold;\r\n letter-spacing: 1px;\r\n transition: linear 0.1s;\r\n\r\n &:hover {\r\n text-shadow: 0 0 1px grey;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .MS-controls {\r\n button {\r\n position: absolute;\r\n border: none;\r\n background-color: transparent;\r\n outline: 0;\r\n font-size: 50px;\r\n inset-block-start: 95px;\r\n color: rgba(0, 0, 0, 0.4);\r\n transition: 0.15s linear;\r\n\r\n &:hover {\r\n color: rgba(0, 0, 0, 0.8);\r\n }\r\n }\r\n\r\n .MS-left {\r\n inset-inline-start: 0px;\r\n }\r\n\r\n .MS-right {\r\n inset-inline-end: 0px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n #mixedSlider .MS-content .item {\r\n width: 50%;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n #mixedSlider .MS-content .item {\r\n width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n #mixedSlider .MS-controls button {\r\n font-size: 30px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n #mixedSlider .MS-controls button {\r\n font-size: 20px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n #mixedSlider .MS-controls .MS-left {\r\n inset-inline-start: -10px;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n #mixedSlider .MS-controls .MS-right {\r\n inset-inline-end: -10px;\r\n }\r\n}\r\n\r\n#basicSlider {\r\n position: relative;\r\n\r\n .MS-content {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n margin: 0 2%;\r\n height: auto;\r\n\r\n .item {\r\n margin: 0;\r\n padding: 10px;\r\n display: inline-block;\r\n width: 20%;\r\n position: relative;\r\n vertical-align: top;\r\n overflow: hidden;\r\n height: 100%;\r\n white-space: normal;\r\n line-height: 50px;\r\n vertical-align: middle;\r\n\r\n a {\r\n line-height: 50px;\r\n vertical-align: middle;\r\n }\r\n }\r\n }\r\n\r\n .MS-controls {\r\n button {\r\n position: absolute;\r\n }\r\n\r\n .MS-left {\r\n inset-block-start: 35px;\r\n inset-inline-start: 10px;\r\n }\r\n\r\n .MS-right {\r\n inset-block-start: 35px;\r\n inset-inline-end: 10px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n #basicSlider .MS-content .item {\r\n width: 25%;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n #basicSlider .MS-content .item {\r\n width: 35%;\r\n }\r\n}\r\n\r\n@media (max-width: 500px) {\r\n #basicSlider .MS-content .item {\r\n width: 50%;\r\n }\r\n}", "#ui_notifIt {\n position: fixed;\n inset-block-start: 10px;\n inset-inline-end: 10px;\n cursor: pointer;\n overflow: hidden;\n -webkit-box-shadow: 0px 3px 5px #{$shadow-color};\n -moz-box-shadow: 0px 3px 5px #{$shadow-color};\n -o-box-shadow: 0px 3px 5px #{$shadow-color};\n box-shadow: 0px 3px 5px #{$shadow-color};\n -wekbit-border-radius: 5px;\n -moz-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n z-index: 2000;\n \n &:hover {\n opacity: 1 !important;\n }\n \n p {\n text-align: center;\n font-size: 14px;\n padding: 0;\n margin: 0;\n padding: 10px;\n font-weight: 400;\n text-transform: capitalize;\n \n i {\n font-size: 20px;\n }\n }\n }\n \n #notifIt_close {\n position: absolute;\n color: rgb($white);\n inset-block-start: 0;\n padding: 0px 5px;\n inset-inline-end: 0;\n \n &:hover {\n background-color: #{$white-3};\n }\n }\n \n /* Color setup */\n /* You are free to change all of this */\n \n #ui_notifIt {\n &.success {\n background-color: #{$success};\n color: #{$fixed-white};\n }\n \n &.error {\n background-color: #{$danger};\n color: #{$fixed-white};\n }\n \n &.warning {\n background-color: #{$warning};\n color: #{$fixed-white};\n }\n \n &.info {\n background-color: #{$info};\n color: #{$fixed-white};\n }\n \n &.dark {\n background-color: #{$dark};\n color: #{$fixed-white};\n }\n }\n \n /* notifit confirm */\n \n .notifit_confirm_bg, .notifit_prompt_bg {\n position: fixed;\n inset-block-start: 0;\n inset-inline-start: 0;\n height: 100%;\n width: 100%;\n background-color: #{$white-8};\n }\n \n .notifit_confirm, .notifit_prompt {\n position: fixed;\n inset-block-start: 0;\n inset-inline-start: 0;\n padding: 30px;\n background-color: rgb($white);\n border: 1px solid #{$border};\n border-radius: 1px;\n -webkit-box-shadow: 0px 2px 10px #{$shadow-color};\n box-shadow: 0px 2px 10px #{$shadow-color};\n z-index: 9999;\n border-radius: 5px;\n }\n \n .notifit_confirm_accept, .notifit_confirm_cancel, .notifit_prompt_accept, .notifit_prompt_cancel {\n display: inline-block;\n font-weight: 400;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.5;\n margin-inline-end: 5px;\n transition: color 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;\n }\n \n .notifit_prompt_accept:hover, .notifit_prompt_cancel:hover {\n background-color: #{$dark};\n }\n \n .notifit_confirm_cancel {\n background-color: #{$danger};\n color: #{$fixed-white};\n border-radius: 4px;\n }\n \n .notifit_confirm_message {\n text-align: center;\n margin-block-end: 20px;\n font-size: 14px;\n }\n \n .notifit_prompt_message {\n color: #{$default-color};\n margin-block-start: 0;\n text-align: center;\n }\n \n .notifit_prompt_input {\n text-align: center;\n font-size: 14px;\n width: 100%;\n padding: 10px;\n outline: none;\n border: 1px solid #{$border};\n color: #{$default-color};\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n }\n \n .notifit_prompt {\n text-align: center;\n }\n \n #ui_notifIt.info {\n margin: 0 auto;\n inset-inline-end: 10px !important;\n inset-inline-start: 10px !important;\n }", "/**\n * Owl Carousel v2.3.4\n * Copyright 2013-2018 David Deutsch\n * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE\n */\n/*\n * Owl Carousel - Core\n */\n\n .owl-carousel {\n display: none;\n width: 100%;\n -webkit-tap-highlight-color: transparent;\n\n /* position relative and z-index fix webkit rendering fonts issue */\n position: relative;\n\n .owl-stage {\n position: relative;\n -ms-touch-action: pan-Y;\n touch-action: manipulation;\n -moz-backface-visibility: hidden;\n backface-visibility: hidden;\n\n /* fix firefox animation glitch */\n\n &:after {\n content: \".\";\n display: block;\n clear: both;\n visibility: hidden;\n line-height: 0;\n height: 0;\n }\n }\n\n .owl-stage-outer {\n position: relative;\n overflow: hidden;\n\n /* fix for flashing background */\n -webkit-transform: translate3d(0px, 0px, 0px);\n transform: translate3d(0px, 0px, 0px);\n }\n\n .owl-wrapper {\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n transform: translate3d(0, 0, 0);\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n }\n\n .owl-item {\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n transform: translate3d(0, 0, 0);\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n position: relative;\n min-height: 1px;\n float: $float-start;\n -webkit-backface-visibility: hidden;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n\n img {\n display: block;\n }\n }\n\n .owl-nav.disabled, .owl-dots.disabled {\n display: none;\n }\n\n .owl-nav {\n .owl-prev, .owl-next {\n cursor: pointer;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n }\n\n .owl-dot {\n cursor: pointer;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .owl-nav button {\n &.owl-prev, &.owl-next {\n background: rgb(105, 99, 255, 0.3);\n opacity: 7;\n color: inherit;\n border: none;\n padding: 0 !important;\n font: inherit;\n }\n }\n\n button.owl-dot {\n background: rgb(105, 99, 255, 0.3);\n opacity: 7;\n color: inherit;\n border: none;\n padding: 0 !important;\n font: inherit;\n }\n\n &.owl-loaded {\n display: block;\n }\n\n &.owl-loading {\n opacity: 0;\n display: block;\n }\n\n &.owl-hidden {\n opacity: 0;\n }\n\n &.owl-refresh .owl-item {\n visibility: hidden;\n }\n\n &.owl-drag .owl-item {\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n &.owl-grab {\n cursor: move;\n cursor: grab;\n }\n\n &.owl-rtl {\n direction: rtl;\n\n .owl-item {\n float: $float-end;\n }\n }\n}\n\n/* No Js */\n\n.no-js .owl-carousel {\n display: block;\n}\n\n/*\n * Owl Carousel - Animate Plugin\n */\n\n.owl-carousel {\n .animated {\n animation-duration: 1000ms;\n animation-fill-mode: both;\n }\n\n .owl-animated-in {\n z-index: 0;\n }\n\n .owl-animated-out {\n z-index: 1;\n }\n\n .fadeOut {\n animation-name: fadeOut;\n }\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n/*\n * \tOwl Carousel - Auto Height Plugin\n */\n\n.owl-height {\n transition: height 500ms ease-in-out;\n}\n\n/*\n * \tOwl Carousel - Lazy Load Plugin\n */\n\n.owl-carousel {\n .owl-item {\n /**\n\t\t\tThis is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong\n\t\t\tcalculation of the height of the owl-item that breaks page layouts\n\t\t */\n\n .owl-lazy {\n opacity: 0;\n transition: opacity 400ms ease;\n\n &[src^=\"\"], &:not([src]) {\n max-height: 0;\n }\n }\n\n img.owl-lazy {\n transform-style: preserve-3d;\n }\n }\n\n .owl-video-wrapper {\n position: relative;\n height: 100%;\n background: #000;\n }\n\n .owl-video-play-icon {\n position: absolute;\n height: 80px;\n width: 80px;\n inset-inline-start: 50%;\n inset-block-start: 50%;\n margin-inline-start: -40px;\n margin-block-start: -40px;\n background: url(\"owl.video.play.png\") no-repeat;\n cursor: pointer;\n z-index: 1;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transition: transform 100ms ease;\n\n &:hover {\n -ms-transform: scale(1.3, 1.3);\n transform: scale(1.3, 1.3);\n }\n }\n\n .owl-video-playing {\n .owl-video-tn, .owl-video-play-icon {\n display: none;\n }\n }\n\n .owl-video-tn {\n opacity: 0;\n height: 100%;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n transition: opacity 400ms ease;\n }\n\n .owl-video-frame {\n position: relative;\n z-index: 1;\n height: 100%;\n width: 100%;\n }\n}\n\n/*\n * \tOwl Carousel - Video Plugin\n */\n\n.owl-controls {\n .owl-page {\n width: 65px;\n height: 65px;\n border-radius: 50%;\n border: 4px solid #d9d6e0;\n background: url(\"../../images/faces/female/6.jpg\") no-repeat;\n background-size: cover;\n transition: all 0.3s ease-in-out 0s;\n\n &:nth-child(2) {\n background: url(\"../../images/faces/male/13.jpg\") no-repeat;\n background-size: cover;\n }\n\n &:nth-child(3) {\n background: url(\"../../images/faces/female/15.jpg\") no-repeat;\n background-size: cover;\n }\n }\n\n &.clickable .owl-page:hover {\n opacity: 0.5;\n }\n\n .owl-page {\n &.active {\n border-color: #ed5151;\n opacity: 1;\n\n &:hover {\n border-color: #ed5151;\n opacity: 1;\n }\n }\n\n display: inline-block;\n zoom: 1;\n }\n\n margin-block-end: 30px;\n text-align: center;\n}\n\n.testimonia {\n .post {\n display: block;\n font-size: 15px;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .title {\n font-size: 24px;\n font-weight: bold;\n color: rgb($white);\n text-transform: capitalize;\n margin: 0;\n margin-block-end: 1px;\n }\n\n .rating-stars .rating-stars-container .rating-star {\n &.sm {\n display: inline-block;\n font-size: 14px;\n color: rgba(255, 255, 255, 0.3);\n cursor: pointer;\n padding: 1px;\n padding-inline-end: 5px;\n padding-inline-start: 5px;\n }\n\n &.is--active {\n color: #f1c40f !important;\n }\n }\n}\n\n.rating-stars .rating-stars-container .rating-star.is--hover {\n color: #f1c40f !important;\n}", "/*\n * Container style\n */\n\n .ps {\n overflow: hidden !important;\n overflow-anchor: none;\n -ms-overflow-style: none;\n touch-action: auto;\n -ms-touch-action: auto;\n}\n\n/*\n * Scrollbar rail styles\n */\n\n.ps__rail-x {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n height: 15px;\n\n /* there must be 'bottom' or 'top' for ps__rail-x */\n bottom: 0px;\n\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-y {\n display: none;\n opacity: 0;\n transition: background-color .2s linear, opacity .2s linear;\n -webkit-transition: background-color .2s linear, opacity .2s linear;\n width: 5px;\n\n /* there must be 'right' or 'left' for ps__rail-y */\n right: 0;\n\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > {\n .ps__rail-x, .ps__rail-y {\n opacity: 0.6;\n }\n}\n\n.ps--focus > {\n .ps__rail-x, .ps__rail-y {\n opacity: 0.6;\n }\n}\n\n.ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps {\n .ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus, .ps__rail-x.ps--clicking, .ps__rail-y.ps--clicking {\n background-color: #{$primary-01};\n opacity: 0.9;\n }\n}\n\n/*\n * Scrollbar thumb styles\n */\n\n.ps__thumb-x {\n background-color: #{$background};\n border-radius: 6px;\n transition: background-color .2s linear, height .2s ease-in-out;\n -webkit-transition: background-color .2s linear, height .2s ease-in-out;\n height: 6px;\n\n /* there must be 'bottom' for ps__thumb-x */\n bottom: 2px;\n\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__thumb-y {\n background-color: $primary-03;\n border-radius: 6px;\n transition: background-color .2s linear, width .2s ease-in-out;\n -webkit-transition: background-color .2s linear, width .2s ease-in-out;\n width: 6px;\n\n /* there must be 'right' for ps__thumb-y */\n\n /* please don't change 'position' */\n position: absolute;\n}\n\n.ps__rail-x {\n &:hover > .ps__thumb-x, &:focus > .ps__thumb-x, &.ps--clicking .ps__thumb-x {\n background-color: #{$background};\n height: 11px;\n }\n}\n\n.ps__rail-y {\n &:hover > .ps__thumb-y, &:focus > .ps__thumb-y, &.ps--clicking .ps__thumb-y {\n background-color: $primary-05;\n width: 11px;\n }\n}\n\n/* MS supports */\n@supports (-ms-overflow-style: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .ps {\n overflow: auto !important;\n }\n}\n\n.ps>.ps__rail-y:hover {\n width: 0.5rem;\n .ps__thumb-y {\n width: 0.5rem;\n }\n}", "/* PrismJS 1.17.1\nhttps://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */\n/**\n * prism.js default theme for JavaScript, CSS and HTML\n * Based on dabblet (http://dabblet.com)\n * @author Lea Verou\n */\n\n .token {\n\tcolor: #d20808;\n \n\t&.comment, &.prolog, &.doctype, &.cdata {\n\t color: #4cb350;\n\t}\n \n\t&.punctuation {\n\t color: #b1abab;\n\t}\n }\n \n .namespace {\n\topacity: .7;\n }\n \n .token {\n\t&.property, &.tag, &.boolean, &.number, &.constant, &.symbol, &.deleted {\n\t color: #905;\n\t}\n \n\t&.selector, &.attr-name, &.string, &.char, &.builtin, &.inserted {\n\t color: #FFC107;\n\t}\n \n\t&.operator, &.entity, &.url {\n\t color: #9a6e3a;\n\t background: hsla(0, 0%, 100%, 0.1);\n\t}\n }\n \n .language-css .token.string, .style .token.string {\n\tcolor: #9a6e3a;\n\tbackground: hsla(0, 0%, 100%, 0.1);\n }\n \n .token {\n\t&.atrule, &.attr-value, &.keyword {\n\t color: #de20af;\n\t}\n \n\t&.function, &.class-name {\n\t color: #DD4A68;\n\t}\n \n\t&.regex, &.important, &.variable {\n\t color: #e90;\n\t}\n \n\t&.important, &.bold {\n\t font-weight: bold;\n\t}\n \n\t&.italic {\n\t font-style: italic;\n\t}\n \n\t&.entity {\n\t cursor: help;\n\t}\n }", "/*!\n * Quill Editor v1.3.6\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n\n .ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n\n &.ql-disabled {\n .ql-tooltip {\n visibility: hidden;\n }\n\n .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n }\n }\n}\n\n.ql-clipboard {\n inset-inline-start: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n inset-block-start: 50%;\n\n p {\n margin: 0;\n padding: 0;\n }\n}\n\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: start;\n white-space: pre-wrap;\n word-wrap: break-word;\n\n > * {\n cursor: text;\n }\n\n p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n ol, ul {\n padding-inline-start: 1.5em;\n }\n\n ol > li {\n list-style-type: none;\n }\n\n ul {\n > li {\n list-style-type: none;\n\n &::before {\n content: '\\2022';\n }\n }\n\n &[data-checked=true], &[data-checked=false] {\n pointer-events: none;\n }\n\n &[data-checked=true] > li *, &[data-checked=false] > li * {\n pointer-events: all;\n }\n\n &[data-checked=true] > li::before, &[data-checked=false] > li::before {\n color: #{$color};\n cursor: pointer;\n pointer-events: all;\n }\n\n &[data-checked=true] > li::before {\n content: '\\2611';\n }\n\n &[data-checked=false] > li::before {\n content: '\\2610';\n }\n }\n\n li {\n &::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n }\n\n &:not(.ql-direction-rtl)::before {\n margin-inline-start: -1.5em;\n margin-inline-end: 0.3em;\n text-align: end;\n }\n\n &.ql-direction-rtl::before {\n margin-inline-start: 0.3em;\n margin-inline-end: -1.5em;\n }\n }\n\n ol li:not(.ql-direction-rtl), ul li:not(.ql-direction-rtl) {\n padding-inline-start: 1.5em;\n }\n\n ol li.ql-direction-rtl, ul li.ql-direction-rtl {\n padding-inline-end: 1.5em;\n }\n\n ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n\n &:before {\n content: counter(list-0, decimal) \". \";\n }\n\n &.ql-indent-1 {\n counter-increment: list-1;\n\n &:before {\n content: counter(list-1, lower-alpha) \". \";\n }\n\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-2 {\n counter-increment: list-2;\n\n &:before {\n content: counter(list-2, lower-roman) \". \";\n }\n\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-3 {\n counter-increment: list-3;\n\n &:before {\n content: counter(list-3, decimal) \". \";\n }\n\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-4 {\n counter-increment: list-4;\n\n &:before {\n content: counter(list-4, lower-alpha) \". \";\n }\n\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-5 {\n counter-increment: list-5;\n\n &:before {\n content: counter(list-5, lower-roman) \". \";\n }\n\n counter-reset: list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-6 {\n counter-increment: list-6;\n\n &:before {\n content: counter(list-6, decimal) \". \";\n }\n\n counter-reset: list-7 list-8 list-9;\n }\n\n &.ql-indent-7 {\n counter-increment: list-7;\n\n &:before {\n content: counter(list-7, lower-alpha) \". \";\n }\n\n counter-reset: list-8 list-9;\n }\n\n &.ql-indent-8 {\n counter-increment: list-8;\n\n &:before {\n content: counter(list-8, lower-roman) \". \";\n }\n\n counter-reset: list-9;\n }\n\n &.ql-indent-9 {\n counter-increment: list-9;\n\n &:before {\n content: counter(list-9, decimal) \". \";\n }\n }\n }\n\n .ql-indent-1:not(.ql-direction-rtl) {\n padding-inline-start: 3em;\n }\n\n li.ql-indent-1:not(.ql-direction-rtl) {\n padding-inline-start: 4.5em;\n }\n\n .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-inline-end: 3em;\n }\n\n li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-inline-end: 4.5em;\n }\n\n .ql-indent-2:not(.ql-direction-rtl) {\n padding-inline-start: 6em;\n }\n\n li.ql-indent-2:not(.ql-direction-rtl) {\n padding-inline-start: 7.5em;\n }\n\n .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-inline-end: 6em;\n }\n\n li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-inline-end: 7.5em;\n }\n\n .ql-indent-3:not(.ql-direction-rtl) {\n padding-inline-start: 9em;\n }\n\n li.ql-indent-3:not(.ql-direction-rtl) {\n padding-inline-start: 10.5em;\n }\n\n .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-inline-end: 9em;\n }\n\n li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-inline-end: 10.5em;\n }\n\n .ql-indent-4:not(.ql-direction-rtl) {\n padding-inline-start: 12em;\n }\n\n li.ql-indent-4:not(.ql-direction-rtl) {\n padding-inline-start: 13.5em;\n }\n\n .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-inline-end: 12em;\n }\n\n li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-inline-end: 13.5em;\n }\n\n .ql-indent-5:not(.ql-direction-rtl) {\n padding-inline-start: 15em;\n }\n\n li.ql-indent-5:not(.ql-direction-rtl) {\n padding-inline-start: 16.5em;\n }\n\n .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-inline-end: 15em;\n }\n\n li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-inline-end: 16.5em;\n }\n\n .ql-indent-6:not(.ql-direction-rtl) {\n padding-inline-start: 18em;\n }\n\n li.ql-indent-6:not(.ql-direction-rtl) {\n padding-inline-start: 19.5em;\n }\n\n .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-inline-end: 18em;\n }\n\n li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-inline-end: 19.5em;\n }\n\n .ql-indent-7:not(.ql-direction-rtl) {\n padding-inline-start: 21em;\n }\n\n li.ql-indent-7:not(.ql-direction-rtl) {\n padding-inline-start: 22.5em;\n }\n\n .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-inline-end: 21em;\n }\n\n li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-inline-end: 22.5em;\n }\n\n .ql-indent-8:not(.ql-direction-rtl) {\n padding-inline-start: 24em;\n }\n\n li.ql-indent-8:not(.ql-direction-rtl) {\n padding-inline-start: 25.5em;\n }\n\n .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-inline-end: 24em;\n }\n\n li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-inline-end: 25.5em;\n }\n\n .ql-indent-9:not(.ql-direction-rtl) {\n padding-inline-start: 27em;\n }\n\n li.ql-indent-9:not(.ql-direction-rtl) {\n padding-inline-start: 28.5em;\n }\n\n .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-inline-end: 27em;\n }\n\n li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-inline-end: 28.5em;\n }\n\n .ql-video {\n display: block;\n max-width: 100%;\n\n &.ql-align-center {\n margin: 0 auto;\n }\n\n &.ql-align-right {\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: auto;\n }\n }\n\n .ql-bg-black {\n background-color: #{$black};\n }\n\n .ql-bg-red {\n background-color: #{$danger};\n }\n\n .ql-bg-orange {\n background-color: #{$orange};\n }\n\n .ql-bg-yellow {\n background-color: #{$warning};\n }\n\n .ql-bg-green {\n background-color: #{$success};\n }\n\n .ql-bg-blue {\n background-color: #{$info};\n }\n\n .ql-bg-purple {\n background-color: #{$purple};\n }\n\n .ql-color-white {\n color: rgb($white);\n }\n\n .ql-color-red {\n color: #{$danger};\n }\n\n .ql-color-orange {\n color: #{$orange};\n }\n\n .ql-color-yellow {\n color: #{$warning};\n }\n\n .ql-color-green {\n color: #{$success};\n }\n\n .ql-color-blue {\n color: #{$info};\n }\n\n .ql-color-purple {\n color: #{$purple};\n }\n\n .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n }\n\n .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n }\n\n .ql-size-small {\n font-size: 0.75em;\n }\n\n .ql-size-large {\n font-size: 1.5em;\n }\n\n .ql-size-huge {\n font-size: 2.5em;\n }\n\n .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n }\n\n .ql-align-center {\n text-align: center;\n }\n\n .ql-align-justify {\n text-align: justify;\n }\n\n .ql-align-right {\n text-align: end;\n }\n\n &.ql-blank::before {\n color: #{$black-6};\n content: attr(data-placeholder);\n font-style: italic;\n inset-inline-start: 15px;\n pointer-events: none;\n position: absolute;\n inset-inline-end: 15px;\n }\n}\n\n.ql-bubble {\n &.ql-toolbar:after, .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n }\n\n &.ql-toolbar button, .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n // float: $float-start;\n height: 24px;\n padding: 3px 5px;\n width: 28px;\n }\n\n &.ql-toolbar button svg, .ql-toolbar button svg {\n float: $float-start;\n height: 100%;\n }\n\n &.ql-toolbar button:active:hover, .ql-toolbar button:active:hover {\n outline: none;\n }\n\n &.ql-toolbar input.ql-image[type=file], .ql-toolbar input.ql-image[type=file] {\n display: none;\n }\n\n &.ql-toolbar button:hover, .ql-toolbar button:hover, &.ql-toolbar button:focus, .ql-toolbar button:focus, &.ql-toolbar button.ql-active, .ql-toolbar button.ql-active, &.ql-toolbar .ql-picker-label:hover, .ql-toolbar .ql-picker-label:hover, &.ql-toolbar .ql-picker-label.ql-active, .ql-toolbar .ql-picker-label.ql-active, &.ql-toolbar .ql-picker-item:hover, .ql-toolbar .ql-picker-item:hover, &.ql-toolbar .ql-picker-item.ql-selected, .ql-toolbar .ql-picker-item.ql-selected {\n color: $color;\n }\n\n &.ql-toolbar button:hover .ql-fill, .ql-toolbar button:hover .ql-fill, &.ql-toolbar button:focus .ql-fill, .ql-toolbar button:focus .ql-fill, &.ql-toolbar button.ql-active .ql-fill, .ql-toolbar button.ql-active .ql-fill, &.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-toolbar .ql-picker-label:hover .ql-fill, &.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-toolbar .ql-picker-label.ql-active .ql-fill, &.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-toolbar .ql-picker-item:hover .ql-fill, &.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-toolbar .ql-picker-item.ql-selected .ql-fill, &.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-toolbar button:hover .ql-stroke.ql-fill, &.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-toolbar button:focus .ql-stroke.ql-fill, &.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-toolbar button.ql-active .ql-stroke.ql-fill, &.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, &.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, &.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: $color;\n }\n\n &.ql-toolbar button:hover .ql-stroke, .ql-toolbar button:hover .ql-stroke, &.ql-toolbar button:focus .ql-stroke, .ql-toolbar button:focus .ql-stroke, &.ql-toolbar button.ql-active .ql-stroke, .ql-toolbar button.ql-active .ql-stroke, &.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-toolbar .ql-picker-label:hover .ql-stroke, &.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-toolbar .ql-picker-label.ql-active .ql-stroke, &.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-toolbar .ql-picker-item:hover .ql-stroke, &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, &.ql-toolbar button:hover .ql-stroke-miter, .ql-toolbar button:hover .ql-stroke-miter, &.ql-toolbar button:focus .ql-stroke-miter, .ql-toolbar button:focus .ql-stroke-miter, &.ql-toolbar button.ql-active .ql-stroke-miter, .ql-toolbar button.ql-active .ql-stroke-miter, &.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, &.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, &.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: $color;\n }\n\n box-sizing: border-box;\n\n * {\n box-sizing: border-box;\n }\n\n .ql-hidden {\n display: none;\n }\n\n .ql-out-bottom, .ql-out-top {\n visibility: hidden;\n }\n\n .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n\n a {\n cursor: pointer;\n text-decoration: none;\n }\n\n &.ql-flip {\n transform: translateY(-10px);\n }\n }\n\n .ql-formats {\n display: inline-block;\n vertical-align: middle;\n\n &:after {\n clear: both;\n content: '';\n display: table;\n }\n }\n\n .ql-stroke {\n fill: none;\n stroke: #{$color};\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n }\n\n .ql-stroke-miter {\n fill: none;\n stroke: #{$color};\n stroke-miterlimit: 10;\n stroke-width: 2;\n }\n\n .ql-fill, .ql-stroke.ql-fill {\n fill: #{$color};\n }\n\n .ql-empty {\n fill: none;\n }\n\n .ql-even {\n fill-rule: evenodd;\n }\n\n .ql-thin, .ql-stroke.ql-thin {\n stroke-width: 1;\n }\n\n .ql-transparent {\n opacity: 0.4;\n }\n\n .ql-direction {\n svg:last-child {\n display: none;\n }\n\n &.ql-active svg {\n &:last-child {\n display: inline;\n }\n\n &:first-child {\n display: none;\n }\n }\n }\n\n .ql-editor {\n h1 {\n font-size: 2em;\n }\n\n h2 {\n font-size: 1.5em;\n }\n\n h3 {\n font-size: 1.17em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n font-size: 0.83em;\n }\n\n h6 {\n font-size: 0.67em;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n border-inline-start: 4px solid #{$color};\n margin-block-end: 5px;\n margin-block-start: 5px;\n padding-inline-start: 16px;\n }\n\n code {\n background-color: #{$bg-hover};\n border-radius: 3px;\n }\n\n pre {\n background-color: #{$bg-hover};\n border-radius: 3px;\n white-space: pre-wrap;\n margin-block-end: 5px;\n margin-block-start: 5px;\n padding: 5px 10px;\n }\n\n code {\n font-size: 85%;\n padding: 2px 4px;\n }\n\n pre.ql-syntax {\n background-color: #{$bg-hover};\n color: #{$color};\n overflow: visible;\n }\n\n img {\n max-width: 100%;\n }\n }\n\n .ql-picker {\n color: #{$color};\n display: inline-block;\n font-size: 14px;\n font-weight: 500;\n height: 24px;\n position: relative;\n vertical-align: middle;\n }\n\n .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-inline-start: 8px;\n padding-inline-end: 2px;\n position: relative;\n width: 100%;\n\n &::before {\n display: inline-block;\n line-height: 22px;\n }\n }\n\n .ql-picker-options {\n background-color: #{$bg-hover};\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n\n .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-block-end: 5px;\n padding-block-start: 5px;\n }\n }\n\n .ql-picker.ql-expanded {\n .ql-picker-label {\n color: #{$color};\n z-index: 2;\n\n .ql-fill {\n fill: #{$color};\n }\n\n .ql-stroke {\n stroke: #{$color};\n }\n }\n\n .ql-picker-options {\n display: block;\n margin-block-start: -1px;\n inset-block-start: 100%;\n z-index: 1;\n }\n }\n\n .ql-color-picker, .ql-icon-picker {\n width: 28px;\n }\n\n .ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n }\n\n .ql-color-picker .ql-picker-label svg {\n inset-inline-end: 4px;\n }\n\n .ql-icon-picker {\n .ql-picker-label svg {\n inset-inline-end: 4px;\n }\n\n .ql-picker-options {\n padding: 4px 0px;\n }\n\n .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n }\n }\n\n .ql-color-picker {\n .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n }\n\n .ql-picker-item {\n border: 1px solid transparent;\n float: $float-start;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n }\n }\n\n .ql-picker {\n &:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-block-start: -9px;\n inset-inline-end: 0;\n inset-block-start: 50%;\n width: 18px;\n }\n\n &.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, &.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, &.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n }\n\n &.ql-header {\n width: 98px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Normal';\n }\n\n .ql-picker-label[data-value=\"1\"]::before, .ql-picker-item[data-value=\"1\"]::before {\n content: 'Heading 1';\n }\n\n .ql-picker-label[data-value=\"2\"]::before, .ql-picker-item[data-value=\"2\"]::before {\n content: 'Heading 2';\n }\n\n .ql-picker-label[data-value=\"3\"]::before, .ql-picker-item[data-value=\"3\"]::before {\n content: 'Heading 3';\n }\n\n .ql-picker-label[data-value=\"4\"]::before, .ql-picker-item[data-value=\"4\"]::before {\n content: 'Heading 4';\n }\n\n .ql-picker-label[data-value=\"5\"]::before, .ql-picker-item[data-value=\"5\"]::before {\n content: 'Heading 5';\n }\n\n .ql-picker-label[data-value=\"6\"]::before {\n content: 'Heading 6';\n }\n\n .ql-picker-item {\n &[data-value=\"6\"]::before {\n content: 'Heading 6';\n }\n\n &[data-value=\"1\"]::before {\n font-size: 2em;\n }\n\n &[data-value=\"2\"]::before {\n font-size: 1.5em;\n }\n\n &[data-value=\"3\"]::before {\n font-size: 1.17em;\n }\n\n &[data-value=\"4\"]::before {\n font-size: 1em;\n }\n\n &[data-value=\"5\"]::before {\n font-size: 0.83em;\n }\n\n &[data-value=\"6\"]::before {\n font-size: 0.67em;\n }\n }\n }\n\n &.ql-font {\n width: 108px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Sans Serif';\n }\n\n .ql-picker-label[data-value=serif]::before, .ql-picker-item[data-value=serif]::before {\n content: 'Serif';\n }\n\n .ql-picker-label[data-value=monospace]::before {\n content: 'Monospace';\n }\n\n .ql-picker-item {\n &[data-value=monospace]::before {\n content: 'Monospace';\n }\n\n &[data-value=serif]::before {\n font-family: Georgia, Times New Roman, serif;\n }\n\n &[data-value=monospace]::before {\n font-family: Monaco, Courier New, monospace;\n }\n }\n }\n\n &.ql-size {\n width: 98px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Normal';\n }\n\n .ql-picker-label[data-value=small]::before, .ql-picker-item[data-value=small]::before {\n content: 'Small';\n }\n\n .ql-picker-label[data-value=large]::before, .ql-picker-item[data-value=large]::before {\n content: 'Large';\n }\n\n .ql-picker-label[data-value=huge]::before {\n content: 'Huge';\n }\n\n .ql-picker-item {\n &[data-value=huge]::before {\n content: 'Huge';\n }\n\n &[data-value=small]::before {\n font-size: 10px;\n }\n\n &[data-value=large]::before {\n font-size: 18px;\n }\n\n &[data-value=huge]::before {\n font-size: 32px;\n }\n }\n }\n }\n\n .ql-color-picker {\n &.ql-background .ql-picker-item {\n background-color: rgb($white);\n }\n\n &.ql-color .ql-picker-item {\n background-color: #{$black};\n }\n }\n\n .ql-toolbar .ql-formats {\n margin-block-start: 8px;\n margin-inline-end: 12px;\n margin-block-end: 8px;\n margin-inline-start: 0;\n\n &:first-child {\n margin-inline-start: 12px;\n }\n }\n\n .ql-color-picker {\n svg {\n margin: 1px;\n }\n\n .ql-picker-item {\n &.ql-selected, &:hover {\n border-color: rgb($white);\n }\n }\n }\n\n .ql-tooltip {\n background-color: #{$bg-hover};\n border-radius: 25px;\n color: rgb($white);\n }\n\n .ql-tooltip-arrow {\n border-inline-start: 6px solid transparent;\n border-inline-end: 6px solid transparent;\n content: \" \";\n display: block;\n inset-inline-start: 50%;\n margin-inline-start: -6px;\n position: absolute;\n }\n\n .ql-tooltip {\n &:not(.ql-flip) .ql-tooltip-arrow {\n border-block-end: 6px solid #{$bg-hover};\n inset-block-start: -6px;\n }\n\n &.ql-flip .ql-tooltip-arrow {\n border-block-start: 6px solid #{$bg-hover};\n inset-block-end: -6px;\n }\n\n &.ql-editing {\n .ql-tooltip-editor {\n display: block;\n }\n\n .ql-formats {\n visibility: hidden;\n }\n }\n }\n\n .ql-tooltip-editor {\n display: none;\n\n input[type=text] {\n background: transparent;\n border: none;\n color: rgb($white);\n font-size: 13px;\n height: 100%;\n outline: none;\n padding: 10px 20px;\n position: absolute;\n width: 100%;\n }\n\n a {\n inset-block-start: 10px;\n position: absolute;\n inset-inline-end: 20px;\n\n &:before {\n color: #{$color};\n content: \"\\D7\";\n font-size: 16px;\n font-weight: bold;\n }\n }\n }\n}\n\n@media (pointer: coarse) {\n .ql-bubble {\n &.ql-toolbar button:hover:not(.ql-active), .ql-toolbar button:hover:not(.ql-active) {\n color: #{$color};\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-toolbar button:hover:not(.ql-active) .ql-fill, &.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #{$color};\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-toolbar button:hover:not(.ql-active) .ql-stroke, &.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #{$color};\n }\n }\n}\n\n.ql-container.ql-bubble:not(.ql-disabled) a {\n position: relative;\n white-space: nowrap;\n\n &::before {\n background-color: #{$bg-hover};\n border-radius: 15px;\n inset-block-start: -5px;\n font-size: 12px;\n color: rgb($white);\n content: attr(href);\n font-weight: normal;\n overflow: hidden;\n padding: 5px 15px;\n text-decoration: none;\n z-index: 1;\n }\n\n &::after {\n border-block-start: 6px solid #{$bg-hover};\n border-inline-start: 6px solid transparent;\n border-inline-end: 6px solid transparent;\n inset-block-start: 0;\n content: \" \";\n height: 0;\n width: 0;\n }\n\n &::before, &::after {\n inset-inline-start: 0;\n margin-inline-start: 50%;\n position: absolute;\n transform: translate(-50%, -100%);\n transition: visibility 0s ease 200ms;\n visibility: hidden;\n }\n\n &:hover {\n &::before, &::after {\n visibility: visible;\n }\n }\n}\n\n.ql-scrolling-demo .ql-container .ql-editor {\n font-size: 14px !important;\n overflow-y: visible !important;\n}", "/*!\n * Quill Editor v1.3.6\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n\n .ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n\n &.ql-disabled {\n .ql-tooltip {\n visibility: hidden;\n }\n\n .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n }\n }\n}\n\n.ql-clipboard {\n inset-inline-start: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n inset-block-start: 50%;\n\n p {\n margin: 0;\n padding: 0;\n }\n}\n\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: start;\n white-space: pre-wrap;\n word-wrap: break-word;\n\n > * {\n cursor: text;\n }\n\n p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n ol, ul {\n padding-inline-start: 1.5em;\n }\n\n ol > li {\n list-style-type: none;\n }\n\n ul {\n > li {\n list-style-type: none;\n\n &::before {\n content: '\\2022';\n }\n }\n\n &[data-checked=true], &[data-checked=false] {\n pointer-events: none;\n }\n\n &[data-checked=true] > li *, &[data-checked=false] > li * {\n pointer-events: all;\n }\n\n &[data-checked=true] > li::before, &[data-checked=false] > li::before {\n color: #{$color};\n cursor: pointer;\n pointer-events: all;\n }\n\n &[data-checked=true] > li::before {\n content: '\\2611';\n }\n\n &[data-checked=false] > li::before {\n content: '\\2610';\n }\n }\n\n li {\n &::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n }\n\n &:not(.ql-direction-rtl)::before {\n margin-inline-start: -1.5em;\n margin-inline-end: 0.3em;\n text-align: end;\n }\n\n &.ql-direction-rtl::before {\n margin-inline-start: 0.3em;\n margin-inline-end: -1.5em;\n }\n }\n\n ol li:not(.ql-direction-rtl), ul li:not(.ql-direction-rtl) {\n padding-inline-start: 1.5em;\n }\n\n ol li.ql-direction-rtl, ul li.ql-direction-rtl {\n padding-inline-end: 1.5em;\n }\n\n ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n\n &:before {\n content: counter(list-0, decimal) \". \";\n }\n\n &.ql-indent-1 {\n counter-increment: list-1;\n\n &:before {\n content: counter(list-1, lower-alpha) \". \";\n }\n\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-2 {\n counter-increment: list-2;\n\n &:before {\n content: counter(list-2, lower-roman) \". \";\n }\n\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-3 {\n counter-increment: list-3;\n\n &:before {\n content: counter(list-3, decimal) \". \";\n }\n\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-4 {\n counter-increment: list-4;\n\n &:before {\n content: counter(list-4, lower-alpha) \". \";\n }\n\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-5 {\n counter-increment: list-5;\n\n &:before {\n content: counter(list-5, lower-roman) \". \";\n }\n\n counter-reset: list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-6 {\n counter-increment: list-6;\n\n &:before {\n content: counter(list-6, decimal) \". \";\n }\n\n counter-reset: list-7 list-8 list-9;\n }\n\n &.ql-indent-7 {\n counter-increment: list-7;\n\n &:before {\n content: counter(list-7, lower-alpha) \". \";\n }\n\n counter-reset: list-8 list-9;\n }\n\n &.ql-indent-8 {\n counter-increment: list-8;\n\n &:before {\n content: counter(list-8, lower-roman) \". \";\n }\n\n counter-reset: list-9;\n }\n\n &.ql-indent-9 {\n counter-increment: list-9;\n\n &:before {\n content: counter(list-9, decimal) \". \";\n }\n }\n }\n\n .ql-indent-1:not(.ql-direction-rtl) {\n padding-inline-start: 3em;\n }\n\n li.ql-indent-1:not(.ql-direction-rtl) {\n padding-inline-start: 4.5em;\n }\n\n .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-inline-end: 3em;\n }\n\n li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-inline-end: 4.5em;\n }\n\n .ql-indent-2:not(.ql-direction-rtl) {\n padding-inline-start: 6em;\n }\n\n li.ql-indent-2:not(.ql-direction-rtl) {\n padding-inline-start: 7.5em;\n }\n\n .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-inline-end: 6em;\n }\n\n li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-inline-end: 7.5em;\n }\n\n .ql-indent-3:not(.ql-direction-rtl) {\n padding-inline-start: 9em;\n }\n\n li.ql-indent-3:not(.ql-direction-rtl) {\n padding-inline-start: 10.5em;\n }\n\n .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-inline-end: 9em;\n }\n\n li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-inline-end: 10.5em;\n }\n\n .ql-indent-4:not(.ql-direction-rtl) {\n padding-inline-start: 12em;\n }\n\n li.ql-indent-4:not(.ql-direction-rtl) {\n padding-inline-start: 13.5em;\n }\n\n .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-inline-end: 12em;\n }\n\n li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-inline-end: 13.5em;\n }\n\n .ql-indent-5:not(.ql-direction-rtl) {\n padding-inline-start: 15em;\n }\n\n li.ql-indent-5:not(.ql-direction-rtl) {\n padding-inline-start: 16.5em;\n }\n\n .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-inline-end: 15em;\n }\n\n li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-inline-end: 16.5em;\n }\n\n .ql-indent-6:not(.ql-direction-rtl) {\n padding-inline-start: 18em;\n }\n\n li.ql-indent-6:not(.ql-direction-rtl) {\n padding-inline-start: 19.5em;\n }\n\n .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-inline-end: 18em;\n }\n\n li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-inline-end: 19.5em;\n }\n\n .ql-indent-7:not(.ql-direction-rtl) {\n padding-inline-start: 21em;\n }\n\n li.ql-indent-7:not(.ql-direction-rtl) {\n padding-inline-start: 22.5em;\n }\n\n .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-inline-end: 21em;\n }\n\n li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-inline-end: 22.5em;\n }\n\n .ql-indent-8:not(.ql-direction-rtl) {\n padding-inline-start: 24em;\n }\n\n li.ql-indent-8:not(.ql-direction-rtl) {\n padding-inline-start: 25.5em;\n }\n\n .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-inline-end: 24em;\n }\n\n li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-inline-end: 25.5em;\n }\n\n .ql-indent-9:not(.ql-direction-rtl) {\n padding-inline-start: 27em;\n }\n\n li.ql-indent-9:not(.ql-direction-rtl) {\n padding-inline-start: 28.5em;\n }\n\n .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-inline-end: 27em;\n }\n\n li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-inline-end: 28.5em;\n }\n\n .ql-video {\n display: block;\n max-width: 100%;\n\n &.ql-align-center {\n margin: 0 auto;\n }\n\n &.ql-align-right {\n margin-block-start: 0;\n margin-inline-end: 0;\n margin-block-end: 0;\n margin-inline-start: auto;\n }\n }\n\n .ql-bg-black {\n background-color: #{$black};\n }\n\n .ql-bg-red {\n background-color: #{$danger};\n }\n\n .ql-bg-orange {\n background-color: #{$orange};\n }\n\n .ql-bg-yellow {\n background-color: #{$yellow};\n }\n\n .ql-bg-green {\n background-color: #{$success};\n }\n\n .ql-bg-blue {\n background-color: #{$info};\n }\n\n .ql-bg-purple {\n background-color: #{$purple};\n }\n\n .ql-color-white {\n color: rgb($white);\n }\n\n .ql-color-red {\n color: #{$danger};\n }\n\n .ql-color-orange {\n color: #{$orange};\n }\n\n .ql-color-yellow {\n color: #{$yellow};\n }\n\n .ql-color-green {\n color: #{$success};\n }\n\n .ql-color-blue {\n color: #{$info};\n }\n\n .ql-color-purple {\n color: #{$purple};\n }\n\n .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n }\n\n .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n }\n\n .ql-size-small {\n font-size: 0.75em;\n }\n\n .ql-size-large {\n font-size: 1.5em;\n }\n\n .ql-size-huge {\n font-size: 2.5em;\n }\n\n .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n }\n\n .ql-align-center {\n text-align: center;\n }\n\n .ql-align-justify {\n text-align: justify;\n }\n\n .ql-align-right {\n text-align: end;\n }\n\n &.ql-blank::before {\n color: #{$black-6};\n content: attr(data-placeholder);\n font-style: italic;\n inset-inline-start: 15px;\n pointer-events: none;\n position: absolute;\n inset-inline-end: 15px;\n }\n}\n\n.ql-snow {\n &.ql-toolbar:after, .ql-toolbar:after {\n clear: both;\n content: '';\n display: table;\n }\n\n &.ql-toolbar button, .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n float: $float-start;\n padding: 3px 5px;\n }\n\n &.ql-toolbar button svg, .ql-toolbar button svg {\n float: $float-start;\n height: 100%;\n }\n\n &.ql-toolbar button:active:hover, .ql-toolbar button:active:hover {\n outline: none;\n }\n\n &.ql-toolbar input.ql-image[type=file], .ql-toolbar input.ql-image[type=file] {\n display: none;\n }\n\n box-sizing: border-box;\n\n * {\n box-sizing: border-box;\n }\n\n .ql-hidden {\n display: none;\n }\n\n .ql-out-bottom, .ql-out-top {\n visibility: hidden;\n }\n\n .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n\n a {\n cursor: pointer;\n text-decoration: none;\n }\n\n &.ql-flip {\n transform: translateY(-10px);\n }\n }\n\n .ql-formats {\n display: inline-block;\n vertical-align: middle;\n\n &:after {\n clear: both;\n content: '';\n display: table;\n }\n }\n\n .ql-stroke {\n fill: none;\n stroke: #{$color};\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n }\n\n .ql-stroke-miter {\n fill: none;\n stroke: #{$color};\n stroke-miterlimit: 10;\n stroke-width: 2;\n }\n\n .ql-fill, .ql-stroke.ql-fill {\n fill: #{$color};\n }\n\n .ql-empty {\n fill: none;\n }\n\n .ql-even {\n fill-rule: evenodd;\n }\n\n .ql-thin, .ql-stroke.ql-thin {\n stroke-width: 1;\n }\n\n .ql-transparent {\n opacity: 0.4;\n }\n\n .ql-direction {\n svg:last-child {\n display: none;\n }\n\n &.ql-active svg {\n &:last-child {\n display: inline;\n }\n\n &:first-child {\n display: none;\n }\n }\n }\n\n .ql-editor {\n h1 {\n font-size: 2em;\n }\n\n h2 {\n font-size: 1.5em;\n }\n\n h3 {\n font-size: 1.17em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n font-size: 0.83em;\n }\n\n h6 {\n font-size: 0.67em;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n border-inline-start: 4px solid #{$color};\n margin-block-end: 5px;\n margin-block-start: 5px;\n padding-inline-start: 16px;\n }\n\n code {\n background-color: #{$bg-hover};\n border-radius: 3px;\n }\n\n pre {\n background-color: #{$bg-hover};\n border-radius: 3px;\n white-space: pre-wrap;\n margin-block-end: 5px;\n margin-block-start: 5px;\n padding: 5px 10px;\n }\n\n code {\n font-size: 85%;\n padding: 2px 4px;\n }\n\n pre.ql-syntax {\n background-color: #{$bg-hover};\n color: #{$color};\n overflow: visible;\n }\n\n img {\n max-width: 100%;\n }\n }\n\n .ql-picker {\n float: $float-start;\n font-size: 14px;\n font-weight: 500;\n position: relative;\n vertical-align: middle;\n }\n\n .ql-picker-label {\n cursor: pointer;\n height: 100%;\n padding-inline-end: 2px;\n position: relative;\n width: 100%;\n }\n\n .ql-picker-options {\n background-color: rgb($white);\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n\n .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-block-end: 5px;\n padding-block-start: 5px;\n }\n }\n\n .ql-picker.ql-expanded {\n .ql-picker-label {\n color: #{$color};\n z-index: 2;\n\n .ql-fill {\n fill: #{$color};\n }\n\n .ql-stroke {\n stroke: #{$color};\n }\n }\n\n .ql-picker-options {\n display: block;\n margin-block-start: -1px;\n inset-block-start: 100%;\n z-index: 1;\n }\n }\n\n .ql-color-picker, .ql-icon-picker {\n width: 28px;\n }\n\n .ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n }\n\n .ql-color-picker .ql-picker-label svg {\n inset-inline-end: 4px;\n }\n\n .ql-icon-picker {\n .ql-picker-label svg {\n inset-inline-end: 4px;\n }\n\n .ql-picker-options {\n padding: 4px 0px;\n }\n\n .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n }\n }\n\n .ql-color-picker {\n .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n }\n\n .ql-picker-item {\n border: 1px solid transparent;\n float: $float-start;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n }\n }\n\n .ql-picker {\n &:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-block-start: -9px;\n inset-block-start: 50%;\n width: 18px;\n }\n\n &.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, &.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, &.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, &.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {\n content: attr(data-label);\n }\n\n &.ql-header {\n width: 98px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Normal';\n }\n\n .ql-picker-label[data-value=\"1\"]::before, .ql-picker-item[data-value=\"1\"]::before {\n content: 'Heading 1';\n }\n\n .ql-picker-label[data-value=\"2\"]::before, .ql-picker-item[data-value=\"2\"]::before {\n content: 'Heading 2';\n }\n\n .ql-picker-label[data-value=\"3\"]::before, .ql-picker-item[data-value=\"3\"]::before {\n content: 'Heading 3';\n }\n\n .ql-picker-label[data-value=\"4\"]::before, .ql-picker-item[data-value=\"4\"]::before {\n content: 'Heading 4';\n }\n\n .ql-picker-label[data-value=\"5\"]::before, .ql-picker-item[data-value=\"5\"]::before {\n content: 'Heading 5';\n }\n\n .ql-picker-label[data-value=\"6\"]::before {\n content: 'Heading 6';\n }\n\n .ql-picker-item {\n &[data-value=\"6\"]::before {\n content: 'Heading 6';\n }\n\n &[data-value=\"1\"]::before {\n font-size: 2em;\n }\n\n &[data-value=\"2\"]::before {\n font-size: 1.5em;\n }\n\n &[data-value=\"3\"]::before {\n font-size: 1.17em;\n }\n\n &[data-value=\"4\"]::before {\n font-size: 1em;\n }\n\n &[data-value=\"5\"]::before {\n font-size: 0.83em;\n }\n\n &[data-value=\"6\"]::before {\n font-size: 0.67em;\n }\n }\n }\n\n &.ql-font {\n width: 108px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Sans Serif';\n }\n\n .ql-picker-label[data-value=serif]::before, .ql-picker-item[data-value=serif]::before {\n content: 'Serif';\n }\n\n .ql-picker-label[data-value=monospace]::before {\n content: 'Monospace';\n }\n\n .ql-picker-item {\n &[data-value=monospace]::before {\n content: 'Monospace';\n }\n\n &[data-value=serif]::before {\n font-family: Georgia, Times New Roman, serif;\n }\n\n &[data-value=monospace]::before {\n font-family: Monaco, Courier New, monospace;\n }\n }\n }\n\n &.ql-size {\n width: 98px;\n\n .ql-picker-label::before, .ql-picker-item::before {\n content: 'Normal';\n }\n\n .ql-picker-label[data-value=small]::before, .ql-picker-item[data-value=small]::before {\n content: 'Small';\n }\n\n .ql-picker-label[data-value=large]::before, .ql-picker-item[data-value=large]::before {\n content: 'Large';\n }\n\n .ql-picker-label[data-value=huge]::before {\n content: 'Huge';\n }\n\n .ql-picker-item {\n &[data-value=huge]::before {\n content: 'Huge';\n }\n\n &[data-value=small]::before {\n font-size: 10px;\n }\n\n &[data-value=large]::before {\n font-size: 18px;\n }\n\n &[data-value=huge]::before {\n font-size: 32px;\n }\n }\n }\n }\n\n .ql-color-picker {\n &.ql-background .ql-picker-item {\n background-color: rgb($white);\n }\n\n &.ql-color .ql-picker-item {\n background-color: #{$black};\n }\n }\n}\n\n@media (pointer: coarse) {\n .ql-snow {\n &.ql-toolbar button:hover:not(.ql-active), .ql-toolbar button:hover:not(.ql-active) {\n color: #{$color};\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-toolbar button:hover:not(.ql-active) .ql-fill, &.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #{$color};\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-toolbar button:hover:not(.ql-active) .ql-stroke, &.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #{$color};\n }\n }\n}\n\n.ql-toolbar.ql-snow {\n border: 1px solid #{$border};\n box-sizing: border-box;\n font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n\n .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: #{$shadow-color} 0 2px 8px;\n }\n\n .ql-picker.ql-expanded {\n .ql-picker-label, .ql-picker-options {\n border-color: #{$border};\n }\n }\n\n .ql-color-picker .ql-picker-item {\n &.ql-selected, &:hover {\n border-color: #{$black};\n }\n }\n\n + .ql-container.ql-snow {\n border-block-start: 0px;\n }\n}\n\n.ql-snow .ql-tooltip {\n background-color: rgb($white);\n border: 1px solid #{$border};\n box-shadow: 0px 0px 5px #{$shadow-color};\n color: #{$color};\n padding: 5px 12px;\n white-space: nowrap;\n margin-inline-start: 20rem;\n margin-block-start: -40px;\n\n &::before {\n content: \"Visit URL:\";\n line-height: 26px;\n margin-inline-end: 8px;\n }\n\n input[type=text] {\n display: none;\n border: 1px solid #{$border};\n font-size: 13px;\n height: 26px;\n margin: 0px;\n padding: 3px 5px;\n width: 170px;\n outline: none;\n }\n\n a {\n &.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n }\n\n &.ql-action::after {\n border-inline-end: 1px solid #{$border};\n content: 'Edit';\n margin-inline-start: 16px;\n padding-inline-end: 8px;\n }\n\n &.ql-remove::before {\n content: 'Remove';\n margin-inline-start: 8px;\n }\n\n line-height: 26px;\n }\n\n &.ql-editing {\n a {\n &.ql-preview, &.ql-remove {\n display: none;\n }\n }\n\n input[type=text] {\n display: inline-block;\n }\n\n a.ql-action::after {\n border-inline-end: 0px;\n content: 'Save';\n padding-inline-end: 0px;\n }\n }\n\n &[data-mode=link]::before {\n content: \"Enter link:\";\n }\n\n &[data-mode=formula]::before {\n content: \"Enter formula:\";\n }\n\n &[data-mode=video]::before {\n content: \"Enter video:\";\n }\n}\n\n.ql-container.ql-snow {\n border: 1px solid #{$border};\n}", ".jq-stars {\n display: inline-block;\n}\n\n.jq-rating-label {\n font-size: 22px;\n display: inline-block;\n position: relative;\n vertical-align: top;\n font-family: helvetica, arial, verdana;\n}\n\n.jq-star {\n width: 100px;\n height: 100px;\n display: inline-block;\n cursor: pointer;\n}\n\n.jq-star-svg {\n padding-inline-start: 3px;\n width: 100%;\n height: 100%;\n}\n\n.jq-star-svg path {\n /* stroke: #000; */\n stroke-linejoin: round;\n}\n\n/* un-used */\n\n.jq-shadow {\n -webkit-filter: drop-shadow(-2px -2px 2px #888);\n filter: drop-shadow(-2px -2px 2px #888);\n}", ".select2-container {\r\n box-sizing: border-box;\r\n display: inline-block;\r\n margin: 0;\r\n position: relative;\r\n vertical-align: middle;\r\n\r\n .select2-selection--single {\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n display: block;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n\r\n .select2-selection__rendered {\r\n display: block;\r\n padding-inline-start: 8px;\r\n padding-inline-end: 20px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n .select2-selection__clear {\r\n position: relative;\r\n }\r\n }\r\n\r\n // &[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\r\n // padding-inline-end: 8px;\r\n // padding-inline-start: 20px;\r\n // }\r\n\r\n .select2-selection--multiple {\r\n box-sizing: border-box;\r\n cursor: pointer;\r\n display: block;\r\n min-height: 32px;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n\r\n .select2-selection__rendered {\r\n display: inline-block;\r\n overflow: hidden;\r\n padding-inline-start: 8px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n }\r\n\r\n .select2-search--inline {\r\n float: $float-start;\r\n\r\n .select2-search__field {\r\n box-sizing: border-box;\r\n border: none;\r\n font-size: 100%;\r\n margin-block-start: 5px;\r\n padding: 0;\r\n\r\n &::-webkit-search-cancel-button {\r\n -webkit-appearance: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.select2-dropdown {\r\n background-color: rgb($white);\r\n border: 1px solid #{$border};\r\n border-radius: 4px;\r\n box-sizing: border-box;\r\n display: block;\r\n position: absolute;\r\n inset-inline-start: -100000px;\r\n width: 100%;\r\n z-index: 1051;\r\n}\r\n\r\n.select2-results {\r\n display: block;\r\n}\r\n\r\n.select2-results__options {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n.select2-results__option {\r\n padding: 6px;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n\r\n &[aria-selected] {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.select2-container--open {\r\n .select2-dropdown {\r\n inset-inline-start: 0;\r\n }\r\n\r\n .select2-dropdown--above {\r\n border-block-end: none;\r\n border-end-start-radius: 0;\r\n border-end-end-radius: 0;\r\n }\r\n\r\n .select2-dropdown--below {\r\n border-block-start: none;\r\n border-start-start-radius: 0;\r\n border-start-end-radius: 0;\r\n }\r\n}\r\n\r\n.select2-search--dropdown {\r\n display: block;\r\n padding: 4px;\r\n\r\n .select2-search__field {\r\n padding: 4px;\r\n width: 100%;\r\n box-sizing: border-box;\r\n\r\n &::-webkit-search-cancel-button {\r\n -webkit-appearance: none;\r\n }\r\n }\r\n\r\n &.select2-search--hide {\r\n display: none;\r\n }\r\n}\r\n\r\n.select2-close-mask {\r\n border: 0;\r\n margin: 0;\r\n padding: 0;\r\n display: block;\r\n position: fixed;\r\n inset-inline-start: 0;\r\n inset-block-start: 0;\r\n min-height: 100%;\r\n min-width: 100%;\r\n height: auto;\r\n width: auto;\r\n opacity: 0;\r\n z-index: 99;\r\n background-color: rgb($white);\r\n filter: alpha(opacity=0);\r\n}\r\n\r\n.select2-hidden-accessible {\r\n border: 0 !important;\r\n clip: rect(0 0 0 0) !important;\r\n -webkit-clip-path: inset(50%) !important;\r\n clip-path: inset(50%) !important;\r\n height: 1px !important;\r\n overflow: hidden !important;\r\n padding: 0 !important;\r\n position: absolute !important;\r\n width: 1px !important;\r\n white-space: nowrap !important;\r\n}\r\n\r\n.select2-container--default {\r\n .select2-selection--single {\r\n background-color: transparent;\r\n border: 1px solid $primary-02 !important;\r\n border-radius: 4px;\r\n\r\n .select2-selection__rendered {\r\n color: #{$default-color};\r\n line-height: 28px;\r\n }\r\n\r\n .select2-selection__clear {\r\n cursor: pointer;\r\n float: $float-end;\r\n font-weight: bold;\r\n }\r\n\r\n .select2-selection__placeholder {\r\n color: #{$color};\r\n }\r\n\r\n .select2-selection__arrow {\r\n height: 26px;\r\n position: absolute;\r\n inset-inline-end: 1px;\r\n width: 20px;\r\n\r\n b {\r\n border-color: #{$border} transparent transparent transparent;\r\n border-style: solid;\r\n border-width: 5px 4px 0;\r\n height: 0;\r\n inset-inline-start: 50%;\r\n margin-inline-start: -4px;\r\n margin-block-start: -2px;\r\n position: absolute;\r\n inset-block-start: 50%;\r\n width: 0;\r\n }\r\n }\r\n }\r\n\r\n // &[dir=\"rtl\"] .select2-selection--single {\r\n // .select2-selection__clear {\r\n // float: $float-start;\r\n // }\r\n\r\n // // .select2-selection__arrow {\r\n // // inset-inline-start: 1px;\r\n // // inset-inline-end: auto;\r\n // // }\r\n // }\r\n\r\n &.select2-container--disabled .select2-selection--single {\r\n background-color: #{$border};\r\n cursor: default;\r\n\r\n .select2-selection__clear {\r\n display: none;\r\n }\r\n }\r\n\r\n &.select2-container--open .select2-selection--single .select2-selection__arrow b {\r\n border-color: transparent transparent #{$gray-500} transparent;\r\n border-width: 0 4px 5px;\r\n }\r\n\r\n .select2-selection--multiple {\r\n background-color: rgb($white);\r\n border: 1px solid #{$border};\r\n border-radius: 4px;\r\n cursor: text;\r\n\r\n .select2-selection__rendered {\r\n box-sizing: border-box;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0 5px;\r\n width: 100%;\r\n\r\n li {\r\n list-style: none;\r\n }\r\n }\r\n\r\n .select2-selection__placeholder {\r\n color: #{$color};\r\n margin-block-start: 5px;\r\n float: $float-start;\r\n }\r\n\r\n .select2-selection__clear {\r\n cursor: pointer;\r\n float: $float-end;\r\n font-weight: bold;\r\n margin-block-start: 5px;\r\n margin-inline-end: 10px;\r\n }\r\n\r\n .select2-selection__choice {\r\n cursor: default;\r\n float: $float-start;\r\n }\r\n\r\n .select2-selection__choice__remove {\r\n cursor: pointer;\r\n font-weight: bold;\r\n margin-inline-end: 2px;\r\n\r\n &:hover {\r\n color: #{$white};\r\n }\r\n }\r\n }\r\n\r\n // &[dir=\"rtl\"] .select2-selection--multiple {\r\n\r\n // .select2-selection__choice,\r\n // .select2-selection__placeholder,\r\n // .select2-search--inline {\r\n // float: $float-end;\r\n // }\r\n\r\n // .select2-selection__choice {\r\n // margin-inline-start: 5px;\r\n // margin-inline-end: auto;\r\n // }\r\n\r\n // .select2-selection__choice__remove {\r\n // margin-inline-start: 2px;\r\n // margin-inline-end: auto;\r\n // }\r\n // }\r\n\r\n &.select2-container--disabled {\r\n .select2-selection--multiple {\r\n background-color: #{$border};\r\n cursor: default;\r\n }\r\n\r\n .select2-selection__choice__remove {\r\n display: none;\r\n }\r\n }\r\n\r\n &.select2-container--open {\r\n &.select2-container--above {\r\n\r\n .select2-selection--single,\r\n .select2-selection--multiple {\r\n border-start-start-radius: 0;\r\n border-start-end-radius: 0;\r\n }\r\n }\r\n\r\n &.select2-container--below {\r\n\r\n .select2-selection--single,\r\n .select2-selection--multiple {\r\n border-end-start-radius: 0;\r\n border-end-end-radius: 0;\r\n }\r\n }\r\n }\r\n\r\n .select2-search--dropdown .select2-search__field {\r\n border: 1px solid #{$border};\r\n }\r\n\r\n .select2-search--inline .select2-search__field {\r\n background: transparent;\r\n border: none;\r\n outline: 0;\r\n box-shadow: none;\r\n -webkit-appearance: textfield;\r\n }\r\n\r\n .select2-results>.select2-results__options {\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .select2-results__option {\r\n &[role=group] {\r\n padding: 0;\r\n }\r\n\r\n &[aria-disabled=true] {\r\n color: #{$color};\r\n }\r\n\r\n &[aria-selected=true] {\r\n background-color: rgb($white);\r\n }\r\n\r\n .select2-results__option {\r\n padding-inline-start: 1em;\r\n\r\n .select2-results__group {\r\n padding-inline-start: 0;\r\n }\r\n\r\n .select2-results__option {\r\n margin-inline-start: -1em;\r\n padding-inline-start: 2em;\r\n\r\n .select2-results__option {\r\n margin-inline-start: -2em;\r\n padding-inline-start: 3em;\r\n\r\n .select2-results__option {\r\n margin-inline-start: -3em;\r\n padding-inline-start: 4em;\r\n\r\n .select2-results__option {\r\n margin-inline-start: -4em;\r\n padding-inline-start: 5em;\r\n\r\n .select2-results__option {\r\n margin-inline-start: -5em;\r\n padding-inline-start: 6em;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n .select2-results__option--highlighted[aria-selected] {\r\n background-color: #{$primary};\r\n color: rgb($white);\r\n }\r\n\r\n .select2-results__group {\r\n cursor: default;\r\n display: block;\r\n padding: 6px;\r\n }\r\n}\r\n\r\n.select2-container--classic {\r\n .select2-selection--single {\r\n background-color: rgb($white);\r\n border: 1px solid #{$border};\r\n border-radius: 4px;\r\n outline: 0;\r\n background-image: -webkit-linear-gradient(top, rgb($white) 50%, #{$border} 100%);\r\n background-image: -o-linear-gradient(top, rgb($white) 50%, #{$border} 100%);\r\n background-image: linear-gradient(to bottom, rgb($white) 50%, #{$border} 100%);\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\r\n\r\n &:focus {\r\n border: 1px solid #{$primary};\r\n }\r\n\r\n .select2-selection__rendered {\r\n color: #{$default-color};\r\n line-height: 28px;\r\n }\r\n\r\n .select2-selection__clear {\r\n cursor: pointer;\r\n float: $float-end;\r\n font-weight: bold;\r\n margin-inline-end: 10px;\r\n }\r\n\r\n .select2-selection__placeholder {\r\n color: #{$color};\r\n }\r\n\r\n .select2-selection__arrow {\r\n background-color: rgb($white);\r\n border: none;\r\n border-inline-start: 1px solid #{$border};\r\n border-start-end-radius: 4px;\r\n border-end-end-radius: 4px;\r\n height: 26px;\r\n position: absolute;\r\n inset-block-start: 1px;\r\n inset-inline-end: 1px;\r\n width: 20px;\r\n background-image: -webkit-linear-gradient(top, #{$border} 50%, #{$border} 100%);\r\n background-image: -o-linear-gradient(top, #{$border} 50%, #{$border} 100%);\r\n background-image: linear-gradient(to bottom, #{$border} 50%, #{$border} 100%);\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);\r\n\r\n b {\r\n border-color: #{$border} transparent transparent transparent;\r\n border-style: solid;\r\n border-width: 5px 4px 0 4px;\r\n height: 0;\r\n inset-inline-start: 50%;\r\n margin-inline-start: -4px;\r\n margin-block-start: -2px;\r\n position: absolute;\r\n inset-block-start: 50%;\r\n width: 0;\r\n }\r\n }\r\n }\r\n\r\n // &[dir=\"rtl\"] .select2-selection--single {\r\n // .select2-selection__clear {\r\n // float: $float-start;\r\n // }\r\n\r\n // .select2-selection__arrow {\r\n // border: none;\r\n // border-inline-end: 1px solid #{$border};\r\n // border-radius: 0;\r\n // border-start-start-radius: 4px;\r\n // border-end-start-radius: 4px;\r\n // inset-inline-start: 1px;\r\n // inset-inline-end: auto;\r\n // }\r\n // }\r\n\r\n &.select2-container--open {\r\n .select2-selection--single {\r\n border: 1px solid #{$primary};\r\n\r\n .select2-selection__arrow {\r\n background: transparent;\r\n border: none;\r\n\r\n b {\r\n border-color: transparent transparent #{$border} transparent;\r\n border-width: 0 4px 5px 4px;\r\n }\r\n }\r\n }\r\n\r\n &.select2-container--above .select2-selection--single {\r\n border-block-start: none;\r\n border-start-start-radius: 0;\r\n border-start-end-radius: 0;\r\n background-image: -webkit-linear-gradient(top, rgb($white) 0%, #{$border} 50%);\r\n background-image: -o-linear-gradient(top, rgb($white) 0%, #{$border} 50%);\r\n background-image: linear-gradient(to bottom, rgb($white) 0%, #{$border} 50%);\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\r\n }\r\n\r\n &.select2-container--below .select2-selection--single {\r\n border-block-end: none;\r\n border-end-start-radius: 0;\r\n border-end-end-radius: 0;\r\n background-image: -webkit-linear-gradient(top, #{$border} 50%, rgb($white) 100%);\r\n background-image: -o-linear-gradient(top, #{$border} 50%, rgb($white) 100%);\r\n background-image: linear-gradient(to bottom, #{$border} 50%, rgb($white) 100%);\r\n background-repeat: repeat-x;\r\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);\r\n }\r\n }\r\n\r\n .select2-selection--multiple {\r\n background-color: rgb($white);\r\n border: 1px solid #{$border};\r\n border-radius: 4px;\r\n cursor: text;\r\n outline: 0;\r\n\r\n &:focus {\r\n border: 1px solid #{$primary};\r\n }\r\n\r\n .select2-selection__rendered {\r\n list-style: none;\r\n margin: 0;\r\n padding: 0 5px;\r\n }\r\n\r\n .select2-selection__clear {\r\n display: none;\r\n }\r\n\r\n .select2-selection__choice {\r\n background-color: rgb($white);\r\n border: 1px solid #{$border};\r\n border-radius: 4px;\r\n cursor: default;\r\n float: $float-start;\r\n margin-inline-end: 5px;\r\n margin-block-start: 5px;\r\n padding: 0 5px;\r\n }\r\n\r\n .select2-selection__choice__remove {\r\n color: #{$border};\r\n cursor: pointer;\r\n display: inline-block;\r\n font-weight: bold;\r\n margin-inline-end: 2px;\r\n\r\n &:hover {\r\n color: #{$color};\r\n }\r\n }\r\n }\r\n\r\n // &[dir=\"rtl\"] .select2-selection--multiple {\r\n // .select2-selection__choice {\r\n // float: $float-end;\r\n // margin-inline-start: 5px;\r\n // margin-inline-end: auto;\r\n // }\r\n\r\n // .select2-selection__choice__remove {\r\n // margin-inline-start: 2px;\r\n // margin-inline-end: auto;\r\n // }\r\n // }\r\n\r\n &.select2-container--open {\r\n .select2-selection--multiple {\r\n border: 1px solid #{$primary};\r\n }\r\n\r\n &.select2-container--above .select2-selection--multiple {\r\n border-block-start: none;\r\n border-start-start-radius: 0;\r\n border-start-end-radius: 0;\r\n }\r\n\r\n &.select2-container--below .select2-selection--multiple {\r\n border-block-end: none;\r\n border-end-start-radius: 0;\r\n border-end-end-radius: 0;\r\n }\r\n }\r\n\r\n .select2-search--dropdown .select2-search__field {\r\n border: 1px solid #{$border};\r\n outline: 0;\r\n }\r\n\r\n .select2-search--inline .select2-search__field {\r\n outline: 0;\r\n box-shadow: none;\r\n }\r\n\r\n .select2-dropdown {\r\n background-color: rgb($white);\r\n border: 1px solid transparent;\r\n }\r\n\r\n .select2-dropdown--above {\r\n border-block-end: none;\r\n }\r\n\r\n .select2-dropdown--below {\r\n border-block-start: none;\r\n }\r\n\r\n .select2-results>.select2-results__options {\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .select2-results__option {\r\n &[role=group] {\r\n padding: 0;\r\n }\r\n\r\n &[aria-disabled=true] {\r\n color: #{$default-color};\r\n }\r\n }\r\n\r\n .select2-results__option--highlighted[aria-selected] {\r\n background-color: #{$primary};\r\n color: rgb($white);\r\n }\r\n\r\n .select2-results__group {\r\n cursor: default;\r\n display: block;\r\n padding: 6px;\r\n }\r\n\r\n &.select2-container--open .select2-dropdown {\r\n border-color: #{$primary};\r\n }\r\n}\r\n\r\n.select2-container--default .select2-search--dropdown .select2-search__field {\r\n background-color: #{$white-2};\r\n}", "/* All the default sidebar styles */\n/* toggle button settings */\n/* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */\n/* Note: this also disables the navbar-header class positioning settings in small screens. */\n\n.navbar {\n &.navbar-static .navbar-header {\n float: $float-start;\n }\n \n .navbar-toggle {\n &.toggle-left {\n float: $float-start;\n margin-inline-start: 15px;\n }\n \n &.toggle-right {\n float: $float-end;\n margin-inline-end: 15px;\n }\n \n &.toggle-sidebar {\n display: block;\n }\n }\n }\n \n [data-bs-toggle=\"sidebar\"] {\n display: block;\n }\n \n /* sidebar settings */\n \n .sidebar-left {\n inset-inline-start: 0;\n }\n \n .sidebar-right {\n inset-inline-end: 0;\n }\n \n /* css to override hiding the sidebar according to different screen sizes */\n \n .row .sidebar {\n &.sidebar-left.sidebar-xs-show {\n inset-inline-start: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n \n &.sidebar-right.sidebar-xs-show {\n inset-inline-end: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n }\n \n /*right sidebar is untested */\n \n @media (min-width: 768px) {\n .row .sidebar {\n &.sidebar-left.sidebar-sm-show {\n inset-inline-start: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n \n &.sidebar-right.sidebar-sm-show {\n inset-inline-end: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n }\n \n /*right sidebar is untested */\n }\n \n @media (min-width: 992px) {\n .row .sidebar {\n &.sidebar-left.sidebar-md-show {\n inset-inline-start: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n \n &.sidebar-right.sidebar-md-show {\n inset-inline-end: 0;\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n }\n }\n \n @media (min-width: 1170px) {\n .row .sidebar {\n &.sidebar-left.sidebar-lg-show {\n inset-inline-start: 0;\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n \n &.sidebar-right.sidebar-lg-show {\n inset-inline-end: 0;\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n }\n }\n \n /* animation class - optional: without it the sidebar would just pop in and out*/\n \n .sidebar-animate {\n -webkit-transition: -webkit-transform 300ms ease;\n -moz-transition: -moz-transform 300ms ease;\n -o-transition: transform 300ms ease;\n transition: transform 300ms ease;\n }\n \n /* Left panel positioning classes */\n \n .sidebar {\n &.sidebar-left {\n -webkit-transform: translate(-100%, 0);\n -moz-transform: translate(-100%, 0);\n -ms-transform: translate(-100%, 0);\n -o-transform: translate(-100%, 0);\n transform: translate(-100%, 0);\n \n &.sidebar-open {\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n }\n \n &.sidebar-right {\n -webkit-transform: translate(100%, 0);\n -moz-transform: translate(100%, 0);\n -ms-transform: translate(100%, 0);\n -o-transform: translate(100%, 0);\n transform: translate(100%, 0);\n \n &.sidebar-open {\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n box-shadow: none;\n }\n }\n }", "@keyframes smartphoto {\n from {\n opacity: 0;\n }\n \n to {\n opacity: 1;\n }\n }\n \n @keyframes smartphoto-img-wrap {\n from {\n opacity: 0;\n }\n \n to {\n opacity: 1;\n }\n }\n \n @keyframes smartphoto-inner {\n from {\n transform: translate(0, 100px);\n }\n \n to {\n transform: translate(0, 0);\n }\n }\n \n @keyframes smartphoto-loader {\n 0% {\n opacity: .4;\n transform: rotate(0deg);\n }\n \n 50% {\n opacity: 1;\n transform: rotate(180deg);\n }\n \n 100% {\n opacity: .4;\n transform: rotate(360deg);\n }\n }\n \n @keyframes smartphoto-appear {\n 0% {\n display: none;\n opacity: 0;\n }\n \n 1% {\n display: block;\n opacity: 0;\n }\n \n 100% {\n display: block;\n opacity: 1;\n }\n }\n \n @keyframes smartphoto-hide {\n 0% {\n display: block;\n opacity: 1;\n }\n \n 99% {\n display: block;\n opacity: 0;\n }\n \n 100% {\n display: none;\n opacity: 0;\n }\n }\n \n .smartphoto {\n position: fixed;\n z-index: 9999;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n overflow: hidden;\n background-color: black;\n opacity: 1;\n font-family: sans-serif;\n cursor: pointer;\n -webkit-transition: opacity 0.3s ease-out;\n -moz-transition: opacity 0.3s ease-out;\n -ms-transition: opacity 0.3s ease-out;\n -o-transition: opacity 0.3s ease-out;\n transition: opacity 0.3s ease-out;\n transition: all 0.3s ease-out;\n animation-name: smartphoto;\n animation-duration: 0.3s;\n animation-timing-function: ease-out;\n \n &[aria-hidden=\"true\"] {\n display: none;\n }\n }\n \n .smartphoto-close {\n opacity: 0;\n }\n \n .smartphoto-count {\n display: inline-block;\n color: #FFF;\n font-size: 16px;\n }\n \n .smartphoto-header {\n display: block;\n box-sizing: border-box;\n position: fixed;\n z-index: 102;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 50px;\n padding: 15px;\n background-color: rgba(0, 0, 0, 0.2);\n }\n \n .smartphoto-content {\n display: block;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n }\n \n .smartphoto-dismiss {\n display: block;\n position: absolute;\n inset-block-start: 15px;\n inset-inline-end: 10px;\n width: 20px;\n height: 20px;\n padding: 0;\n border: none;\n background-color: transparent;\n background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik0xNTc2LjQyLDE0MDYuNzYsMjc4NCwxOTkuMTlhNTYuODYsNTYuODYsMCwwLDAsMC04MC4xOGwtNzguOTItNzguOTJhNTYuODYsNTYuODYsMCwwLDAtODAuMTgsMEwxNDE3LjMyLDEyNDcuNjYsMjA5Ljc1LDQwLjA5YTU2Ljg2LDU2Ljg2LDAsMCwwLTgwLjE4LDBMNTAuNjUsMTE5YTU2Ljg2LDU2Ljg2LDAsMCwwLDAsODAuMThMMTI1OC4yMywxNDA2Ljc2LDUwLjY1LDI2MTQuMzRhNTYuODYsNTYuODYsMCwwLDAsMCw4MC4xOGw3OC45Miw3OC45MmE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwTDE0MTcuMzIsMTU2NS44NiwyNjI0LjksMjc3My40NGE1Ni44Niw1Ni44NiwwLDAsMCw4MC4xOCwwbDc4LjkyLTc4LjkyYTU2Ljg2LDU2Ljg2LDAsMCwwLDAtODAuMThaIi8+PC9zdmc+);\n text-shadow: 0 1px 0 #FFF;\n color: #FFF;\n font-size: 30px;\n text-decoration: none;\n cursor: pointer;\n line-height: 1;\n }\n \n .smartphoto-body {\n position: relative;\n z-index: 102;\n width: 100%;\n height: 100%;\n margin: 0 auto;\n }\n \n .smartphoto-inner {\n position: relative;\n width: 100%;\n height: 100%;\n vertical-align: top;\n }\n \n .smartphoto-img {\n display: none;\n max-width: none;\n width: auto;\n height: auto;\n cursor: zoom-in;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n transition: transform 0.3s ease-out;\n -webkit-user-drag: none;\n \n &.active {\n display: block;\n }\n }\n \n .smartphoto-img-onmove {\n cursor: grab;\n cursor: -webkit-grab;\n transition: none;\n }\n \n .smartphoto-img-elasticmove {\n transition: transform 0.3s ease-out;\n }\n \n .smartphoto-img-wrap {\n display: inline-block;\n opacity: 1;\n -webkit-transition: opacity 0.3s ease-out;\n -moz-transition: opacity 0.3s ease-out;\n -ms-transition: opacity 0.3s ease-out;\n -o-transition: opacity 0.3s ease-out;\n transition: opacity 0.3s ease-out;\n animation-name: smartphoto-img-wrap;\n animation-duration: 0.3s;\n animation-timing-function: ease-out;\n }\n \n .smartphoto-img-left {\n transform: translateX(150%) !important;\n }\n \n .smartphoto-img-right {\n transform: translateX(-150%) !important;\n }\n \n .smartphoto-arrows {\n list-style-type: none;\n margin: 0;\n padding: 0;\n position: relative;\n z-index: 1002;\n inset-block-start: 50%;\n inset-inline-start: 0;\n opacity: 1;\n animation-name: smartphoto-appear;\n animation-duration: 0.3s;\n animation-timing-function: ease-out;\n \n &[aria-hidden=\"true\"] {\n animation-name: smartphoto-hide;\n display: none;\n }\n \n li {\n display: block;\n position: absolute;\n inset-block-start: 50%;\n width: 30px;\n height: 30px;\n margin-block-start: -20px;\n box-sizing: content-box;\n animation-duration: 0.3s;\n animation-timing-function: ease-out;\n animation-name: smartphoto-appear;\n \n &:focus {\n outline: none;\n }\n }\n \n [aria-hidden=\"true\"] {\n animation-name: smartphoto-hide;\n display: none;\n }\n \n a {\n display: block;\n width: 100%;\n height: 100%;\n text-decoration: none;\n }\n }\n \n .smartphoto-arrow-right {\n inset-inline-end: 0;\n padding: 5px 0;\n background-color: rgba(0, 0, 0, 0.5);\n \n a {\n background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiAiPjx0aXRsZT5pY29uPC90aXRsZT48cGF0aCBkPSJNMTgzNy44OCwxNDE3LjMyLDY0My41OSwyMjNhNzIuMjEsNzIuMjEsMCwwLDEsMC0xMDEuODJMNzQzLjgyLDIxYTcyLjIxLDcyLjIxLDAsMCwxLDEwMS44MiwwTDIwOTAuODMsMTI2Ni4xOWwxMDAuMjMsMTAwLjIzYTcyLjIxLDcyLjIxLDAsMCwxLDAsMTAxLjgyTDg0NS42NCwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwxLTEwMS44MiwwTDY0My41OSwyNzEzLjQyYTcyLjIxLDcyLjIxLDAsMCwxLDAtMTAxLjgyWiIvPjwvc3ZnPg==);\n }\n }\n \n .smartphoto-arrow-left {\n inset-inline-start: 0;\n padding: 5px 0;\n background-color: rgba(0, 0, 0, 0.5);\n \n a {\n background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0i44Os44Kk44Ok44O8XzEiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4MzQuNjUgMjgzNC42NSIgZmlsbD0iI0ZGRiI+PHRpdGxlPmljb248L3RpdGxlPjxwYXRoIGQ9Ik05OTYuNzcsMTQxNy4zMiwyMTkxLjA2LDIyM2E3Mi4yMSw3Mi4yMSwwLDAsMCwwLTEwMS44MkwyMDkwLjgzLDIxQTcyLjIxLDcyLjIxLDAsMCwwLDE5ODksMjFMNzQzLjgyLDEyNjYuMTksNjQzLjU5LDEzNjYuNDJhNzIuMjEsNzIuMjEsMCwwLDAsMCwxMDEuODJMMTk4OSwyODEzLjY1YTcyLjIxLDcyLjIxLDAsMCwwLDEwMS44MiwwbDEwMC4yMy0xMDAuMjNhNzIuMjEsNzIuMjEsMCwwLDAsMC0xMDEuODJaIi8+PC9zdmc+);\n }\n }\n \n .smartPhotoArrowHideIcon {\n display: none;\n }\n \n .smartphoto-nav {\n position: absolute;\n inset-block-end: 0;\n inset-inline-start: 0;\n width: 100%;\n opacity: 1;\n animation-name: smartphoto-appear;\n animation-duration: 0.3s;\n animation-timing-function: ease-out;\n \n &[aria-hidden=\"true\"] {\n animation-name: smartphoto-hide;\n display: none;\n }\n \n ul {\n display: block;\n overflow-x: auto;\n list-style: none;\n margin: 0;\n padding: 0;\n text-align: center;\n white-space: nowrap;\n -webkit-overflow-scrolling: touch;\n }\n \n li {\n display: inline-block;\n overflow: hidden;\n width: 50px;\n height: 50px;\n }\n \n a {\n display: block;\n width: 100%;\n height: 100%;\n background-color: #FFF;\n background-position: center center;\n background-size: cover;\n opacity: .5;\n \n &:focus {\n opacity: .8;\n }\n \n &.current {\n opacity: 1 !important;\n }\n }\n \n img {\n width: auto;\n height: 100%;\n }\n }\n \n .smartphoto-list {\n list-style-type: none;\n position: absolute;\n z-index: 101;\n inset-block-start: 0;\n inset-inline-start: 0;\n margin: 0;\n padding: 0;\n white-space: nowrap;\n \n li {\n display: block;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n transition: all 0.3s ease-out;\n \n &:focus {\n outline: none;\n }\n }\n }\n \n .smartphoto-list-onmove {\n transition: all 0.3s ease-out;\n }\n \n .smartphoto-caption {\n overflow: hidden;\n box-sizing: border-box;\n position: absolute;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 50px;\n padding: 0 50px;\n color: #FFF;\n font-size: 12px;\n text-align: center;\n line-height: 50px;\n white-space: nowrap;\n text-overflow: ellipsis;\n \n &:focus {\n outline: none;\n }\n }\n \n .smartphoto-loader-wrap {\n display: block;\n position: relative;\n z-index: 103;\n width: 0;\n height: 0;\n transform: translate(50vw, 50vh);\n }\n \n .smartphoto-loader {\n position: absolute;\n z-index: 101;\n inset-block-start: 0;\n inset-inline-start: 0;\n width: 30px;\n height: 30px;\n margin-block-start: -25px;\n margin-inline-start: -25px;\n border: 8px solid #17CDDD;\n border-inline-end-color: transparent;\n border-radius: 50%;\n animation: smartphoto-loader .5s infinite linear;\n }\n \n .smartphoto-img-clone {\n position: fixed;\n z-index: 100;\n inset-block-start: 0;\n inset-inline-start: 0;\n transition: all 0.3s ease-out;\n }\n \n .smartphoto-sr-only {\n overflow: hidden;\n position: absolute;\n width: 1px;\n height: 1px;\n margin: -1px;\n padding: 0;\n border: 0;\n clip: rect(0, 0, 0, 0);\n }\n \n .sidebar {\n box-shadow: none !important;\n }", "@font-face {\r\n\tfont-family: summernote;\r\n\tfont-style: normal;\r\n\tfont-weight: 400;\r\n\tfont-display: auto;\r\n\tsrc: url(../plugins/summernote-editor/font/summernote.eot);\r\n\tsrc: url(../plugins/summernote-editor/font/summernote.eot?#iefix) format(\"embedded-opentype\"), url(../plugins/summernote-editor/font/summernote.woff2) format(\"woff2\"), url(../plugins/summernote-editor/font/summernote.woff) format(\"woff\"), url(../plugins/summernote-editor/font/summernote.ttf) format(\"truetype\");\r\n }\r\n \r\n [class*=\" note-icon\"]:before, [class^=note-icon]:before {\r\n\tdisplay: inline-block;\r\n\tfont-family: summernote;\r\n\tfont-style: normal;\r\n\tfont-size: inherit;\r\n\ttext-decoration: inherit;\r\n\ttext-rendering: auto;\r\n\ttext-transform: none;\r\n\tvertical-align: middle;\r\n\t-moz-osx-font-smoothing: grayscale;\r\n\t-webkit-font-smoothing: antialiased;\r\n\tspeak-as: normal;\r\n }\r\n \r\n .note-icon-fw {\r\n\ttext-align: center;\r\n\twidth: 1.25em;\r\n }\r\n \r\n .note-icon-border {\r\n\tborder: .08em solid #{$border};\r\n\tborder-radius: .1em;\r\n\tpadding: 0.2em 0.25em 0.15em;\r\n }\r\n \r\n .note-icon-pull-left {\r\n\tfloat: $float-start;\r\n }\r\n \r\n .note-icon-pull-right {\r\n\tfloat: $float-end;\r\n }\r\n \r\n .note-icon {\r\n\t&.note-icon-pull-left {\r\n\t margin-inline-end: 0.3em;\r\n\t}\r\n \r\n\t&.note-icon-pull-right {\r\n\t margin-inline-start: 0.3em;\r\n\t}\r\n }\r\n \r\n .note-icon-align:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-center:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-indent:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-justify:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-left:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-outdent:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-align-right:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrow-circle-down:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrow-circle-left:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrow-circle-right:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrow-circle-up:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrows-alt:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrows-h:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-arrows-v:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-bold:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-caret:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-chain-broken:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-circle:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-close:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-code:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-col-after:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-col-before:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-col-remove:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-eraser:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-float-left:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-float-none:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-float-right:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-font:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-frame:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-italic:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-link:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-magic:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-menu-check:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-minus:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-orderedlist:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-pencil:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-picture:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-question:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-redo:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-rollback:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-row-above:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-row-below:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-row-remove:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-special-character:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-square:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-strikethrough:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-subscript:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-summernote:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-superscript:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-table:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-text-height:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-trash:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-underline:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-undo:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-unorderedlist:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-icon-video:before {\r\n\tcontent: \"\";\r\n }\r\n \r\n .note-editor {\r\n\tposition: relative;\r\n \r\n\t.note-dropzone {\r\n\t position: absolute;\r\n\t display: none;\r\n\t z-index: 100;\r\n\t color: #{$primary};\r\n\t background-color: rgb($white);\r\n\t opacity: 0.95;\r\n \r\n\t .note-dropzone-message {\r\n\t\tdisplay: table-cell;\r\n\t\tvertical-align: middle;\r\n\t\ttext-align: center;\r\n\t\tfont-size: 28px;\r\n\t\tfont-weight: 700;\r\n\t }\r\n \r\n\t &.hover {\r\n\t\tcolor: #{$primary-hover};\r\n\t }\r\n\t}\r\n \r\n\t&.dragover .note-dropzone {\r\n\t display: table;\r\n\t}\r\n \r\n\t.note-editing-area {\r\n\t position: relative;\r\n \r\n\t .note-editable {\r\n\t\toutline: none;\r\n \r\n\t\tsup {\r\n\t\t vertical-align: super;\r\n\t\t}\r\n \r\n\t\tsub {\r\n\t\t vertical-align: sub;\r\n\t\t}\r\n \r\n\t\timg {\r\n\t\t &.note-float-left {\r\n\t\t\tmargin-inline-end: 10px;\r\n\t\t }\r\n \r\n\t\t &.note-float-right {\r\n\t\t\tmargin-inline-start: 10px;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t&.note-airframe, &.note-frame {\r\n\t border: 1px solid #{$border};\r\n\t border-radius: 10px;\r\n\t overflow: hidden;\r\n\t}\r\n \r\n\t&.note-airframe.codeview .note-editing-area .note-editable, &.note-frame.codeview .note-editing-area .note-editable {\r\n\t display: none;\r\n\t}\r\n \r\n\t&.note-airframe.codeview .note-editing-area .note-codable, &.note-frame.codeview .note-editing-area .note-codable {\r\n\t display: block;\r\n\t}\r\n \r\n\t&.note-airframe .note-editing-area, &.note-frame .note-editing-area {\r\n\t overflow: hidden;\r\n\t}\r\n \r\n\t&.note-airframe .note-editing-area .note-editable, &.note-frame .note-editing-area .note-editable {\r\n\t padding: 10px;\r\n\t overflow: auto;\r\n\t word-wrap: break-word;\r\n\t min-height: 300px;\r\n\t}\r\n \r\n\t&.note-airframe .note-editing-area .note-editable[contenteditable=false], &.note-frame .note-editing-area .note-editable[contenteditable=false] {\r\n\t background-color: rgb($white);\r\n\t}\r\n \r\n\t&.note-airframe .note-editing-area .note-codable, &.note-frame .note-editing-area .note-codable {\r\n\t display: none;\r\n\t width: 100%;\r\n\t padding: 10px;\r\n\t border: none;\r\n\t box-shadow: none;\r\n\t font-family: Menlo, Monaco, monospace, sans-serif;\r\n\t font-size: 14px;\r\n\t color: #{$default-color};\r\n\t background-color: rgb($white);\r\n\t resize: none;\r\n\t outline: none;\r\n\t -ms-box-sizing: border-box;\r\n\t box-sizing: border-box;\r\n\t border-radius: 0;\r\n\t margin-block-end: 0;\r\n\t}\r\n \r\n\t&.note-airframe.fullscreen, &.note-frame.fullscreen {\r\n\t position: fixed;\r\n\t inset-block-start: 0;\r\n\t inset-inline-start: 0;\r\n\t width: 100% !important;\r\n\t z-index: 1050;\r\n\t}\r\n \r\n\t&.note-airframe.fullscreen .note-resizebar, &.note-frame.fullscreen .note-resizebar {\r\n\t display: none;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output, &.note-frame .note-status-output {\r\n\t display: block;\r\n\t width: 100%;\r\n\t font-size: 14px;\r\n\t line-height: 1.42857143;\r\n\t height: 20px;\r\n\t margin-block-end: 0;\r\n\t color: #{$color};\r\n\t border: 0;\r\n\t border-block-start: 1px solid #{$border};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output:empty, &.note-frame .note-status-output:empty {\r\n\t height: 0;\r\n\t border-block-start: 0 solid transparent;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .pull-right, &.note-frame .note-status-output .pull-right {\r\n\t float: $float-end !important;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-muted, &.note-frame .note-status-output .text-muted {\r\n\t color: #{$muted};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-primary, &.note-frame .note-status-output .text-primary {\r\n\t color: #{$primary};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-success, &.note-frame .note-status-output .text-success {\r\n\t color: #{$success};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-info, &.note-frame .note-status-output .text-info {\r\n\t color: #{$info};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-warning, &.note-frame .note-status-output .text-warning {\r\n\t color: #{$warning};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .text-danger, &.note-frame .note-status-output .text-danger {\r\n\t color: #{$danger};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert, &.note-frame .note-status-output .alert {\r\n\t margin: -7px 0 0;\r\n\t padding: 7px 10px 2px;\r\n\t border-radius: 0;\r\n\t color: #{$color};\r\n\t background-color: #{$bg-hover};\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert .note-icon, &.note-frame .note-status-output .alert .note-icon {\r\n\t margin-inline-end: 5px;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert-success, &.note-frame .note-status-output .alert-success {\r\n\t color: #{$success} !important;\r\n\t background-color: rgba($success,0.3) !important;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert-info, &.note-frame .note-status-output .alert-info {\r\n\t color: #{$info} !important;\r\n\t background-color: rgba($info,0.3) !important;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert-warning, &.note-frame .note-status-output .alert-warning {\r\n\t color: #{$warning} !important;\r\n\t background-color: rgba($warning,0.3) !important;\r\n\t}\r\n \r\n\t&.note-airframe .note-status-output .alert-danger, &.note-frame .note-status-output .alert-danger {\r\n\t color: #{$danger} !important;\r\n\t background-color: rgba($danger,0.3) !important;\r\n\t}\r\n \r\n\t&.note-airframe .note-statusbar, &.note-frame .note-statusbar {\r\n\t background-color: rgb($white);\r\n\t border-end-start-radius: 4px;\r\n\t border-end-end-radius: 4px;\r\n\t border-block-start: 1px solid #{$border};\r\n\t}\r\n \r\n\t&.note-airframe .note-statusbar .note-resizebar, &.note-frame .note-statusbar .note-resizebar {\r\n\t padding-block-start: 1px;\r\n\t height: 9px;\r\n\t width: 100%;\r\n\t cursor: ns-resize;\r\n\t}\r\n \r\n\t&.note-airframe .note-statusbar .note-resizebar .note-icon-bar, &.note-frame .note-statusbar .note-resizebar .note-icon-bar {\r\n\t width: 20px;\r\n\t margin: 1px auto;\r\n\t border-block-start: 1px solid #{$border};\r\n\t}\r\n \r\n\t&.note-airframe .note-statusbar.locked .note-resizebar, &.note-frame .note-statusbar.locked .note-resizebar {\r\n\t cursor: default;\r\n\t}\r\n \r\n\t&.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, &.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {\r\n\t display: none;\r\n\t}\r\n \r\n\t&.note-airframe .note-placeholder, &.note-frame .note-placeholder {\r\n\t padding: 10px;\r\n\t}\r\n \r\n\t&.note-airframe {\r\n\t border: 0;\r\n \r\n\t .note-editing-area .note-editable {\r\n\t\tpadding: 0;\r\n\t }\r\n\t}\r\n }\r\n \r\n .note-popover.popover {\r\n\tdisplay: none;\r\n\tmax-width: none;\r\n \r\n\t.popover-content a {\r\n\t display: inline-block;\r\n\t max-width: 200px;\r\n\t overflow: hidden;\r\n\t text-overflow: ellipsis;\r\n\t white-space: nowrap;\r\n\t vertical-align: middle;\r\n\t}\r\n \r\n\t.arrow {\r\n\t inset-inline-start: 20px !important;\r\n\t}\r\n }\r\n \r\n .note-toolbar {\r\n\tposition: relative;\r\n }\r\n \r\n .note-editor .note-toolbar, .note-popover .popover-content {\r\n\tmargin: 0;\r\n\tpadding-block-start: 0;\r\n\tpadding-inline-start: 0;\r\n\tpadding-block-end: 5px;\r\n\tpadding-inline-end: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar > .note-btn-group, .note-popover .popover-content > .note-btn-group {\r\n\tmargin-block-start: 5px;\r\n\tmargin-inline-start: 0;\r\n\tmargin-inline-end: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-btn-group .note-table, .note-popover .popover-content .note-btn-group .note-table {\r\n\tmin-width: 0;\r\n\tpadding: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {\r\n\tfont-size: 18px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {\r\n\tposition: absolute !important;\r\n\tz-index: 3;\r\n\twidth: 10em;\r\n\theight: 10em;\r\n\tcursor: pointer;\r\n }\r\n \r\n .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {\r\n\tposition: relative !important;\r\n\tz-index: 1;\r\n\twidth: 5em;\r\n\theight: 5em;\r\n\tbackground: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC\") repeat;\r\n }\r\n \r\n .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {\r\n\tposition: absolute !important;\r\n\tz-index: 2;\r\n\twidth: 1em;\r\n\theight: 1em;\r\n\tbackground: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC\") repeat;\r\n }\r\n \r\n .note-editor .note-toolbar .note-style .dropdown-style {\r\n\tblockquote, pre {\r\n\t margin: 0;\r\n\t padding: 5px 10px;\r\n\t}\r\n }\r\n \r\n .note-popover .popover-content .note-style .dropdown-style {\r\n\tblockquote, pre {\r\n\t margin: 0;\r\n\t padding: 5px 10px;\r\n\t}\r\n }\r\n \r\n .note-editor .note-toolbar .note-style .dropdown-style {\r\n\th1, h2, h3, h4, h5, h6, p {\r\n\t margin: 0;\r\n\t padding: 0;\r\n\t}\r\n }\r\n \r\n .note-popover .popover-content .note-style .dropdown-style {\r\n\th1, h2, h3, h4, h5, h6, p {\r\n\t margin: 0;\r\n\t padding: 0;\r\n\t}\r\n }\r\n \r\n .note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {\r\n\tmin-width: 337px !important;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {\r\n\twidth: 28px;\r\n\tpadding-inline-start: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {\r\n\tdisplay: inline-block;\r\n\tmargin: 0;\r\n\twidth: 160px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {\r\n\tmargin: 0 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {\r\n\tfont-size: 12px;\r\n\tmargin: 2px 7px;\r\n\ttext-align: center;\r\n\tborder-block-end: 1px solid #{$border};\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {\r\n\t.note-color-reset, .note-color-select {\r\n\t font-size: 11px;\r\n\t margin: 3px;\r\n\t padding: 0 3px;\r\n\t cursor: pointer;\r\n\t width: 100%;\r\n\t border-radius: 5px;\r\n\t}\r\n }\r\n \r\n .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {\r\n\t.note-color-reset, .note-color-select {\r\n\t font-size: 11px;\r\n\t margin: 3px;\r\n\t padding: 0 3px;\r\n\t cursor: pointer;\r\n\t width: 100%;\r\n\t border-radius: 5px;\r\n\t}\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {\r\n\t.note-color-reset:hover, .note-color-select:hover {\r\n\t background: #{$border};\r\n\t}\r\n }\r\n \r\n .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {\r\n\t.note-color-reset:hover, .note-color-select:hover {\r\n\t background: #{$border};\r\n\t}\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {\r\n\theight: 20px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {\r\n\tdisplay: none;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {\r\n\tborder: 1px solid #{$border};\r\n }\r\n \r\n .note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {\r\n\tmin-width: 245px !important;\r\n\tpadding: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div, .note-popover .popover-content .note-para .note-dropdown-menu > div + div {\r\n\tmargin-inline-start: 5px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {\r\n\tmin-width: 160px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu.right, .note-popover .popover-content .note-dropdown-menu.right {\r\n\tinset-inline-end: 0;\r\n\tinset-inline-start:auto;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu.right:before, .note-popover .popover-content .note-dropdown-menu.right:before {\r\n\tinset-inline-end: 9px;\r\n\tinset-inline-start:auto !important;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu.right:after, .note-popover .popover-content .note-dropdown-menu.right:after {\r\n\tinset-inline-end: 10px;\r\n\tinset-inline-start:auto !important;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu.note-check a i, .note-popover .popover-content .note-dropdown-menu.note-check a i {\r\n\tcolor: #00bfff;\r\n\tvisibility: hidden;\r\n }\r\n \r\n .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i, .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {\r\n\tvisibility: visible;\r\n }\r\n \r\n .note-editor .note-toolbar .note-fontsize-10, .note-popover .popover-content .note-fontsize-10 {\r\n\tfont-size: 10px;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color-palette, .note-popover .popover-content .note-color-palette {\r\n\tline-height: 1;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color-palette div .note-color-btn, .note-popover .popover-content .note-color-palette div .note-color-btn {\r\n\twidth: 20px;\r\n\theight: 20px;\r\n\tpadding: 0;\r\n\tmargin: 0;\r\n\tborder: 0;\r\n\tborder-radius: 0;\r\n }\r\n \r\n .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover, .note-popover .popover-content .note-color-palette div .note-color-btn:hover {\r\n\ttransform: scale(1.2);\r\n\ttransition: all 0.2s;\r\n }\r\n \r\n .note-modal {\r\n\t.modal-dialog {\r\n\t outline: 0;\r\n\t border-radius: 5px;\r\n\t box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\r\n\t}\r\n \r\n\t.form-group {\r\n\t margin-inline-start: 0;\r\n\t margin-inline-end: 0;\r\n\t}\r\n \r\n\t.note-modal-form {\r\n\t margin: 0;\r\n\t}\r\n \r\n\t.note-image-dialog .note-dropzone {\r\n\t min-height: 100px;\r\n\t font-size: 30px;\r\n\t line-height: 4;\r\n\t color: #d3d3d3;\r\n\t text-align: center;\r\n\t border: 4px dashed #d3d3d3;\r\n\t margin-block-end: 10px;\r\n\t}\r\n }\r\n \r\n @-moz-document url-prefix() {\r\n\t.note-modal .note-image-input {\r\n\t height: auto;\r\n\t}\r\n }\r\n \r\n .note-placeholder {\r\n\tposition: absolute;\r\n\tdisplay: none;\r\n\tcolor: grey;\r\n }\r\n \r\n .note-handle .note-control-selection {\r\n\tposition: absolute;\r\n\tdisplay: none;\r\n\tborder: 1px solid #{$color};\r\n \r\n\t> div {\r\n\t position: absolute;\r\n\t}\r\n \r\n\t.note-control-selection-bg {\r\n\t width: 100%;\r\n\t height: 100%;\r\n\t background-color: #{$color};\r\n\t -webkit-opacity: .3;\r\n\t -khtml-opacity: .3;\r\n\t -moz-opacity: .3;\r\n\t opacity: .3;\r\n\t -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);\r\n\t filter: alpha(opacity = 30);\r\n\t}\r\n \r\n\t.note-control-handle, .note-control-holder {\r\n\t width: 7px;\r\n\t height: 7px;\r\n\t border: 1px solid #{$color};\r\n\t}\r\n \r\n\t.note-control-sizing {\r\n\t width: 7px;\r\n\t height: 7px;\r\n\t border: 1px solid #{$color};\r\n\t background-color: #{$color};\r\n\t}\r\n \r\n\t.note-control-nw {\r\n\t inset-block-start: -5px;\r\n\t inset-inline-start: -5px;\r\n\t border-inline-end: none;\r\n\t border-block-end: none;\r\n\t}\r\n \r\n\t.note-control-ne {\r\n\t inset-block-start: -5px;\r\n\t inset-inline-end: -5px;\r\n\t border-block-end: none;\r\n\t border-inline-start: none;\r\n\t}\r\n \r\n\t.note-control-sw {\r\n\t inset-block-end: -5px;\r\n\t inset-inline-start: -5px;\r\n\t border-block-start: none;\r\n\t border-inline-end: none;\r\n\t}\r\n \r\n\t.note-control-se {\r\n\t inset-inline-end: -5px;\r\n\t inset-block-end: -5px;\r\n\t cursor: se-resize;\r\n \r\n\t &.note-control-holder {\r\n\t\tcursor: default;\r\n\t\tborder-block-start: none;\r\n\t\tborder-inline-start: none;\r\n\t }\r\n\t}\r\n \r\n\t.note-control-selection-info {\r\n\t inset-inline-end: 0;\r\n\t inset-block-end: 0;\r\n\t padding: 5px;\r\n\t margin: 5px;\r\n\t color: rgb($white);\r\n\t background-color: #{$color};\r\n\t font-size: 12px;\r\n\t border-radius: 5px;\r\n\t -webkit-opacity: .7;\r\n\t -khtml-opacity: .7;\r\n\t -moz-opacity: .7;\r\n\t opacity: .7;\r\n\t -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);\r\n\t filter: alpha(opacity = 70);\r\n\t}\r\n }\r\n \r\n .note-hint-popover {\r\n\tmin-width: 100px;\r\n\tpadding: 2px;\r\n \r\n\t.popover-content {\r\n\t padding: 3px;\r\n\t max-height: 150px;\r\n\t overflow: auto;\r\n \r\n\t .note-hint-group .note-hint-item {\r\n\t\tdisplay: block !important;\r\n\t\tpadding: 3px;\r\n \r\n\t\t&.active, &:hover {\r\n\t\t display: block;\r\n\t\t clear: both;\r\n\t\t font-weight: 400;\r\n\t\t line-height: 1.4;\r\n\t\t color: rgb($white);\r\n\t\t white-space: nowrap;\r\n\t\t text-decoration: none;\r\n\t\t background-color: #428bca;\r\n\t\t outline: 0;\r\n\t\t cursor: pointer;\r\n\t\t}\r\n\t }\r\n\t}\r\n }\r\n \r\n .note-btn {\r\n\t&.dropdown-toggle::after {\r\n\t display: none;\r\n\t}\r\n \r\n\tborder-radius: 0px;\r\n }\r\n \r\n .note-editor.note-frame.panel.panel-default .panel-heading {\r\n\tbackground-color: rgb($white);\r\n\tborder-block-end: 1px solid #{$border};\r\n }\r\n \r\n .note-btn.btn-default {\r\n\tbackground-color: rgb($white);\r\n\tborder-color: #{$border};\r\n }\r\n \r\n .note-editor {\r\n\t.btn-default:not(:disabled):not(.disabled):active {\r\n\t background-color: #{$bg-hover};\r\n\t}\r\n \r\n\t.btn-group .btn + .btn-group {\r\n\t border-inline-start: 0px !important;\r\n\t}\r\n }\r\n \r\n .panel-default.fullscreen .note-editable {\r\n\tbackground-color: rgb($white);\r\n }\r\n \r\n .note-btn {\r\n\t&.btn.btn-default.btn-sm {\r\n\t line-height: 1.84615385;\r\n\t}\r\n \r\n\t&.btn-default:not(:disabled):not(.disabled).active {\r\n\t color: #{$color};\r\n\t background-color: #{$bg-hover};\r\n\t border-color: #{$border};\r\n\t}\r\n }", ".SumoSelect {\r\n\tp {\r\n\t margin: 0;\r\n\t}\r\n \r\n\twidth: 200px;\r\n }\r\n \r\n .SelectBox {\r\n\tpadding: 5px 8px;\r\n }\r\n \r\n .sumoStopScroll {\r\n\toverflow: hidden;\r\n }\r\n \r\n /* Filtering style */\r\n \r\n .SumoSelect {\r\n\t.hidden {\r\n\t display: none;\r\n\t}\r\n \r\n\t.search-txt {\r\n\t display: none;\r\n\t outline: none;\r\n\t}\r\n \r\n\t.no-match {\r\n\t display: none;\r\n\t padding: 6px;\r\n\t}\r\n \r\n\t&.open {\r\n\t .search-txt {\r\n\t\tdisplay: inline-block;\r\n\t\tposition: absolute;\r\n\t\tinset-block-start: 0;\r\n\t\tinset-inline-start:0;\r\n\t\twidth: 100%;\r\n\t\tmargin: 0;\r\n\t\tpadding: 5px 8px;\r\n\t\tborder: none;\r\n\t\t-webkit-box-sizing: border-box;\r\n\t\t-moz-box-sizing: border-box;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 5px;\r\n\t }\r\n \r\n\t > .search > {\r\n\t\tspan, label {\r\n\t\t visibility: hidden;\r\n\t\t}\r\n\t }\r\n\t}\r\n }\r\n \r\n /*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */\r\n \r\n .SelectClass, .SumoUnder {\r\n\tposition: absolute;\r\n\tinset-block-start: 0;\r\n\tinset-inline-start:0;\r\n\tinset-inline-end: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tborder: none;\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n\tfilter: alpha(opacity = 0);\r\n\t-moz-opacity: 0;\r\n\t-khtml-opacity: 0;\r\n\topacity: 0;\r\n }\r\n \r\n .SelectClass {\r\n\tz-index: 1;\r\n }\r\n \r\n .SumoSelect {\r\n\t> {\r\n\t .optWrapper > .options li.opt label, .CaptionCont {\r\n\t\tuser-select: none;\r\n\t\t-o-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t }\r\n\t}\r\n \r\n\t.select-all > label {\r\n\t user-select: none;\r\n\t -o-user-select: none;\r\n\t -moz-user-select: none;\r\n\t -khtml-user-select: none;\r\n\t -webkit-user-select: none;\r\n\t}\r\n \r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\toutline: none;\r\n\twidth: 100%;\r\n \r\n\t&:focus > .CaptionCont {\r\n\t border-color: #{$border};\r\n\t}\r\n \r\n\t> {\r\n\t .CaptionCont {\r\n\t\tposition: relative;\r\n\t\tborder: 1px solid #{$border};\r\n\t\tcolor: #{$color};\r\n\t\tmin-height: 14px;\r\n\t\tbackground-color: rgb($white);\r\n\t\tborder-radius: 5px;\r\n\t\tmargin: 0;\r\n\t\theight: 40px;\r\n\t\tline-height: 30px;\r\n \r\n\t\t> {\r\n\t\t span {\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding-inline-end: 30px;\r\n\t\t\ttext-overflow: ellipsis;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow: hidden;\r\n\t\t\tcursor: default;\r\n \r\n\t\t\t&.placeholder {\r\n\t\t\t color: #{$default-color};\r\n\t\t\t}\r\n\t\t }\r\n \r\n\t\t label {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset-block-start: 0;\r\n\t\t\tinset-inline-end: 0;\r\n\t\t\tinset-block-end: 0;\r\n\t\t\twidth: 30px;\r\n \r\n\t\t\t> i:before {\r\n\t\t\t display: inline-block;\r\n\t\t\t width: 0;\r\n\t\t\t height: 0;\r\n\t\t\t margin-inline-start: .255em;\r\n\t\t\t vertical-align: .255em;\r\n\t\t\t content: \"\";\r\n\t\t\t border-block-start: .3em solid;\r\n\t\t\t border-inline-end: .3em solid transparent;\r\n\t\t\t border-block-end: 0;\r\n\t\t\t border-inline-start: .3em solid transparent;\r\n\t\t\t margin-block-start: 17px;\r\n\t\t\t}\r\n\t\t }\r\n\t\t}\r\n\t }\r\n \r\n\t .optWrapper {\r\n\t\tdisplay: none;\r\n\t\tz-index: 1000;\r\n\t\tinset-block-start: 30px;\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\tinset-inline-start:0;\r\n\t\t-webkit-box-sizing: border-box;\r\n\t\t-moz-box-sizing: border-box;\r\n\t\tbox-sizing: border-box;\r\n\t\tbackground: rgb($white);\r\n\t\toverflow: hidden;\r\n\t }\r\n\t}\r\n \r\n\t&.open > .optWrapper {\r\n\t inset-block-start: 38px;\r\n\t display: block;\r\n\t box-shadow: 0 8px 16px 0 #{$shadow-color};\r\n\t border: 1px solid #{$border};\r\n\t margin: 0;\r\n\t padding: 0;\r\n \r\n\t &.up {\r\n\t\tinset-block-start: auto;\r\n\t\tinset-block-end: 100%;\r\n\t\tmargin-block-end: 5px;\r\n\t }\r\n\t}\r\n \r\n\t> .optWrapper {\r\n\t ul {\r\n\t\tlist-style: none;\r\n\t\tdisplay: block;\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t\toverflow: auto;\r\n\t }\r\n \r\n\t > .options {\r\n\t\tborder-radius: 2px;\r\n\t\tposition: relative;\r\n \r\n\t\t/*Set the height of pop up here (only for desktop mode)*/\r\n\t\tmax-height: 250px;\r\n \r\n\t\t/*height*/\r\n\t }\r\n \r\n\t &.okCancelInMulti > .options {\r\n\t\tborder-start-start-radius: 2px;\r\n\t\tborder-start-end-radius: 2px;\r\n\t\tborder-end-end-radius: 0;\r\n\t\tborder-end-start-radius: 0;\r\n\t }\r\n \r\n\t &.selall {\r\n\t\t> .options {\r\n\t\t border-start-start-radius: 0;\r\n\t\t border-start-end-radius: 0;\r\n\t\t border-end-end-radius: 2px;\r\n\t\t border-end-start-radius: 2px;\r\n\t\t}\r\n \r\n\t\t&.okCancelInMulti > .options {\r\n\t\t border-radius: 0;\r\n\t\t}\r\n\t }\r\n \r\n\t > .options li {\r\n\t\t&.group.disabled > label {\r\n\t\t opacity: 0.5;\r\n\t\t}\r\n \r\n\t\tul li.opt {\r\n\t\t padding-inline-start: 22px;\r\n\t\t}\r\n\t }\r\n \r\n\t &.multiple > .options li ul li.opt {\r\n\t\tpadding-inline-start: 50px;\r\n\t }\r\n \r\n\t &.isFloating > .options {\r\n\t\tmax-height: 100%;\r\n\t }\r\n \r\n\t > .options {\r\n\t\tli.opt {\r\n\t\t padding: 8px 15px;\r\n\t\t position: relative;\r\n\t\t border-block-end: 1px solid #{$border};\r\n\t\t}\r\n \r\n\t\t> li.opt:first-child {\r\n\t\t border-start-start-radius: 2px;\r\n\t\t border-start-end-radius: 2px;\r\n\t\t border-end-end-radius: 0;\r\n\t\t border-end-start-radius: 0;\r\n\t\t}\r\n\t }\r\n \r\n\t &.selall > .options > li.opt:first-child {\r\n\t\tborder-radius: 0;\r\n\t }\r\n \r\n\t > .options > li.opt:last-child {\r\n\t\tborder-start-start-radius: 0;\r\n\t\tborder-start-end-radius: 0;\r\n\t\tborder-end-end-radius: 2px;\r\n\t\tborder-end-start-radius: 2px;\r\n\t\tborder-block-end: none;\r\n\t }\r\n \r\n\t &.okCancelInMulti > .options > li.opt:last-child {\r\n\t\tborder-radius: 0;\r\n\t }\r\n \r\n\t > .options li.opt {\r\n\t\t&:hover {\r\n\t\t background-color: #{$background};\r\n\t\t}\r\n \r\n\t\t&.sel {\r\n\t\t background-color: #{$primary};\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t.select-all {\r\n\t &.sel {\r\n\t\tbackground-color: #{$primary};\r\n\t }\r\n \r\n\t > span {\r\n\t\tposition: absolute;\r\n\t\tdisplay: block;\r\n\t\twidth: 30px;\r\n\t\tinset-block-start: 0;\r\n\t\tinset-block-end: 0;\r\n\t\tmargin-inline-start: -35px;\r\n\t }\r\n \r\n\t > span i {\r\n\t\tposition: absolute;\r\n\t\tmargin: auto;\r\n\t\tinset-inline-start:0;\r\n\t\tinset-inline-end: 0;\r\n\t\tinset-block-start: 0;\r\n\t\tinset-block-end: 0;\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tborder: 1px solid #{$border};\r\n\t\tborder-radius: 2px;\r\n\t\tbackground-color: rgb($white);\r\n\t }\r\n \r\n\t &.selected > span i, &.partial > span i {\r\n\t\tbackground-color: #{$success};\r\n\t\tbox-shadow: none;\r\n\t\tborder-color: transparent;\r\n\t\tbackground-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center center;\r\n\t }\r\n\t}\r\n \r\n\t> .optWrapper {\r\n\t > .options li {\r\n\t\tlabel {\r\n\t\t text-overflow: ellipsis;\r\n\t\t white-space: nowrap;\r\n\t\t overflow: hidden;\r\n\t\t display: block;\r\n\t\t cursor: pointer;\r\n\t\t margin-block-end: 0 !important;\r\n\t\t}\r\n \r\n\t\tspan {\r\n\t\t display: none;\r\n\t\t}\r\n \r\n\t\t&.group > label {\r\n\t\t cursor: default;\r\n\t\t padding: 8px 6px;\r\n\t\t font-weight: bold;\r\n\t\t}\r\n\t }\r\n \r\n\t &.isFloating {\r\n\t\tposition: fixed;\r\n\t\tinset-block-start: 0;\r\n\t\tinset-inline-start:0;\r\n\t\tinset-inline-end: 0;\r\n\t\twidth: 90%;\r\n\t\tinset-block-end: 0;\r\n\t\tmargin: auto;\r\n\t\tmax-height: 90%;\r\n\t }\r\n \r\n\t > .options li.opt.disabled {\r\n\t\tbackground-color: inherit;\r\n\t\tpointer-events: none;\r\n \r\n\t\t* {\r\n\t\t -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";\r\n \r\n\t\t /* IE 5-7 */\r\n\t\t filter: alpha(opacity = 50);\r\n \r\n\t\t /* Netscape */\r\n\t\t -moz-opacity: 0.5;\r\n \r\n\t\t /* Safari 1.x */\r\n\t\t -khtml-opacity: 0.5;\r\n \r\n\t\t /* Good browsers */\r\n\t\t opacity: 0.5;\r\n\t\t}\r\n\t }\r\n \r\n\t &.multiple > .options li.opt {\r\n\t\tpadding-inline-start: 35px;\r\n\t\tcursor: pointer;\r\n \r\n\t\tspan {\r\n\t\t position: absolute;\r\n\t\t display: block;\r\n\t\t width: 30px;\r\n\t\t inset-block-start: 0;\r\n\t\t inset-block-end: 0;\r\n\t\t margin-inline-start: -35px;\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t> .optWrapper.multiple > .options li.opt span i {\r\n\t position: absolute;\r\n\t margin: auto;\r\n\t inset-inline-start: 0;\r\n\t inset-inline-end: 0;\r\n\t inset-block-start: 0;\r\n\t inset-block-end: 0;\r\n\t width: 14px;\r\n\t height: 14px;\r\n\t border: 1px solid #{$border};\r\n\t border-radius: 2px;\r\n\t background-color: rgb($white);\r\n\t}\r\n \r\n\t> .optWrapper {\r\n\t > .MultiControls {\r\n\t\tdisplay: none;\r\n\t\tborder-block-start: 1px solid #{$border};\r\n\t\tbackground-color: rgb($white);\r\n\t\tborder-start-start-radius: 0;\r\n\t\tborder-start-end-radius: 0;\r\n\t\tborder-end-end-radius: 3px;\r\n\t\tborder-end-start-radius: 3px;\r\n\t }\r\n \r\n\t &.multiple {\r\n\t\t&.isFloating > .MultiControls {\r\n\t\t display: block;\r\n\t\t margin-block-start: 5px;\r\n\t\t position: absolute;\r\n\t\t inset-block-end: 0;\r\n\t\t width: 100%;\r\n\t\t}\r\n \r\n\t\t&.okCancelInMulti > .MultiControls {\r\n\t\t display: block;\r\n \r\n\t\t > p {\r\n\t\t\tpadding: 6px;\r\n \r\n\t\t\t&:focus {\r\n\t\t\t border-color: #{$primary};\r\n\t\t\t outline: none;\r\n\t\t\t background-color: #{$primary};\r\n\t\t\t}\r\n\t\t }\r\n\t\t}\r\n \r\n\t\t> .MultiControls > p {\r\n\t\t display: inline-block;\r\n\t\t cursor: pointer;\r\n\t\t padding: 12px;\r\n\t\t width: 50%;\r\n\t\t box-sizing: border-box;\r\n\t\t text-align: center;\r\n \r\n\t\t &:hover {\r\n\t\t\tbackground-color: #{$bg-hover};\r\n\t\t }\r\n \r\n\t\t &.btnOk {\r\n\t\t\tborder-inline-end: 1px solid #{$border};\r\n\t\t\tborder-start-start-radius: 0;\r\n\t\t\tborder-start-end-radius: 0;\r\n\t\t\tborder-end-end-radius: 0;\r\n\t\t\tborder-end-start-radius: 3px;\r\n\t\t }\r\n \r\n\t\t &.btnCancel {\r\n\t\t\tborder-start-start-radius: 0;\r\n\t\t\tborder-start-end-radius: 0;\r\n\t\t\tborder-end-end-radius: 3px;\r\n\t\t\tborder-end-start-radius: 0;\r\n\t\t }\r\n\t\t}\r\n\t }\r\n \r\n\t &.isFloating > .options li.opt {\r\n\t\tpadding: 12px 6px;\r\n\t }\r\n \r\n\t &.multiple {\r\n\t\t&.isFloating {\r\n\t\t > .options li.opt {\r\n\t\t\tpadding-inline-start: 35px;\r\n\t\t }\r\n \r\n\t\t padding-block-end: 43px;\r\n\t\t}\r\n \r\n\t\t> .options li.opt.selected span i {\r\n\t\t background-color: #{$success};\r\n\t\t box-shadow: none;\r\n\t\t border-color: transparent;\r\n\t\t background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC');\r\n\t\t background-repeat: no-repeat;\r\n\t\t background-position: center center;\r\n\t\t}\r\n\t }\r\n\t}\r\n \r\n\t&.disabled {\r\n\t opacity: 0.7;\r\n\t cursor: not-allowed;\r\n \r\n\t > .CaptionCont {\r\n\t\tborder-color: #{$border};\r\n\t\tbox-shadow: none;\r\n\t }\r\n\t}\r\n \r\n\t.select-all {\r\n\t border-start-start-radius: 3px;\r\n\t border-start-end-radius: 3px;\r\n\t border-end-end-radius: 0;\r\n\t border-end-start-radius: 0;\r\n\t position: relative;\r\n\t border-block-end: 1px solid #{$border};\r\n\t background-color: rgb($white);\r\n\t padding-block-start: 8px;\r\n\t padding-inline-start: 0;\r\n\t padding-block-end: 3px;\r\n\t padding-inline-end: 35px;\r\n\t height: 36px;\r\n\t cursor: pointer;\r\n \r\n\t > {\r\n\t\tlabel, span i {\r\n\t\t cursor: pointer;\r\n\t\t}\r\n\t }\r\n \r\n\t &.partial > span i {\r\n\t\tbackground-color: #{$default-color};\r\n\t }\r\n\t}\r\n \r\n\t> .optWrapper > .options li.optGroup {\r\n\t padding-inline-start: 5px;\r\n\t text-decoration: underline;\r\n\t}\r\n }", ".stop-scrolling {\n\theight: 100%;\n\toverflow: hidden;\n }\n \n .sweet-overlay {\n\tbackground-color: rgba(0, 0, 0, 0.6);\n\tposition: fixed;\n\tinset-inline-start:0;\n\tinset-inline-end: 0;\n\tinset-block-start: 0;\n\tinset-block-end: 0;\n\tdisplay: none;\n\tz-index: 10000;\n }\n \n .sweet-alert {\n\tbackground-color: rgb($white);\n\twidth: 478px;\n\tpadding: 40px;\n\ttext-align: center;\n\tposition: fixed;\n\tinset-inline-start:50%;\n\tinset-block-start: 50%;\n\tmargin-inline-start: -256px;\n\tmargin-block-start: -200px;\n\toverflow: hidden;\n\tdisplay: none;\n\tz-index: 99999;\n\tborder-radius: 5px;\n\tbox-shadow: 0px 4px 7px #{$shadow-color};\n \n\th2 {\n\t color: #{$default-color};\n\t font-size: 24px;\n\t text-align: center;\n\t font-weight: 500;\n\t text-transform: none;\n\t position: relative;\n\t padding: 20px 0 0;\n\t display: block;\n\t margin-block-end: 5px;\n\t}\n \n\tp {\n\t color: #{$color};\n\t font-size: 16px;\n\t text-align: center;\n\t font-weight: 300;\n\t position: relative;\n\t text-align: inherit;\n\t float: none;\n\t margin: 0;\n\t padding: 0 0 20px;\n\t line-height: normal;\n\t}\n \n\tfieldset {\n\t border: none;\n\t position: relative;\n\t display: none;\n\t}\n \n\t.sa-error-container {\n\t background-color: rgb($white);\n\t margin-inline-start: -17px;\n\t margin-inline-end: -17px;\n\t overflow: hidden;\n\t padding: 0 10px;\n\t max-height: 0;\n\t -webkit-transition: padding 0.15s, max-height 0.15s;\n\t transition: padding 0.15s, max-height 0.15s;\n \n\t &.show {\n\t\tpadding: 10px 0;\n\t\tmax-height: 100px;\n\t\t-webkit-transition: padding 0.2s, max-height 0.2s;\n\t\ttransition: padding 0.25s, max-height 0.25s;\n\t }\n \n\t .icon {\n\t\tdisplay: inline-block;\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tborder-radius: 50%;\n\t\tbackground-color: #{$danger};\n\t\tcolor: rgb($white);\n\t\tline-height: 24px;\n\t\ttext-align: center;\n\t\tmargin-inline-end: 3px;\n\t }\n \n\t p {\n\t\tdisplay: inline-block;\n\t }\n\t}\n \n\t.sa-input-error {\n\t position: absolute;\n\t inset-block-start: 29px;\n\t inset-inline-end: 26px;\n\t width: 20px;\n\t height: 20px;\n\t opacity: 0;\n\t -webkit-transform: scale(0.5);\n\t transform: scale(0.5);\n\t -webkit-transform-origin: 50% 50%;\n\t transform-origin: 50% 50%;\n\t -webkit-transition: all 0.1s;\n\t transition: all 0.1s;\n \n\t &::before, &::after {\n\t\tcontent: \"\";\n\t\twidth: 20px;\n\t\theight: 6px;\n\t\tbackground-color: #{$danger};\n\t\tborder-radius: 3px;\n\t\tposition: absolute;\n\t\tinset-block-start: 50%;\n\t\tmargin-block-start: -4px;\n\t\tinset-inline-start:50%;\n\t\tmargin-inline-start: -9px;\n\t }\n \n\t &::before {\n\t\t-webkit-transform: rotate(-45deg);\n\t\ttransform: rotate(-45deg);\n\t }\n \n\t &::after {\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t }\n \n\t &.show {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1);\n\t\ttransform: scale(1);\n\t }\n\t}\n \n\tinput {\n\t width: 100%;\n\t box-sizing: border-box;\n\t border-radius: 3px;\n\t border: 1px solid #{$border};\n\t height: 43px;\n\t margin-block-start: 10px;\n\t margin-block-end: 17px;\n\t font-size: 18px;\n\t box-shadow: inset 0px 1px 1px #{$shadow-color};\n\t padding: 0 12px;\n\t display: none;\n\t -webkit-transition: all 0.3s;\n\t transition: all 0.3s;\n \n\t &:focus {\n\t\toutline: none;\n\t\tbox-shadow: 0px 0px 3px #{$shadow-color};\n\t\tborder: 1px solid #{$border};\n \n\t\t&::-moz-placeholder, &:-ms-input-placeholder, &::-webkit-input-placeholder {\n\t\t transition: opacity 0.3s 0.03s ease;\n\t\t opacity: 0.5;\n\t\t}\n\t }\n \n\t &::-moz-placeholder, &:-ms-input-placeholder, &::-webkit-input-placeholder {\n\t\tcolor: #{$color};\n\t }\n\t}\n \n\t&.show-input input {\n\t display: block;\n\t}\n \n\t.sa-confirm-button-container {\n\t display: inline-block;\n\t position: relative;\n\t}\n \n\t.la-ball-fall {\n\t position: absolute;\n\t inset-inline-start: 50%;\n\t inset-block-start: 50%;\n\t margin-inline-start: -27px;\n\t margin-block-start: -7px;\n\t opacity: 0;\n\t visibility: hidden;\n\t}\n \n\tbutton {\n\t border-width: 0;\n\t line-height: 1.538;\n\t padding: 9px 20px;\n\t transition: none;\n\t min-height: 38px;\n\t color: rgb($white);\n\t display: inline-block;\n\t font-weight: 400;\n\t text-align: center;\n\t vertical-align: middle;\n\t user-select: none;\n\t background-color: transparent;\n\t border: 1px solid transparent;\n\t padding: .55rem 1.5rem;\n\t font-size: 0.8125rem;\n\t line-height: 1.5;\n\t border-radius: 5px;\n\t transition: color 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;\n \n\t &:focus {\n\t\toutline: none;\n\t\tbox-shadow: 0 0 2px rgba($info, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);\n\t }\n \n\t &:hover, &:active {\n\t\tbackground-color: #{$primary};\n\t }\n \n\t &.cancel {\n\t\tbackground-color: #{$dark};\n \n\t\t&:hover {\n\t\t background-color: #{$dark};\n\t\t}\n \n\t\t&:active {\n\t\t background-color: #{$dark};\n\t\t}\n \n\t\t&:focus {\n\t\t box-shadow: rgba($dark, 0.8) 0px 0px 2px, #{$dark} 0px 0px 0px 1px inset !important;\n\t\t}\n\t }\n \n\t &[disabled] {\n\t\topacity: .6;\n\t\tcursor: default;\n\t }\n \n\t &.confirm[disabled] {\n\t\tcolor: transparent;\n \n\t\t~ .la-ball-fall {\n\t\t opacity: 1;\n\t\t visibility: visible;\n\t\t transition-delay: 0s;\n\t\t}\n\t }\n \n\t &::-moz-focus-inner {\n\t\tborder: 0;\n\t }\n\t}\n \n\t&[data-has-cancel-button=false] button {\n\t box-shadow: none !important;\n\t}\n \n\t&[data-has-confirm-button=false][data-has-cancel-button=false] {\n\t padding-block-end: 40px;\n\t}\n \n\t.sa-icon {\n\t width: 60px;\n\t height: 60px;\n\t border: 4px solid #{$border};\n\t border-radius: 50%;\n\t margin: 0px auto;\n\t padding: 0;\n\t position: relative;\n\t box-sizing: content-box;\n \n\t &.sa-custom {\n\t\twidth: 80px;\n\t\theight: 80px;\n\t }\n \n\t &.sa-error {\n\t\tborder-color: #{$danger};\n \n\t\t.sa-x-mark {\n\t\t position: relative;\n\t\t display: block;\n\t\t}\n \n\t\t.sa-line {\n\t\t position: absolute;\n\t\t height: 5px;\n\t\t width: 47px;\n\t\t background-color: #{$danger};\n\t\t display: block;\n\t\t inset-block-start: 28px;\n\t\t border-radius: 2px;\n \n\t\t &.sa-left {\n\t\t\t-webkit-transform: rotate(45deg);\n\t\t\ttransform: rotate(45deg);\n\t\t\tinset-inline-start:6px;\n\t\t }\n \n\t\t &.sa-right {\n\t\t\t-webkit-transform: rotate(-45deg);\n\t\t\ttransform: rotate(-45deg);\n\t\t\tinset-inline-end: 8px;\n\t\t }\n\t\t}\n\t }\n \n\t &.sa-warning {\n\t\tborder-color: #{$warning};\n \n\t\t.sa-body {\n\t\t position: absolute;\n\t\t width: 5px;\n\t\t height: 28px;\n\t\t inset-inline-start: 50%;\n\t\t inset-block-start: 10px;\n\t\t border-radius: 2px;\n\t\t margin-inline-start: -2px;\n\t\t background-color: #{$warning};\n\t\t}\n \n\t\t.sa-dot {\n\t\t position: absolute;\n\t\t width: 7px;\n\t\t height: 7px;\n\t\t border-radius: 50%;\n\t\t margin-inline-start: -3px;\n\t\t inset-inline-start: 50%;\n\t\t inset-block-end: 10px;\n\t\t background-color: #{$warning};\n\t\t}\n\t }\n \n\t &.sa-info {\n\t\tborder-color: #{$warning};\n \n\t\t&::before {\n\t\t content: \"\";\n\t\t position: absolute;\n\t\t width: 5px;\n\t\t height: 23px;\n\t\t inset-inline-start: 50%;\n\t\t inset-block-end: 13px;\n\t\t border-radius: 2px;\n\t\t margin-inline-start: -2px;\n\t\t background-color: #{$warning};\n\t\t}\n \n\t\t&::after {\n\t\t content: \"\";\n\t\t position: absolute;\n\t\t width: 7px;\n\t\t height: 7px;\n\t\t border-radius: 50%;\n\t\t margin-inline-start: -3px;\n\t\t inset-block-start: 14px;\n\t\t background-color: #{$warning};\n\t\t}\n\t }\n \n\t &.sa-success {\n\t\tborder-color: #{$success};\n \n\t\t&::before, &::after {\n\t\t content: '';\n\t\t border-radius: 50%;\n\t\t position: absolute;\n\t\t width: 60px;\n\t\t height: 120px;\n\t\t -webkit-transform: rotate(45deg);\n\t\t transform: rotate(45deg);\n\t\t}\n \n\t\t&::before {\n\t\t border-start-start-radius: 120px;\n\t\t border-start-end-radius: 0;\n\t\t border-end-end-radius: 0;\n\t\t border-end-start-radius: 120px;\n\t\t inset-block-start: -7px;\n\t\t inset-inline-start: -33px;\n\t\t -webkit-transform: rotate(-45deg);\n\t\t transform: rotate(-45deg);\n\t\t -webkit-transform-origin: 60px 60px;\n\t\t transform-origin: 60px 60px;\n\t\t}\n \n\t\t&::after {\n\t\t border-start-start-radius: 0;\n\t\t border-start-end-radius: 120px;\n\t\t border-end-end-radius: 120px;\n\t\t border-end-start-radius: 0;\n\t\t inset-block-start: -11px;\n\t\t inset-inline-start: 30px;\n\t\t -webkit-transform: rotate(-45deg);\n\t\t transform: rotate(-45deg);\n\t\t -webkit-transform-origin: 0px 60px;\n\t\t transform-origin: 0px 60px;\n\t\t}\n \n\t\t.sa-placeholder {\n\t\t width: 60px;\n\t\t height: 60px;\n\t\t border-radius: 50%;\n\t\t box-sizing: content-box;\n\t\t position: absolute;\n\t\t z-index: 2;\n\t\t}\n \n\t\t.sa-fix {\n\t\t width: 5px;\n\t\t height: 90px;\n\t\t position: absolute;\n\t\t inset-inline-start: 28px;\n\t\t inset-block-start: 8px;\n\t\t z-index: 1;\n\t\t -webkit-transform: rotate(-45deg);\n\t\t transform: rotate(-45deg);\n\t\t}\n \n\t\t.sa-line {\n\t\t height: 5px;\n\t\t background-color: #{$success};\n\t\t display: block;\n\t\t border-radius: 2px;\n\t\t position: absolute;\n\t\t z-index: 2;\n \n\t\t &.sa-tip {\n\t\t\twidth: 18px;\n\t\t\tleft:14px;\n\t\t\ttop: 33px;\n\t\t\t-webkit-transform: rotate(45deg);\n\t\t\ttransform: rotate(45deg);\n\t\t }\n \n\t\t &.sa-long {\n\t\t\twidth: 30px;\n\t\t\tright: 8px;\n\t\t\ttop: 28px;\n\t\t\t-webkit-transform: rotate(-45deg);\n\t\t\ttransform: rotate(-45deg);\n\t\t }\n\t\t}\n\t }\n \n\t &.sa-custom {\n\t\tbackground-size: contain;\n\t\tborder-radius: 5px;\n\t\tborder: none;\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t }\n\t}\n }\n \n @media all and (max-width: 540px) {\n\t.sweet-alert {\n\t width: auto;\n\t margin-inline-start: 0;\n\t margin-inline-end: 0;\n\t inset-inline-start: 15px;\n\t inset-inline-end: 15px;\n\t}\n }\n \n /*\n * Animations\n */\n \n @-webkit-keyframes showSweetAlert {\n\t0% {\n\t transform: scale(0.7);\n\t -webkit-transform: scale(0.7);\n\t}\n \n\t45% {\n\t transform: scale(1.05);\n\t -webkit-transform: scale(1.05);\n\t}\n \n\t80% {\n\t transform: scale(0.95);\n\t -webkit-transform: scale(0.95);\n\t}\n \n\t100% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t}\n }\n \n @keyframes showSweetAlert {\n\t0% {\n\t transform: scale(0.7);\n\t -webkit-transform: scale(0.7);\n\t}\n \n\t45% {\n\t transform: scale(1.05);\n\t -webkit-transform: scale(1.05);\n\t}\n \n\t80% {\n\t transform: scale(0.95);\n\t -webkit-transform: scale(0.95);\n\t}\n \n\t100% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t}\n }\n \n @-webkit-keyframes hideSweetAlert {\n\t0% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t}\n \n\t100% {\n\t transform: scale(0.5);\n\t -webkit-transform: scale(0.5);\n\t}\n }\n \n @keyframes hideSweetAlert {\n\t0% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t}\n \n\t100% {\n\t transform: scale(0.5);\n\t -webkit-transform: scale(0.5);\n\t}\n }\n \n @-webkit-keyframes slideFromTop {\n\t0% {\n\t inset-block-start: 0%;\n\t}\n \n\t100% {\n\t inset-block-start: 50%;\n\t}\n }\n \n @keyframes slideFromTop {\n\t0% {\n\t inset-block-start: 0%;\n\t}\n \n\t100% {\n\t inset-block-start: 50%;\n\t}\n }\n \n @-webkit-keyframes slideToTop {\n\t0% {\n\t inset-block-start: 50%;\n\t}\n \n\t100% {\n\t inset-block-start: 0%;\n\t}\n }\n \n @keyframes slideToTop {\n\t0% {\n\t inset-block-start: 50%;\n\t}\n \n\t100% {\n\t inset-block-start: 0%;\n\t}\n }\n \n @-webkit-keyframes slideFromBottom {\n\t0% {\n\t inset-block-start: 70%;\n\t}\n \n\t100% {\n\t inset-block-start: 50%;\n\t}\n }\n \n @keyframes slideFromBottom {\n\t0% {\n\t inset-block-start: 70%;\n\t}\n \n\t100% {\n\t inset-block-start: 50%;\n\t}\n }\n \n @-webkit-keyframes slideToBottom {\n\t0% {\n\t inset-block-start: 50%;\n\t}\n \n\t100% {\n\t inset-block-start: 70%;\n\t}\n }\n \n @keyframes slideToBottom {\n\t0% {\n\t inset-block-start: 50%;\n\t}\n \n\t100% {\n\t inset-block-start: 70%;\n\t}\n }\n \n .showSweetAlert {\n\t&[data-animation=pop] {\n\t -webkit-animation: showSweetAlert 0.3s;\n\t animation: showSweetAlert 0.3s;\n\t}\n \n\t&[data-animation=none] {\n\t -webkit-animation: none;\n\t animation: none;\n\t}\n \n\t&[data-animation=slide-from-top] {\n\t -webkit-animation: slideFromTop 0.3s;\n\t animation: slideFromTop 0.3s;\n\t}\n \n\t&[data-animation=slide-from-bottom] {\n\t -webkit-animation: slideFromBottom 0.3s;\n\t animation: slideFromBottom 0.3s;\n\t}\n }\n \n .hideSweetAlert {\n\t&[data-animation=pop] {\n\t -webkit-animation: hideSweetAlert 0.2s;\n\t animation: hideSweetAlert 0.2s;\n\t}\n \n\t&[data-animation=none] {\n\t -webkit-animation: none;\n\t animation: none;\n\t}\n \n\t&[data-animation=slide-from-top] {\n\t -webkit-animation: slideToTop 0.4s;\n\t animation: slideToTop 0.4s;\n\t}\n \n\t&[data-animation=slide-from-bottom] {\n\t -webkit-animation: slideToBottom 0.3s;\n\t animation: slideToBottom 0.3s;\n\t}\n }\n \n @-webkit-keyframes animateSuccessTip {\n\t0% {\n\t width: 0;\n\t left: 1px;\n\t top: 25px;\n\t}\n \n\t54% {\n\t width: 0;\n\t left: 10px;\n\t top: 19px;\n\t}\n \n\t70% {\n\t width: 10px;\n\t left: 15px;\n\t top: 25px;\n\t}\n \n\t84% {\n\t width: 10px;\n\t left: 17px;\n\t top: 30px;\n\t}\n \n\t100% {\n\t width: 12px;\n\t left: 18px;\n\t top: 34px;\n\t}\n }\n \n @keyframes animateSuccessTip {\n\t0% {\n\t width: 0;\n\t left: 1px;\n\t top: 25px;\n\t}\n \n\t54% {\n\t width: 0;\n\t left: 10px;\n\t top: 19px;\n\t}\n \n\t70% {\n\t width: 10px;\n\t left: 15px;\n\t top: 25px;\n\t}\n \n\t84% {\n\t width: 10px;\n\t left: 17px;\n\t top: 30px;\n\t}\n \n\t100% {\n\t width: 12px;\n\t left: 18px;\n\t top: 34px;\n\t}\n }\n \n @-webkit-keyframes animateSuccessLong {\n\t0% {\n\t width: 0;\n\t right: 0px;\n\t top: 26px;\n\t}\n \n\t65% {\n\t width: 0;\n\t right: 5px;\n\t top: 20px;\n\t}\n \n\t84% {\n\t width: 20px;\n\t right: 9px;\n\t top: 25px;\n\t}\n \n\t100% {\n\t width: 25px;\n\t right: 13px;\n\t top: 29px;\n\t}\n }\n \n @keyframes animateSuccessLong {\n\t0% {\n\t width: 0;\n\t right: 0px;\n\t top: 26px;\n\t}\n \n\t65% {\n\t width: 0;\n\t right: 5px;\n\t top: 20px;\n\t}\n \n\t84% {\n\t width: 20px;\n\t right: 9px;\n\t top: 25px;\n\t}\n \n\t100% {\n\t width: 25px;\n\t right: 13px;\n\t top: 29px;\n\t}\n }\n \n @-webkit-keyframes rotatePlaceholder {\n\t0% {\n\t transform: rotate(-45deg);\n\t -webkit-transform: rotate(-45deg);\n\t}\n \n\t5% {\n\t transform: rotate(-45deg);\n\t -webkit-transform: rotate(-45deg);\n\t}\n \n\t12% {\n\t transform: rotate(-405deg);\n\t -webkit-transform: rotate(-405deg);\n\t}\n \n\t100% {\n\t transform: rotate(-405deg);\n\t -webkit-transform: rotate(-405deg);\n\t}\n }\n \n @keyframes rotatePlaceholder {\n\t0% {\n\t transform: rotate(-45deg);\n\t -webkit-transform: rotate(-45deg);\n\t}\n \n\t5% {\n\t transform: rotate(-45deg);\n\t -webkit-transform: rotate(-45deg);\n\t}\n \n\t12% {\n\t transform: rotate(-405deg);\n\t -webkit-transform: rotate(-405deg);\n\t}\n \n\t100% {\n\t transform: rotate(-405deg);\n\t -webkit-transform: rotate(-405deg);\n\t}\n }\n \n .animateSuccessTip {\n\t-webkit-animation: animateSuccessTip 0.35s;\n\tanimation: animateSuccessTip 0.35s;\n }\n \n .animateSuccessLong {\n\t-webkit-animation: animateSuccessLong 0.35s;\n\tanimation: animateSuccessLong 0.35s;\n }\n \n .sa-icon.sa-success.animate::after {\n\t-webkit-animation: rotatePlaceholder 4.25s ease-in;\n\tanimation: rotatePlaceholder 4.25s ease-in;\n }\n \n @-webkit-keyframes animateErrorIcon {\n\t0% {\n\t transform: rotateX(100deg);\n\t -webkit-transform: rotateX(100deg);\n\t opacity: 0;\n\t}\n \n\t100% {\n\t transform: rotateX(0deg);\n\t -webkit-transform: rotateX(0deg);\n\t opacity: 1;\n\t}\n }\n \n @keyframes animateErrorIcon {\n\t0% {\n\t transform: rotateX(100deg);\n\t -webkit-transform: rotateX(100deg);\n\t opacity: 0;\n\t}\n \n\t100% {\n\t transform: rotateX(0deg);\n\t -webkit-transform: rotateX(0deg);\n\t opacity: 1;\n\t}\n }\n \n .animateErrorIcon {\n\t-webkit-animation: animateErrorIcon 0.5s;\n\tanimation: animateErrorIcon 0.5s;\n }\n \n @-webkit-keyframes animateXMark {\n\t0% {\n\t transform: scale(0.4);\n\t -webkit-transform: scale(0.4);\n\t margin-block-start: 26px;\n\t opacity: 0;\n\t}\n \n\t50% {\n\t transform: scale(0.4);\n\t -webkit-transform: scale(0.4);\n\t margin-block-start: 26px;\n\t opacity: 0;\n\t}\n \n\t80% {\n\t transform: scale(1.15);\n\t -webkit-transform: scale(1.15);\n\t margin-block-start: -6px;\n\t}\n \n\t100% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t margin-block-start: 0;\n\t opacity: 1;\n\t}\n }\n \n @keyframes animateXMark {\n\t0% {\n\t transform: scale(0.4);\n\t -webkit-transform: scale(0.4);\n\t margin-block-start: 26px;\n\t opacity: 0;\n\t}\n \n\t50% {\n\t transform: scale(0.4);\n\t -webkit-transform: scale(0.4);\n\t margin-block-start: 26px;\n\t opacity: 0;\n\t}\n \n\t80% {\n\t transform: scale(1.15);\n\t -webkit-transform: scale(1.15);\n\t margin-block-start: -6px;\n\t}\n \n\t100% {\n\t transform: scale(1);\n\t -webkit-transform: scale(1);\n\t margin-block-start: 0;\n\t opacity: 1;\n\t}\n }\n \n .animateXMark {\n\t-webkit-animation: animateXMark 0.5s;\n\tanimation: animateXMark 0.5s;\n }\n \n @-webkit-keyframes pulseWarning {\n\t0% {\n\t border-color: #{$warning};\n\t}\n \n\t100% {\n\t border-color: #{$warning};\n\t}\n }\n \n @keyframes pulseWarning {\n\t0% {\n\t border-color: #{$warning};\n\t}\n \n\t100% {\n\t border-color: #{$warning};\n\t}\n }\n \n .pulseWarning {\n\t-webkit-animation: pulseWarning 0.75s infinite alternate;\n\tanimation: pulseWarning 0.75s infinite alternate;\n }\n \n @-webkit-keyframes pulseWarningIns {\n\t0% {\n\t background-color: #{$warning};\n\t}\n \n\t100% {\n\t background-color: #{$warning};\n\t}\n }\n \n @keyframes pulseWarningIns {\n\t0% {\n\t background-color: #{$warning};\n\t}\n \n\t100% {\n\t background-color: #{$warning};\n\t}\n }\n \n .pulseWarningIns {\n\t-webkit-animation: pulseWarningIns 0.75s infinite alternate;\n\tanimation: pulseWarningIns 0.75s infinite alternate;\n }\n \n @-webkit-keyframes rotate-loading {\n\t0% {\n\t transform: rotate(0deg);\n\t}\n \n\t100% {\n\t transform: rotate(360deg);\n\t}\n }\n \n @keyframes rotate-loading {\n\t0% {\n\t transform: rotate(0deg);\n\t}\n \n\t100% {\n\t transform: rotate(360deg);\n\t}\n }\n \n /* Internet Explorer 9 has some special quirks that are fixed here */\n \n /* The icons are not animated. */\n \n /* This file is automatically merged into sweet-alert.min.js through Gulp */\n \n /* Error icon */\n \n .sweet-alert .sa-icon {\n\t&.sa-error .sa-line {\n\t &.sa-left {\n\t\t-ms-transform: rotate(45deg) \\9;\n\t\ttransform: rotate(45deg) \\9;\n\t }\n \n\t &.sa-right {\n\t\t-ms-transform: rotate(-45deg) \\9;\n\t\ttransform: rotate(45deg) \\9;\n\t }\n\t}\n \n\t&.sa-success {\n\t border-color: transparent\\9;\n \n\t .sa-line {\n\t\t&.sa-tip {\n\t\t -ms-transform: rotate(45deg) \\9;\n\t\t transform: rotate(45deg) \\9;\n\t\t}\n \n\t\t&.sa-long {\n\t\t -ms-transform: rotate(-45deg) \\9;\n\t\t transform: rotate(-45deg) \\9;\n\t\t}\n\t }\n\t}\n }\n \n /* Success icon */\n \n /*!\n * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)\n * Copyright 2015 Daniel Cardoso <@DanielCardoso>\n * Licensed under MIT\n */\n \n .la-ball-fall {\n\tposition: relative;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n \n\t> div {\n\t position: relative;\n\t -webkit-box-sizing: border-box;\n\t -moz-box-sizing: border-box;\n\t box-sizing: border-box;\n\t}\n \n\tdisplay: block;\n\tfont-size: 0;\n\tcolor: rgb($white);\n \n\t&.la-dark {\n\t color: #{$dark};\n\t}\n \n\t> div {\n\t display: inline-block;\n\t float: none;\n\t background-color: currentColor;\n\t border: 0 solid currentColor;\n\t width: 7px;\n\t height: 7px;\n\t margin: 4px;\n\t border-radius: 100%;\n\t opacity: 0;\n\t -webkit-animation: ball-fall 1s ease-in-out infinite;\n\t -moz-animation: ball-fall 1s ease-in-out infinite;\n\t -o-animation: ball-fall 1s ease-in-out infinite;\n\t animation: ball-fall 1s ease-in-out infinite;\n \n\t &:nth-child(1) {\n\t\t-webkit-animation-delay: -200ms;\n\t\t-moz-animation-delay: -200ms;\n\t\t-o-animation-delay: -200ms;\n\t\tanimation-delay: -200ms;\n\t }\n \n\t &:nth-child(2) {\n\t\t-webkit-animation-delay: -100ms;\n\t\t-moz-animation-delay: -100ms;\n\t\t-o-animation-delay: -100ms;\n\t\tanimation-delay: -100ms;\n\t }\n \n\t &:nth-child(3) {\n\t\t-webkit-animation-delay: 0ms;\n\t\t-moz-animation-delay: 0ms;\n\t\t-o-animation-delay: 0ms;\n\t\tanimation-delay: 0ms;\n\t }\n\t}\n \n\twidth: 55px;\n\theight: 15px;\n \n\t&.la-sm {\n\t width: 26px;\n\t height: 8px;\n \n\t > div {\n\t\twidth: 4px;\n\t\theight: 4px;\n\t\tmargin: 2px;\n\t }\n\t}\n \n\t&.la-2x {\n\t width: 108px;\n\t height: 36px;\n \n\t > div {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tmargin: 8px;\n\t }\n\t}\n \n\t&.la-3x {\n\t width: 162px;\n\t height: 54px;\n \n\t > div {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tmargin: 12px;\n\t }\n\t}\n }\n \n /*\n * Animation\n */\n \n @-webkit-keyframes ball-fall {\n\t0% {\n\t opacity: 0;\n\t -webkit-transform: translateY(-145%);\n\t transform: translateY(-145%);\n\t}\n \n\t10% {\n\t opacity: .5;\n\t}\n \n\t20% {\n\t opacity: 1;\n\t -webkit-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t80% {\n\t opacity: 1;\n\t -webkit-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t90% {\n\t opacity: .5;\n\t}\n \n\t100% {\n\t opacity: 0;\n\t -webkit-transform: translateY(145%);\n\t transform: translateY(145%);\n\t}\n }\n \n @-moz-keyframes ball-fall {\n\t0% {\n\t opacity: 0;\n\t -moz-transform: translateY(-145%);\n\t transform: translateY(-145%);\n\t}\n \n\t10% {\n\t opacity: .5;\n\t}\n \n\t20% {\n\t opacity: 1;\n\t -moz-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t80% {\n\t opacity: 1;\n\t -moz-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t90% {\n\t opacity: .5;\n\t}\n \n\t100% {\n\t opacity: 0;\n\t -moz-transform: translateY(145%);\n\t transform: translateY(145%);\n\t}\n }\n \n @-o-keyframes ball-fall {\n\t0% {\n\t opacity: 0;\n\t -o-transform: translateY(-145%);\n\t transform: translateY(-145%);\n\t}\n \n\t10% {\n\t opacity: .5;\n\t}\n \n\t20% {\n\t opacity: 1;\n\t -o-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t80% {\n\t opacity: 1;\n\t -o-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t90% {\n\t opacity: .5;\n\t}\n \n\t100% {\n\t opacity: 0;\n\t -o-transform: translateY(145%);\n\t transform: translateY(145%);\n\t}\n }\n \n @keyframes ball-fall {\n\t0% {\n\t opacity: 0;\n\t -webkit-transform: translateY(-145%);\n\t -moz-transform: translateY(-145%);\n\t -o-transform: translateY(-145%);\n\t transform: translateY(-145%);\n\t}\n \n\t10% {\n\t opacity: .5;\n\t}\n \n\t20% {\n\t opacity: 1;\n\t -webkit-transform: translateY(0);\n\t -moz-transform: translateY(0);\n\t -o-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t80% {\n\t opacity: 1;\n\t -webkit-transform: translateY(0);\n\t -moz-transform: translateY(0);\n\t -o-transform: translateY(0);\n\t transform: translateY(0);\n\t}\n \n\t90% {\n\t opacity: .5;\n\t}\n \n\t100% {\n\t opacity: 0;\n\t -webkit-transform: translateY(145%);\n\t -moz-transform: translateY(145%);\n\t -o-transform: translateY(145%);\n\t transform: translateY(145%);\n\t}\n }\n \n .timer-alert {\n\t.sa-button-container {\n\t display: none;\n\t}\n \n\tp {\n\t padding-block-end: 0;\n\t}\n \n\t.sweet-alert h2 {\n\t padding-block-start: 0;\n\t}\n }\n \n .sweet-alert .sa-icon {\n\t&.sa-error, &.sa-warning, &.sa-info, &.sa-success {\n\t margin-block-end: 25px;\n\t}\n }\n", ".intl-tel-input {\n\tposition: relative;\n\tborder-color: #{$border};\n\n\t.hide {\n\t\tdisplay: none;\n\t}\n\n\t.flag-dropdown {\n\t\tposition: absolute;\n\t\tz-index: 1;\n\t\tcursor: pointer;\n\t\theight: 40px;\n\t\tline-height: 40px;\n\n\t\t.selected-flag {\n\t\t\tmargin-block-start: 1px;\n\t\t\tmargin-inline-end: 2px;\n\t\t\tmargin-block-end: 1px;\n\t\t\tmargin-inline-start: 1px;\n\t\t\tpadding-block-start: 10px;\n\t\t\tpadding-inline-end: 16px;\n\t\t\tpadding-block-end: 10px;\n\t\t\tpadding-inline-start: 6px;\n\t\t\tbackground: #{$bg-hover};\n\t\t\tborder-start-start-radius: 5px;\n\t\t\tborder-start-end-radius: 0;\n\t\t\tborder-end-end-radius: 0;\n\t\t\tborder-end-start-radius: 5px;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgb($white);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.country-list .highlight {\n\tfloat: inherit;\n}\n\n.intl-tel-input {\n\t.flag-dropdown {\n\t\t.selected-flag .down-arrow {\n\t\t\tinset-block-start: 6px;\n\t\t\tposition: relative;\n\t\t\tinset-inline-start: 20px;\n\t\t\twidth: 0;\n\t\t\theight: 0;\n\t\t\tborder-inline-start: 4px solid transparent;\n\t\t\tborder-inline-end: 4px solid transparent;\n\t\t\tborder-block-start: 4px solid #{$border};\n\t\t}\n\n\t\t.country-list {\n\t\t\tlist-style: none;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tz-index: 1;\n\t\t\toverflow-y: scroll;\n\t\t\tbackground-color: rgb($white);\n\t\t\tborder: 0;\n\t\t\tposition: absolute;\n\t\t\tinset-block-start: 42px;\n\t\t\twidth: 250px;\n\t\t\tmax-height: 200px;\n\t\t\tbox-shadow: 0px 4px 7px #{$shadow-color};\n\t\t\tborder-start-start-radius: 0;\n\t\t\tborder-start-end-radius: 0;\n\t\t\tborder-end-end-radius: 5px;\n\t\t\tborder-end-start-radius: 5px;\n\n\t\t\t.divider {\n\t\t\t\tpadding-block-end: 5px;\n\t\t\t\tmargin-block-end: 5px;\n\t\t\t\tborder-block-end: 1px solid #{$border};\n\t\t\t}\n\n\t\t\t.country {\n\t\t\t\tline-height: 16px;\n\t\t\t\tpadding: 10px 10px;\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\t.dial-code {\n\t\t\t\t\tcolor: #{$color};\n\t\t\t\t}\n\n\t\t\t\t&.highlight {\n\t\t\t\t\tbackground-color: #{$bg-hover};\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.flag1 {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tvertical-align: bottom;\n\t\t\t\tmargin-inline-end: 6px;\n\t\t\t}\n\n\t\t\t.country-name {\n\t\t\t\tmargin-inline-end: 6px;\n\t\t\t}\n\t\t}\n\t}\n\n\tinput {\n\t\tbox-sizing: border-box;\n\t\t-moz-box-sizing: border-box;\n\t\theight: 39px;\n\t\tpadding-inline-start: 47px;\n\t\tposition: relative;\n\t\tz-index: 0;\n\t\tborder: 1px solid #{$border};\n\t\twidth: 250px;\n\t\tborder-start-start-radius: 5px;\n\t\tborder-start-end-radius: 0;\n\t\tborder-end-end-radius: 0;\n\t\tborder-end-start-radius: 5px;\n\t\tbackground-color: rgb($white);\n\t\tcolor: #{$default-color};\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t}\n\t}\n}\n\n/* originally from https://github.com/lafeber/world-flags-sprite */\n\n.f16 {\n\t.flag1 {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tbackground: url(\"../plugins/telephoneinput/img/flags16.png\") no-repeat;\n\t}\n\n\t._African_Union {\n\t\tbackground-position: 0 -16px;\n\t}\n\n\t._Arab_League {\n\t\tbackground-position: 0 -32px;\n\t}\n\n\t._ASEAN {\n\t\tbackground-position: 0 -48px;\n\t}\n\n\t._CARICOM {\n\t\tbackground-position: 0 -64px;\n\t}\n\n\t._CIS {\n\t\tbackground-position: 0 -80px;\n\t}\n\n\t._Commonwealth {\n\t\tbackground-position: 0 -96px;\n\t}\n\n\t._England {\n\t\tbackground-position: 0 -112px;\n\t}\n\n\t._European_Union {\n\t\tbackground-position: 0 -128px;\n\t}\n\n\t._Islamic_Conference {\n\t\tbackground-position: 0 -144px;\n\t}\n\n\t._Kosovo {\n\t\tbackground-position: 0 -160px;\n\t}\n\n\t._NATO {\n\t\tbackground-position: 0 -176px;\n\t}\n\n\t._Northern_Cyprus {\n\t\tbackground-position: 0 -192px;\n\t}\n\n\t._Northern_Ireland {\n\t\tbackground-position: 0 -208px;\n\t}\n\n\t._Olimpic_Movement {\n\t\tbackground-position: 0 -224px;\n\t}\n\n\t._OPEC {\n\t\tbackground-position: 0 -240px;\n\t}\n\n\t._Red_Cross {\n\t\tbackground-position: 0 -256px;\n\t}\n\n\t._Scotland {\n\t\tbackground-position: 0 -272px;\n\t}\n\n\t._Somaliland {\n\t\tbackground-position: 0 -288px;\n\t}\n\n\t._Tibet {\n\t\tbackground-position: 0 -304px;\n\t}\n\n\t._United_Nations {\n\t\tbackground-position: 0 -320px;\n\t}\n\n\t._Wales {\n\t\tbackground-position: 0 -336px;\n\t}\n\n\t.ad {\n\t\tbackground-position: 0 -352px;\n\t}\n\n\t.ae {\n\t\tbackground-position: 0 -368px;\n\t}\n\n\t.af {\n\t\tbackground-position: 0 -384px;\n\t}\n\n\t.ag {\n\t\tbackground-position: 0 -400px;\n\t}\n\n\t.ai {\n\t\tbackground-position: 0 -416px;\n\t}\n\n\t.al {\n\t\tbackground-position: 0 -432px;\n\t}\n\n\t.am {\n\t\tbackground-position: 0 -448px;\n\t}\n\n\t.an {\n\t\tbackground-position: 0 -464px;\n\t}\n\n\t.ao {\n\t\tbackground-position: 0 -480px;\n\t}\n\n\t.aq {\n\t\tbackground-position: 0 -496px;\n\t}\n\n\t.ar {\n\t\tbackground-position: 0 -512px;\n\t}\n\n\t.as {\n\t\tbackground-position: 0 -528px;\n\t}\n\n\t.at {\n\t\tbackground-position: 0 -544px;\n\t}\n\n\t.au {\n\t\tbackground-position: 0 -560px;\n\t}\n\n\t.aw {\n\t\tbackground-position: 0 -576px;\n\t}\n\n\t.az {\n\t\tbackground-position: 0 -592px;\n\t}\n\n\t.ba {\n\t\tbackground-position: 0 -608px;\n\t}\n\n\t.bb {\n\t\tbackground-position: 0 -624px;\n\t}\n\n\t.bd {\n\t\tbackground-position: 0 -640px;\n\t}\n\n\t.be {\n\t\tbackground-position: 0 -656px;\n\t}\n\n\t.bf {\n\t\tbackground-position: 0 -672px;\n\t}\n\n\t.bg {\n\t\tbackground-position: 0 -688px;\n\t}\n\n\t.bh {\n\t\tbackground-position: 0 -704px;\n\t}\n\n\t.bi {\n\t\tbackground-position: 0 -720px;\n\t}\n\n\t.bj {\n\t\tbackground-position: 0 -736px;\n\t}\n\n\t.bm {\n\t\tbackground-position: 0 -752px;\n\t}\n\n\t.bn {\n\t\tbackground-position: 0 -768px;\n\t}\n\n\t.bo {\n\t\tbackground-position: 0 -784px;\n\t}\n\n\t.br {\n\t\tbackground-position: 0 -800px;\n\t}\n\n\t.bs {\n\t\tbackground-position: 0 -816px;\n\t}\n\n\t.bt {\n\t\tbackground-position: 0 -832px;\n\t}\n\n\t.bw {\n\t\tbackground-position: 0 -848px;\n\t}\n\n\t.by {\n\t\tbackground-position: 0 -864px;\n\t}\n\n\t.bz {\n\t\tbackground-position: 0 -880px;\n\t}\n\n\t.ca {\n\t\tbackground-position: 0 -896px;\n\t}\n\n\t.cg {\n\t\tbackground-position: 0 -912px;\n\t}\n\n\t.cf {\n\t\tbackground-position: 0 -928px;\n\t}\n\n\t.cd {\n\t\tbackground-position: 0 -944px;\n\t}\n\n\t.ch {\n\t\tbackground-position: 0 -960px;\n\t}\n\n\t.ci {\n\t\tbackground-position: 0 -976px;\n\t}\n\n\t.ck {\n\t\tbackground-position: 0 -992px;\n\t}\n\n\t.cl {\n\t\tbackground-position: 0 -1008px;\n\t}\n\n\t.cm {\n\t\tbackground-position: 0 -1024px;\n\t}\n\n\t.cn {\n\t\tbackground-position: 0 -1040px;\n\t}\n\n\t.co {\n\t\tbackground-position: 0 -1056px;\n\t}\n\n\t.cr {\n\t\tbackground-position: 0 -1072px;\n\t}\n\n\t.cu {\n\t\tbackground-position: 0 -1088px;\n\t}\n\n\t.cv {\n\t\tbackground-position: 0 -1104px;\n\t}\n\n\t.cy {\n\t\tbackground-position: 0 -1120px;\n\t}\n\n\t.cz {\n\t\tbackground-position: 0 -1136px;\n\t}\n\n\t.de {\n\t\tbackground-position: 0 -1152px;\n\t}\n\n\t.dj {\n\t\tbackground-position: 0 -1168px;\n\t}\n\n\t.dk {\n\t\tbackground-position: 0 -1184px;\n\t}\n\n\t.dm {\n\t\tbackground-position: 0 -1200px;\n\t}\n\n\t.do {\n\t\tbackground-position: 0 -1216px;\n\t}\n\n\t.dz {\n\t\tbackground-position: 0 -1232px;\n\t}\n\n\t.ec {\n\t\tbackground-position: 0 -1248px;\n\t}\n\n\t.ee {\n\t\tbackground-position: 0 -1264px;\n\t}\n\n\t.eg {\n\t\tbackground-position: 0 -1280px;\n\t}\n\n\t.eh {\n\t\tbackground-position: 0 -1296px;\n\t}\n\n\t.er {\n\t\tbackground-position: 0 -1312px;\n\t}\n\n\t.es {\n\t\tbackground-position: 0 -1328px;\n\t}\n\n\t.et {\n\t\tbackground-position: 0 -1344px;\n\t}\n\n\t.fi {\n\t\tbackground-position: 0 -1360px;\n\t}\n\n\t.fj {\n\t\tbackground-position: 0 -1376px;\n\t}\n\n\t.fm {\n\t\tbackground-position: 0 -1392px;\n\t}\n\n\t.fo {\n\t\tbackground-position: 0 -1408px;\n\t}\n\n\t.fr {\n\t\tbackground-position: 0 -1424px;\n\t}\n\n\t.ga {\n\t\tbackground-position: 0 -1440px;\n\t}\n\n\t.gb {\n\t\tbackground-position: 0 -1456px;\n\t}\n\n\t.gd {\n\t\tbackground-position: 0 -1472px;\n\t}\n\n\t.ge {\n\t\tbackground-position: 0 -1488px;\n\t}\n\n\t.gg {\n\t\tbackground-position: 0 -1504px;\n\t}\n\n\t.gh {\n\t\tbackground-position: 0 -1520px;\n\t}\n\n\t.gi {\n\t\tbackground-position: 0 -1536px;\n\t}\n\n\t.gl {\n\t\tbackground-position: 0 -1552px;\n\t}\n\n\t.gm {\n\t\tbackground-position: 0 -1568px;\n\t}\n\n\t.gn {\n\t\tbackground-position: 0 -1584px;\n\t}\n\n\t.gp {\n\t\tbackground-position: 0 -1600px;\n\t}\n\n\t.gq {\n\t\tbackground-position: 0 -1616px;\n\t}\n\n\t.gr {\n\t\tbackground-position: 0 -1632px;\n\t}\n\n\t.gt {\n\t\tbackground-position: 0 -1648px;\n\t}\n\n\t.gu {\n\t\tbackground-position: 0 -1664px;\n\t}\n\n\t.gw {\n\t\tbackground-position: 0 -1680px;\n\t}\n\n\t.gy {\n\t\tbackground-position: 0 -1696px;\n\t}\n\n\t.hk {\n\t\tbackground-position: 0 -1712px;\n\t}\n\n\t.hn {\n\t\tbackground-position: 0 -1728px;\n\t}\n\n\t.hr {\n\t\tbackground-position: 0 -1744px;\n\t}\n\n\t.ht {\n\t\tbackground-position: 0 -1760px;\n\t}\n\n\t.hu {\n\t\tbackground-position: 0 -1776px;\n\t}\n\n\t.id,\n\t.mc {\n\t\tbackground-position: 0 -1792px;\n\t}\n\n\t.ie {\n\t\tbackground-position: 0 -1808px;\n\t}\n\n\t.il {\n\t\tbackground-position: 0 -1824px;\n\t}\n\n\t.im {\n\t\tbackground-position: 0 -1840px;\n\t}\n\n\t.in {\n\t\tbackground-position: 0 -1856px;\n\t}\n\n\t.iq {\n\t\tbackground-position: 0 -1872px;\n\t}\n\n\t.ir {\n\t\tbackground-position: 0 -1888px;\n\t}\n\n\t.is {\n\t\tbackground-position: 0 -1904px;\n\t}\n\n\t.it {\n\t\tbackground-position: 0 -1920px;\n\t}\n\n\t.je {\n\t\tbackground-position: 0 -1936px;\n\t}\n\n\t.jm {\n\t\tbackground-position: 0 -1952px;\n\t}\n\n\t.jo {\n\t\tbackground-position: 0 -1968px;\n\t}\n\n\t.jp {\n\t\tbackground-position: 0 -1984px;\n\t}\n\n\t.ke {\n\t\tbackground-position: 0 -2000px;\n\t}\n\n\t.kg {\n\t\tbackground-position: 0 -2016px;\n\t}\n\n\t.kh {\n\t\tbackground-position: 0 -2032px;\n\t}\n\n\t.ki {\n\t\tbackground-position: 0 -2048px;\n\t}\n\n\t.km {\n\t\tbackground-position: 0 -2064px;\n\t}\n\n\t.kn {\n\t\tbackground-position: 0 -2080px;\n\t}\n\n\t.kp {\n\t\tbackground-position: 0 -2096px;\n\t}\n\n\t.kr {\n\t\tbackground-position: 0 -2112px;\n\t}\n\n\t.kw {\n\t\tbackground-position: 0 -2128px;\n\t}\n\n\t.ky {\n\t\tbackground-position: 0 -2144px;\n\t}\n\n\t.kz {\n\t\tbackground-position: 0 -2160px;\n\t}\n\n\t.la {\n\t\tbackground-position: 0 -2176px;\n\t}\n\n\t.lb {\n\t\tbackground-position: 0 -2192px;\n\t}\n\n\t.lc {\n\t\tbackground-position: 0 -2208px;\n\t}\n\n\t.li {\n\t\tbackground-position: 0 -2224px;\n\t}\n\n\t.lk {\n\t\tbackground-position: 0 -2240px;\n\t}\n\n\t.lr {\n\t\tbackground-position: 0 -2256px;\n\t}\n\n\t.ls {\n\t\tbackground-position: 0 -2272px;\n\t}\n\n\t.lt {\n\t\tbackground-position: 0 -2288px;\n\t}\n\n\t.lu {\n\t\tbackground-position: 0 -2304px;\n\t}\n\n\t.lv {\n\t\tbackground-position: 0 -2320px;\n\t}\n\n\t.ly {\n\t\tbackground-position: 0 -2336px;\n\t}\n\n\t.ma {\n\t\tbackground-position: 0 -2352px;\n\t}\n\n\t.md {\n\t\tbackground-position: 0 -2368px;\n\t}\n\n\t.me {\n\t\tbackground-position: 0 -2384px;\n\t}\n\n\t.mg {\n\t\tbackground-position: 0 -2400px;\n\t}\n\n\t.mh {\n\t\tbackground-position: 0 -2416px;\n\t}\n\n\t.mk {\n\t\tbackground-position: 0 -2432px;\n\t}\n\n\t.ml {\n\t\tbackground-position: 0 -2448px;\n\t}\n\n\t.mm {\n\t\tbackground-position: 0 -2464px;\n\t}\n\n\t.mn {\n\t\tbackground-position: 0 -2480px;\n\t}\n\n\t.mo {\n\t\tbackground-position: 0 -2496px;\n\t}\n\n\t.mq {\n\t\tbackground-position: 0 -2512px;\n\t}\n\n\t.mr {\n\t\tbackground-position: 0 -2528px;\n\t}\n\n\t.ms {\n\t\tbackground-position: 0 -2544px;\n\t}\n\n\t.mt {\n\t\tbackground-position: 0 -2560px;\n\t}\n\n\t.mu {\n\t\tbackground-position: 0 -2576px;\n\t}\n\n\t.mv {\n\t\tbackground-position: 0 -2592px;\n\t}\n\n\t.mw {\n\t\tbackground-position: 0 -2608px;\n\t}\n\n\t.mx {\n\t\tbackground-position: 0 -2624px;\n\t}\n\n\t.my {\n\t\tbackground-position: 0 -2640px;\n\t}\n\n\t.mz {\n\t\tbackground-position: 0 -2656px;\n\t}\n\n\t.na {\n\t\tbackground-position: 0 -2672px;\n\t}\n\n\t.nc {\n\t\tbackground-position: 0 -2688px;\n\t}\n\n\t.ne {\n\t\tbackground-position: 0 -2704px;\n\t}\n\n\t.ng {\n\t\tbackground-position: 0 -2720px;\n\t}\n\n\t.ni {\n\t\tbackground-position: 0 -2736px;\n\t}\n\n\t.nl {\n\t\tbackground-position: 0 -2752px;\n\t}\n\n\t.no {\n\t\tbackground-position: 0 -2768px;\n\t}\n\n\t.np {\n\t\tbackground-position: 0 -2784px;\n\t}\n\n\t.nr {\n\t\tbackground-position: 0 -2800px;\n\t}\n\n\t.nz {\n\t\tbackground-position: 0 -2816px;\n\t}\n\n\t.om {\n\t\tbackground-position: 0 -2832px;\n\t}\n\n\t.pa {\n\t\tbackground-position: 0 -2848px;\n\t}\n\n\t.pe {\n\t\tbackground-position: 0 -2864px;\n\t}\n\n\t.pf {\n\t\tbackground-position: 0 -2880px;\n\t}\n\n\t.pg {\n\t\tbackground-position: 0 -2896px;\n\t}\n\n\t.ph {\n\t\tbackground-position: 0 -2912px;\n\t}\n\n\t.pk {\n\t\tbackground-position: 0 -2928px;\n\t}\n\n\t.pl {\n\t\tbackground-position: 0 -2944px;\n\t}\n\n\t.pr {\n\t\tbackground-position: 0 -2960px;\n\t}\n\n\t.ps {\n\t\tbackground-position: 0 -2976px;\n\t}\n\n\t.pt {\n\t\tbackground-position: 0 -2992px;\n\t}\n\n\t.pw {\n\t\tbackground-position: 0 -3008px;\n\t}\n\n\t.py {\n\t\tbackground-position: 0 -3024px;\n\t}\n\n\t.qa {\n\t\tbackground-position: 0 -3040px;\n\t}\n\n\t.re {\n\t\tbackground-position: 0 -3056px;\n\t}\n\n\t.ro {\n\t\tbackground-position: 0 -3072px;\n\t}\n\n\t.rs {\n\t\tbackground-position: 0 -3088px;\n\t}\n\n\t.ru {\n\t\tbackground-position: 0 -3104px;\n\t}\n\n\t.rw {\n\t\tbackground-position: 0 -3120px;\n\t}\n\n\t.sa {\n\t\tbackground-position: 0 -3136px;\n\t}\n\n\t.sb {\n\t\tbackground-position: 0 -3152px;\n\t}\n\n\t.sc {\n\t\tbackground-position: 0 -3168px;\n\t}\n\n\t.sd {\n\t\tbackground-position: 0 -3184px;\n\t}\n\n\t.se {\n\t\tbackground-position: 0 -3200px;\n\t}\n\n\t.sg {\n\t\tbackground-position: 0 -3216px;\n\t}\n\n\t.si {\n\t\tbackground-position: 0 -3232px;\n\t}\n\n\t.sk {\n\t\tbackground-position: 0 -3248px;\n\t}\n\n\t.sl {\n\t\tbackground-position: 0 -3264px;\n\t}\n\n\t.sm {\n\t\tbackground-position: 0 -3280px;\n\t}\n\n\t.sn {\n\t\tbackground-position: 0 -3296px;\n\t}\n\n\t.so {\n\t\tbackground-position: 0 -3312px;\n\t}\n\n\t.sr {\n\t\tbackground-position: 0 -3328px;\n\t}\n\n\t.st {\n\t\tbackground-position: 0 -3344px;\n\t}\n\n\t.sv {\n\t\tbackground-position: 0 -3360px;\n\t}\n\n\t.sy {\n\t\tbackground-position: 0 -3376px;\n\t}\n\n\t.sz {\n\t\tbackground-position: 0 -3392px;\n\t}\n\n\t.tc {\n\t\tbackground-position: 0 -3408px;\n\t}\n\n\t.td {\n\t\tbackground-position: 0 -3424px;\n\t}\n\n\t.tg {\n\t\tbackground-position: 0 -3440px;\n\t}\n\n\t.th {\n\t\tbackground-position: 0 -3456px;\n\t}\n\n\t.tj {\n\t\tbackground-position: 0 -3472px;\n\t}\n\n\t.tl {\n\t\tbackground-position: 0 -3488px;\n\t}\n\n\t.tm {\n\t\tbackground-position: 0 -3504px;\n\t}\n\n\t.tn {\n\t\tbackground-position: 0 -3520px;\n\t}\n\n\t.to {\n\t\tbackground-position: 0 -3536px;\n\t}\n\n\t.tr {\n\t\tbackground-position: 0 -3552px;\n\t}\n\n\t.tt {\n\t\tbackground-position: 0 -3568px;\n\t}\n\n\t.tv {\n\t\tbackground-position: 0 -3584px;\n\t}\n\n\t.tw {\n\t\tbackground-position: 0 -3600px;\n\t}\n\n\t.tz {\n\t\tbackground-position: 0 -3616px;\n\t}\n\n\t.ua {\n\t\tbackground-position: 0 -3632px;\n\t}\n\n\t.ug {\n\t\tbackground-position: 0 -3648px;\n\t}\n\n\t.us {\n\t\tbackground-position: 0 -3664px;\n\t}\n\n\t.uy {\n\t\tbackground-position: 0 -3680px;\n\t}\n\n\t.uz {\n\t\tbackground-position: 0 -3696px;\n\t}\n\n\t.va {\n\t\tbackground-position: 0 -3712px;\n\t}\n\n\t.vc {\n\t\tbackground-position: 0 -3728px;\n\t}\n\n\t.ve {\n\t\tbackground-position: 0 -3744px;\n\t}\n\n\t.vg {\n\t\tbackground-position: 0 -3760px;\n\t}\n\n\t.vi {\n\t\tbackground-position: 0 -3776px;\n\t}\n\n\t.vn {\n\t\tbackground-position: 0 -3792px;\n\t}\n\n\t.vu {\n\t\tbackground-position: 0 -3808px;\n\t}\n\n\t.ws {\n\t\tbackground-position: 0 -3824px;\n\t}\n\n\t.ye {\n\t\tbackground-position: 0 -3840px;\n\t}\n\n\t.za {\n\t\tbackground-position: 0 -3856px;\n\t}\n\n\t.zm {\n\t\tbackground-position: 0 -3872px;\n\t}\n\n\t.zw {\n\t\tbackground-position: 0 -3888px;\n\t}\n}\n\n.telephone-input .btn {\n\tborder-start-start-radius: 0;\n\tborder-end-start-radius: 0;\n}\n\n.dark-theme .intl-tel-input {\n\tinput {\n\t\tborder: 1px solid #{$border};\n\t\tbackground: #{$bg-hover};\n\t\tcolor: rgb($white);\n\t}\n\n\t.flag-dropdown {\n\t\t.selected-flag {\n\t\t\tbackground: #{$bg-hover};\n\n\t\t\t.down-arrow {\n\t\t\t\tborder-block-start: 4px solid #{$border};\n\t\t\t}\n\t\t}\n\n\t\t.country-list {\n\t\t\t.country.highlight {\n\t\t\t\tbackground-color: #{$bg-hover};\n\t\t\t\tborder: 0 !important;\n\t\t\t}\n\n\t\t\tbox-shadow: 1px 1px 4px #{$shadow-color};\n\t\t\tbackground-color: #{$bg-hover};\n\n\t\t\t.divider {\n\t\t\t\tborder-block-end: 1px solid #{$border};\n\t\t\t}\n\t\t}\n\t}\n}", ".tree {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n margin-inline-start: 1em;\r\n position: relative;\r\n\r\n ul {\r\n margin-inline-start: 0.5em;\r\n }\r\n\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n width: 0;\r\n position: absolute;\r\n inset-block-start: 0;\r\n inset-block-end: 0;\r\n inset-inline-start: -10px;\r\n border-inline-start: 1px solid #{$border};\r\n }\r\n }\r\n\r\n li {\r\n margin: 0;\r\n padding: 0.5em 1em 0.2em;\r\n line-height: 2em;\r\n color: #{$default-color};\r\n position: relative;\r\n border: 1px solid #{$border};\r\n margin: 10px 0;\r\n border-radius: 5px;\r\n line-height: 30px;\r\n\r\n i {\r\n margin-inline-end: 10px;\r\n font-weight: bold;\r\n font-size: 16px;\r\n\r\n /* padding-block-start: 10px; */\r\n line-height: 1;\r\n }\r\n }\r\n\r\n ul li {\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n width: 10px;\r\n height: 0;\r\n border-block-start: 2px solid #{$border};\r\n margin-block-start: -1px;\r\n position: absolute;\r\n inset-block-start: 22px;\r\n inset-inline-start: -10px;\r\n }\r\n\r\n &:last-child:before {\r\n background: transparent;\r\n height: auto;\r\n inset-block-start: 22px;\r\n inset-block-end: 0;\r\n }\r\n }\r\n}\r\n\r\n.indicator {\r\n margin-inline-end: 5px;\r\n color: #{$primary};\r\n}\r\n\r\n.tree li {\r\n a {\r\n text-decoration: none;\r\n color: #{$default-color};\r\n font-size: 15px;\r\n }\r\n\r\n button {\r\n text-decoration: none;\r\n color: #{$default-color};\r\n border: none;\r\n background: transparent;\r\n margin: 0;\r\n padding: 0;\r\n outline: 0;\r\n\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n color: #{$default-color};\r\n border: none;\r\n background: transparent;\r\n margin: 0;\r\n padding: 0;\r\n outline: 0;\r\n }\r\n }\r\n\r\n &.branch {\r\n background: rgb($white);\r\n\r\n li {\r\n background: rgb($white);\r\n }\r\n }\r\n}\r\n\r\n.tree li i {\r\n display: inline-block;\r\n}", ".richText {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 7px;\r\n \r\n .richText-form {\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n \r\n label {\r\n display: block;\r\n padding: 10px 15px;\r\n }\r\n \r\n input {\r\n &[type=\"text\"], &[type=\"file\"], &[type=\"number\"] {\r\n padding: 10px 15px;\r\n border: #{$border} solid 1px;\r\n min-width: 200px;\r\n width: 100%;\r\n border-radius: 5px;\r\n outline: 0;\r\n }\r\n }\r\n \r\n select {\r\n padding: 10px 15px;\r\n border: #{$border} solid 1px;\r\n min-width: 200px;\r\n width: 100%;\r\n border-radius: 5px;\r\n outline: 0;\r\n cursor: pointer;\r\n }\r\n \r\n button {\r\n margin: 10px 0;\r\n padding: 0.375rem 0.75rem;\r\n background-color: #{$primary};\r\n border: none;\r\n color: #{$default-color};\r\n cursor: pointer;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n -webkit-border-radius: 5px;\r\n -moz-border-radius: 5px;\r\n border-radius: 5px;\r\n }\r\n }\r\n \r\n .richText-toolbar {\r\n min-height: 20px;\r\n border-block-end: 0;\r\n \r\n ul {\r\n margin-block-end: 0;\r\n padding-inline-start: 0;\r\n border-block-end: #{$border} solid 1px;\r\n \r\n li {\r\n float: $float-start;\r\n display: block;\r\n list-style: none;\r\n \r\n a {\r\n display: block;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n -webkit-transition: background-color 0.4s;\r\n -moz-transition: background-color 0.4s;\r\n transition: background-color 0.4s;\r\n color: #{$default-color};\r\n \r\n .fe, .fa, .fas, .far, svg {\r\n pointer-events: none;\r\n }\r\n \r\n .richText-dropdown-outer {\r\n display: none;\r\n position: absolute;\r\n inset-block-start: 0;\r\n inset-inline-start: 0;\r\n inset-inline-end: 0;\r\n inset-block-end: 0;\r\n background-color: #{$bg-hover};\r\n cursor: default;\r\n \r\n .richText-dropdown {\r\n position: relative;\r\n display: block;\r\n margin: 3% auto 0;\r\n background-color: rgb($white);\r\n border: #{$border} solid 1px;\r\n min-width: 100px;\r\n width: 300px;\r\n max-width: 90%;\r\n border-radius: 5px;\r\n -webkit-box-shadow: 0px 16px 18px #{$shadow-color};\r\n -moz-box-shadow: 0px 16px 18px #{$shadow-color};\r\n box-shadow: 0px 16px 18px #{$shadow-color};\r\n \r\n .richText-dropdown-close {\r\n position: absolute;\r\n inset-block-start: 10px;\r\n inset-inline-end: 10px;\r\n background: rgb($white)0;\r\n color: #{$color};\r\n cursor: pointer;\r\n font-size: 16px;\r\n text-align: center;\r\n width: 25px;\r\n border-radius: 5px;\r\n }\r\n }\r\n \r\n ul.richText-dropdown {\r\n list-style: none;\r\n \r\n li {\r\n display: block;\r\n float: none;\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n \r\n a {\r\n display: block;\r\n padding: 10px 15px;\r\n border-block-end: #{$border} solid 1px;\r\n \r\n &:hover {\r\n background-color: rgb($white);\r\n }\r\n }\r\n \r\n &.inline {\r\n margin: 5px;\r\n float: $float-start;\r\n padding: 6px;\r\n \r\n a {\r\n display: block;\r\n padding: 0;\r\n margin: 0;\r\n border: none;\r\n -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n border-radius: 50%;\r\n -webkit-box-shadow: 0 0 10px 0 #999;\r\n -moz-box-shadow: 0 0 10px 0 #999;\r\n box-shadow: 0 0 10px 0 #999;\r\n \r\n span {\r\n display: block;\r\n height: 30px;\r\n width: 30px;\r\n -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n border-radius: 50%;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n \r\n div.richText-dropdown {\r\n padding: 10px 15px;\r\n }\r\n }\r\n \r\n &:hover {\r\n background-color: rgb($white);\r\n }\r\n }\r\n \r\n &[data-disable=\"true\"] {\r\n opacity: 0.1;\r\n \r\n a {\r\n cursor: default;\r\n }\r\n }\r\n \r\n &:not([data-disable=\"true\"]).is-selected .richText-dropdown-outer {\r\n display: block;\r\n }\r\n }\r\n \r\n &:after {\r\n display: block;\r\n content: \"\";\r\n clear: both;\r\n }\r\n }\r\n \r\n &:last-child {\r\n font-size: 12px;\r\n }\r\n \r\n &:after {\r\n display: block;\r\n clear: both;\r\n content: \"\";\r\n }\r\n }\r\n \r\n .richText-editor {\r\n padding: 20px;\r\n background-color: rgb($white);\r\n border-inline-start: rgb($white) solid 2px;\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n height: 300px;\r\n outline: none;\r\n overflow-y: scroll;\r\n overflow-x: auto;\r\n \r\n ul, ol {\r\n margin: 10px 25px;\r\n }\r\n \r\n table {\r\n margin: 10px 0;\r\n border-spacing: 0;\r\n width: 100%;\r\n \r\n td, th {\r\n padding: 10px;\r\n border: #{$border} solid 1px;\r\n }\r\n }\r\n \r\n &:focus {\r\n border-inline-start: transparent solid 2px;\r\n }\r\n }\r\n \r\n .richText-initial {\r\n margin-block-end: -4px;\r\n padding: 10px;\r\n background-color: #2a2e3f;\r\n border: none !important;\r\n color: #38cab3;\r\n font-family: Monospace, Calibri, Verdana, Helvetica, sans-serif;\r\n max-width: 100%;\r\n min-width: 100%;\r\n width: 100%;\r\n min-height: 400px;\r\n height: 400px;\r\n outline: none;\r\n }\r\n \r\n .richText-help {\r\n float: $float-end;\r\n display: block;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n }\r\n \r\n .richText-undo, .richText-redo {\r\n float: $float-end;\r\n display: block;\r\n padding: 10px 15px;\r\n border-inline-end: #{$border} solid 1px;\r\n cursor: pointer;\r\n }\r\n \r\n .richText-undo.is-disabled, .richText-redo.is-disabled {\r\n opacity: 0.4;\r\n }\r\n \r\n .richText-help-popup {\r\n a {\r\n color: #3498db;\r\n text-decoration: underline;\r\n }\r\n \r\n hr {\r\n margin: 10px auto 5px;\r\n border: none;\r\n border-block-start: #{$border} solid 1px;\r\n }\r\n }\r\n \r\n .richText-list.list-rightclick {\r\n position: absolute;\r\n background-color: #{$default-color};\r\n border-inline-end: #{$border} solid 1px;\r\n border-block-end: #{$border} solid 1px;\r\n \r\n li {\r\n padding: 5px 7px;\r\n cursor: pointer;\r\n list-style: none;\r\n }\r\n }\r\n \r\n border: #{$border} solid 1px;\r\n background-color: rgb($white) !important;\r\n \r\n .richText-toolbar ul li a {\r\n border-inline-end: rgba(156, 162, 161, 0.2) solid 1px;\r\n }\r\n }", ".flatpickr-calendar {\r\n background: transparent;\r\n opacity: 0;\r\n display: none;\r\n text-align: center;\r\n visibility: hidden;\r\n padding: 0;\r\n -webkit-animation: none;\r\n animation: none;\r\n direction: ltr;\r\n border: 0;\r\n font-size: 14px;\r\n line-height: 24px;\r\n border-radius: 5px;\r\n position: absolute;\r\n width: 307.875px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n -ms-touch-action: manipulation;\r\n touch-action: manipulation;\r\n background: rgb($white);\r\n -webkit-box-shadow: 1px 0 0 #{$shadow-color}, (-1px) 0 0 #{$shadow-color}, 0 1px 0 #{$shadow-color}, 0 -1px 0 #{$shadow-color}, 0 3px 13px #{$shadow-color};\r\n box-shadow: 1px 0 0 #{$shadow-color}, (-1px) 0 0 #{$shadow-color}, 0 1px 0 #{$shadow-color}, 0 -1px 0 #{$shadow-color}, 0 3px 13px #{$shadow-color};\r\n \r\n &.open, &.inline {\r\n opacity: 1;\r\n max-height: 640px;\r\n visibility: visible;\r\n }\r\n \r\n &.open {\r\n display: inline-block;\r\n z-index: 9999;\r\n }\r\n \r\n &.animate.open {\r\n -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);\r\n }\r\n \r\n &.inline {\r\n display: block;\r\n position: relative;\r\n inset-block-start: 2px;\r\n }\r\n \r\n &.static {\r\n position: absolute;\r\n inset-block-start: calc(100% + 2px);\r\n \r\n &.open {\r\n z-index: 99;\r\n display: block;\r\n }\r\n }\r\n \r\n &.multiMonth .flatpickr-days .dayContainer {\r\n &:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {\r\n -webkit-box-shadow: none !important;\r\n box-shadow: none !important;\r\n }\r\n \r\n &:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {\r\n -webkit-box-shadow: -2px 0 0 #{$bg-hover},5px 0 0 #{$bg-hover};\r\n box-shadow: -2px 0 0 #{$bg-hover},5px 0 0 #{$bg-hover};\r\n }\r\n }\r\n \r\n .hasWeeks .dayContainer, .hasTime .dayContainer {\r\n border-block-end: 0;\r\n border-end-end-radius: 0;\r\n border-end-start-radius: 0;\r\n }\r\n \r\n .hasWeeks .dayContainer {\r\n border-inline-start: 0;\r\n }\r\n \r\n &.hasTime .flatpickr-time {\r\n height: 40px;\r\n border-block-start: 1px solid #{$border};\r\n }\r\n \r\n &.noCalendar.hasTime .flatpickr-time {\r\n height: auto;\r\n }\r\n \r\n &:before, &:after {\r\n position: absolute;\r\n display: block;\r\n pointer-events: none;\r\n border: solid transparent;\r\n content: '';\r\n height: 0;\r\n width: 0;\r\n inset-inline-start: 22px;\r\n }\r\n \r\n &.rightMost:before, &.arrowRight:before, &.rightMost:after, &.arrowRight:after {\r\n inset-inline-start: auto;\r\n inset-inline-end: 22px;\r\n }\r\n \r\n &.arrowCenter {\r\n &:before, &:after {\r\n inset-inline-start: 50%;\r\n inset-inline-end: 50%;\r\n }\r\n }\r\n \r\n &:before {\r\n border-width: 5px;\r\n margin: 0 -5px;\r\n }\r\n \r\n &:after {\r\n border-width: 4px;\r\n margin: 0 -4px;\r\n }\r\n \r\n &.arrowTop {\r\n &:before, &:after {\r\n inset-block-end: 100%;\r\n }\r\n \r\n &:before {\r\n border-block-end-color: transparent;\r\n }\r\n \r\n &:after {\r\n border-block-end-color: transparent;\r\n }\r\n }\r\n \r\n &.arrowBottom {\r\n &:before, &:after {\r\n inset-block-start: 100%;\r\n }\r\n \r\n &:before {\r\n border-block-start-color: #{$bg-hover};\r\n }\r\n \r\n &:after {\r\n border-block-start-color: rgb($white);\r\n }\r\n }\r\n \r\n &:focus {\r\n outline: 0;\r\n }\r\n }\r\n \r\n .flatpickr-wrapper {\r\n position: relative;\r\n display: inline-block;\r\n }\r\n \r\n .flatpickr-months {\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n \r\n .flatpickr-month {\r\n background: transparent;\r\n color: #{$primary};\r\n fill: #{$primary};\r\n height: 34px;\r\n line-height: 1;\r\n text-align: center;\r\n position: relative;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n overflow: hidden;\r\n -webkit-box-flex: 1;\r\n -webkit-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n }\r\n \r\n .flatpickr-prev-month, .flatpickr-next-month {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n text-decoration: none;\r\n cursor: pointer;\r\n position: absolute;\r\n inset-block-start: 0;\r\n height: 34px;\r\n padding-block-start: 5px;\r\n padding-inline: 5px;\r\n padding-block-end: 0;\r\n z-index: 3;\r\n color: #{$primary};\r\n fill: #{$primary};\r\n }\r\n \r\n .flatpickr-prev-month.flatpickr-disabled, .flatpickr-next-month.flatpickr-disabled {\r\n display: none;\r\n }\r\n \r\n .flatpickr-prev-month i, .flatpickr-next-month i {\r\n position: relative;\r\n }\r\n \r\n .flatpickr-prev-month.flatpickr-prev-month {\r\n /*\r\n /*rtl:begin:ignore*/\r\n \r\n inset-inline-start: 0;\r\n }\r\n \r\n .flatpickr-next-month {\r\n &.flatpickr-prev-month {\r\n /*\r\n /*rtl:begin:ignore*/\r\n \r\n inset-inline-start: 0;\r\n \r\n /*\r\n /*rtl:begin:ignore*/\r\n \r\n inset-inline-end: 0;\r\n }\r\n \r\n &.flatpickr-next-month {\r\n /*\r\n /*rtl:begin:ignore*/\r\n \r\n inset-inline-end: 0;\r\n }\r\n }\r\n \r\n .flatpickr-prev-month:hover, .flatpickr-next-month:hover {\r\n color: #{$border};\r\n }\r\n \r\n .flatpickr-prev-month:hover svg, .flatpickr-next-month:hover svg {\r\n fill: #{$primary};\r\n }\r\n \r\n .flatpickr-prev-month svg, .flatpickr-next-month svg {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n \r\n .flatpickr-prev-month svg path, .flatpickr-next-month svg path {\r\n -webkit-transition: fill .1s;\r\n transition: fill .1s;\r\n fill: inherit;\r\n }\r\n }\r\n \r\n /*\r\n /*rtl:begin:ignore*/\r\n /*\r\n /*rtl:end:ignore*/\r\n \r\n /*\r\n /*rtl:begin:ignore*/\r\n /*\r\n /*rtl:end:ignore*/\r\n \r\n .numInputWrapper {\r\n position: relative;\r\n height: auto;\r\n \r\n input, span {\r\n display: inline-block;\r\n }\r\n \r\n input {\r\n width: 100%;\r\n \r\n &::-ms-clear {\r\n display: none;\r\n }\r\n \r\n &::-webkit-outer-spin-button, &::-webkit-inner-spin-button {\r\n margin: 0;\r\n -webkit-appearance: none;\r\n }\r\n }\r\n \r\n span {\r\n position: absolute;\r\n inset-inline-end: 0;\r\n width: 14px;\r\n padding-block-start: 0;\r\n padding-inline-start: 4px;\r\n padding-block-end: 0;\r\n padding-inline-end: 2px;\r\n height: 50%;\r\n line-height: 50%;\r\n opacity: 0;\r\n cursor: pointer;\r\n border: 1px solid transparent;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n \r\n &:hover {\r\n background: transparent;\r\n }\r\n \r\n &:active {\r\n background: transparent;\r\n }\r\n \r\n &:after {\r\n display: block;\r\n content: \"\";\r\n position: absolute;\r\n }\r\n \r\n &.arrowUp {\r\n inset-block-start: 0;\r\n border-block-end: 0;\r\n \r\n &:after {\r\n border-inline-start: 4px solid transparent;\r\n border-inline-end: 4px solid transparent;\r\n border-block-end: 4px solid rgba(57, 57, 57, 0.6);\r\n inset-block-start: 26%;\r\n }\r\n }\r\n \r\n &.arrowDown {\r\n inset-block-start: 50%;\r\n \r\n &:after {\r\n border-inline-start: 4px solid transparent;\r\n border-inline-end: 4px solid transparent;\r\n border-block-start: 4px solid rgba(57, 57, 57, 0.6);\r\n inset-block-start: 40%;\r\n }\r\n }\r\n \r\n svg {\r\n width: inherit;\r\n height: auto;\r\n \r\n path {\r\n fill: rgba(0, 0, 0, 0.5);\r\n }\r\n }\r\n }\r\n \r\n &:hover {\r\n background: transparent;\r\n \r\n span {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n \r\n .flatpickr-current-month {\r\n font-size: 135%;\r\n line-height: inherit;\r\n font-weight: 300;\r\n color: inherit;\r\n position: absolute;\r\n width: 75%;\r\n inset-inline-start: 12.5%;\r\n padding: 7.48px 0 0;\r\n line-height: 1;\r\n height: 34px;\r\n display: inline-block;\r\n text-align: center;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n \r\n span.cur-month {\r\n font-family: inherit;\r\n font-weight: 700;\r\n color: inherit;\r\n display: inline-block;\r\n margin-inline-start: .5ch;\r\n padding: 0;\r\n \r\n &:hover {\r\n background: transparent;\r\n }\r\n }\r\n \r\n .numInputWrapper {\r\n width: 6ch;\r\n width: 7ch\\0;\r\n display: inline-block;\r\n \r\n span {\r\n &.arrowUp:after {\r\n border-block-end-color: #{$primary};\r\n }\r\n \r\n &.arrowDown:after {\r\n border-block-start-color: #{$primary};\r\n }\r\n }\r\n }\r\n \r\n input.cur-year {\r\n background: transparent;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n color: inherit;\r\n cursor: text;\r\n padding-block: 0;\r\n padding-inline-start: 0;\r\n padding-inline-end: .5ch;\r\n margin: 0;\r\n display: inline-block;\r\n font-size: 14px;\r\n font-family: inherit;\r\n font-weight: 300;\r\n line-height: inherit;\r\n height: auto;\r\n border: 0;\r\n border-radius: 0;\r\n vertical-align: initial;\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n \r\n &:focus {\r\n outline: 0;\r\n }\r\n \r\n &[disabled] {\r\n font-size: 100%;\r\n color: rgba(0, 0, 0, 0.5);\r\n background: transparent;\r\n pointer-events: none;\r\n \r\n &:hover {\r\n font-size: 100%;\r\n color: rgba(0, 0, 0, 0.5);\r\n background: transparent;\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n \r\n .flatpickr-monthDropdown-months {\r\n appearance: menulist;\r\n background: transparent;\r\n border: none;\r\n border-radius: 0;\r\n box-sizing: border-box;\r\n color: inherit;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-family: inherit;\r\n font-weight: 300;\r\n height: auto;\r\n line-height: inherit;\r\n margin: -1px 0 0;\r\n outline: none;\r\n padding-block: 0;\r\n padding-inline-start: 0;\r\n padding-inline-end: .5ch;\r\n position: relative;\r\n vertical-align: initial;\r\n -webkit-box-sizing: border-box;\r\n -webkit-appearance: menulist;\r\n -moz-appearance: menulist;\r\n width: auto;\r\n \r\n &:focus, &:active {\r\n outline: none;\r\n }\r\n \r\n &:hover {\r\n background: transparent;\r\n }\r\n \r\n .flatpickr-monthDropdown-month {\r\n background-color: transparent;\r\n outline: none;\r\n padding: 0;\r\n }\r\n }\r\n }\r\n \r\n .flatpickr-weekdays {\r\n background: #{$primary-02};\r\n text-align: center;\r\n overflow: hidden;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -webkit-align-items: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n height: 28px;\r\n \r\n .flatpickr-weekdaycontainer {\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-flex: 1;\r\n -webkit-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n }\r\n }\r\n \r\n span.flatpickr-weekday {\r\n cursor: default;\r\n font-size: 90%;\r\n background: transparent;\r\n color: #{$primary};\r\n line-height: 1;\r\n margin: 0;\r\n text-align: center;\r\n display: block;\r\n -webkit-box-flex: 1;\r\n -webkit-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n font-weight: 500;\r\n }\r\n \r\n .dayContainer, .flatpickr-weeks {\r\n padding: 1px 0 0 ;\r\n }\r\n \r\n .flatpickr-days {\r\n position: relative;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: start;\r\n -webkit-align-items: flex-start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n width: 307.875px;\r\n \r\n &:focus {\r\n outline: 0;\r\n }\r\n }\r\n \r\n .dayContainer {\r\n padding: 0;\r\n outline: 0;\r\n text-align: start;\r\n width: 307.875px;\r\n min-width: 307.875px;\r\n max-width: 307.875px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n display: inline-block;\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-wrap: wrap;\r\n -ms-flex-pack: justify;\r\n -webkit-justify-content: space-around;\r\n justify-content: space-around;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n opacity: 1;\r\n \r\n + .dayContainer {\r\n -webkit-box-shadow: -1px 0 0 #{$bg-hover};\r\n box-shadow: -1px 0 0 #{$bg-hover};\r\n }\r\n }\r\n \r\n .flatpickr-day {\r\n background: none;\r\n border: 1px solid transparent;\r\n border-radius: 4px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n color: #{$default-color};\r\n cursor: pointer;\r\n font-weight: 500;\r\n width: 14.2857143%;\r\n -webkit-flex-basis: 14.2857143%;\r\n -ms-flex-preferred-size: 14.2857143%;\r\n flex-basis: 14.2857143%;\r\n max-width: 39px;\r\n height: 39px;\r\n font-size: 13px;\r\n line-height: 39px;\r\n margin: 0;\r\n display: inline-block;\r\n position: relative;\r\n -webkit-box-pack: center;\r\n -webkit-justify-content: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n text-align: center;\r\n \r\n &.inRange, &.prevMonthDay.inRange, &.nextMonthDay.inRange, &.today.inRange, &.prevMonthDay.today.inRange, &.nextMonthDay.today.inRange, &:hover, &.prevMonthDay:hover, &.nextMonthDay:hover, &:focus, &.prevMonthDay:focus, &.nextMonthDay:focus {\r\n cursor: pointer;\r\n outline: 0;\r\n background: #{$bg-hover};\r\n border-color: #{$bg-hover};\r\n }\r\n \r\n &.today {\r\n border-color: #{$primary};\r\n background-color: #{$primary};\r\n color: rgb($white) ;\r\n \r\n &:hover, &:focus {\r\n border-color: #{$primary};\r\n background: #{$primary};\r\n color: rgb($white);\r\n }\r\n }\r\n \r\n &.selected, &.startRange, &.endRange, &.selected.inRange, &.startRange.inRange, &.endRange.inRange, &.selected:focus, &.startRange:focus, &.endRange:focus, &.selected:hover, &.startRange:hover, &.endRange:hover, &.selected.prevMonthDay, &.startRange.prevMonthDay, &.endRange.prevMonthDay, &.selected.nextMonthDay, &.startRange.nextMonthDay, &.endRange.nextMonthDay {\r\n background: #{$primary};\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n color: rgb($white);\r\n border-color: #{$primary};\r\n }\r\n \r\n &.selected.startRange, &.startRange.startRange, &.endRange.startRange {\r\n border-start-start-radius: 4px;\r\n border-start-end-radius: 0;\r\n border-end-end-radius: 0;\r\n border-end-start-radius: 4px;\r\n }\r\n \r\n &.selected.endRange, &.startRange.endRange, &.endRange.endRange {\r\n border-start-start-radius: 0;\r\n border-start-end-radius: 4px;\r\n border-end-end-radius: 4px;\r\n border-end-start-radius: 0;\r\n }\r\n \r\n &.selected.startRange + .endRange:not(:nth-child(7n+1)), &.startRange.startRange + .endRange:not(:nth-child(7n+1)), &.endRange.startRange + .endRange:not(:nth-child(7n+1)) {\r\n -webkit-box-shadow: -10px 0 0 #{$primary};\r\n box-shadow: -10px 0 0 #{$primary};\r\n }\r\n \r\n &.selected.startRange.endRange, &.startRange.startRange.endRange {\r\n border-radius: 4px;\r\n }\r\n \r\n &.inRange {\r\n border-radius: 0;\r\n -webkit-box-shadow: -5px 0 0 #{$bg-hover},5px 0 0 #{$bg-hover};\r\n box-shadow: -5px 0 0 #{$bg-hover},5px 0 0 #{$bg-hover};\r\n }\r\n \r\n &.flatpickr-disabled {\r\n color: #{$primary};\r\n background: transparent;\r\n border-color: transparent;\r\n cursor: default;\r\n \r\n &:hover {\r\n color: #{$primary};\r\n background: transparent;\r\n border-color: transparent;\r\n cursor: default;\r\n }\r\n }\r\n \r\n &.prevMonthDay, &.nextMonthDay {\r\n color: #{$primary};\r\n background: transparent;\r\n border-color: transparent;\r\n cursor: default;\r\n }\r\n \r\n &.notAllowed {\r\n color: #{$primary};\r\n background: transparent;\r\n border-color: transparent;\r\n cursor: default;\r\n \r\n &.prevMonthDay, &.nextMonthDay {\r\n color: #{$primary};\r\n background: transparent;\r\n border-color: transparent;\r\n cursor: default;\r\n }\r\n }\r\n \r\n &.flatpickr-disabled {\r\n cursor: not-allowed;\r\n color: rgba(57, 57, 57, 0.1);\r\n \r\n &:hover {\r\n cursor: not-allowed;\r\n color: rgba(57, 57, 57, 0.1);\r\n }\r\n }\r\n \r\n &.week.selected {\r\n border-radius: 0;\r\n -webkit-box-shadow: -5px 0 0 #{$primary} 5px 0 0 #{$primary};\r\n box-shadow: -5px 0 0 #{$primary} 5px 0 0 #{$primary};\r\n }\r\n \r\n &.hidden {\r\n visibility: hidden;\r\n }\r\n }\r\n \r\n .rangeMode .flatpickr-day {\r\n margin-block-start: 1px;\r\n }\r\n \r\n .flatpickr-weekwrapper {\r\n float: $float-start;\r\n \r\n .flatpickr-weeks {\r\n padding: 0 12px;\r\n -webkit-box-shadow: 1px 0 0 #{$bg-hover};\r\n box-shadow: 1px 0 0 #{$bg-hover};\r\n }\r\n \r\n .flatpickr-weekday {\r\n float: none;\r\n width: 100%;\r\n line-height: 28px;\r\n }\r\n \r\n span.flatpickr-day {\r\n display: block;\r\n width: 100%;\r\n max-width: none;\r\n color: #{$primary};\r\n background: transparent;\r\n cursor: default;\r\n border: none;\r\n \r\n &:hover {\r\n display: block;\r\n width: 100%;\r\n max-width: none;\r\n color: #{$primary};\r\n background: transparent;\r\n cursor: default;\r\n border: none;\r\n }\r\n }\r\n }\r\n \r\n .flatpickr-innerContainer {\r\n display: block;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n }\r\n \r\n .flatpickr-rContainer {\r\n display: inline-block;\r\n padding: 0;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n }\r\n \r\n .flatpickr-time {\r\n text-align: center;\r\n outline: 0;\r\n display: block;\r\n height: 0;\r\n line-height: 40px;\r\n max-height: 40px;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -ms-flexbox;\r\n display: flex;\r\n \r\n &:after {\r\n content: \"\";\r\n display: table;\r\n clear: both;\r\n }\r\n \r\n .numInputWrapper {\r\n -webkit-box-flex: 1;\r\n -webkit-flex: 1;\r\n -ms-flex: 1;\r\n flex: 1;\r\n width: 40%;\r\n height: 40px;\r\n float: $float-start;\r\n \r\n span {\r\n &.arrowUp:after {\r\n border-block-end-color: #{$color};\r\n }\r\n \r\n &.arrowDown:after {\r\n border-block-start-color: #{$color};\r\n }\r\n }\r\n }\r\n \r\n &.hasSeconds .numInputWrapper {\r\n width: 26%;\r\n }\r\n \r\n &.time24hr .numInputWrapper {\r\n width: 49%;\r\n }\r\n \r\n input {\r\n background: transparent;\r\n -webkit-box-shadow: none;\r\n box-shadow: none;\r\n border: 0;\r\n border-radius: 0;\r\n text-align: center;\r\n margin: 0;\r\n padding: 0;\r\n height: inherit;\r\n line-height: inherit;\r\n color: #{$color};\r\n font-size: 14px;\r\n position: relative;\r\n -webkit-box-sizing: border-box;\r\n box-sizing: border-box;\r\n -webkit-appearance: textfield;\r\n -moz-appearance: textfield;\r\n appearance: textfield;\r\n \r\n &.flatpickr-hour {\r\n font-weight: bold;\r\n }\r\n \r\n &.flatpickr-minute, &.flatpickr-second {\r\n font-weight: 400;\r\n }\r\n \r\n &:focus {\r\n outline: 0;\r\n border: 0;\r\n }\r\n }\r\n \r\n .flatpickr-time-separator {\r\n height: inherit;\r\n float: $float-start;\r\n line-height: inherit;\r\n color: #{$color};\r\n font-weight: bold;\r\n width: 2%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-align-self: center;\r\n -ms-flex-item-align: center;\r\n align-self: center;\r\n }\r\n \r\n .flatpickr-am-pm {\r\n height: inherit;\r\n float: $float-start;\r\n line-height: inherit;\r\n color: #{$color};\r\n font-weight: bold;\r\n width: 2%;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n -webkit-align-self: center;\r\n -ms-flex-item-align: center;\r\n align-self: center;\r\n outline: 0;\r\n width: 18%;\r\n cursor: pointer;\r\n text-align: center;\r\n font-weight: 400;\r\n }\r\n \r\n input:hover, .flatpickr-am-pm:hover, input:focus, .flatpickr-am-pm:focus {\r\n background: #{$bg-hover};\r\n }\r\n }\r\n \r\n .flatpickr-input[readonly] {\r\n cursor: pointer;\r\n }\r\n \r\n @-webkit-keyframes fpFadeInDown {\r\n from {\r\n opacity: 0;\r\n -webkit-transform: translate3d(0, -20px, 0);\r\n transform: translate3d(0, -20px, 0);\r\n }\r\n \r\n to {\r\n opacity: 1;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n \r\n @keyframes fpFadeInDown {\r\n from {\r\n opacity: 0;\r\n -webkit-transform: translate3d(0, -20px, 0);\r\n transform: translate3d(0, -20px, 0);\r\n }\r\n \r\n to {\r\n opacity: 1;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n }\r\n }\r\n .flatpickr-months {\r\n background-color: #{$primary-02};\r\n }\r\n .form-control.flatpickr-input {\r\n background-color: rgb($white) ;\r\n }"]
} |