that wraps the table */\n position: relative;\n z-index: 1;\n\n /* container inner z-index's because
s can't do it */\n }\n\n .fc-daygrid-day.fc-day-today {\n background-color: rgba(255, 220, 40, 0.15);\n background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));\n }\n\n .fc-daygrid-day-frame {\n position: relative;\n min-height: 100%;\n\n /* seems to work better than `height` because sets height after rows/cells naturally do it */\n }\n\n /* cell top */\n\n .fc-daygrid-day-top {\n display: flex;\n flex-direction: row-reverse;\n }\n\n .fc-day-other .fc-daygrid-day-top {\n opacity: 0.3;\n }\n\n /* day number (within cell top) */\n\n .fc-daygrid-day-number {\n position: relative;\n z-index: 4;\n padding: 4px;\n }\n\n /* event container */\n\n .fc-daygrid-day-events {\n margin-top: 1px;\n\n /* needs to be margin, not padding, so that available cell height can be computed */\n }\n\n /* positioning for balanced vs natural */\n\n .fc-daygrid-body-balanced .fc-daygrid-day-events {\n position: absolute;\n left: 0;\n right: 0;\n }\n\n .fc-daygrid-body-unbalanced .fc-daygrid-day-events {\n position: relative;\n\n /* for containing abs positioned event harnesses */\n min-height: 2em;\n\n /* in addition to being a min-height during natural height, equalizes the heights a little bit */\n }\n\n .fc-daygrid-body-natural {\n /* can coexist with -unbalanced */\n\n .fc-daygrid-day-events {\n margin-bottom: 1em;\n }\n }\n\n /* event harness */\n\n .fc-daygrid-event-harness {\n position: relative;\n border: 1px solid $default-border !important;\n\n &:hover {\n color: aqua;\n }\n }\n\n .fc-daygrid-event-harness-abs {\n position: absolute;\n top: 0;\n\n /* fallback coords for when cannot yet be computed */\n left: 0;\n\n /* */\n right: 0;\n\n /* */\n }\n\n .fc-daygrid-bg-harness {\n position: absolute;\n top: 0;\n bottom: 0;\n }\n\n /* bg content */\n\n .fc-daygrid-day-bg {\n .fc-non-business {\n z-index: 1;\n }\n\n .fc-bg-event {\n z-index: 2;\n }\n\n .fc-highlight {\n z-index: 3;\n }\n }\n\n /* events */\n\n .fc-daygrid-event {\n z-index: 6;\n margin-top: 1px;\n\n &.fc-event-mirror {\n z-index: 7;\n }\n }\n\n /* cell bottom (within day-events) */\n\n .fc-daygrid-day-bottom {\n font-size: .85em;\n padding: 2px 3px 0;\n\n &:before {\n content: \"\";\n clear: both;\n display: table;\n }\n }\n\n .fc-daygrid-more-link {\n position: relative;\n z-index: 4;\n cursor: pointer;\n }\n\n /* week number (within frame) */\n\n .fc-daygrid-week-number {\n position: absolute;\n z-index: 5;\n top: 0;\n padding: 2px;\n min-width: 1.5em;\n text-align: center;\n background-color: rgba(208, 208, 208, 0.3);\n background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n color: #808080;\n color: var(--fc-neutral-text-color, #808080);\n }\n\n /* popover */\n\n .fc-more-popover .fc-popover-body {\n min-width: 220px;\n padding: 10px;\n }\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end {\n margin-left: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start {\n margin-right: 2px;\n}\n\n.fc-direction-ltr .fc-daygrid-week-number {\n left: 0;\n border-radius: 0 0 3px 0;\n}\n\n.fc-direction-rtl .fc-daygrid-week-number {\n right: 0;\n border-radius: 0 0 0 3px;\n}\n\n.fc-liquid-hack .fc-daygrid-day-frame {\n position: static;\n\n /* will cause inner absolute stuff to expand to | */\n}\n\n.fc-daygrid-event {\n /* make root-level, because will be dragged-and-dropped outside of a component root */\n position: relative;\n\n /* for z-indexes assigned later */\n white-space: nowrap;\n border-radius: 3px;\n\n /* dot event needs this to when selected */\n font-size: .85em;\n font-size: var(--fc-small-font-size, 0.85em);\n}\n\n/* --- the rectangle (\"block\") style of event --- */\n\n.fc-daygrid-block-event {\n .fc-event-time {\n font-weight: bold;\n padding: 1px;\n }\n\n .fc-event-title {\n padding: 1px;\n }\n}\n\n/* --- the dot style of event --- */\n\n.fc-daygrid-dot-event {\n display: flex;\n align-items: center;\n padding: 2px 0;\n\n .fc-event-title {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 0;\n\n /* important for allowing to shrink all the way */\n overflow: hidden;\n font-weight: bold;\n }\n\n &:hover, &.fc-event-mirror {\n background: rgba(0, 0, 0, 0.1);\n }\n\n &.fc-event-selected:before {\n /* expand hit area */\n top: -10px;\n bottom: -10px;\n }\n}\n\n.fc-daygrid-event-dot {\n /* the actual dot */\n margin: 0 4px;\n box-sizing: content-box;\n width: 0;\n height: 0;\n border: 4px solid $primary-1;\n border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, $primary-1);\n border-radius: 4px;\n border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);\n}\n\n/* --- spacing between time and title --- */\n\n.fc-direction-ltr .fc-daygrid-event .fc-event-time {\n margin-right: 3px;\n}\n\n.fc-direction-rtl .fc-daygrid-event .fc-event-time {\n margin-left: 3px;\n}\n\n/*\nA VERTICAL event\n*/\n\n.fc-v-event {\n /* allowed to be top-level */\n display: block;\n border: 1px solid #3788d8;\n border: 1px solid var(--fc-event-border-color, #3788d8);\n background-color: #3788d8;\n background-color: var(--fc-event-bg-color, #3788d8);\n\n .fc-event-main {\n color: #fff;\n color: var(--fc-event-text-color, #fff);\n height: 100%;\n }\n\n .fc-event-main-frame {\n height: 100%;\n display: flex;\n flex-direction: column;\n }\n\n .fc-event-time {\n flex-grow: 0;\n flex-shrink: 0;\n max-height: 100%;\n overflow: hidden;\n }\n\n .fc-event-title-container {\n /* a container for the sticky cushion */\n flex-grow: 1;\n flex-shrink: 1;\n min-height: 0;\n\n /* important for allowing to shrink all the way */\n }\n\n .fc-event-title {\n /* will have fc-sticky on it */\n top: 0;\n bottom: 0;\n max-height: 100%;\n\n /* clip overflow */\n overflow: hidden;\n }\n\n &:not(.fc-event-start) {\n border-top-width: 0;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n }\n\n &:not(.fc-event-end) {\n border-bottom-width: 0;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.fc-event-selected:before {\n /* expand hit area */\n left: -10px;\n right: -10px;\n }\n\n /* resizer (mouse AND touch) */\n\n .fc-event-resizer-start {\n cursor: n-resize;\n }\n\n .fc-event-resizer-end {\n cursor: s-resize;\n }\n\n /* resizer for MOUSE */\n\n &:not(.fc-event-selected) {\n .fc-event-resizer {\n height: 8px;\n height: var(--fc-event-resizer-thickness, 8px);\n left: 0;\n right: 0;\n }\n\n .fc-event-resizer-start {\n top: -4px;\n top: calc(var(--fc-event-resizer-thickness, 8px) / -2);\n }\n\n .fc-event-resizer-end {\n bottom: -4px;\n bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);\n }\n }\n\n /* resizer for TOUCH (when event is \"selected\") */\n\n &.fc-event-selected {\n .fc-event-resizer {\n left: 50%;\n margin-left: -4px;\n margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);\n }\n\n .fc-event-resizer-start {\n top: -4px;\n top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);\n }\n\n .fc-event-resizer-end {\n bottom: -4px;\n bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);\n }\n }\n}\n\n.fc {\n .fc-timegrid .fc-daygrid-body {\n /* the all-day daygrid within the timegrid view */\n z-index: 2;\n\n /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */\n }\n\n .fc-timegrid-divider {\n padding: 0 0 2px;\n\n /* browsers get confused when you set height. use padding instead */\n }\n\n .fc-timegrid-body {\n position: relative;\n z-index: 1;\n\n /* scope the z-indexes of slots and cols */\n min-height: 100%;\n\n /* fill height always, even when slat table doesn't grow */\n }\n\n .fc-timegrid-axis-chunk {\n /* for advanced ScrollGrid */\n position: relative;\n\n > table {\n position: relative;\n z-index: 1;\n\n /* above the now-indicator-container */\n }\n }\n\n .fc-timegrid-slots {\n position: relative;\n z-index: 1;\n }\n\n .fc-timegrid-slot {\n /* a | */\n height: 1.5em;\n border-bottom: 0;\n\n &:empty:before {\n content: '\\00a0';\n\n /* make sure there's at least an empty space to create height for height syncing */\n }\n }\n\n .fc-timegrid-slot-minor {\n border-top-style: dotted;\n }\n\n .fc-timegrid-slot-label-cushion {\n display: inline-block;\n white-space: nowrap;\n }\n\n .fc-timegrid-slot-label {\n vertical-align: middle;\n\n /* vertical align the slots */\n }\n\n /* slots AND axis cells (top-left corner of view including the \"all-day\" text) */\n\n .fc-timegrid-axis-cushion, .fc-timegrid-slot-label-cushion {\n padding: 0 4px;\n }\n\n /* axis cells (top-left corner of view including the \"all-day\" text) */\n /* vertical align is more complicated, uses flexbox */\n\n .fc-timegrid-axis-frame-liquid {\n height: 100%;\n\n /* will need liquid-hack in FF */\n }\n\n .fc-timegrid-axis-frame {\n overflow: hidden;\n display: flex;\n align-items: center;\n\n /* vertical align */\n justify-content: flex-end;\n\n /* horizontal align. matches text-align below */\n }\n\n .fc-timegrid-axis-cushion {\n max-width: 60px;\n\n /* limits the width of the \"all-day\" text */\n flex-shrink: 0;\n\n /* allows text to expand how it normally would, regardless of constrained width */\n }\n}\n\n.fc-direction-ltr .fc-timegrid-slot-label-frame {\n text-align: right;\n}\n\n.fc-direction-rtl .fc-timegrid-slot-label-frame {\n text-align: left;\n}\n\n.fc-liquid-hack .fc-timegrid-axis-frame-liquid {\n height: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.fc {\n .fc-timegrid-col.fc-day-today {\n background-color: rgba(255, 220, 40, 0.15);\n background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));\n }\n\n .fc-timegrid-col-frame {\n min-height: 100%;\n\n /* liquid-hack is below */\n position: relative;\n }\n}\n\n.fc-liquid-hack .fc-timegrid-col-frame {\n height: auto;\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n}\n\n.fc-media-screen {\n .fc-timegrid-cols {\n position: absolute;\n\n /* no z-index. children will decide and go above slots */\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n\n > table {\n height: 100%;\n }\n }\n\n .fc-timegrid-col-bg, .fc-timegrid-col-events, .fc-timegrid-now-indicator-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n }\n}\n\n.fc {\n /* bg */\n\n .fc-timegrid-col-bg {\n z-index: 2;\n\n /* TODO: kill */\n\n .fc-non-business {\n z-index: 1;\n }\n\n .fc-bg-event {\n z-index: 2;\n }\n\n .fc-highlight {\n z-index: 3;\n }\n }\n\n .fc-timegrid-bg-harness {\n position: absolute;\n\n /* top/bottom will be set by JS */\n left: 0;\n right: 0;\n }\n\n /* fg events */\n /* (the mirror segs are put into a separate container with same classname, */\n /* and they must be after the normal seg container to appear at a higher z-index) */\n\n .fc-timegrid-col-events {\n z-index: 3;\n\n /* child event segs have z-indexes that are scoped within this div */\n }\n\n /* now indicator */\n\n .fc-timegrid-now-indicator-container {\n bottom: 0;\n overflow: hidden;\n\n /* don't let overflow of lines/arrows cause unnecessary scrolling */\n /* z-index is set on the individual elements */\n }\n}\n\n.fc-direction-ltr .fc-timegrid-col-events {\n margin: 0 2.5% 0 2px;\n}\n\n.fc-direction-rtl .fc-timegrid-col-events {\n margin: 0 2px 0 2.5%;\n}\n\n.fc-timegrid-event-harness {\n position: absolute;\n\n > .fc-timegrid-event {\n position: absolute;\n\n /* absolute WITHIN the harness */\n top: 0;\n\n /* for when not yet positioned */\n bottom: 0;\n\n /* \" */\n left: 0;\n right: 0;\n }\n}\n\n.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {\n box-shadow: 0px 0px 0px 1px #fff;\n box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);\n}\n\n.fc-timegrid-event, .fc-timegrid-more-link {\n /* events need to be root */\n font-size: .85em;\n font-size: var(--fc-small-font-size, 0.85em);\n border-radius: 3px;\n}\n\n.fc-timegrid-event {\n /* events need to be root */\n margin-bottom: 1px;\n\n .fc-event-main {\n padding: 1px 1px 0;\n }\n\n .fc-event-time {\n white-space: nowrap;\n font-size: .85em;\n font-size: var(--fc-small-font-size, 0.85em);\n margin-bottom: 1px;\n }\n}\n\n.fc-timegrid-event-short {\n .fc-event-main-frame {\n flex-direction: row;\n overflow: hidden;\n }\n\n .fc-event-time:after {\n content: '\\00a0-\\00a0';\n\n /* dash surrounded by non-breaking spaces */\n }\n\n .fc-event-title {\n font-size: .85em;\n font-size: var(--fc-small-font-size, 0.85em);\n }\n}\n\n.fc-timegrid-more-link {\n /* does NOT inherit from fc-timegrid-event */\n position: absolute;\n z-index: 9999;\n\n /* hack */\n color: inherit;\n color: var(--fc-more-link-text-color, inherit);\n background: #d0d0d0;\n background: var(--fc-more-link-bg-color, #d0d0d0);\n cursor: pointer;\n margin-bottom: 1px;\n\n /* match space below fc-timegrid-event */\n}\n\n.fc-timegrid-more-link-inner {\n /* has fc-sticky */\n padding: 3px 2px;\n top: 0;\n}\n\n.fc-direction-ltr .fc-timegrid-more-link {\n right: 0;\n}\n\n.fc-direction-rtl .fc-timegrid-more-link {\n left: 0;\n}\n\n.fc {\n /* line */\n\n .fc-timegrid-now-indicator-line {\n position: absolute;\n z-index: 4;\n left: 0;\n right: 0;\n border-style: solid;\n border-color: red;\n border-color: var(--fc-now-indicator-color, red);\n border-width: 1px 0 0;\n }\n\n /* arrow */\n\n .fc-timegrid-now-indicator-arrow {\n position: absolute;\n z-index: 4;\n margin-top: -5px;\n\n /* vertically center on top coordinate */\n border-style: solid;\n border-color: red;\n border-color: var(--fc-now-indicator-color, red);\n }\n}\n\n.fc-direction-ltr .fc-timegrid-now-indicator-arrow {\n left: 0;\n\n /* triangle pointing right. TODO: mixin */\n border-width: 5px 0 5px 6px;\n border-top-color: transparent;\n border-bottom-color: transparent;\n}\n\n.fc-direction-rtl .fc-timegrid-now-indicator-arrow {\n right: 0;\n\n /* triangle pointing left. TODO: mixin */\n border-width: 5px 6px 5px 0;\n border-top-color: transparent;\n border-bottom-color: transparent;\n}\n\n:root {\n --fc-list-event-dot-width:10px;\n --fc-list-event-hover-bg-color:#f5f5f5;\n}\n\n.fc-theme-standard .fc-list {\n border: 1px solid $default-border;\n border: 1px solid var(--fc-border-color, $default-border);\n}\n\n.fc {\n /* message when no events */\n\n .fc-list-empty {\n background-color: rgba(208, 208, 208, 0.3);\n background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n\n /* vertically aligns fc-list-empty-inner */\n }\n\n .fc-list-empty-cushion {\n margin: 5em 0;\n }\n\n /* table within the scroller */\n /* ---------------------------------------------------------------------------------------------------- */\n\n .fc-list-table {\n width: 100%;\n border-style: hidden;\n\n /* kill outer border on theme */\n\n tr > * {\n border-left: 0;\n border-right: 0;\n }\n }\n\n .fc-list-sticky .fc-list-day > * {\n /* the cells */\n position: sticky;\n top: 0;\n background: #fff;\n background: var(--fc-page-bg-color, #fff);\n\n /* for when headers are styled to be transparent and sticky */\n }\n\n .fc-list-table {\n th {\n padding: 0;\n\n /* uses an inner-wrapper instead... */\n }\n\n td {\n padding: 8px 14px;\n }\n }\n\n .fc-list-day-cushion {\n padding: 8px 14px;\n\n &:after {\n content: \"\";\n clear: both;\n display: table;\n\n /* clear floating */\n }\n }\n\n /* date heading rows */\n /* ---------------------------------------------------------------------------------------------------- */\n}\n\n.fc-theme-standard .fc-list-day-cushion {\n background-color: #f6f4fb;\n background-color: var(--fc-neutral-bg-color, #f6f4fb);\n}\n\n.fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text {\n float: left;\n}\n\n.fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text {\n float: right;\n}\n\n/* make the dot closer to the event title */\n\n.fc-direction-ltr .fc-list-table .fc-list-event-graphic {\n padding-right: 0;\n}\n\n.fc-direction-rtl .fc-list-table .fc-list-event-graphic {\n padding-left: 0;\n}\n\n.fc {\n .fc-list-event {\n &.fc-event-forced-url {\n cursor: pointer;\n\n /* whole row will seem clickable */\n }\n\n &:hover td {\n background-color: #f6f4fb !important;\n background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);\n }\n }\n\n /* shrink certain cols */\n\n .fc-list-event-graphic, .fc-list-event-time {\n white-space: nowrap;\n width: 1px;\n }\n\n .fc-list-event-dot {\n display: inline-block;\n box-sizing: content-box;\n width: 0;\n height: 0;\n border: 5px solid $primary-1;\n border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, $primary-1);\n border-radius: 5px;\n border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);\n }\n\n /* reset styling */\n\n .fc-list-event-title a {\n color: inherit;\n text-decoration: none;\n }\n\n /* underline link when hovering over any part of row */\n\n .fc-list-event.fc-event-forced-url:hover a {\n text-decoration: underline;\n }\n}\n\n.fc-theme-bootstrap a:not([href]) {\n color: inherit;\n\n /* natural color for navlinks */\n}\n\n#external-events {\n height: 10%;\n top: 61px;\n padding: 0 20px;\n border: 1px solid $default-border;\n background: #f6f4fb;\n text-align: left;\n\n h4 {\n font-size: 16px;\n margin-top: 0;\n padding-top: 1em;\n }\n\n .fc-event {\n margin: 3px 0;\n cursor: move;\n }\n\n p {\n margin: 1.5em 0;\n font-size: 11px;\n color: #666;\n\n input {\n margin: 0px 2px 4px 0px;\n vertical-align: middle;\n }\n }\n}\n\n#calendar-wrap {\n margin-top: 10px;\n}\n\n#calendar {\n max-width: 1100px;\n margin: 0 auto;\n max-width: none;\n}\n\n@media (max-width: 1366px) {\n #external-events {\n margin-bottom: 4.5rem;\n top: 15px;\n }\n}\n\n@media (max-width: 767px) {\n .fc .fc-toolbar {\n display: inline-block;\n }\n}\n\n/*******RTL*********/","@font-face {\r\n\tfont-family: 'lg';\r\n\tsrc: url(\"../plugins/gallery/fonts/lg.eot?n1z373\");\r\n\tsrc: url(\"../plugins/gallery/fonts/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"../plugins/gallery/fonts/lg.woff?n1z373\") format(\"woff\"), url(\"../plugins/gallery/fonts/lg.ttf?n1z373\") format(\"truetype\"), url(\"../plugins/gallery/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: none;\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 background-color: rgba(0, 0, 0, 0.45);\r\n\t border-radius: 2px;\r\n\t color: #999;\r\n\t cursor: pointer;\r\n\t display: block;\r\n\t font-size: 22px;\r\n\t margin-top: -10px;\r\n\t padding: 8px 10px 9px;\r\n\t position: absolute;\r\n\t top: 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 right: 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 left: 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 left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @-moz-keyframes lg-right-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @-ms-keyframes lg-right-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @keyframes lg-right-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: -30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @-webkit-keyframes lg-left-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @-moz-keyframes lg-left-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @-ms-keyframes lg-left-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 0;\r\n\t}\r\n }\r\n \r\n @keyframes lg-left-end {\r\n\t0% {\r\n\t left: 0;\r\n\t}\r\n \r\n\t50% {\r\n\t left: 30px;\r\n\t}\r\n \r\n\t100% {\r\n\t left: 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\tleft: 0;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\twidth: 100%;\r\n\tbackground-color: rgba(0, 0, 0, 0.45);\r\n \r\n\t.lg-icon {\r\n\t color: #999;\r\n\t cursor: pointer;\r\n\t float: right;\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\tbottom: 0;\r\n\tcolor: #EEE;\r\n\tfont-size: 16px;\r\n\tleft: 0;\r\n\tpadding: 10px 40px;\r\n\tposition: fixed;\r\n\tright: 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: #999;\r\n\tdisplay: inline-block;\r\n\tfont-size: 16px;\r\n\tpadding-left: 20px;\r\n\tpadding-top: 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 bottom: 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-bottom: -5px;\r\n\t}\r\n \r\n\t.lg-thumb-item {\r\n\t border-radius: 5px;\r\n\t cursor: pointer;\r\n\t float: left;\r\n\t overflow: hidden;\r\n\t height: 100%;\r\n\t border: 2px solid #FFF;\r\n\t border-radius: 4px;\r\n\t margin-bottom: 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-bottom: 120px;\r\n\t}\r\n \r\n\t&.lg-can-toggle .lg-item {\r\n\t padding-bottom: 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\tbottom: 100px;\r\n\t }\r\n\t}\r\n \r\n\t.lg-toggle-thumb {\r\n\t background-color: #0D0A0A;\r\n\t border-radius: 2px 2px 0 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 right: 20px;\r\n\t text-align: center;\r\n\t top: -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-bottom: 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\ttop: 0;\r\n\t\tleft: 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\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\tmargin-left: -42px;\r\n\t\tmargin-top: -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-left: -32px;\r\n\t\tmargin-top: -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 top: 0;\r\n\t left: 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\tleft: 0;\r\n\tposition: absolute;\r\n\ttop: 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 bottom: 60px;\r\n\t left: 0;\r\n\t position: absolute;\r\n\t right: 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: #fff;\r\n\t color: #FFF;\r\n\t bottom: 100%;\r\n\t height: 83px;\r\n\t left: 0;\r\n\t margin-bottom: 20px;\r\n\t margin-left: -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-left: 10px solid transparent;\r\n\t border-right: 10px solid transparent;\r\n\t border-top: 10px dashed;\r\n\t bottom: -10px;\r\n\t display: inline-block;\r\n\t height: 0;\r\n\t left: 50%;\r\n\t margin-left: -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 bottom: 0;\r\n\t cursor: default;\r\n\t left: 0;\r\n\t position: fixed;\r\n\t right: 0;\r\n\t top: 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: #fff;\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 right: 0;\r\n\t text-align: left;\r\n\t top: 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-bottom-color: #FFF;\r\n\t\tright: 16px;\r\n\t\ttop: -16px;\r\n\t }\r\n \r\n\t > li {\r\n\t\t&:last-child {\r\n\t\t margin-bottom: 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-top: -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-right: 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\ttop: 0;\r\n\tleft: 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-left: auto;\r\n\t margin-right: 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 left: 0;\r\n\t top: 0;\r\n\t white-space: nowrap;\r\n\t}\r\n \r\n\t.lg-item {\r\n\t /* background: url(\"../img/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-right: -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-right: -1px;\r\n\t }\r\n \r\n\t position: absolute;\r\n\t padding: 0 5px;\r\n\t left: 0;\r\n\t right: 0;\r\n\t top: 0;\r\n\t bottom: 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}\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\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tz-index: 1040;\r\n\tbackground-color: rgba(0, 0, 0, 0.8);\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\tleft: 0;\r\n \r\n\t\t&.lg-prev-slide {\r\n\t\t left: -100%;\r\n\t\t}\r\n \r\n\t\t&.lg-next-slide {\r\n\t\t left: 100%;\r\n\t\t}\r\n \r\n\t\t&.lg-current {\r\n\t\t left: 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 }",".iti {\r\n position: relative;\r\n display: inline-block;\r\n margin-bottom: 4px;\r\n }\r\n \r\n .iti__hide {\r\n display: none;\r\n }\r\n \r\n .iti__v-hide {\r\n visibility: hidden;\r\n }\r\n \r\n .iti input {\r\n position: relative;\r\n z-index: 0;\r\n margin-top: 1px !important;\r\n margin-bottom: 0 !important;\r\n padding-right: 36px;\r\n margin-right: 0;\r\n height: 36px;\r\n border: 1px solid #ecf0fa;\r\n border-radius: 4px;\r\n \r\n &[type=\"text\"], &[type=\"tel\"] {\r\n position: relative;\r\n z-index: 0;\r\n margin-top: 1px !important;\r\n margin-bottom: 0 !important;\r\n padding-right: 36px;\r\n margin-right: 0;\r\n height: 36px;\r\n border: 1px solid #ecf0fa;\r\n border-radius: 4px;\r\n }\r\n \r\n &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &::-ms-input-placeholder {\r\n color: #bcc0e2;\r\n }\r\n }\r\n \r\n .iti__flag-container {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n padding: 2px;\r\n }\r\n \r\n .iti__selected-flag {\r\n z-index: 1;\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n height: 100%;\r\n padding: 0 6px 0 8px;\r\n border-right: 1px solid #ecf0fa;\r\n }\r\n \r\n .iti__arrow {\r\n margin-left: 6px;\r\n width: 0;\r\n height: 0;\r\n border-left: 3px solid transparent;\r\n border-right: 3px solid transparent;\r\n border-top: 4px solid #b6b9ce;\r\n }\r\n \r\n .iti__arrow--up {\r\n border-top: none;\r\n border-bottom: 4px solid #b6b9ce;\r\n }\r\n \r\n .iti__country-list {\r\n position: absolute;\r\n z-index: 2;\r\n list-style: none;\r\n text-align: left;\r\n padding: 0;\r\n margin: 0 0 0 -1px;\r\n background-color: white;\r\n border: 1px solid #eaeaec;\r\n border-radius: 4px;\r\n white-space: nowrap !important;\r\n font-size: 13px;\r\n max-height: 200px;\r\n overflow-y: scroll;\r\n -webkit-overflow-scrolling: touch;\r\n box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n }\r\n \r\n .iti__country-list--dropup {\r\n bottom: 100%;\r\n margin-bottom: -1px;\r\n }\r\n \r\n @media (max-width: 500px) {\r\n .iti__country-list {\r\n white-space: normal;\r\n }\r\n }\r\n \r\n .iti__flag-box {\r\n display: inline-block;\r\n width: 20px;\r\n }\r\n \r\n .iti__divider {\r\n padding-bottom: 5px;\r\n margin-bottom: 5px;\r\n border-bottom: 1px solid #e7eaf3;\r\n }\r\n \r\n .iti__country {\r\n padding: 0px 15px;\r\n outline: none;\r\n height: 36px;\r\n line-height: 36px;\r\n }\r\n \r\n .iti__dial-code {\r\n color: #9f97b3;\r\n font-weight: 500;\r\n font-size: 12px;\r\n }\r\n \r\n .iti__country.iti__highlight {\r\n background-color: #f4f5fb;\r\n }\r\n \r\n .iti__flag-box, .iti__country-name, .iti__dial-code {\r\n vertical-align: middle;\r\n }\r\n \r\n .iti__flag-box, .iti__country-name {\r\n margin-right: 6px;\r\n }\r\n \r\n .iti--allow-dropdown input {\r\n padding-right: 6px;\r\n padding-left: 52px;\r\n margin-left: 0;\r\n \r\n &[type=\"text\"], &[type=\"tel\"] {\r\n padding-right: 6px;\r\n padding-left: 52px;\r\n margin-left: 0;\r\n }\r\n }\r\n \r\n .iti--separate-dial-code input {\r\n padding-right: 6px;\r\n padding-left: 52px;\r\n margin-left: 0;\r\n \r\n &[type=\"text\"], &[type=\"tel\"] {\r\n padding-right: 6px;\r\n padding-left: 52px;\r\n margin-left: 0;\r\n }\r\n }\r\n \r\n .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {\r\n right: auto;\r\n left: 0;\r\n }\r\n \r\n .iti--allow-dropdown {\r\n .iti__flag-container:hover {\r\n cursor: pointer;\r\n \r\n .iti__selected-flag {\r\n background-color: #f4f5fb;\r\n }\r\n }\r\n \r\n input {\r\n &[disabled] + .iti__flag-container:hover, &[readonly] + .iti__flag-container:hover {\r\n cursor: default;\r\n }\r\n \r\n &[disabled] + .iti__flag-container:hover .iti__selected-flag, &[readonly] + .iti__flag-container:hover .iti__selected-flag {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n \r\n .iti--separate-dial-code {\r\n .iti__selected-flag {\r\n background-color: #f4f5fb;\r\n }\r\n \r\n .iti__selected-dial-code {\r\n margin-left: 6px;\r\n }\r\n }\r\n \r\n .iti--container {\r\n position: absolute;\r\n top: -1000px;\r\n left: -1000px;\r\n z-index: 1060;\r\n padding: 1px;\r\n \r\n &:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n \r\n .iti-mobile {\r\n .iti--container {\r\n top: 30px;\r\n bottom: 30px;\r\n left: 30px;\r\n right: 30px;\r\n position: fixed;\r\n }\r\n \r\n .iti__country-list {\r\n max-height: 100%;\r\n width: 100%;\r\n }\r\n \r\n .iti__country {\r\n padding: 10px 10px;\r\n line-height: 1.5em;\r\n }\r\n }\r\n \r\n .iti__flag {\r\n width: 20px;\r\n height: 15px;\r\n background-image: url(\"../plugins/intl-tel-input-master/img/flags.png\");\r\n background-repeat: no-repeat;\r\n background-color: #f4f5fb;\r\n background-position: 20px 0;\r\n \r\n &.iti__be {\r\n width: 18px;\r\n }\r\n \r\n &.iti__ch {\r\n width: 15px;\r\n }\r\n \r\n &.iti__mc {\r\n width: 19px;\r\n }\r\n \r\n &.iti__ne {\r\n width: 18px;\r\n }\r\n \r\n &.iti__np {\r\n width: 13px;\r\n }\r\n \r\n &.iti__va {\r\n width: 15px;\r\n }\r\n \r\n &.iti__ac {\r\n height: 10px;\r\n background-position: 0px 0px;\r\n }\r\n \r\n &.iti__ad {\r\n height: 14px;\r\n background-position: -22px 0px;\r\n }\r\n \r\n &.iti__ae {\r\n height: 10px;\r\n background-position: -44px 0px;\r\n }\r\n \r\n &.iti__af {\r\n height: 14px;\r\n background-position: -66px 0px;\r\n }\r\n \r\n &.iti__ag {\r\n height: 14px;\r\n background-position: -88px 0px;\r\n }\r\n \r\n &.iti__ai {\r\n height: 10px;\r\n background-position: -110px 0px;\r\n }\r\n \r\n &.iti__al {\r\n height: 15px;\r\n background-position: -132px 0px;\r\n }\r\n \r\n &.iti__am {\r\n height: 10px;\r\n background-position: -154px 0px;\r\n }\r\n \r\n &.iti__ao {\r\n height: 14px;\r\n background-position: -176px 0px;\r\n }\r\n \r\n &.iti__aq {\r\n height: 14px;\r\n background-position: -198px 0px;\r\n }\r\n \r\n &.iti__ar {\r\n height: 13px;\r\n background-position: -220px 0px;\r\n }\r\n \r\n &.iti__as {\r\n height: 10px;\r\n background-position: -242px 0px;\r\n }\r\n \r\n &.iti__at {\r\n height: 14px;\r\n background-position: -264px 0px;\r\n }\r\n \r\n &.iti__au {\r\n height: 10px;\r\n background-position: -286px 0px;\r\n }\r\n \r\n &.iti__aw {\r\n height: 14px;\r\n background-position: -308px 0px;\r\n }\r\n \r\n &.iti__ax {\r\n height: 13px;\r\n background-position: -330px 0px;\r\n }\r\n \r\n &.iti__az {\r\n height: 10px;\r\n background-position: -352px 0px;\r\n }\r\n \r\n &.iti__ba {\r\n height: 10px;\r\n background-position: -374px 0px;\r\n }\r\n \r\n &.iti__bb {\r\n height: 14px;\r\n background-position: -396px 0px;\r\n }\r\n \r\n &.iti__bd {\r\n height: 12px;\r\n background-position: -418px 0px;\r\n }\r\n \r\n &.iti__be {\r\n height: 15px;\r\n background-position: -440px 0px;\r\n }\r\n \r\n &.iti__bf {\r\n height: 14px;\r\n background-position: -460px 0px;\r\n }\r\n \r\n &.iti__bg {\r\n height: 12px;\r\n background-position: -482px 0px;\r\n }\r\n \r\n &.iti__bh {\r\n height: 12px;\r\n background-position: -504px 0px;\r\n }\r\n \r\n &.iti__bi {\r\n height: 12px;\r\n background-position: -526px 0px;\r\n }\r\n \r\n &.iti__bj {\r\n height: 14px;\r\n background-position: -548px 0px;\r\n }\r\n \r\n &.iti__bl {\r\n height: 14px;\r\n background-position: -570px 0px;\r\n }\r\n \r\n &.iti__bm {\r\n height: 10px;\r\n background-position: -592px 0px;\r\n }\r\n \r\n &.iti__bn {\r\n height: 10px;\r\n background-position: -614px 0px;\r\n }\r\n \r\n &.iti__bo {\r\n height: 14px;\r\n background-position: -636px 0px;\r\n }\r\n \r\n &.iti__bq {\r\n height: 14px;\r\n background-position: -658px 0px;\r\n }\r\n \r\n &.iti__br {\r\n height: 14px;\r\n background-position: -680px 0px;\r\n }\r\n \r\n &.iti__bs {\r\n height: 10px;\r\n background-position: -702px 0px;\r\n }\r\n \r\n &.iti__bt {\r\n height: 14px;\r\n background-position: -724px 0px;\r\n }\r\n \r\n &.iti__bv {\r\n height: 15px;\r\n background-position: -746px 0px;\r\n }\r\n \r\n &.iti__bw {\r\n height: 14px;\r\n background-position: -768px 0px;\r\n }\r\n \r\n &.iti__by {\r\n height: 10px;\r\n background-position: -790px 0px;\r\n }\r\n \r\n &.iti__bz {\r\n height: 14px;\r\n background-position: -812px 0px;\r\n }\r\n \r\n &.iti__ca {\r\n height: 10px;\r\n background-position: -834px 0px;\r\n }\r\n \r\n &.iti__cc {\r\n height: 10px;\r\n background-position: -856px 0px;\r\n }\r\n \r\n &.iti__cd {\r\n height: 15px;\r\n background-position: -878px 0px;\r\n }\r\n \r\n &.iti__cf {\r\n height: 14px;\r\n background-position: -900px 0px;\r\n }\r\n \r\n &.iti__cg {\r\n height: 14px;\r\n background-position: -922px 0px;\r\n }\r\n \r\n &.iti__ch {\r\n height: 15px;\r\n background-position: -944px 0px;\r\n }\r\n \r\n &.iti__ci {\r\n height: 14px;\r\n background-position: -961px 0px;\r\n }\r\n \r\n &.iti__ck {\r\n height: 10px;\r\n background-position: -983px 0px;\r\n }\r\n \r\n &.iti__cl {\r\n height: 14px;\r\n background-position: -1005px 0px;\r\n }\r\n \r\n &.iti__cm {\r\n height: 14px;\r\n background-position: -1027px 0px;\r\n }\r\n \r\n &.iti__cn {\r\n height: 14px;\r\n background-position: -1049px 0px;\r\n }\r\n \r\n &.iti__co {\r\n height: 14px;\r\n background-position: -1071px 0px;\r\n }\r\n \r\n &.iti__cp {\r\n height: 14px;\r\n background-position: -1093px 0px;\r\n }\r\n \r\n &.iti__cr {\r\n height: 12px;\r\n background-position: -1115px 0px;\r\n }\r\n \r\n &.iti__cu {\r\n height: 10px;\r\n background-position: -1137px 0px;\r\n }\r\n \r\n &.iti__cv {\r\n height: 12px;\r\n background-position: -1159px 0px;\r\n }\r\n \r\n &.iti__cw {\r\n height: 14px;\r\n background-position: -1181px 0px;\r\n }\r\n \r\n &.iti__cx {\r\n height: 10px;\r\n background-position: -1203px 0px;\r\n }\r\n \r\n &.iti__cy {\r\n height: 14px;\r\n background-position: -1225px 0px;\r\n }\r\n \r\n &.iti__cz {\r\n height: 14px;\r\n background-position: -1247px 0px;\r\n }\r\n \r\n &.iti__de {\r\n height: 12px;\r\n background-position: -1269px 0px;\r\n }\r\n \r\n &.iti__dg {\r\n height: 10px;\r\n background-position: -1291px 0px;\r\n }\r\n \r\n &.iti__dj {\r\n height: 14px;\r\n background-position: -1313px 0px;\r\n }\r\n \r\n &.iti__dk {\r\n height: 15px;\r\n background-position: -1335px 0px;\r\n }\r\n \r\n &.iti__dm {\r\n height: 10px;\r\n background-position: -1357px 0px;\r\n }\r\n \r\n &.iti__do {\r\n height: 14px;\r\n background-position: -1379px 0px;\r\n }\r\n \r\n &.iti__dz {\r\n height: 14px;\r\n background-position: -1401px 0px;\r\n }\r\n \r\n &.iti__ea {\r\n height: 14px;\r\n background-position: -1423px 0px;\r\n }\r\n \r\n &.iti__ec {\r\n height: 14px;\r\n background-position: -1445px 0px;\r\n }\r\n \r\n &.iti__ee {\r\n height: 13px;\r\n background-position: -1467px 0px;\r\n }\r\n \r\n &.iti__eg {\r\n height: 14px;\r\n background-position: -1489px 0px;\r\n }\r\n \r\n &.iti__eh {\r\n height: 10px;\r\n background-position: -1511px 0px;\r\n }\r\n \r\n &.iti__er {\r\n height: 10px;\r\n background-position: -1533px 0px;\r\n }\r\n \r\n &.iti__es {\r\n height: 14px;\r\n background-position: -1555px 0px;\r\n }\r\n \r\n &.iti__et {\r\n height: 10px;\r\n background-position: -1577px 0px;\r\n }\r\n \r\n &.iti__eu {\r\n height: 14px;\r\n background-position: -1599px 0px;\r\n }\r\n \r\n &.iti__fi {\r\n height: 12px;\r\n background-position: -1621px 0px;\r\n }\r\n \r\n &.iti__fj {\r\n height: 10px;\r\n background-position: -1643px 0px;\r\n }\r\n \r\n &.iti__fk {\r\n height: 10px;\r\n background-position: -1665px 0px;\r\n }\r\n \r\n &.iti__fm {\r\n height: 11px;\r\n background-position: -1687px 0px;\r\n }\r\n \r\n &.iti__fo {\r\n height: 15px;\r\n background-position: -1709px 0px;\r\n }\r\n \r\n &.iti__fr {\r\n height: 14px;\r\n background-position: -1731px 0px;\r\n }\r\n \r\n &.iti__ga {\r\n height: 15px;\r\n background-position: -1753px 0px;\r\n }\r\n \r\n &.iti__gb {\r\n height: 10px;\r\n background-position: -1775px 0px;\r\n }\r\n \r\n &.iti__gd {\r\n height: 12px;\r\n background-position: -1797px 0px;\r\n }\r\n \r\n &.iti__ge {\r\n height: 14px;\r\n background-position: -1819px 0px;\r\n }\r\n \r\n &.iti__gf {\r\n height: 14px;\r\n background-position: -1841px 0px;\r\n }\r\n \r\n &.iti__gg {\r\n height: 14px;\r\n background-position: -1863px 0px;\r\n }\r\n \r\n &.iti__gh {\r\n height: 14px;\r\n background-position: -1885px 0px;\r\n }\r\n \r\n &.iti__gi {\r\n height: 10px;\r\n background-position: -1907px 0px;\r\n }\r\n \r\n &.iti__gl {\r\n height: 14px;\r\n background-position: -1929px 0px;\r\n }\r\n \r\n &.iti__gm {\r\n height: 14px;\r\n background-position: -1951px 0px;\r\n }\r\n \r\n &.iti__gn {\r\n height: 14px;\r\n background-position: -1973px 0px;\r\n }\r\n \r\n &.iti__gp {\r\n height: 14px;\r\n background-position: -1995px 0px;\r\n }\r\n \r\n &.iti__gq {\r\n height: 14px;\r\n background-position: -2017px 0px;\r\n }\r\n \r\n &.iti__gr {\r\n height: 14px;\r\n background-position: -2039px 0px;\r\n }\r\n \r\n &.iti__gs {\r\n height: 10px;\r\n background-position: -2061px 0px;\r\n }\r\n \r\n &.iti__gt {\r\n height: 13px;\r\n background-position: -2083px 0px;\r\n }\r\n \r\n &.iti__gu {\r\n height: 11px;\r\n background-position: -2105px 0px;\r\n }\r\n \r\n &.iti__gw {\r\n height: 10px;\r\n background-position: -2127px 0px;\r\n }\r\n \r\n &.iti__gy {\r\n height: 12px;\r\n background-position: -2149px 0px;\r\n }\r\n \r\n &.iti__hk {\r\n height: 14px;\r\n background-position: -2171px 0px;\r\n }\r\n \r\n &.iti__hm {\r\n height: 10px;\r\n background-position: -2193px 0px;\r\n }\r\n \r\n &.iti__hn {\r\n height: 10px;\r\n background-position: -2215px 0px;\r\n }\r\n \r\n &.iti__hr {\r\n height: 10px;\r\n background-position: -2237px 0px;\r\n }\r\n \r\n &.iti__ht {\r\n height: 12px;\r\n background-position: -2259px 0px;\r\n }\r\n \r\n &.iti__hu {\r\n height: 10px;\r\n background-position: -2281px 0px;\r\n }\r\n \r\n &.iti__ic {\r\n height: 14px;\r\n background-position: -2303px 0px;\r\n }\r\n \r\n &.iti__id {\r\n height: 14px;\r\n background-position: -2325px 0px;\r\n }\r\n \r\n &.iti__ie {\r\n height: 10px;\r\n background-position: -2347px 0px;\r\n }\r\n \r\n &.iti__il {\r\n height: 15px;\r\n background-position: -2369px 0px;\r\n }\r\n \r\n &.iti__im {\r\n height: 10px;\r\n background-position: -2391px 0px;\r\n }\r\n \r\n &.iti__in {\r\n height: 14px;\r\n background-position: -2413px 0px;\r\n }\r\n \r\n &.iti__io {\r\n height: 10px;\r\n background-position: -2435px 0px;\r\n }\r\n \r\n &.iti__iq {\r\n height: 14px;\r\n background-position: -2457px 0px;\r\n }\r\n \r\n &.iti__ir {\r\n height: 12px;\r\n background-position: -2479px 0px;\r\n }\r\n \r\n &.iti__is {\r\n height: 15px;\r\n background-position: -2501px 0px;\r\n }\r\n \r\n &.iti__it {\r\n height: 14px;\r\n background-position: -2523px 0px;\r\n }\r\n \r\n &.iti__je {\r\n height: 12px;\r\n background-position: -2545px 0px;\r\n }\r\n \r\n &.iti__jm {\r\n height: 10px;\r\n background-position: -2567px 0px;\r\n }\r\n \r\n &.iti__jo {\r\n height: 10px;\r\n background-position: -2589px 0px;\r\n }\r\n \r\n &.iti__jp {\r\n height: 14px;\r\n background-position: -2611px 0px;\r\n }\r\n \r\n &.iti__ke {\r\n height: 14px;\r\n background-position: -2633px 0px;\r\n }\r\n \r\n &.iti__kg {\r\n height: 12px;\r\n background-position: -2655px 0px;\r\n }\r\n \r\n &.iti__kh {\r\n height: 13px;\r\n background-position: -2677px 0px;\r\n }\r\n \r\n &.iti__ki {\r\n height: 10px;\r\n background-position: -2699px 0px;\r\n }\r\n \r\n &.iti__km {\r\n height: 12px;\r\n background-position: -2721px 0px;\r\n }\r\n \r\n &.iti__kn {\r\n height: 14px;\r\n background-position: -2743px 0px;\r\n }\r\n \r\n &.iti__kp {\r\n height: 10px;\r\n background-position: -2765px 0px;\r\n }\r\n \r\n &.iti__kr {\r\n height: 14px;\r\n background-position: -2787px 0px;\r\n }\r\n \r\n &.iti__kw {\r\n height: 10px;\r\n background-position: -2809px 0px;\r\n }\r\n \r\n &.iti__ky {\r\n height: 10px;\r\n background-position: -2831px 0px;\r\n }\r\n \r\n &.iti__kz {\r\n height: 10px;\r\n background-position: -2853px 0px;\r\n }\r\n \r\n &.iti__la {\r\n height: 14px;\r\n background-position: -2875px 0px;\r\n }\r\n \r\n &.iti__lb {\r\n height: 14px;\r\n background-position: -2897px 0px;\r\n }\r\n \r\n &.iti__lc {\r\n height: 10px;\r\n background-position: -2919px 0px;\r\n }\r\n \r\n &.iti__li {\r\n height: 12px;\r\n background-position: -2941px 0px;\r\n }\r\n \r\n &.iti__lk {\r\n height: 10px;\r\n background-position: -2963px 0px;\r\n }\r\n \r\n &.iti__lr {\r\n height: 11px;\r\n background-position: -2985px 0px;\r\n }\r\n \r\n &.iti__ls {\r\n height: 14px;\r\n background-position: -3007px 0px;\r\n }\r\n \r\n &.iti__lt {\r\n height: 12px;\r\n background-position: -3029px 0px;\r\n }\r\n \r\n &.iti__lu {\r\n height: 12px;\r\n background-position: -3051px 0px;\r\n }\r\n \r\n &.iti__lv {\r\n height: 10px;\r\n background-position: -3073px 0px;\r\n }\r\n \r\n &.iti__ly {\r\n height: 10px;\r\n background-position: -3095px 0px;\r\n }\r\n \r\n &.iti__ma {\r\n height: 14px;\r\n background-position: -3117px 0px;\r\n }\r\n \r\n &.iti__mc {\r\n height: 15px;\r\n background-position: -3139px 0px;\r\n }\r\n \r\n &.iti__md {\r\n height: 10px;\r\n background-position: -3160px 0px;\r\n }\r\n \r\n &.iti__me {\r\n height: 10px;\r\n background-position: -3182px 0px;\r\n }\r\n \r\n &.iti__mf {\r\n height: 14px;\r\n background-position: -3204px 0px;\r\n }\r\n \r\n &.iti__mg {\r\n height: 14px;\r\n background-position: -3226px 0px;\r\n }\r\n \r\n &.iti__mh {\r\n height: 11px;\r\n background-position: -3248px 0px;\r\n }\r\n \r\n &.iti__mk {\r\n height: 10px;\r\n background-position: -3270px 0px;\r\n }\r\n \r\n &.iti__ml {\r\n height: 14px;\r\n background-position: -3292px 0px;\r\n }\r\n \r\n &.iti__mm {\r\n height: 14px;\r\n background-position: -3314px 0px;\r\n }\r\n \r\n &.iti__mn {\r\n height: 10px;\r\n background-position: -3336px 0px;\r\n }\r\n \r\n &.iti__mo {\r\n height: 14px;\r\n background-position: -3358px 0px;\r\n }\r\n \r\n &.iti__mp {\r\n height: 10px;\r\n background-position: -3380px 0px;\r\n }\r\n \r\n &.iti__mq {\r\n height: 14px;\r\n background-position: -3402px 0px;\r\n }\r\n \r\n &.iti__mr {\r\n height: 14px;\r\n background-position: -3424px 0px;\r\n }\r\n \r\n &.iti__ms {\r\n height: 10px;\r\n background-position: -3446px 0px;\r\n }\r\n \r\n &.iti__mt {\r\n height: 14px;\r\n background-position: -3468px 0px;\r\n }\r\n \r\n &.iti__mu {\r\n height: 14px;\r\n background-position: -3490px 0px;\r\n }\r\n \r\n &.iti__mv {\r\n height: 14px;\r\n background-position: -3512px 0px;\r\n }\r\n \r\n &.iti__mw {\r\n height: 14px;\r\n background-position: -3534px 0px;\r\n }\r\n \r\n &.iti__mx {\r\n height: 12px;\r\n background-position: -3556px 0px;\r\n }\r\n \r\n &.iti__my {\r\n height: 10px;\r\n background-position: -3578px 0px;\r\n }\r\n \r\n &.iti__mz {\r\n height: 14px;\r\n background-position: -3600px 0px;\r\n }\r\n \r\n &.iti__na {\r\n height: 14px;\r\n background-position: -3622px 0px;\r\n }\r\n \r\n &.iti__nc {\r\n height: 10px;\r\n background-position: -3644px 0px;\r\n }\r\n \r\n &.iti__ne {\r\n height: 15px;\r\n background-position: -3666px 0px;\r\n }\r\n \r\n &.iti__nf {\r\n height: 10px;\r\n background-position: -3686px 0px;\r\n }\r\n \r\n &.iti__ng {\r\n height: 10px;\r\n background-position: -3708px 0px;\r\n }\r\n \r\n &.iti__ni {\r\n height: 12px;\r\n background-position: -3730px 0px;\r\n }\r\n \r\n &.iti__nl {\r\n height: 14px;\r\n background-position: -3752px 0px;\r\n }\r\n \r\n &.iti__no {\r\n height: 15px;\r\n background-position: -3774px 0px;\r\n }\r\n \r\n &.iti__np {\r\n height: 15px;\r\n background-position: -3796px 0px;\r\n }\r\n \r\n &.iti__nr {\r\n height: 10px;\r\n background-position: -3811px 0px;\r\n }\r\n \r\n &.iti__nu {\r\n height: 10px;\r\n background-position: -3833px 0px;\r\n }\r\n \r\n &.iti__nz {\r\n height: 10px;\r\n background-position: -3855px 0px;\r\n }\r\n \r\n &.iti__om {\r\n height: 10px;\r\n background-position: -3877px 0px;\r\n }\r\n \r\n &.iti__pa {\r\n height: 14px;\r\n background-position: -3899px 0px;\r\n }\r\n \r\n &.iti__pe {\r\n height: 14px;\r\n background-position: -3921px 0px;\r\n }\r\n \r\n &.iti__pf {\r\n height: 14px;\r\n background-position: -3943px 0px;\r\n }\r\n \r\n &.iti__pg {\r\n height: 15px;\r\n background-position: -3965px 0px;\r\n }\r\n \r\n &.iti__ph {\r\n height: 10px;\r\n background-position: -3987px 0px;\r\n }\r\n \r\n &.iti__pk {\r\n height: 14px;\r\n background-position: -4009px 0px;\r\n }\r\n \r\n &.iti__pl {\r\n height: 13px;\r\n background-position: -4031px 0px;\r\n }\r\n \r\n &.iti__pm {\r\n height: 14px;\r\n background-position: -4053px 0px;\r\n }\r\n \r\n &.iti__pn {\r\n height: 10px;\r\n background-position: -4075px 0px;\r\n }\r\n \r\n &.iti__pr {\r\n height: 14px;\r\n background-position: -4097px 0px;\r\n }\r\n \r\n &.iti__ps {\r\n height: 10px;\r\n background-position: -4119px 0px;\r\n }\r\n \r\n &.iti__pt {\r\n height: 14px;\r\n background-position: -4141px 0px;\r\n }\r\n \r\n &.iti__pw {\r\n height: 13px;\r\n background-position: -4163px 0px;\r\n }\r\n \r\n &.iti__py {\r\n height: 11px;\r\n background-position: -4185px 0px;\r\n }\r\n \r\n &.iti__qa {\r\n height: 8px;\r\n background-position: -4207px 0px;\r\n }\r\n \r\n &.iti__re {\r\n height: 14px;\r\n background-position: -4229px 0px;\r\n }\r\n \r\n &.iti__ro {\r\n height: 14px;\r\n background-position: -4251px 0px;\r\n }\r\n \r\n &.iti__rs {\r\n height: 14px;\r\n background-position: -4273px 0px;\r\n }\r\n \r\n &.iti__ru {\r\n height: 14px;\r\n background-position: -4295px 0px;\r\n }\r\n \r\n &.iti__rw {\r\n height: 14px;\r\n background-position: -4317px 0px;\r\n }\r\n \r\n &.iti__sa {\r\n height: 14px;\r\n background-position: -4339px 0px;\r\n }\r\n \r\n &.iti__sb {\r\n height: 10px;\r\n background-position: -4361px 0px;\r\n }\r\n \r\n &.iti__sc {\r\n height: 10px;\r\n background-position: -4383px 0px;\r\n }\r\n \r\n &.iti__sd {\r\n height: 10px;\r\n background-position: -4405px 0px;\r\n }\r\n \r\n &.iti__se {\r\n height: 13px;\r\n background-position: -4427px 0px;\r\n }\r\n \r\n &.iti__sg {\r\n height: 14px;\r\n background-position: -4449px 0px;\r\n }\r\n \r\n &.iti__sh {\r\n height: 10px;\r\n background-position: -4471px 0px;\r\n }\r\n \r\n &.iti__si {\r\n height: 10px;\r\n background-position: -4493px 0px;\r\n }\r\n \r\n &.iti__sj {\r\n height: 15px;\r\n background-position: -4515px 0px;\r\n }\r\n \r\n &.iti__sk {\r\n height: 14px;\r\n background-position: -4537px 0px;\r\n }\r\n \r\n &.iti__sl {\r\n height: 14px;\r\n background-position: -4559px 0px;\r\n }\r\n \r\n &.iti__sm {\r\n height: 15px;\r\n background-position: -4581px 0px;\r\n }\r\n \r\n &.iti__sn {\r\n height: 14px;\r\n background-position: -4603px 0px;\r\n }\r\n \r\n &.iti__so {\r\n height: 14px;\r\n background-position: -4625px 0px;\r\n }\r\n \r\n &.iti__sr {\r\n height: 14px;\r\n background-position: -4647px 0px;\r\n }\r\n \r\n &.iti__ss {\r\n height: 10px;\r\n background-position: -4669px 0px;\r\n }\r\n \r\n &.iti__st {\r\n height: 10px;\r\n background-position: -4691px 0px;\r\n }\r\n \r\n &.iti__sv {\r\n height: 12px;\r\n background-position: -4713px 0px;\r\n }\r\n \r\n &.iti__sx {\r\n height: 14px;\r\n background-position: -4735px 0px;\r\n }\r\n \r\n &.iti__sy {\r\n height: 14px;\r\n background-position: -4757px 0px;\r\n }\r\n \r\n &.iti__sz {\r\n height: 14px;\r\n background-position: -4779px 0px;\r\n }\r\n \r\n &.iti__ta {\r\n height: 10px;\r\n background-position: -4801px 0px;\r\n }\r\n \r\n &.iti__tc {\r\n height: 10px;\r\n background-position: -4823px 0px;\r\n }\r\n \r\n &.iti__td {\r\n height: 14px;\r\n background-position: -4845px 0px;\r\n }\r\n \r\n &.iti__tf {\r\n height: 14px;\r\n background-position: -4867px 0px;\r\n }\r\n \r\n &.iti__tg {\r\n height: 13px;\r\n background-position: -4889px 0px;\r\n }\r\n \r\n &.iti__th {\r\n height: 14px;\r\n background-position: -4911px 0px;\r\n }\r\n \r\n &.iti__tj {\r\n height: 10px;\r\n background-position: -4933px 0px;\r\n }\r\n \r\n &.iti__tk {\r\n height: 10px;\r\n background-position: -4955px 0px;\r\n }\r\n \r\n &.iti__tl {\r\n height: 10px;\r\n background-position: -4977px 0px;\r\n }\r\n \r\n &.iti__tm {\r\n height: 14px;\r\n background-position: -4999px 0px;\r\n }\r\n \r\n &.iti__tn {\r\n height: 14px;\r\n background-position: -5021px 0px;\r\n }\r\n \r\n &.iti__to {\r\n height: 10px;\r\n background-position: -5043px 0px;\r\n }\r\n \r\n &.iti__tr {\r\n height: 14px;\r\n background-position: -5065px 0px;\r\n }\r\n \r\n &.iti__tt {\r\n height: 12px;\r\n background-position: -5087px 0px;\r\n }\r\n \r\n &.iti__tv {\r\n height: 10px;\r\n background-position: -5109px 0px;\r\n }\r\n \r\n &.iti__tw {\r\n height: 14px;\r\n background-position: -5131px 0px;\r\n }\r\n \r\n &.iti__tz {\r\n height: 14px;\r\n background-position: -5153px 0px;\r\n }\r\n \r\n &.iti__ua {\r\n height: 14px;\r\n background-position: -5175px 0px;\r\n }\r\n \r\n &.iti__ug {\r\n height: 14px;\r\n background-position: -5197px 0px;\r\n }\r\n \r\n &.iti__um {\r\n height: 11px;\r\n background-position: -5219px 0px;\r\n }\r\n \r\n &.iti__un {\r\n height: 14px;\r\n background-position: -5241px 0px;\r\n }\r\n \r\n &.iti__us {\r\n height: 11px;\r\n background-position: -5263px 0px;\r\n }\r\n \r\n &.iti__uy {\r\n height: 14px;\r\n background-position: -5285px 0px;\r\n }\r\n \r\n &.iti__uz {\r\n height: 10px;\r\n background-position: -5307px 0px;\r\n }\r\n \r\n &.iti__va {\r\n height: 15px;\r\n background-position: -5329px 0px;\r\n }\r\n \r\n &.iti__vc {\r\n height: 14px;\r\n background-position: -5346px 0px;\r\n }\r\n \r\n &.iti__ve {\r\n height: 14px;\r\n background-position: -5368px 0px;\r\n }\r\n \r\n &.iti__vg {\r\n height: 10px;\r\n background-position: -5390px 0px;\r\n }\r\n \r\n &.iti__vi {\r\n height: 14px;\r\n background-position: -5412px 0px;\r\n }\r\n \r\n &.iti__vn {\r\n height: 14px;\r\n background-position: -5434px 0px;\r\n }\r\n \r\n &.iti__vu {\r\n height: 12px;\r\n background-position: -5456px 0px;\r\n }\r\n \r\n &.iti__wf {\r\n height: 14px;\r\n background-position: -5478px 0px;\r\n }\r\n \r\n &.iti__ws {\r\n height: 10px;\r\n background-position: -5500px 0px;\r\n }\r\n \r\n &.iti__xk {\r\n height: 15px;\r\n background-position: -5522px 0px;\r\n }\r\n \r\n &.iti__ye {\r\n height: 14px;\r\n background-position: -5544px 0px;\r\n }\r\n \r\n &.iti__yt {\r\n height: 14px;\r\n background-position: -5566px 0px;\r\n }\r\n \r\n &.iti__za {\r\n height: 14px;\r\n background-position: -5588px 0px;\r\n }\r\n \r\n &.iti__zm {\r\n height: 14px;\r\n background-position: -5610px 0px;\r\n }\r\n \r\n &.iti__zw {\r\n height: 10px;\r\n background-position: -5632px 0px;\r\n }\r\n \r\n &.iti__np {\r\n background-color: transparent;\r\n }\r\n }\r\n \r\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n .iti__flag {\r\n background-size: 5652px 15px;\r\n }\r\n }\r\n \r\n @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\r\n .iti__flag {\r\n background-image: url(\"../plugins/intl-tel-input-master/img/flags@2x.png\");\r\n }\r\n }\r\n \r\n .iti input {\r\n outline: 0;\r\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 position: relative;\n display: block;\n -webkit-touch-callout: none;\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 .irs-line {\n position: relative;\n display: block;\n overflow: hidden;\n outline: none !important;\n }\n \n .irs-line-left, .irs-line-mid, .irs-line-right {\n position: absolute;\n display: block;\n top: 0;\n }\n \n .irs-line-left {\n left: 0;\n width: 11%;\n }\n \n .irs-line-mid {\n left: 9%;\n width: 82%;\n }\n \n .irs-line-right {\n right: 0;\n width: 11%;\n }\n \n .irs-bar {\n position: absolute;\n display: block;\n left: 0;\n width: 0;\n }\n \n .irs-bar-edge {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n }\n \n .irs-shadow {\n position: absolute;\n display: none;\n left: 0;\n width: 0;\n }\n \n .irs-slider {\n position: absolute;\n display: block;\n cursor: default;\n z-index: 1;\n \n &.single, &.from, &.to {}\n \n &.type_last {\n z-index: 2;\n }\n }\n \n .irs-min {\n position: absolute;\n display: block;\n left: 0;\n cursor: default;\n }\n \n .irs-max {\n position: absolute;\n display: block;\n right: 0;\n cursor: default;\n }\n \n .irs-from, .irs-to, .irs-single {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n cursor: default;\n white-space: nowrap;\n }\n \n .irs-grid {\n position: absolute;\n display: none;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 20px;\n }\n \n .irs-with-grid .irs-grid {\n display: block;\n }\n \n .irs-grid-pol {\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n height: 8px;\n background: #000;\n \n &.small {\n height: 4px;\n }\n }\n \n .irs-grid-text {\n position: absolute;\n bottom: 0;\n left: 0;\n white-space: nowrap;\n text-align: center;\n font-size: 9px;\n line-height: 9px;\n padding: 0 3px;\n color: #000;\n }\n \n .irs-disable-mask {\n position: absolute;\n display: block;\n top: 0;\n left: -1%;\n width: 102%;\n height: 100%;\n cursor: default;\n background: rgba(0, 0, 0, 0);\n z-index: 2;\n }\n \n .lt-ie9 .irs-disable-mask {\n background: #000;\n filter: alpha(opacity = 0);\n cursor: not-allowed;\n }\n \n .irs-disabled {\n opacity: 0.4;\n }\n \n .irs-hidden-input {\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n width: 0 !important;\n height: 0 !important;\n font-size: 0 !important;\n line-height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n overflow: hidden;\n outline: none !important;\n z-index: -9999 !important;\n background: none !important;\n border-style: solid !important;\n border-color: transparent !important;\n }","/* Ion.RangeSlider, Simple Skin\n// css version 2.0.3\n// © Denis Ineshin, 2014 https://github.com/IonDen\n// ===================================================================================================================*/\n\n/* =====================================================================================================================\n// Skin details */\n\n.irs-line-mid, .irs-line-left, .irs-line-right, .irs-bar, .irs-bar-edge, .irs-slider {\n background: url(\"../../assets/plugins/ion.rangeSlider/img/sprite-skin-simple.png\") repeat-x;\n }\n \n .irs {\n height: 40px;\n }\n \n .irs-with-grid {\n height: 60px;\n }\n \n .irs-line {\n height: 6px;\n top: 25px;\n }\n \n .irs-line-left {\n height: 6px;\n background-position: 0 -30px;\n }\n \n .irs-line-mid {\n height: 6px;\n background-position: 0 0;\n }\n \n .irs-line-right {\n height: 6px;\n background-position: 100% -30px;\n }\n \n .irs-bar {\n height: 6px;\n top: 25px;\n background-position: 0 -60px;\n }\n \n .irs-bar-edge {\n top: 25px;\n height: 6px;\n width: 7px;\n background-position: 0 -90px;\n }\n \n .irs-shadow {\n height: 1px;\n top: 34px;\n background: #000;\n opacity: 0.75;\n }\n \n .lt-ie9 .irs-shadow {\n filter: alpha(opacity = 75);\n }\n \n .irs-slider {\n width: 8px;\n height: 15px;\n top: 21px;\n background-position: 0 -120px;\n background-color: $primary-1;\n \n &.state_hover, &:hover {\n background-position: 0 -150px;\n }\n }\n \n .irs-min, .irs-max {\n color: #6c81a6;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n top: 0;\n padding: 1px 3px;\n background: #e3e1eb;\n -moz-border-radius: 3px;\n border-radius: 3px;\n }\n \n .lt-ie9 {\n .irs-min, .irs-max {\n background: #3654b0;\n }\n }\n \n .irs-from, .irs-to, .irs-single {\n color: #000;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n padding: 1px 5px;\n background: #e3e1eb;\n -moz-border-radius: 3px;\n border-radius: 3px;\n }\n \n .lt-ie9 {\n .irs-from, .irs-to, .irs-single {\n background: #d8dff3;\n }\n }\n \n .irs-grid-pol {\n background: #777;\n }\n \n .irs-grid-text {\n color: #aba3a3;\n }\n \n .irs-disabled {}","/* jQuery Countdown styles 2.0.0. */\n\n#launch_date {\n\tmargin: 0px auto 20px auto;\n }\n \n .countdown-rtl {\n\tdirection: rtl;\n }\n \n .countdown-holding span {\n\tcolor: #888;\n }\n \n .countdown-row {\n\tclear: both;\n\twidth: 100%;\n\tpadding: 0px 2px;\n\ttext-align: center;\n }\n \n .countdown {\n\tli {\n\t display: inline-block;\n\t font-size: 1.83rem;\n\t font-weight: bold;\n\t min-width: 88px;\n\t height: 88px;\n\t border-radius: 3px;\n\t line-height: 22px;\n\t padding: 20px;\n\t text-align: center;\n\t margin: 0 auto;\n\t position: relative;\n\t overflow: hidden;\n\t background: rgb(255, 255, 255);\n\t z-index: 1;\n\t border: 5px solid rgb(255, 255, 255);\n\t box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n\t color: #25252a;\n\t}\n \n\t.time {\n\t font-size: 13px;\n\t padding-top: 2px;\n\t font-weight: 300;\n\t}\n }\n \n @media (max-width: 991px) {\n\t.countdown li {\n\t margin: 20px 10px 10px 10px;\n\t}\n \n\t.is-countdown {\n\t margin-top: 20px;\n\t}\n }\n \n @media (min-width: 992px) {\n\t.countdown li {\n\t margin: 30px 10px 5px 10px;\n\t}\n }","/* required styles */\r\n\r\n.leaflet-pane,\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-tile-container {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n}\r\n\r\n.leaflet-pane > {\r\n svg,\r\n canvas {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n }\r\n}\r\n\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n}\r\n\r\n.leaflet-container {\r\n overflow: hidden;\r\n}\r\n\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n user-select: none;\r\n -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 .leaflet-tile {\r\n image-rendering: -webkit-optimize-contrast;\r\n }\r\n\r\n .leaflet-tile-container {\r\n width: 1600px;\r\n height: 1600px;\r\n -webkit-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n }\r\n}\r\n\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n display: 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 -webkit-tap-highlight-color: transparent;\r\n\r\n .leaflet-overlay-pane svg,\r\n .leaflet-marker-pane img,\r\n .leaflet-shadow-pane img,\r\n .leaflet-tile-pane img,\r\n img.leaflet-image-layer,\r\n .leaflet-tile {\r\n max-width: none !important;\r\n max-height: none !important;\r\n }\r\n\r\n &.leaflet-touch-zoom {\r\n -ms-touch-action: pan-x pan-y;\r\n touch-action: pan-x pan-y;\r\n }\r\n\r\n &.leaflet-touch-drag {\r\n -ms-touch-action: pinch-zoom;\r\n\r\n /* Fallback for FF which doesn't support pinch-zoom */\r\n touch-action: none;\r\n touch-action: pinch-zoom;\r\n\r\n &.leaflet-touch-zoom {\r\n -ms-touch-action: none;\r\n touch-action: none;\r\n }\r\n }\r\n\r\n a {\r\n -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n }\r\n}\r\n\r\n.leaflet-tile {\r\n filter: inherit;\r\n visibility: hidden;\r\n}\r\n\r\n.leaflet-tile-loaded {\r\n visibility: inherit;\r\n}\r\n\r\n.leaflet-zoom-box {\r\n width: 0;\r\n height: 0;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n z-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 -moz-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.leaflet-pane {\r\n z-index: 400;\r\n}\r\n\r\n.leaflet-tile-pane {\r\n z-index: 200;\r\n}\r\n\r\n.leaflet-overlay-pane {\r\n z-index: 400;\r\n}\r\n\r\n.leaflet-shadow-pane {\r\n z-index: 500;\r\n}\r\n\r\n.leaflet-marker-pane {\r\n z-index: 600;\r\n}\r\n\r\n.leaflet-tooltip-pane {\r\n z-index: 650;\r\n}\r\n\r\n.leaflet-popup-pane {\r\n z-index: 700;\r\n}\r\n\r\n.leaflet-map-pane {\r\n canvas {\r\n z-index: 100;\r\n }\r\n\r\n svg {\r\n z-index: 200;\r\n }\r\n}\r\n\r\n.leaflet-vml-shape {\r\n width: 1px;\r\n height: 1px;\r\n}\r\n\r\n.lvml {\r\n behavior: url(#default#VML);\r\n display: inline-block;\r\n position: absolute;\r\n}\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n position: relative;\r\n z-index: 800;\r\n pointer-events: visiblePainted;\r\n\r\n /* IE 9-10 doesn't have auto */\r\n pointer-events: auto;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n position: absolute;\r\n z-index: 1000;\r\n pointer-events: none;\r\n}\r\n\r\n.leaflet-top {\r\n top: 0;\r\n}\r\n\r\n.leaflet-right {\r\n right: 0;\r\n}\r\n\r\n.leaflet-bottom {\r\n bottom: 0;\r\n}\r\n\r\n.leaflet-left {\r\n left: 0;\r\n}\r\n\r\n.leaflet-control {\r\n float: left;\r\n clear: both;\r\n}\r\n\r\n.leaflet-right .leaflet-control {\r\n float: right;\r\n}\r\n\r\n.leaflet-top .leaflet-control {\r\n margin-top: 10px;\r\n}\r\n\r\n.leaflet-bottom .leaflet-control {\r\n margin-bottom: 10px;\r\n}\r\n\r\n.leaflet-left .leaflet-control {\r\n margin-left: 10px;\r\n}\r\n\r\n.leaflet-right .leaflet-control {\r\n margin-right: 10px;\r\n}\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim {\r\n .leaflet-tile {\r\n will-change: opacity;\r\n }\r\n\r\n .leaflet-popup {\r\n opacity: 0;\r\n -webkit-transition: opacity 0.2s linear;\r\n -moz-transition: opacity 0.2s linear;\r\n transition: opacity 0.2s linear;\r\n }\r\n\r\n .leaflet-map-pane .leaflet-popup {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.leaflet-zoom-animated {\r\n -webkit-transform-origin: 0 0;\r\n -ms-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n}\r\n\r\n.leaflet-zoom-anim {\r\n .leaflet-zoom-animated {\r\n will-change: transform;\r\n -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n }\r\n\r\n .leaflet-tile {\r\n -webkit-transition: none;\r\n -moz-transition: none;\r\n transition: none;\r\n }\r\n}\r\n\r\n.leaflet-pan-anim .leaflet-tile {\r\n -webkit-transition: none;\r\n -moz-transition: none;\r\n transition: none;\r\n}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n visibility: hidden;\r\n}\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n cursor: pointer;\r\n}\r\n\r\n.leaflet-grab {\r\n cursor: -webkit-grab;\r\n cursor: -moz-grab;\r\n cursor: grab;\r\n}\r\n\r\n.leaflet-crosshair {\r\n cursor: crosshair;\r\n\r\n .leaflet-interactive {\r\n cursor: crosshair;\r\n }\r\n}\r\n\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n cursor: auto;\r\n}\r\n\r\n.leaflet-dragging {\r\n .leaflet-grab {\r\n cursor: move;\r\n cursor: -webkit-grabbing;\r\n cursor: -moz-grabbing;\r\n cursor: grabbing;\r\n\r\n .leaflet-interactive {\r\n cursor: move;\r\n cursor: -webkit-grabbing;\r\n cursor: -moz-grabbing;\r\n cursor: grabbing;\r\n }\r\n }\r\n\r\n .leaflet-marker-draggable {\r\n cursor: move;\r\n cursor: -webkit-grabbing;\r\n cursor: -moz-grabbing;\r\n cursor: grabbing;\r\n }\r\n}\r\n\r\n/* marker & overlays interactivity */\r\n\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow,\r\n.leaflet-image-layer,\r\n.leaflet-pane > svg path,\r\n.leaflet-tile-container {\r\n pointer-events: none;\r\n}\r\n\r\n.leaflet-marker-icon.leaflet-interactive,\r\n.leaflet-image-layer.leaflet-interactive,\r\n.leaflet-pane > svg path.leaflet-interactive {\r\n pointer-events: visiblePainted;\r\n\r\n /* IE 9-10 doesn't have auto */\r\n pointer-events: auto;\r\n}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n background: #efefef;\r\n outline: 0;\r\n z-index: 0;\r\n\r\n a {\r\n color: #0078a8;\r\n\r\n &.leaflet-active {\r\n outline: 2px solid orange;\r\n }\r\n }\r\n}\r\n\r\n.leaflet-zoom-box {\r\n border: 2px dotted #38f;\r\n background: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n/* general typography */\r\n\r\n.leaflet-container {\r\n font: 8px \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n}\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);\r\n border-radius: 4px;\r\n\r\n a {\r\n background-color: #fff;\r\n border-bottom: 1px solid #ccc;\r\n width: 26px;\r\n height: 26px;\r\n line-height: 26px;\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n color: black;\r\n background-position: 50% 50%;\r\n background-repeat: no-repeat;\r\n display: block;\r\n\r\n &:hover {\r\n background-color: #fff;\r\n border-bottom: 1px solid #ccc;\r\n width: 26px;\r\n height: 26px;\r\n line-height: 26px;\r\n display: block;\r\n text-align: center;\r\n text-decoration: none;\r\n color: black;\r\n }\r\n }\r\n}\r\n\r\n.leaflet-control-layers-toggle {\r\n background-position: 50% 50%;\r\n background-repeat: no-repeat;\r\n display: block;\r\n}\r\n\r\n.leaflet-bar a {\r\n &:hover {\r\n background-color: #f4f4f4;\r\n }\r\n\r\n &:first-child {\r\n border-top-left-radius: 4px;\r\n border-top-right-radius: 4px;\r\n }\r\n\r\n &:last-child {\r\n border-bottom-left-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border-bottom: none;\r\n }\r\n\r\n &.leaflet-disabled {\r\n cursor: default;\r\n background-color: #f4f4f4;\r\n color: #bbb;\r\n }\r\n}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n width: 30px;\r\n height: 30px;\r\n line-height: 30px;\r\n\r\n &:first-child {\r\n border-top-left-radius: 2px;\r\n border-top-right-radius: 2px;\r\n }\r\n\r\n &:last-child {\r\n border-bottom-left-radius: 2px;\r\n border-bottom-right-radius: 2px;\r\n }\r\n}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n font: bold 18px \"Lucida Console\", Monaco, monospace;\r\n text-indent: 1px;\r\n}\r\n\r\n.leaflet-touch {\r\n .leaflet-control-zoom-in,\r\n .leaflet-control-zoom-out {\r\n font-size: 22px;\r\n }\r\n}\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);\r\n background: #fff;\r\n border-radius: 5px;\r\n}\r\n\r\n.leaflet-control-layers-toggle {\r\n background-image: url(../plugins/leaflet/images/layers.png);\r\n width: 36px;\r\n height: 36px;\r\n}\r\n\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n background-image: url(../plugins/leaflet/images/layers-2x.png);\r\n background-size: 26px 26px;\r\n}\r\n\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n width: 44px;\r\n height: 44px;\r\n}\r\n\r\n.leaflet-control-layers .leaflet-control-layers-list {\r\n display: none;\r\n}\r\n\r\n.leaflet-control-layers-expanded {\r\n padding: 6px 10px 6px 6px;\r\n color: #333;\r\n background: #fff;\r\n\r\n .leaflet-control-layers-toggle {\r\n display: none;\r\n }\r\n\r\n .leaflet-control-layers-list {\r\n display: block;\r\n position: relative;\r\n }\r\n}\r\n\r\n.leaflet-control-layers-scrollbar {\r\n overflow-y: scroll;\r\n overflow-x: hidden;\r\n padding-right: 5px;\r\n}\r\n\r\n.leaflet-control-layers-selector {\r\n margin-top: 2px;\r\n position: relative;\r\n top: 1px;\r\n}\r\n\r\n.leaflet-control-layers label {\r\n display: block;\r\n}\r\n\r\n.leaflet-control-layers-separator {\r\n height: 0;\r\n border-top: 1px solid #ddd;\r\n margin: 5px -10px 5px -6px;\r\n}\r\n\r\n/* Default icon URLs */\r\n\r\n.leaflet-default-icon-path {\r\n background-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 background: #fff;\r\n background: rgba(255, 255, 255, 0.7);\r\n margin: 0;\r\n}\r\n\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n padding: 0 5px;\r\n color: #333;\r\n}\r\n\r\n.leaflet-control-attribution a {\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n}\r\n\r\n.leaflet-container {\r\n .leaflet-control-attribution,\r\n .leaflet-control-scale {\r\n font-size: 11px;\r\n }\r\n}\r\n\r\n.leaflet-left .leaflet-control-scale {\r\n margin-left: 5px;\r\n}\r\n\r\n.leaflet-bottom .leaflet-control-scale {\r\n margin-bottom: 5px;\r\n}\r\n\r\n.leaflet-control-scale-line {\r\n border: 2px solid #777;\r\n border-top: none;\r\n line-height: 1.1;\r\n padding: 2px 5px 1px;\r\n font-size: 11px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n background: #fff;\r\n background: rgba(255, 255, 255, 0.5);\r\n\r\n &:not(:first-child) {\r\n border-top: 2px solid #777;\r\n border-bottom: none;\r\n margin-top: -2px;\r\n\r\n &:not(:last-child) {\r\n border-bottom: 2px solid #777;\r\n }\r\n }\r\n}\r\n\r\n.leaflet-touch {\r\n .leaflet-control-attribution,\r\n .leaflet-control-layers,\r\n .leaflet-bar {\r\n box-shadow: none;\r\n }\r\n\r\n .leaflet-control-layers,\r\n .leaflet-bar {\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n background-clip: padding-box;\r\n }\r\n}\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n position: absolute;\r\n text-align: center;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.leaflet-popup-content-wrapper {\r\n padding: 1px;\r\n text-align: left;\r\n border-radius: 12px;\r\n}\r\n\r\n.leaflet-popup-content {\r\n margin: 13px 19px;\r\n line-height: 1.4;\r\n\r\n p {\r\n margin: 18px 0;\r\n }\r\n}\r\n\r\n.leaflet-popup-tip-container {\r\n width: 40px;\r\n height: 20px;\r\n position: absolute;\r\n left: 50%;\r\n margin-left: -20px;\r\n overflow: hidden;\r\n pointer-events: none;\r\n}\r\n\r\n.leaflet-popup-tip {\r\n width: 17px;\r\n height: 17px;\r\n padding: 1px;\r\n margin: -10px auto 0;\r\n -webkit-transform: rotate(45deg);\r\n -moz-transform: rotate(45deg);\r\n -ms-transform: rotate(45deg);\r\n transform: rotate(45deg);\r\n}\r\n\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n background: white;\r\n color: #333;\r\n box-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 position: absolute;\r\n top: 0;\r\n right: 0;\r\n padding: 4px 4px 0 0;\r\n border: none;\r\n text-align: center;\r\n width: 18px;\r\n height: 14px;\r\n font: 16px/14px Tahoma, Verdana, sans-serif;\r\n color: #c3c3c3;\r\n text-decoration: none;\r\n font-weight: bold;\r\n background: transparent;\r\n\r\n &:hover {\r\n color: #999;\r\n }\r\n}\r\n\r\n.leaflet-popup-scrolled {\r\n overflow: auto;\r\n border-bottom: 1px solid #ddd;\r\n border-top: 1px solid #ddd;\r\n}\r\n\r\n.leaflet-oldie {\r\n .leaflet-popup-content-wrapper {\r\n zoom: 1;\r\n }\r\n\r\n .leaflet-popup-tip {\r\n width: 24px;\r\n margin: 0 auto;\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n }\r\n\r\n .leaflet-popup-tip-container {\r\n margin-top: -1px;\r\n }\r\n\r\n .leaflet-control-zoom,\r\n .leaflet-control-layers,\r\n .leaflet-popup-content-wrapper,\r\n .leaflet-popup-tip {\r\n border: 1px solid #999;\r\n }\r\n}\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n background: #fff;\r\n border: 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 position: absolute;\r\n padding: 6px;\r\n background-color: #fff;\r\n border: 1px solid #fff;\r\n border-radius: 3px;\r\n color: #222;\r\n white-space: nowrap;\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 pointer-events: none;\r\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\r\n\r\n &.leaflet-clickable {\r\n cursor: pointer;\r\n pointer-events: auto;\r\n }\r\n}\r\n\r\n.leaflet-tooltip-top:before,\r\n.leaflet-tooltip-bottom:before,\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n position: absolute;\r\n pointer-events: none;\r\n border: 6px solid transparent;\r\n background: transparent;\r\n content: \"\";\r\n}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n margin-top: 6px;\r\n}\r\n\r\n.leaflet-tooltip-top {\r\n margin-top: -6px;\r\n}\r\n\r\n.leaflet-tooltip-bottom:before {\r\n left: 50%;\r\n margin-left: -6px;\r\n}\r\n\r\n.leaflet-tooltip-top:before {\r\n left: 50%;\r\n margin-left: -6px;\r\n bottom: 0;\r\n margin-bottom: -12px;\r\n border-top-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-bottom:before {\r\n top: 0;\r\n margin-top: -12px;\r\n margin-left: -6px;\r\n border-bottom-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-left {\r\n margin-left: -6px;\r\n}\r\n\r\n.leaflet-tooltip-right {\r\n margin-left: 6px;\r\n}\r\n\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n top: 50%;\r\n margin-top: -6px;\r\n}\r\n\r\n.leaflet-tooltip-left:before {\r\n right: 0;\r\n margin-right: -12px;\r\n border-left-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-right:before {\r\n left: 0;\r\n margin-left: -12px;\r\n border-right-color: #fff;\r\n}\r\n",".morris-hover {\n\tposition: absolute;\n\tz-index: 10;\n \n\t&.morris-default-style {\n\t border-radius: 10px;\n\t padding: 6px;\n\t color: #666;\n\t background: rgba(255, 255, 255, 0.8);\n\t border: solid 1px rgba(230, 230, 230, 0.1);\n\t font-family: sans-serif;\n\t font-size: 12px;\n\t text-align: center;\n \n\t .morris-hover-row-label {\n\t\tfont-weight: bold;\n\t\tmargin: 0.25em 0;\n\t }\n \n\t .morris-hover-point {\n\t\twhite-space: nowrap;\n\t\tmargin: 0.1em 0;\n\t }\n\t}\n }","/**\n * @author zhixin wen \n */\n\n .ms-parent {\n display: inline-block;\n position: relative;\n vertical-align: middle;\n width: 100% !important;\n }\n \n .ms-choice {\n display: block;\n width: 100%;\n height: calc(2.25rem + 2px);\n padding: .375rem .75rem;\n background-color: #f1f1f9;\n background-clip: padding-box;\n border: 1px solid #d8dde4;\n color: #000;\n transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;\n font-size: 14px;\n line-height: 13px;\n border-radius: 5px;\n \n &.disabled {\n background-color: #d9d9e4;\n background-image: none;\n border: 1px solid #f0f0f4;\n cursor: default;\n }\n \n > {\n span {\n position: absolute;\n top: 13px;\n left: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: block;\n padding-left: 8px;\n \n &.placeholder {\n color: #999;\n }\n }\n \n div {\n position: absolute;\n top: 5px;\n right: 0;\n width: 20px;\n height: 25px;\n background: url('../plugins/multipleselect/multiple-select.png') left top no-repeat;\n \n &.open {\n background: url('../plugins/multipleselect/multiple-select.png') right top no-repeat;\n }\n }\n }\n }\n \n .ms-drop {\n width: 100%;\n overflow: hidden;\n display: none;\n margin-top: -1px;\n padding: 0;\n position: absolute;\n z-index: 1000;\n background: #fff;\n color: #000;\n border: 1px solid #f0f0f4;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n \n &.bottom {\n top: 100%;\n box-shadow: 0px 8px 14.72px 1.28px #b4cade;\n }\n \n &.top {\n bottom: 100%;\n -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);\n -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);\n box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);\n }\n }\n \n .ms-search {\n display: inline-block;\n margin: 0;\n min-height: 26px;\n padding: 4px;\n position: relative;\n white-space: nowrap;\n width: 100%;\n z-index: 10000;\n }\n \n .ms-parent {\n .placeholder {\n height: 0;\n width: 0;\n border: 0;\n }\n \n &.form-control {\n width: 100% !important;\n }\n }\n \n .ms-search {\n input {\n width: 100%;\n height: auto !important;\n min-height: 24px;\n padding: 0 20px 0 5px;\n margin: 0;\n outline: 0;\n font-family: sans-serif;\n font-size: 1em;\n border: 1px solid #f0f0f4;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n background: #fff url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px;\n background: url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);\n background: url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);\n background: url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);\n background: url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);\n background: url('../plugins/multipleselect/multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);\n -webkit-box-sizing: border-box;\n -khtml-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n -webkit-box-sizing: border-box;\n -khtml-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n }\n \n .ms-drop {\n ul {\n overflow: auto;\n margin: 0;\n padding: 5px 8px;\n \n > li {\n list-style: none;\n display: list-item;\n background-image: none;\n position: static;\n \n .disabled {\n opacity: .35;\n filter: Alpha(Opacity = 35);\n }\n \n &.multiple {\n display: block;\n float: left;\n }\n \n &.group {\n clear: both;\n }\n \n &.multiple label {\n width: 100%;\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n \n label {\n font-weight: normal;\n display: block;\n white-space: nowrap;\n \n &.optgroup {\n font-weight: bold;\n }\n }\n }\n }\n \n input {\n &[type=\"checkbox\"] {\n vertical-align: middle;\n vertical-align: middle;\n margin-right: 6px;\n margin-bottom: 1px;\n margin-left: 6px;\n }\n \n &[type=\"radio\"] {\n margin-right: 6px;\n margin-bottom: 1px;\n margin-left: 6px;\n margin-top: 1px;\n }\n }\n \n .ms-no-results {\n display: none;\n }\n \n .multiple {\n width: 90px !important;\n }\n \n ul > li.multiple {\n display: block !important;\n float: left;\n }\n }","/* jQuery Growl\n * Copyright 2015 Kevin Sylvestre\n * 1.3.5\n */\n\n .ontop, #growls-default, #growls-tl, #growls-tr, #growls-bl, #growls-br, #growls-tc, #growls-bc, #growls-cc, #growls-cl, #growls-cr {\n\tz-index: 50000;\n\tposition: fixed;\n }\n \n #growls-default {\n\ttop: 10px;\n\tright: 10px;\n }\n \n #growls-tl {\n\ttop: 10px;\n\tleft: 10px;\n }\n \n #growls-tr {\n\ttop: 10px;\n\tright: 10px;\n }\n \n #growls-bl {\n\tbottom: 10px;\n\tleft: 10px;\n }\n \n #growls-br {\n\tbottom: 10px;\n\tright: 10px;\n }\n \n #growls-tc {\n\ttop: 10px;\n\tright: 10px;\n\tleft: 10px;\n }\n \n #growls-bc {\n\tbottom: 10px;\n\tright: 10px;\n\tleft: 10px;\n }\n \n #growls-cc {\n\ttop: 50%;\n\tleft: 50%;\n\tmargin-left: -125px;\n }\n \n #growls-cl {\n\ttop: 50%;\n\tleft: 10px;\n }\n \n #growls-cr {\n\ttop: 50%;\n\tright: 10px;\n }\n \n #growls-tc .growl, #growls-bc .growl {\n\tmargin-left: auto;\n\tmargin-right: auto;\n }\n \n .growl {\n\topacity: 0.8;\n\tfilter: alpha(opacity = 80);\n\tposition: relative;\n\tborder-radius: 4px;\n\t-webkit-transition: all 0.4s ease-in-out;\n\t-moz-transition: all 0.4s ease-in-out;\n\ttransition: all 0.4s ease-in-out;\n \n\t&.growl-incoming, &.growl-outgoing {\n\t opacity: 0;\n\t filter: alpha(opacity = 0);\n\t}\n \n\t&.growl-small {\n\t width: 200px;\n\t padding: 5px;\n\t margin: 5px;\n\t}\n \n\t&.growl-medium {\n\t width: 250px;\n\t padding: 10px;\n\t margin: 10px;\n\t}\n \n\t&.growl-large {\n\t width: 300px;\n\t padding: 15px;\n\t margin: 15px;\n\t}\n \n\t&.growl-default {\n\t color: #FFF;\n\t background: #2d2d2d;\n\t}\n \n\t&.growl-error {\n\t color: #FFF;\n\t background: #f82649;\n\t}\n \n\t&.growl-notice, &.growl-sucess {\n\t color: #FFF;\n\t background: #13bfa6;\n\t}\n \n\t&.growl-warning {\n\t color: #000;\n\t background: #f7b731;\n\t}\n \n\t.growl-close {\n\t cursor: pointer;\n\t float: right;\n\t font-size: 14px;\n\t line-height: 18px;\n\t font-weight: normal;\n\t font-family: helvetica, verdana, sans-serif;\n\t}\n \n\t.growl-title {\n\t font-size: 18px;\n\t line-height: 24px;\n\t}\n \n\t.growl-message {\n\t font-size: 14px;\n\t line-height: 18px;\n\t}\n }","/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */\r\n/* * Owl Carousel - Core */\r\n\r\n.owl-carousel {\r\n display: none;\r\n width: 100%;\r\n -webkit-tap-highlight-color: transparent;\r\n \r\n /* position relative and z-index fix webkit rendering fonts issue */\r\n position: relative;\r\n \r\n .owl-stage {\r\n position: relative;\r\n -ms-touch-action: pan-Y;\r\n touch-action: manipulation;\r\n -moz-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n \r\n /* fix firefox animation glitch */\r\n \r\n &:after {\r\n content: \".\";\r\n display: block;\r\n clear: both;\r\n visibility: hidden;\r\n line-height: 0;\r\n height: 0;\r\n }\r\n }\r\n \r\n .owl-stage-outer {\r\n position: relative;\r\n overflow: hidden;\r\n \r\n /* fix for flashing background */\r\n -webkit-transform: translate3d(0px, 0px, 0px);\r\n transform: translate3d(0px, 0px, 0px);\r\n }\r\n \r\n .owl-wrapper {\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n -moz-transform: translate3d(0, 0, 0);\r\n -ms-transform: translate3d(0, 0, 0);\r\n }\r\n \r\n .owl-item {\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n -ms-backface-visibility: hidden;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n -moz-transform: translate3d(0, 0, 0);\r\n -ms-transform: translate3d(0, 0, 0);\r\n position: relative;\r\n min-height: 1px;\r\n float: left;\r\n -webkit-backface-visibility: hidden;\r\n -webkit-tap-highlight-color: transparent;\r\n -webkit-touch-callout: none;\r\n \r\n img {\r\n display: block;\r\n }\r\n }\r\n \r\n .owl-nav.disabled, .owl-dots.disabled {\r\n display: none;\r\n }\r\n \r\n .owl-nav {\r\n .owl-prev, .owl-next {\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n }\r\n \r\n .owl-dot {\r\n cursor: pointer;\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n }\r\n \r\n .owl-nav button {\r\n &.owl-prev, &.owl-next {\r\n background: rgba(105, 99, 255, 0.3);\r\n opacity: 7;\r\n color: inherit;\r\n border: none;\r\n padding: 0 !important;\r\n font: inherit;\r\n }\r\n }\r\n \r\n button.owl-dot {\r\n background: rgba(105, 99, 255, 0.3);\r\n opacity: 7;\r\n color: inherit;\r\n border: none;\r\n padding: 0 !important;\r\n font: inherit;\r\n }\r\n \r\n &.owl-loaded {\r\n display: block;\r\n }\r\n \r\n &.owl-loading {\r\n opacity: 0;\r\n display: block;\r\n }\r\n \r\n &.owl-hidden {\r\n opacity: 0;\r\n }\r\n \r\n &.owl-refresh .owl-item {\r\n visibility: hidden;\r\n }\r\n \r\n &.owl-drag .owl-item {\r\n -ms-touch-action: pan-y;\r\n touch-action: pan-y;\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 }\r\n \r\n &.owl-grab {\r\n cursor: move;\r\n cursor: grab;\r\n }\r\n \r\n &.owl-rtl {\r\n direction: rtl;\r\n \r\n .owl-item {\r\n float: right;\r\n }\r\n }\r\n }\r\n \r\n /* No Js */\r\n \r\n .no-js .owl-carousel {\r\n display: block;\r\n }\r\n \r\n /* * Owl Carousel - Animate Plugin */\r\n \r\n .owl-carousel {\r\n .animated {\r\n animation-duration: 1000ms;\r\n animation-fill-mode: both;\r\n }\r\n \r\n .owl-animated-in {\r\n z-index: 0;\r\n }\r\n \r\n .owl-animated-out {\r\n z-index: 1;\r\n }\r\n \r\n .fadeOut {\r\n animation-name: fadeOut;\r\n }\r\n }\r\n \r\n @keyframes fadeOut {\r\n 0% {\r\n opacity: 1;\r\n }\r\n \r\n 100% {\r\n opacity: 0;\r\n }\r\n }\r\n \r\n /* * Owl Carousel - Auto Height Plugin */\r\n \r\n .owl-height {\r\n transition: height 500ms ease-in-out;\r\n }\r\n \r\n /* * Owl Carousel - Lazy Load Plugin */\r\n \r\n .owl-carousel {\r\n .owl-item {\r\n .owl-lazy {\r\n opacity: 0;\r\n transition: opacity 400ms ease;\r\n \r\n &[src^=\"\"], &:not([src]) {\r\n max-height: 0;\r\n }\r\n }\r\n \r\n img.owl-lazy {\r\n transform-style: preserve-3d;\r\n }\r\n }\r\n \r\n .owl-video-wrapper {\r\n position: relative;\r\n height: 100%;\r\n background: #000;\r\n }\r\n \r\n .owl-video-play-icon {\r\n position: absolute;\r\n height: 80px;\r\n width: 80px;\r\n left: 50%;\r\n top: 50%;\r\n margin-left: -40px;\r\n margin-top: -40px;\r\n cursor: pointer;\r\n z-index: 1;\r\n -webkit-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n transition: transform 100ms ease;\r\n \r\n &:hover {\r\n -ms-transform: scale(1.3, 1.3);\r\n transform: scale(1.3, 1.3);\r\n }\r\n }\r\n \r\n .owl-video-playing {\r\n .owl-video-tn, .owl-video-play-icon {\r\n display: none;\r\n }\r\n }\r\n \r\n .owl-video-tn {\r\n opacity: 0;\r\n height: 100%;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n background-size: contain;\r\n transition: opacity 400ms ease;\r\n }\r\n \r\n .owl-video-frame {\r\n position: relative;\r\n z-index: 1;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n }\r\n \r\n /* * Owl Carousel - Video Plugin */\r\n \r\n .owl-controls {\r\n margin-bottom: 30px;\r\n text-align: center;\r\n \r\n .owl-page {\r\n width: 65px;\r\n height: 65px;\r\n border-radius: 50%;\r\n border: 4px solid #d9d6e0;\r\n background-size: cover;\r\n transition: all 0.3s ease-in-out 0s;\r\n \r\n &:nth-child(2), &:nth-child(3) {\r\n background-size: cover;\r\n }\r\n }\r\n \r\n &.clickable .owl-page:hover {\r\n opacity: 0.5;\r\n }\r\n \r\n .owl-page {\r\n display: inline-block;\r\n zoom: 1;\r\n \r\n &.active {\r\n border-color: #ed5151;\r\n opacity: 1;\r\n \r\n &:hover {\r\n border-color: #ed5151;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .testimonia {\r\n .post {\r\n display: block;\r\n font-size: 15px;\r\n color: rgba(255, 255, 255, 0.7);\r\n }\r\n \r\n .title {\r\n font-size: 24px;\r\n font-weight: bold;\r\n color: #fff;\r\n text-transform: capitalize;\r\n margin: 0;\r\n margin-bottom: 1px;\r\n }\r\n }\r\n \r\n .owl-nav {\r\n .owl-prev {\r\n position: absolute;\r\n top: 50%;\r\n left: -25px;\r\n right: -1.5em;\r\n margin-top: -1.65em;\r\n }\r\n \r\n button {\r\n display: block;\r\n font-size: 1.3rem !important;\r\n line-height: 2em;\r\n border-radius: 50%;\r\n width: 3rem;\r\n height: 3rem;\r\n text-align: center;\r\n background: rgba(255, 255, 255, 0.5) !important;\r\n border: 1px solid #e8ebf3 !important;\r\n z-index: 99;\r\n box-shadow: 0 4px 15px rgb(0, 0, 0, 0.2);\r\n \r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n z-index: -1;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: #2098d1;\r\n -webkit-transform: scaleY(0);\r\n transform: scaleY(0);\r\n -webkit-transform-origin: 50% 0;\r\n transform-origin: 50% 0;\r\n -webkit-transition-property: transform;\r\n transition-property: transform;\r\n -webkit-transition-duration: 0.5s;\r\n transition-duration: 0.5s;\r\n -webkit-transition-timing-function: ease-out;\r\n transition-timing-function: ease-out;\r\n }\r\n }\r\n \r\n .owl-next {\r\n position: absolute;\r\n top: 50%;\r\n right: -25px;\r\n margin-top: -1.65em;\r\n }\r\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: 15px;\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: transparent;\n opacity: 0.9;\n }\n}\n\n/*\n * Scrollbar thumb styles\n */\n\n.ps__thumb-x {\n background-color: #f1f1f9;\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: #8497bf;\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: 3px;\n\n /* there must be 'right' for ps__thumb-y */\n right: 0px;\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: #8497bf;\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: #8497bf;\n width: 3px;\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}","/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\r\n\r\n.pickr {\r\n position: relative;\r\n overflow: visible;\r\n transform: translateY(0);\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pcr-button {\r\n position: relative;\r\n height: 2em;\r\n width: 2em;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n border-radius: 0.15em;\r\n background: url('data:image/svg+xml;utf8, ') no-repeat center;\r\n background-size: 0;\r\n transition: all 0.3s;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n z-index: initial;\r\n }\r\n \r\n &::after {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n transition: background 0.3s;\r\n background: var(--pcr-color);\r\n border-radius: 0.15em;\r\n }\r\n \r\n &.clear {\r\n background-size: 70%;\r\n \r\n &::before {\r\n opacity: 0;\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n &.disabled {\r\n cursor: not-allowed;\r\n }\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n }\r\n \r\n .pcr-app * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pickr {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pcr-app {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pcr-app {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n }\r\n \r\n .pcr-app {\r\n position: fixed;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 10000;\r\n border-radius: 0.1em;\r\n background: #fff;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s, visibility 0s 0.3s;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03);\r\n left: 0;\r\n top: 0;\r\n \r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n \r\n &.visible {\r\n transition: opacity 0.3s;\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n \r\n .pcr-swatches {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 0.75em;\r\n \r\n &.pcr-last {\r\n margin: 0;\r\n }\r\n \r\n > button {\r\n font-size: 1em;\r\n position: relative;\r\n width: calc(1.75em - 5px);\r\n height: calc(1.75em - 5px);\r\n border-radius: 0.15em;\r\n cursor: pointer;\r\n margin: 2.5px;\r\n flex-shrink: 0;\r\n justify-self: center;\r\n transition: all 0.15s;\r\n overflow: hidden;\r\n background: transparent;\r\n z-index: 1;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 6px;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n \r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--pcr-color);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n border-radius: 0.15em;\r\n box-sizing: border-box;\r\n }\r\n \r\n &:hover {\r\n filter: brightness(1.05);\r\n }\r\n \r\n &:not(.pcr-active) {\r\n box-shadow: none;\r\n }\r\n }\r\n }\r\n \r\n .pcr-interaction {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n margin: 0 -0.2em 0 -0.2em;\r\n \r\n > * {\r\n margin: 0 0.2em;\r\n }\r\n \r\n input {\r\n letter-spacing: 0.07em;\r\n font-size: 0.75em;\r\n text-align: center;\r\n cursor: pointer;\r\n color: #75797e;\r\n background: #f1f3f4;\r\n border-radius: 0.15em;\r\n transition: all 0.15s;\r\n padding: 0.45em 0.5em;\r\n margin-top: 0.75em;\r\n \r\n &:hover {\r\n filter: brightness(0.975);\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);\r\n }\r\n }\r\n \r\n .pcr-result {\r\n color: #75797e;\r\n text-align: left;\r\n flex: 1 1 8em;\r\n min-width: 8em;\r\n transition: all 0.2s;\r\n border-radius: 0.15em;\r\n background: #f1f3f4;\r\n cursor: text;\r\n \r\n &::-moz-selection, &::selection {\r\n background: #4285f4;\r\n color: #fff;\r\n }\r\n }\r\n \r\n .pcr-type.active {\r\n color: #fff;\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n width: auto;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n }\r\n \r\n .pcr-save:hover, .pcr-cancel:hover, .pcr-clear:hover {\r\n filter: brightness(0.925);\r\n }\r\n \r\n .pcr-save {\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-clear, .pcr-cancel {\r\n background: #f44250;\r\n }\r\n \r\n .pcr-clear:focus, .pcr-cancel:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);\r\n }\r\n }\r\n \r\n .pcr-selection {\r\n .pcr-picker {\r\n position: absolute;\r\n height: 18px;\r\n width: 18px;\r\n border: 2px solid #fff;\r\n border-radius: 100%;\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 }\r\n \r\n .pcr-color-palette, .pcr-color-chooser, .pcr-color-opacity {\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 display: flex;\r\n flex-direction: column;\r\n cursor: grab;\r\n cursor: -webkit-grab;\r\n }\r\n \r\n .pcr-color-palette:active, .pcr-color-chooser:active, .pcr-color-opacity:active {\r\n cursor: grabbing;\r\n cursor: -webkit-grabbing;\r\n }\r\n }\r\n \r\n &[data-theme=\"classic\"] {\r\n width: 28.5em;\r\n max-width: 95vw;\r\n padding: 0.8em;\r\n \r\n .pcr-selection {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-grow: 1;\r\n \r\n .pcr-color-preview {\r\n position: relative;\r\n z-index: 1;\r\n width: 2em;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n margin-right: 0.75em;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n \r\n .pcr-last-color {\r\n cursor: pointer;\r\n border-radius: 0.15em 0.15em 0 0;\r\n z-index: 2;\r\n }\r\n \r\n .pcr-current-color {\r\n border-radius: 0 0 0.15em 0.15em;\r\n }\r\n \r\n .pcr-last-color, .pcr-current-color {\r\n background: var(--pcr-color);\r\n width: 100%;\r\n height: 50%;\r\n }\r\n }\r\n \r\n .pcr-color-palette {\r\n width: 100%;\r\n height: 8em;\r\n z-index: 1;\r\n \r\n .pcr-palette {\r\n flex-grow: 1;\r\n border-radius: 0.15em;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n }\r\n }\r\n \r\n .pcr-color-chooser, .pcr-color-opacity {\r\n margin-left: 0.75em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-picker, .pcr-color-opacity .pcr-picker {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider, .pcr-color-opacity .pcr-slider {\r\n width: 8px;\r\n flex-grow: 1;\r\n border-radius: 50em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider {\r\n background: linear-gradient(to bottom, red, #ff0, lime, cyan, blue, #f0f, red);\r\n }\r\n \r\n .pcr-color-opacity .pcr-slider {\r\n background: linear-gradient(to bottom, transparent, black), url('data:image/svg+xml;utf8, ');\r\n background-size: 100%, 50%;\r\n }\r\n }\r\n }\r\n }\r\n \r\n @supports (display: grid) {\r\n .pcr-app .pcr-swatches {\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: repeat(auto-fit, 1.75em);\r\n }\r\n }","/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\r\n\r\n.pickr {\r\n position: relative;\r\n overflow: visible;\r\n transform: translateY(0);\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pcr-button {\r\n position: relative;\r\n height: 2em;\r\n width: 2em;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n border-radius: 0.15em;\r\n background: url('data:image/svg+xml;utf8, ') no-repeat center;\r\n background-size: 0;\r\n transition: all 0.3s;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n z-index: initial;\r\n }\r\n \r\n &::after {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n transition: background 0.3s;\r\n background: var(--pcr-color);\r\n border-radius: 0.15em;\r\n }\r\n \r\n &.clear {\r\n background-size: 70%;\r\n \r\n &::before {\r\n opacity: 0;\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n &.disabled {\r\n cursor: not-allowed;\r\n }\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n }\r\n \r\n .pcr-app * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pickr {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pcr-app {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pcr-app {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n }\r\n \r\n .pcr-app {\r\n position: fixed;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 10000;\r\n border-radius: 0.1em;\r\n background: #fff;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s, visibility 0s 0.3s;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03);\r\n left: 0;\r\n top: 0;\r\n \r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n \r\n &.visible {\r\n transition: opacity 0.3s;\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n \r\n .pcr-swatches {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 0.75em;\r\n \r\n &.pcr-last {\r\n margin: 0;\r\n }\r\n \r\n > button {\r\n font-size: 1em;\r\n position: relative;\r\n width: calc(1.75em - 5px);\r\n height: calc(1.75em - 5px);\r\n border-radius: 0.15em;\r\n cursor: pointer;\r\n margin: 2.5px;\r\n flex-shrink: 0;\r\n justify-self: center;\r\n transition: all 0.15s;\r\n overflow: hidden;\r\n background: transparent;\r\n z-index: 1;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 6px;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n \r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--pcr-color);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n border-radius: 0.15em;\r\n box-sizing: border-box;\r\n }\r\n \r\n &:hover {\r\n filter: brightness(1.05);\r\n }\r\n \r\n &:not(.pcr-active) {\r\n box-shadow: none;\r\n }\r\n }\r\n }\r\n \r\n .pcr-interaction {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n margin: 0 -0.2em 0 -0.2em;\r\n \r\n > * {\r\n margin: 0 0.2em;\r\n }\r\n \r\n input {\r\n letter-spacing: 0.07em;\r\n font-size: 0.75em;\r\n text-align: center;\r\n cursor: pointer;\r\n color: #75797e;\r\n background: #f1f3f4;\r\n border-radius: 0.15em;\r\n transition: all 0.15s;\r\n padding: 0.45em 0.5em;\r\n margin-top: 0.75em;\r\n \r\n &:hover {\r\n filter: brightness(0.975);\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);\r\n }\r\n }\r\n \r\n .pcr-result {\r\n color: #75797e;\r\n text-align: left;\r\n flex: 1 1 8em;\r\n min-width: 8em;\r\n transition: all 0.2s;\r\n border-radius: 0.15em;\r\n background: #f1f3f4;\r\n cursor: text;\r\n \r\n &::-moz-selection, &::selection {\r\n background: #4285f4;\r\n color: #fff;\r\n }\r\n }\r\n \r\n .pcr-type.active {\r\n color: #fff;\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n width: auto;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n }\r\n \r\n .pcr-save:hover, .pcr-cancel:hover, .pcr-clear:hover {\r\n filter: brightness(0.925);\r\n }\r\n \r\n .pcr-save {\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-clear, .pcr-cancel {\r\n background: #f44250;\r\n }\r\n \r\n .pcr-clear:focus, .pcr-cancel:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);\r\n }\r\n }\r\n \r\n .pcr-selection {\r\n .pcr-picker {\r\n position: absolute;\r\n height: 18px;\r\n width: 18px;\r\n border: 2px solid #fff;\r\n border-radius: 100%;\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 }\r\n \r\n .pcr-color-palette, .pcr-color-chooser, .pcr-color-opacity {\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 display: flex;\r\n flex-direction: column;\r\n cursor: grab;\r\n cursor: -webkit-grab;\r\n }\r\n \r\n .pcr-color-palette:active, .pcr-color-chooser:active, .pcr-color-opacity:active {\r\n cursor: grabbing;\r\n cursor: -webkit-grabbing;\r\n }\r\n }\r\n \r\n &[data-theme=\"monolith\"] {\r\n width: 14.25em;\r\n max-width: 95vw;\r\n padding: 0.8em;\r\n \r\n .pcr-selection {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n flex-grow: 1;\r\n \r\n .pcr-color-preview {\r\n position: relative;\r\n z-index: 1;\r\n width: 100%;\r\n height: 1em;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n margin-bottom: 0.5em;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n \r\n .pcr-last-color {\r\n cursor: pointer;\r\n transition: background-color 0.3s, box-shadow 0.3s;\r\n border-radius: 0.15em 0 0 0.15em;\r\n z-index: 2;\r\n }\r\n \r\n .pcr-current-color {\r\n border-radius: 0 0.15em 0.15em 0;\r\n }\r\n \r\n .pcr-last-color, .pcr-current-color {\r\n background: var(--pcr-color);\r\n width: 50%;\r\n height: 100%;\r\n }\r\n }\r\n \r\n .pcr-color-palette {\r\n width: 100%;\r\n height: 8em;\r\n z-index: 1;\r\n \r\n .pcr-palette {\r\n border-radius: 0.15em;\r\n width: 100%;\r\n height: 100%;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n }\r\n }\r\n \r\n .pcr-color-chooser, .pcr-color-opacity {\r\n height: 0.5em;\r\n margin-top: 0.75em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-picker, .pcr-color-opacity .pcr-picker {\r\n top: 50%;\r\n transform: translateY(-50%);\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider, .pcr-color-opacity .pcr-slider {\r\n flex-grow: 1;\r\n border-radius: 50em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider {\r\n background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);\r\n }\r\n \r\n .pcr-color-opacity .pcr-slider {\r\n background: linear-gradient(to right, transparent, black), url('data:image/svg+xml;utf8, ');\r\n background-size: 100%, 0.25em;\r\n }\r\n }\r\n }\r\n }\r\n \r\n @supports (display: grid) {\r\n .pcr-app .pcr-swatches {\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: repeat(auto-fit, 1.75em);\r\n }\r\n }","/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\r\n\r\n.pickr {\r\n position: relative;\r\n overflow: visible;\r\n transform: translateY(0);\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pcr-button {\r\n position: relative;\r\n height: 2em;\r\n width: 2em;\r\n padding: 0.5em;\r\n cursor: pointer;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n border-radius: 0.15em;\r\n background: url('data:image/svg+xml;utf8, ') no-repeat center;\r\n background-size: 0;\r\n transition: all 0.3s;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n z-index: initial;\r\n }\r\n \r\n &::after {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n height: 100%;\r\n width: 100%;\r\n transition: background 0.3s;\r\n background: var(--pcr-color);\r\n border-radius: 0.15em;\r\n }\r\n \r\n &.clear {\r\n background-size: 70%;\r\n \r\n &::before {\r\n opacity: 0;\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n &.disabled {\r\n cursor: not-allowed;\r\n }\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n }\r\n \r\n .pcr-app * {\r\n box-sizing: border-box;\r\n outline: none;\r\n border: none;\r\n -webkit-appearance: none;\r\n }\r\n \r\n .pickr {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pcr-app {\r\n input {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n \r\n button {\r\n &:focus, &.pcr-active {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\r\n }\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pcr-app {\r\n .pcr-palette, .pcr-slider {\r\n transition: box-shadow 0.3s;\r\n }\r\n }\r\n \r\n .pickr {\r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n }\r\n \r\n .pcr-app {\r\n position: fixed;\r\n display: flex;\r\n flex-direction: column;\r\n z-index: 10000;\r\n border-radius: 0.1em;\r\n background: #fff;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s, visibility 0s 0.3s;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\r\n box-shadow: 0 0.15em 1.5em 0 rgba(0, 0, 0, 0.1), 0 0 1em 0 rgba(0, 0, 0, 0.03);\r\n left: 0;\r\n top: 0;\r\n \r\n .pcr-palette:focus, .pcr-slider:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\r\n }\r\n \r\n &.visible {\r\n transition: opacity 0.3s;\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n \r\n .pcr-swatches {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 0.75em;\r\n \r\n &.pcr-last {\r\n margin: 0;\r\n }\r\n \r\n > button {\r\n font-size: 1em;\r\n position: relative;\r\n width: calc(1.75em - 5px);\r\n height: calc(1.75em - 5px);\r\n border-radius: 0.15em;\r\n cursor: pointer;\r\n margin: 2.5px;\r\n flex-shrink: 0;\r\n justify-self: center;\r\n transition: all 0.15s;\r\n overflow: hidden;\r\n background: transparent;\r\n z-index: 1;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 6px;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n \r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: var(--pcr-color);\r\n border: 1px solid rgba(0, 0, 0, 0.05);\r\n border-radius: 0.15em;\r\n box-sizing: border-box;\r\n }\r\n \r\n &:hover {\r\n filter: brightness(1.05);\r\n }\r\n \r\n &:not(.pcr-active) {\r\n box-shadow: none;\r\n }\r\n }\r\n }\r\n \r\n .pcr-interaction {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n margin: 0 -0.2em 0 -0.2em;\r\n \r\n > * {\r\n margin: 0 0.2em;\r\n }\r\n \r\n input {\r\n letter-spacing: 0.07em;\r\n font-size: 0.75em;\r\n text-align: center;\r\n cursor: pointer;\r\n color: #75797e;\r\n background: #f1f3f4;\r\n border-radius: 0.15em;\r\n transition: all 0.15s;\r\n padding: 0.45em 0.5em;\r\n margin-top: 0.75em;\r\n \r\n &:hover {\r\n filter: brightness(0.975);\r\n }\r\n \r\n &:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);\r\n }\r\n }\r\n \r\n .pcr-result {\r\n color: #75797e;\r\n text-align: left;\r\n flex: 1 1 8em;\r\n min-width: 8em;\r\n transition: all 0.2s;\r\n border-radius: 0.15em;\r\n background: #f1f3f4;\r\n cursor: text;\r\n \r\n &::-moz-selection, &::selection {\r\n background: #4285f4;\r\n color: #fff;\r\n }\r\n }\r\n \r\n .pcr-type.active {\r\n color: #fff;\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n width: auto;\r\n }\r\n \r\n .pcr-save, .pcr-cancel, .pcr-clear {\r\n color: #fff;\r\n }\r\n \r\n .pcr-save:hover, .pcr-cancel:hover, .pcr-clear:hover {\r\n filter: brightness(0.925);\r\n }\r\n \r\n .pcr-save {\r\n background: #4285f4;\r\n }\r\n \r\n .pcr-clear, .pcr-cancel {\r\n background: #f44250;\r\n }\r\n \r\n .pcr-clear:focus, .pcr-cancel:focus {\r\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);\r\n }\r\n }\r\n \r\n .pcr-selection {\r\n .pcr-picker {\r\n position: absolute;\r\n height: 18px;\r\n width: 18px;\r\n border: 2px solid #fff;\r\n border-radius: 100%;\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 }\r\n \r\n .pcr-color-palette, .pcr-color-chooser, .pcr-color-opacity {\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 display: flex;\r\n flex-direction: column;\r\n cursor: grab;\r\n cursor: -webkit-grab;\r\n }\r\n \r\n .pcr-color-palette:active, .pcr-color-chooser:active, .pcr-color-opacity:active {\r\n cursor: grabbing;\r\n cursor: -webkit-grabbing;\r\n }\r\n }\r\n \r\n &[data-theme=nano] {\r\n width: 14.25em;\r\n max-width: 95vw;\r\n \r\n .pcr-swatches {\r\n margin-top: 0.6em;\r\n padding: 0 0.6em;\r\n }\r\n \r\n .pcr-interaction {\r\n padding: 0 0.6em 0.6em 0.6em;\r\n }\r\n \r\n .pcr-selection {\r\n display: grid;\r\n grid-gap: 0.6em;\r\n grid-template-columns: 1fr 4fr;\r\n grid-template-rows: 5fr auto auto;\r\n align-items: center;\r\n height: 10.5em;\r\n width: 100%;\r\n align-self: flex-start;\r\n \r\n .pcr-color-preview {\r\n grid-area: 2/1/4/1;\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: center;\r\n margin-left: 0.6em;\r\n \r\n .pcr-last-color {\r\n display: none;\r\n }\r\n \r\n .pcr-current-color {\r\n position: relative;\r\n background: var(--pcr-color);\r\n width: 2em;\r\n height: 2em;\r\n border-radius: 50em;\r\n overflow: hidden;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n }\r\n }\r\n \r\n .pcr-color-palette {\r\n grid-area: 1/1/2/3;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n \r\n .pcr-palette {\r\n border-radius: 0.15em;\r\n width: 100%;\r\n height: 100%;\r\n \r\n &::before {\r\n position: absolute;\r\n content: \"\";\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: url('data:image/svg+xml;utf8, ');\r\n background-size: 0.5em;\r\n border-radius: 0.15em;\r\n z-index: -1;\r\n }\r\n }\r\n }\r\n \r\n .pcr-color-chooser {\r\n grid-area: 2/2/2/2;\r\n }\r\n \r\n .pcr-color-opacity {\r\n grid-area: 3/2/3/2;\r\n }\r\n \r\n .pcr-color-chooser, .pcr-color-opacity {\r\n height: 0.5em;\r\n margin: 0 0.6em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-picker, .pcr-color-opacity .pcr-picker {\r\n top: 50%;\r\n transform: translateY(-50%);\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider, .pcr-color-opacity .pcr-slider {\r\n flex-grow: 1;\r\n border-radius: 50em;\r\n }\r\n \r\n .pcr-color-chooser .pcr-slider {\r\n background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);\r\n }\r\n \r\n .pcr-color-opacity .pcr-slider {\r\n background: linear-gradient(to right, transparent, black), url('data:image/svg+xml;utf8, ');\r\n background-size: 100%, 0.25em;\r\n }\r\n }\r\n }\r\n }\r\n \r\n @supports (display: grid) {\r\n .pcr-app .pcr-swatches {\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: repeat(auto-fit, 1.75em);\r\n }\r\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: #800000;\n \n\t&.comment, &.prolog, &.doctype, &.cdata {\n\t color: slategray;\n\t}\n \n\t&.punctuation {\n\t color: #999;\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: #007bff;\n\t}\n \n\t&.operator, &.entity, &.url {\n\t color: #9a6e3a;\n\t background: hsla(0, 0%, 100%, 0.5);\n\t}\n }\n \n .language-css .token.string, .style .token.string {\n\tcolor: #9a6e3a;\n\tbackground: hsla(0, 0%, 100%, 0.5);\n }\n \n .token {\n\t&.atrule, &.attr-value, &.keyword {\n\t color: #cc0099;\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 }","/*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */\r\n\r\n.ql-container {\r\n box-sizing: border-box;\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 13px;\r\n height: 100%;\r\n margin: 0px;\r\n position: relative;\r\n \r\n &.ql-disabled {\r\n .ql-tooltip {\r\n visibility: hidden;\r\n }\r\n \r\n .ql-editor ul[data-checked] > li::before {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n \r\n .ql-clipboard {\r\n left: -100000px;\r\n height: 1px;\r\n overflow-y: hidden;\r\n position: absolute;\r\n top: 50%;\r\n \r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n \r\n .ql-editor {\r\n box-sizing: border-box;\r\n line-height: 1.42;\r\n height: 100%;\r\n outline: none;\r\n overflow-y: auto;\r\n padding: 20px 25px;\r\n tab-size: 4;\r\n -moz-tab-size: 4;\r\n text-align: left;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n font-size: 14px;\r\n height: 300px;\r\n \r\n > * {\r\n cursor: text;\r\n }\r\n \r\n p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6 {\r\n margin: 0;\r\n padding: 0;\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n }\r\n \r\n ol, ul {\r\n padding-left: 1.5em;\r\n }\r\n \r\n ol > li {\r\n list-style-type: none;\r\n }\r\n \r\n ul {\r\n > li {\r\n list-style-type: none;\r\n \r\n &::before {\r\n content: \"\\2022\";\r\n }\r\n }\r\n \r\n &[data-checked=\"true\"], &[data-checked=\"false\"] {\r\n pointer-events: none;\r\n }\r\n \r\n &[data-checked=\"true\"] > li *, &[data-checked=\"false\"] > li * {\r\n pointer-events: all;\r\n }\r\n \r\n &[data-checked=\"true\"] > li::before, &[data-checked=\"false\"] > li::before {\r\n color: #777;\r\n cursor: pointer;\r\n pointer-events: all;\r\n }\r\n \r\n &[data-checked=\"true\"] > li::before {\r\n content: \"\\2611\";\r\n }\r\n \r\n &[data-checked=\"false\"] > li::before {\r\n content: \"\\2610\";\r\n }\r\n }\r\n \r\n li {\r\n &::before {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: 1.2em;\r\n }\r\n \r\n &:not(.ql-direction-rtl)::before {\r\n margin-left: -1.5em;\r\n margin-right: 0.3em;\r\n text-align: right;\r\n }\r\n \r\n &.ql-direction-rtl::before {\r\n margin-left: 0.3em;\r\n margin-right: -1.5em;\r\n }\r\n }\r\n \r\n ol li:not(.ql-direction-rtl), ul li:not(.ql-direction-rtl) {\r\n padding-left: 1.5em;\r\n }\r\n \r\n ol li.ql-direction-rtl, ul li.ql-direction-rtl {\r\n padding-right: 1.5em;\r\n }\r\n \r\n ol li {\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n counter-increment: list-0;\r\n \r\n &:before {\r\n content: counter(list-0, decimal) \". \";\r\n }\r\n \r\n &.ql-indent-1 {\r\n counter-increment: list-1;\r\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-1, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-2 {\r\n counter-increment: list-2;\r\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-2, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-3 {\r\n counter-increment: list-3;\r\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-3, decimal) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-4 {\r\n counter-increment: list-4;\r\n counter-reset: list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-4, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-5 {\r\n counter-increment: list-5;\r\n counter-reset: list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-5, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-6 {\r\n counter-increment: list-6;\r\n counter-reset: list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-6, decimal) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-7 {\r\n counter-increment: list-7;\r\n counter-reset: list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-7, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-8 {\r\n counter-increment: list-8;\r\n counter-reset: list-9;\r\n \r\n &:before {\r\n content: counter(list-8, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-9 {\r\n counter-increment: list-9;\r\n \r\n &:before {\r\n content: counter(list-9, decimal) \". \";\r\n }\r\n }\r\n }\r\n \r\n .ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 3em;\r\n }\r\n \r\n li.ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 4.5em;\r\n }\r\n \r\n .ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 3em;\r\n }\r\n \r\n li.ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 4.5em;\r\n }\r\n \r\n .ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 6em;\r\n }\r\n \r\n li.ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 7.5em;\r\n }\r\n \r\n .ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 6em;\r\n }\r\n \r\n li.ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 7.5em;\r\n }\r\n \r\n .ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 9em;\r\n }\r\n \r\n li.ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 10.5em;\r\n }\r\n \r\n .ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 9em;\r\n }\r\n \r\n li.ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 10.5em;\r\n }\r\n \r\n .ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 12em;\r\n }\r\n \r\n li.ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 13.5em;\r\n }\r\n \r\n .ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 12em;\r\n }\r\n \r\n li.ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 13.5em;\r\n }\r\n \r\n .ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 15em;\r\n }\r\n \r\n li.ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 16.5em;\r\n }\r\n \r\n .ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 15em;\r\n }\r\n \r\n li.ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 16.5em;\r\n }\r\n \r\n .ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 18em;\r\n }\r\n \r\n li.ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 19.5em;\r\n }\r\n \r\n .ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 18em;\r\n }\r\n \r\n li.ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 19.5em;\r\n }\r\n \r\n .ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 21em;\r\n }\r\n \r\n li.ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 22.5em;\r\n }\r\n \r\n .ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 21em;\r\n }\r\n \r\n li.ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 22.5em;\r\n }\r\n \r\n .ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 24em;\r\n }\r\n \r\n li.ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 25.5em;\r\n }\r\n \r\n .ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 24em;\r\n }\r\n \r\n li.ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 25.5em;\r\n }\r\n \r\n .ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 27em;\r\n }\r\n \r\n li.ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 28.5em;\r\n }\r\n \r\n .ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 27em;\r\n }\r\n \r\n li.ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 28.5em;\r\n }\r\n \r\n .ql-video {\r\n display: block;\r\n max-width: 100%;\r\n \r\n &.ql-align-center {\r\n margin: 0 auto;\r\n }\r\n \r\n &.ql-align-right {\r\n margin: 0 0 0 auto;\r\n }\r\n }\r\n \r\n .ql-bg-black {\r\n background-color: #000;\r\n }\r\n \r\n .ql-bg-red {\r\n background-color: #e60000;\r\n }\r\n \r\n .ql-bg-orange {\r\n background-color: #f90;\r\n }\r\n \r\n .ql-bg-yellow {\r\n background-color: #ff0;\r\n }\r\n \r\n .ql-bg-green {\r\n background-color: #008a00;\r\n }\r\n \r\n .ql-bg-blue {\r\n background-color: #06c;\r\n }\r\n \r\n .ql-bg-purple {\r\n background-color: #93f;\r\n }\r\n \r\n .ql-color-white {\r\n color: #fff;\r\n }\r\n \r\n .ql-color-red {\r\n color: #e60000;\r\n }\r\n \r\n .ql-color-orange {\r\n color: #f90;\r\n }\r\n \r\n .ql-color-yellow {\r\n color: #ff0;\r\n }\r\n \r\n .ql-color-green {\r\n color: #008a00;\r\n }\r\n \r\n .ql-color-blue {\r\n color: #06c;\r\n }\r\n \r\n .ql-color-purple {\r\n color: #93f;\r\n }\r\n \r\n .ql-font-serif {\r\n font-family: Georgia, Times New Roman, serif;\r\n }\r\n \r\n .ql-font-monospace {\r\n font-family: Monaco, Courier New, monospace;\r\n }\r\n \r\n .ql-size-small {\r\n font-size: 0.75em;\r\n }\r\n \r\n .ql-size-large {\r\n font-size: 1.5em;\r\n }\r\n \r\n .ql-size-huge {\r\n font-size: 2.5em;\r\n }\r\n \r\n .ql-direction-rtl {\r\n direction: rtl;\r\n text-align: inherit;\r\n }\r\n \r\n .ql-align-center {\r\n text-align: center;\r\n }\r\n \r\n .ql-align-justify {\r\n text-align: justify;\r\n }\r\n \r\n .ql-align-right {\r\n text-align: right;\r\n }\r\n \r\n &.ql-blank::before {\r\n color: rgba(0, 0, 0, 0.6);\r\n content: attr(data-placeholder);\r\n font-style: italic;\r\n left: 15px;\r\n pointer-events: none;\r\n position: absolute;\r\n right: 15px;\r\n }\r\n }\r\n \r\n .ql-bubble {\r\n box-sizing: border-box;\r\n \r\n &.ql-toolbar:after, .ql-toolbar:after {\r\n clear: both;\r\n content: \"\";\r\n display: table;\r\n }\r\n \r\n &.ql-toolbar button, .ql-toolbar button {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-block;\r\n height: 24px;\r\n padding: 3px 5px;\r\n width: 28px;\r\n color: #fff;\r\n }\r\n \r\n &.ql-toolbar button svg, .ql-toolbar button svg {\r\n float: left;\r\n height: 100%;\r\n }\r\n \r\n &.ql-toolbar button:active:hover, .ql-toolbar button:active:hover {\r\n outline: none;\r\n }\r\n \r\n &.ql-toolbar input.ql-image[type=\"file\"], .ql-toolbar input.ql-image[type=\"file\"] {\r\n display: none;\r\n }\r\n \r\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 {\r\n color: #fff;\r\n }\r\n \r\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 {\r\n fill: #fff;\r\n }\r\n \r\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 {\r\n stroke: #fff;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .ql-hidden {\r\n display: none;\r\n }\r\n \r\n .ql-out-bottom, .ql-out-top {\r\n visibility: hidden;\r\n }\r\n \r\n .ql-tooltip {\r\n position: absolute;\r\n transform: translateY(10px);\r\n \r\n a {\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n \r\n &.ql-flip {\r\n transform: translateY(-10px);\r\n }\r\n }\r\n \r\n .ql-formats {\r\n display: inline-block;\r\n vertical-align: middle;\r\n \r\n &:after {\r\n clear: both;\r\n content: \"\";\r\n display: table;\r\n }\r\n }\r\n \r\n .ql-stroke {\r\n fill: none;\r\n stroke: #ccc;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n stroke-width: 2;\r\n }\r\n \r\n .ql-stroke-miter {\r\n fill: none;\r\n stroke: #ccc;\r\n stroke-miterlimit: 10;\r\n stroke-width: 2;\r\n }\r\n \r\n .ql-fill, .ql-stroke.ql-fill {\r\n fill: #ccc;\r\n }\r\n \r\n .ql-empty {\r\n fill: none;\r\n }\r\n \r\n .ql-even {\r\n fill-rule: evenodd;\r\n }\r\n \r\n .ql-thin, .ql-stroke.ql-thin {\r\n stroke-width: 1;\r\n }\r\n \r\n .ql-transparent {\r\n opacity: 0.4;\r\n }\r\n \r\n .ql-direction {\r\n svg:last-child {\r\n display: none;\r\n }\r\n \r\n &.ql-active svg {\r\n &:last-child {\r\n display: inline;\r\n }\r\n \r\n &:first-child {\r\n display: none;\r\n }\r\n }\r\n }\r\n \r\n .ql-editor {\r\n h1 {\r\n font-size: 2em;\r\n }\r\n \r\n h2 {\r\n font-size: 1.5em;\r\n }\r\n \r\n h3 {\r\n font-size: 1.17em;\r\n }\r\n \r\n h4 {\r\n font-size: 1em;\r\n }\r\n \r\n h5 {\r\n font-size: 0.83em;\r\n }\r\n \r\n h6 {\r\n font-size: 0.67em;\r\n }\r\n \r\n a {\r\n text-decoration: underline;\r\n }\r\n \r\n blockquote {\r\n border-left: 4px solid #ccc;\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n padding-left: 16px;\r\n }\r\n \r\n code {\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n }\r\n \r\n pre {\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n white-space: pre-wrap;\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n padding: 5px 10px;\r\n }\r\n \r\n code {\r\n font-size: 85%;\r\n padding: 2px 4px;\r\n }\r\n \r\n pre.ql-syntax {\r\n background-color: #23241f;\r\n color: #f8f8f2;\r\n overflow: visible;\r\n }\r\n \r\n img {\r\n max-width: 100%;\r\n }\r\n }\r\n \r\n .ql-picker {\r\n color: #ccc;\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 500;\r\n height: 24px;\r\n position: relative;\r\n vertical-align: middle;\r\n }\r\n \r\n .ql-picker-label {\r\n cursor: pointer;\r\n display: inline-block;\r\n height: 100%;\r\n padding-left: 8px;\r\n padding-right: 2px;\r\n position: relative;\r\n width: 100%;\r\n \r\n &::before {\r\n display: inline-block;\r\n line-height: 22px;\r\n }\r\n }\r\n \r\n .ql-picker-options {\r\n background-color: #444;\r\n display: none;\r\n min-width: 100%;\r\n padding: 4px 8px;\r\n position: absolute;\r\n white-space: nowrap;\r\n \r\n .ql-picker-item {\r\n cursor: pointer;\r\n display: block;\r\n padding-bottom: 5px;\r\n padding-top: 5px;\r\n }\r\n }\r\n \r\n .ql-picker.ql-expanded {\r\n .ql-picker-label {\r\n color: #777;\r\n z-index: 2;\r\n \r\n .ql-fill {\r\n fill: #777;\r\n }\r\n \r\n .ql-stroke {\r\n stroke: #777;\r\n }\r\n }\r\n \r\n .ql-picker-options {\r\n display: block;\r\n margin-top: -1px;\r\n top: 100%;\r\n z-index: 1;\r\n }\r\n }\r\n \r\n .ql-color-picker, .ql-icon-picker {\r\n width: 28px;\r\n }\r\n \r\n .ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {\r\n padding: 2px 4px;\r\n }\r\n \r\n .ql-color-picker .ql-picker-label svg {\r\n right: 4px;\r\n }\r\n \r\n .ql-icon-picker {\r\n .ql-picker-label svg {\r\n right: 4px;\r\n }\r\n \r\n .ql-picker-options {\r\n padding: 4px 0px;\r\n }\r\n \r\n .ql-picker-item {\r\n height: 24px;\r\n width: 24px;\r\n padding: 2px 4px;\r\n }\r\n }\r\n \r\n .ql-color-picker {\r\n .ql-picker-options {\r\n padding: 3px 5px;\r\n width: 152px;\r\n }\r\n \r\n .ql-picker-item {\r\n border: 1px solid transparent;\r\n float: left;\r\n height: 16px;\r\n margin: 2px;\r\n padding: 0px;\r\n width: 16px;\r\n }\r\n }\r\n \r\n .ql-picker {\r\n &:not(.ql-color-picker):not(.ql-icon-picker) svg {\r\n position: absolute;\r\n margin-top: -9px;\r\n right: 0;\r\n top: 50%;\r\n width: 18px;\r\n }\r\n \r\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 {\r\n content: attr(data-label);\r\n }\r\n \r\n &.ql-header {\r\n width: 98px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Normal\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"1\"]::before, .ql-picker-item[data-value=\"1\"]::before {\r\n content: \"Heading 1\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"2\"]::before, .ql-picker-item[data-value=\"2\"]::before {\r\n content: \"Heading 2\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"3\"]::before, .ql-picker-item[data-value=\"3\"]::before {\r\n content: \"Heading 3\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"4\"]::before, .ql-picker-item[data-value=\"4\"]::before {\r\n content: \"Heading 4\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"5\"]::before, .ql-picker-item[data-value=\"5\"]::before {\r\n content: \"Heading 5\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"6\"]::before {\r\n content: \"Heading 6\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"6\"]::before {\r\n content: \"Heading 6\";\r\n }\r\n \r\n &[data-value=\"1\"]::before {\r\n font-size: 2em;\r\n }\r\n \r\n &[data-value=\"2\"]::before {\r\n font-size: 1.5em;\r\n }\r\n \r\n &[data-value=\"3\"]::before {\r\n font-size: 1.17em;\r\n }\r\n \r\n &[data-value=\"4\"]::before {\r\n font-size: 1em;\r\n }\r\n \r\n &[data-value=\"5\"]::before {\r\n font-size: 0.83em;\r\n }\r\n \r\n &[data-value=\"6\"]::before {\r\n font-size: 0.67em;\r\n }\r\n }\r\n }\r\n \r\n &.ql-font {\r\n width: 108px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Sans Serif\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"serif\"]::before, .ql-picker-item[data-value=\"serif\"]::before {\r\n content: \"Serif\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"monospace\"]::before {\r\n content: \"Monospace\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"monospace\"]::before {\r\n content: \"Monospace\";\r\n }\r\n \r\n &[data-value=\"serif\"]::before {\r\n font-family: Georgia, Times New Roman, serif;\r\n }\r\n \r\n &[data-value=\"monospace\"]::before {\r\n font-family: Monaco, Courier New, monospace;\r\n }\r\n }\r\n }\r\n \r\n &.ql-size {\r\n width: 98px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Normal\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"small\"]::before, .ql-picker-item[data-value=\"small\"]::before {\r\n content: \"Small\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"large\"]::before, .ql-picker-item[data-value=\"large\"]::before {\r\n content: \"Large\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"huge\"]::before {\r\n content: \"Huge\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"huge\"]::before {\r\n content: \"Huge\";\r\n }\r\n \r\n &[data-value=\"small\"]::before {\r\n font-size: 10px;\r\n }\r\n \r\n &[data-value=\"large\"]::before {\r\n font-size: 18px;\r\n }\r\n \r\n &[data-value=\"huge\"]::before {\r\n font-size: 32px;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .ql-color-picker {\r\n &.ql-background .ql-picker-item {\r\n background-color: #fff;\r\n }\r\n \r\n &.ql-color .ql-picker-item {\r\n background-color: #000;\r\n }\r\n }\r\n \r\n .ql-toolbar .ql-formats {\r\n margin: 8px 12px 8px 0px;\r\n \r\n &:first-child {\r\n margin-left: 12px;\r\n }\r\n }\r\n \r\n .ql-color-picker {\r\n svg {\r\n margin: 1px;\r\n }\r\n \r\n .ql-picker-item {\r\n &.ql-selected, &:hover {\r\n border-color: #fff;\r\n }\r\n }\r\n }\r\n \r\n .ql-tooltip {\r\n background-color: #444;\r\n border-radius: 25px;\r\n color: #fff;\r\n }\r\n \r\n .ql-tooltip-arrow {\r\n border-left: 6px solid transparent;\r\n border-right: 6px solid transparent;\r\n content: \" \";\r\n display: block;\r\n left: 50%;\r\n margin-left: -6px;\r\n position: absolute;\r\n }\r\n \r\n .ql-tooltip {\r\n &:not(.ql-flip) .ql-tooltip-arrow {\r\n border-bottom: 6px solid #444;\r\n top: -6px;\r\n }\r\n \r\n &.ql-flip .ql-tooltip-arrow {\r\n border-top: 6px solid #444;\r\n bottom: -6px;\r\n }\r\n \r\n &.ql-editing {\r\n .ql-tooltip-editor {\r\n display: block;\r\n }\r\n \r\n .ql-formats {\r\n visibility: hidden;\r\n }\r\n }\r\n }\r\n \r\n .ql-tooltip-editor {\r\n display: none;\r\n \r\n input[type=\"text\"] {\r\n background: transparent;\r\n border: none;\r\n color: #fff;\r\n font-size: 13px;\r\n height: 100%;\r\n outline: none;\r\n padding: 10px 20px;\r\n position: absolute;\r\n width: 100%;\r\n }\r\n \r\n a {\r\n top: 10px;\r\n position: absolute;\r\n right: 20px;\r\n \r\n &:before {\r\n color: #ccc;\r\n content: \"\\D7\";\r\n font-size: 16px;\r\n font-weight: bold;\r\n }\r\n }\r\n }\r\n }\r\n \r\n @media (pointer: coarse) {\r\n .ql-bubble {\r\n &.ql-toolbar button:hover:not(.ql-active), .ql-toolbar button:hover:not(.ql-active) {\r\n color: #ccc;\r\n }\r\n \r\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 {\r\n fill: #ccc;\r\n }\r\n \r\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 {\r\n stroke: #ccc;\r\n }\r\n }\r\n }\r\n \r\n .ql-container.ql-bubble:not(.ql-disabled) a {\r\n position: relative;\r\n white-space: nowrap;\r\n \r\n &::before {\r\n background-color: #444;\r\n border-radius: 15px;\r\n top: -5px;\r\n font-size: 12px;\r\n color: #fff;\r\n content: attr(href);\r\n font-weight: normal;\r\n overflow: hidden;\r\n padding: 5px 15px;\r\n text-decoration: none;\r\n z-index: 1;\r\n }\r\n \r\n &::after {\r\n border-top: 6px solid #444;\r\n border-left: 6px solid transparent;\r\n border-right: 6px solid transparent;\r\n top: 0;\r\n content: \" \";\r\n height: 0;\r\n width: 0;\r\n }\r\n \r\n &::before, &::after {\r\n left: 0;\r\n margin-left: 50%;\r\n position: absolute;\r\n transform: translate(-50%, -100%);\r\n transition: visibility 0s ease 200ms;\r\n visibility: hidden;\r\n }\r\n \r\n &:hover {\r\n &::before, &::after {\r\n visibility: visible;\r\n }\r\n }\r\n }","/*! * Quill Editor v1.3.6 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */\r\n\r\n.ql-wrapper {\r\n border-radius: 7px;\r\n }\r\n \r\n .ql-container {\r\n box-sizing: border-box;\r\n font-family: Helvetica, Arial, sans-serif;\r\n font-size: 13px;\r\n height: 100%;\r\n margin: 0px;\r\n position: relative;\r\n border-radius: 0 0 7px 7px;\r\n \r\n &.ql-disabled {\r\n .ql-tooltip {\r\n visibility: hidden;\r\n }\r\n \r\n .ql-editor ul[data-checked] > li::before {\r\n pointer-events: none;\r\n }\r\n }\r\n }\r\n \r\n .ql-clipboard {\r\n left: -100000px;\r\n height: 1px;\r\n overflow-y: hidden;\r\n position: absolute;\r\n top: 50%;\r\n \r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n \r\n .ql-editor {\r\n box-sizing: border-box;\r\n line-height: 1.42;\r\n height: 100%;\r\n outline: none;\r\n overflow-y: auto;\r\n padding: 12px 15px;\r\n tab-size: 4;\r\n -moz-tab-size: 4;\r\n text-align: left;\r\n white-space: pre-wrap;\r\n word-wrap: break-word;\r\n \r\n > * {\r\n cursor: text;\r\n }\r\n \r\n p, ol, ul, pre, blockquote, h1, h2, h3, h4, h5, h6 {\r\n margin: 0;\r\n padding: 0;\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n }\r\n \r\n ol, ul {\r\n padding-left: 1.5em;\r\n }\r\n \r\n ol > li {\r\n list-style-type: none;\r\n }\r\n \r\n ul {\r\n > li {\r\n list-style-type: none;\r\n \r\n &::before {\r\n content: \"\\2022\";\r\n }\r\n }\r\n \r\n &[data-checked=\"true\"], &[data-checked=\"false\"] {\r\n pointer-events: none;\r\n }\r\n \r\n &[data-checked=\"true\"] > li *, &[data-checked=\"false\"] > li * {\r\n pointer-events: all;\r\n }\r\n \r\n &[data-checked=\"true\"] > li::before, &[data-checked=\"false\"] > li::before {\r\n color: #777;\r\n cursor: pointer;\r\n pointer-events: all;\r\n }\r\n \r\n &[data-checked=\"true\"] > li::before {\r\n content: \"\\2611\";\r\n }\r\n \r\n &[data-checked=\"false\"] > li::before {\r\n content: \"\\2610\";\r\n }\r\n }\r\n \r\n li {\r\n &::before {\r\n display: inline-block;\r\n white-space: nowrap;\r\n width: 1.2em;\r\n }\r\n \r\n &:not(.ql-direction-rtl)::before {\r\n margin-left: -1.5em;\r\n margin-right: 0.3em;\r\n text-align: right;\r\n }\r\n \r\n &.ql-direction-rtl::before {\r\n margin-left: 0.3em;\r\n margin-right: -1.5em;\r\n }\r\n }\r\n \r\n ol li:not(.ql-direction-rtl), ul li:not(.ql-direction-rtl) {\r\n padding-left: 1.5em;\r\n }\r\n \r\n ol li.ql-direction-rtl, ul li.ql-direction-rtl {\r\n padding-right: 1.5em;\r\n }\r\n \r\n ol li {\r\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n counter-increment: list-0;\r\n \r\n &:before {\r\n content: counter(list-0, decimal) \". \";\r\n }\r\n \r\n &.ql-indent-1 {\r\n counter-increment: list-1;\r\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-1, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-2 {\r\n counter-increment: list-2;\r\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-2, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-3 {\r\n counter-increment: list-3;\r\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-3, decimal) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-4 {\r\n counter-increment: list-4;\r\n counter-reset: list-5 list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-4, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-5 {\r\n counter-increment: list-5;\r\n counter-reset: list-6 list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-5, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-6 {\r\n counter-increment: list-6;\r\n counter-reset: list-7 list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-6, decimal) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-7 {\r\n counter-increment: list-7;\r\n counter-reset: list-8 list-9;\r\n \r\n &:before {\r\n content: counter(list-7, lower-alpha) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-8 {\r\n counter-increment: list-8;\r\n counter-reset: list-9;\r\n \r\n &:before {\r\n content: counter(list-8, lower-roman) \". \";\r\n }\r\n }\r\n \r\n &.ql-indent-9 {\r\n counter-increment: list-9;\r\n \r\n &:before {\r\n content: counter(list-9, decimal) \". \";\r\n }\r\n }\r\n }\r\n \r\n .ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 3em;\r\n }\r\n \r\n li.ql-indent-1:not(.ql-direction-rtl) {\r\n padding-left: 4.5em;\r\n }\r\n \r\n .ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 3em;\r\n }\r\n \r\n li.ql-indent-1.ql-direction-rtl.ql-align-right {\r\n padding-right: 4.5em;\r\n }\r\n \r\n .ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 6em;\r\n }\r\n \r\n li.ql-indent-2:not(.ql-direction-rtl) {\r\n padding-left: 7.5em;\r\n }\r\n \r\n .ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 6em;\r\n }\r\n \r\n li.ql-indent-2.ql-direction-rtl.ql-align-right {\r\n padding-right: 7.5em;\r\n }\r\n \r\n .ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 9em;\r\n }\r\n \r\n li.ql-indent-3:not(.ql-direction-rtl) {\r\n padding-left: 10.5em;\r\n }\r\n \r\n .ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 9em;\r\n }\r\n \r\n li.ql-indent-3.ql-direction-rtl.ql-align-right {\r\n padding-right: 10.5em;\r\n }\r\n \r\n .ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 12em;\r\n }\r\n \r\n li.ql-indent-4:not(.ql-direction-rtl) {\r\n padding-left: 13.5em;\r\n }\r\n \r\n .ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 12em;\r\n }\r\n \r\n li.ql-indent-4.ql-direction-rtl.ql-align-right {\r\n padding-right: 13.5em;\r\n }\r\n \r\n .ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 15em;\r\n }\r\n \r\n li.ql-indent-5:not(.ql-direction-rtl) {\r\n padding-left: 16.5em;\r\n }\r\n \r\n .ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 15em;\r\n }\r\n \r\n li.ql-indent-5.ql-direction-rtl.ql-align-right {\r\n padding-right: 16.5em;\r\n }\r\n \r\n .ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 18em;\r\n }\r\n \r\n li.ql-indent-6:not(.ql-direction-rtl) {\r\n padding-left: 19.5em;\r\n }\r\n \r\n .ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 18em;\r\n }\r\n \r\n li.ql-indent-6.ql-direction-rtl.ql-align-right {\r\n padding-right: 19.5em;\r\n }\r\n \r\n .ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 21em;\r\n }\r\n \r\n li.ql-indent-7:not(.ql-direction-rtl) {\r\n padding-left: 22.5em;\r\n }\r\n \r\n .ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 21em;\r\n }\r\n \r\n li.ql-indent-7.ql-direction-rtl.ql-align-right {\r\n padding-right: 22.5em;\r\n }\r\n \r\n .ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 24em;\r\n }\r\n \r\n li.ql-indent-8:not(.ql-direction-rtl) {\r\n padding-left: 25.5em;\r\n }\r\n \r\n .ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 24em;\r\n }\r\n \r\n li.ql-indent-8.ql-direction-rtl.ql-align-right {\r\n padding-right: 25.5em;\r\n }\r\n \r\n .ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 27em;\r\n }\r\n \r\n li.ql-indent-9:not(.ql-direction-rtl) {\r\n padding-left: 28.5em;\r\n }\r\n \r\n .ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 27em;\r\n }\r\n \r\n li.ql-indent-9.ql-direction-rtl.ql-align-right {\r\n padding-right: 28.5em;\r\n }\r\n \r\n .ql-video {\r\n display: block;\r\n max-width: 100%;\r\n \r\n &.ql-align-center {\r\n margin: 0 auto;\r\n }\r\n \r\n &.ql-align-right {\r\n margin: 0 0 0 auto;\r\n }\r\n }\r\n \r\n .ql-bg-black {\r\n background-color: #000;\r\n }\r\n \r\n .ql-bg-red {\r\n background-color: #e60000;\r\n }\r\n \r\n .ql-bg-orange {\r\n background-color: #f90;\r\n }\r\n \r\n .ql-bg-yellow {\r\n background-color: #ff0;\r\n }\r\n \r\n .ql-bg-green {\r\n background-color: #008a00;\r\n }\r\n \r\n .ql-bg-blue {\r\n background-color: $primary-1;\r\n }\r\n \r\n .ql-bg-purple {\r\n background-color: #93f;\r\n }\r\n \r\n .ql-color-white {\r\n color: #fff;\r\n }\r\n \r\n .ql-color-red {\r\n color: #e60000;\r\n }\r\n \r\n .ql-color-orange {\r\n color: #f90;\r\n }\r\n \r\n .ql-color-yellow {\r\n color: #ff0;\r\n }\r\n \r\n .ql-color-green {\r\n color: #008a00;\r\n }\r\n \r\n .ql-color-blue {\r\n color: $primary-1;\r\n }\r\n \r\n .ql-color-purple {\r\n color: #93f;\r\n }\r\n \r\n .ql-font-serif {\r\n font-family: Georgia, Times New Roman, serif;\r\n }\r\n \r\n .ql-font-monospace {\r\n font-family: Monaco, Courier New, monospace;\r\n }\r\n \r\n .ql-size-small {\r\n font-size: 0.75em;\r\n }\r\n \r\n .ql-size-large {\r\n font-size: 1.5em;\r\n }\r\n \r\n .ql-size-huge {\r\n font-size: 2.5em;\r\n }\r\n \r\n .ql-direction-rtl {\r\n direction: rtl;\r\n text-align: inherit;\r\n }\r\n \r\n .ql-align-center {\r\n text-align: center;\r\n }\r\n \r\n .ql-align-justify {\r\n text-align: justify;\r\n }\r\n \r\n .ql-align-right {\r\n text-align: right;\r\n }\r\n \r\n &.ql-blank::before {\r\n color: rgba(0, 0, 0, 0.6);\r\n content: attr(data-placeholder);\r\n font-style: italic;\r\n left: 15px;\r\n pointer-events: none;\r\n position: absolute;\r\n right: 15px;\r\n }\r\n }\r\n \r\n .ql-snow {\r\n box-sizing: border-box;\r\n \r\n &.ql-toolbar:after, .ql-toolbar:after {\r\n clear: both;\r\n content: \"\";\r\n display: table;\r\n }\r\n \r\n &.ql-toolbar button, .ql-toolbar button {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-block;\r\n height: 35px;\r\n padding: 3px 5px;\r\n width: 35px;\r\n border: 1px solid $default-border;\r\n background: #f8f8ff;\r\n border-right: 0;\r\n color: #858398;\r\n }\r\n \r\n &.ql-toolbar button:last-child, .ql-toolbar button:last-child {\r\n border-right: 1px solid $default-border;\r\n \r\n /* border-radius: 0 3px 3px 0;\r\n */\r\n }\r\n \r\n &.ql-toolbar button svg, .ql-toolbar button svg {\r\n float: left;\r\n height: 100%;\r\n }\r\n \r\n &.ql-toolbar button:active:hover, .ql-toolbar button:active:hover {\r\n outline: none;\r\n }\r\n \r\n &.ql-toolbar input.ql-image[type=\"file\"], .ql-toolbar input.ql-image[type=\"file\"] {\r\n display: none;\r\n }\r\n \r\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 {\r\n color: $primary-1;\r\n }\r\n \r\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 {\r\n fill: $primary-1;\r\n }\r\n \r\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 {\r\n stroke: $primary-1;\r\n }\r\n \r\n * {\r\n box-sizing: border-box;\r\n }\r\n \r\n .ql-hidden {\r\n display: none;\r\n }\r\n \r\n .ql-out-bottom, .ql-out-top {\r\n visibility: hidden;\r\n }\r\n \r\n .ql-tooltip {\r\n position: absolute;\r\n transform: translateY(10px);\r\n \r\n a {\r\n cursor: pointer;\r\n text-decoration: none;\r\n }\r\n \r\n &.ql-flip {\r\n transform: translateY(-10px);\r\n }\r\n }\r\n \r\n .ql-formats {\r\n display: inline-block;\r\n vertical-align: middle;\r\n color: #858398;\r\n background: #f8f8ff;\r\n \r\n &:after {\r\n clear: both;\r\n content: \"\";\r\n display: table;\r\n }\r\n }\r\n \r\n .ql-stroke {\r\n fill: none;\r\n stroke: #495057;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n stroke-width: 2;\r\n }\r\n \r\n .ql-stroke-miter {\r\n fill: none;\r\n stroke: #444;\r\n stroke-miterlimit: 10;\r\n stroke-width: 2;\r\n }\r\n \r\n .ql-fill, .ql-stroke.ql-fill {\r\n fill: #444;\r\n }\r\n \r\n .ql-empty {\r\n fill: none;\r\n }\r\n \r\n .ql-even {\r\n fill-rule: evenodd;\r\n }\r\n \r\n .ql-thin, .ql-stroke.ql-thin {\r\n stroke-width: 1;\r\n }\r\n \r\n .ql-transparent {\r\n opacity: 0.4;\r\n }\r\n \r\n .ql-direction {\r\n svg:last-child {\r\n display: none;\r\n }\r\n \r\n &.ql-active svg {\r\n &:last-child {\r\n display: inline;\r\n }\r\n \r\n &:first-child {\r\n display: none;\r\n }\r\n }\r\n }\r\n \r\n .ql-editor {\r\n h1 {\r\n font-size: 2em;\r\n }\r\n \r\n h2 {\r\n font-size: 1.5em;\r\n }\r\n \r\n h3 {\r\n font-size: 1.17em;\r\n }\r\n \r\n h4 {\r\n font-size: 1em;\r\n }\r\n \r\n h5 {\r\n font-size: 0.83em;\r\n }\r\n \r\n h6 {\r\n font-size: 0.67em;\r\n }\r\n \r\n a {\r\n text-decoration: underline;\r\n }\r\n \r\n blockquote {\r\n border-left: 4px solid #e7eaf3;\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n padding-left: 16px;\r\n }\r\n \r\n code {\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n }\r\n \r\n pre {\r\n background-color: #f0f0f0;\r\n border-radius: 3px;\r\n white-space: pre-wrap;\r\n margin-bottom: 5px;\r\n margin-top: 5px;\r\n padding: 5px 10px;\r\n }\r\n \r\n code {\r\n font-size: 85%;\r\n padding: 2px 4px;\r\n }\r\n \r\n pre.ql-syntax {\r\n background-color: #23241f;\r\n color: #f8f8f2;\r\n overflow: visible;\r\n }\r\n \r\n img {\r\n max-width: 100%;\r\n }\r\n }\r\n \r\n .ql-picker {\r\n /* color: #444;\r\n */\r\n display: inline-block;\r\n font-size: 14px;\r\n font-weight: 500;\r\n position: relative;\r\n vertical-align: middle;\r\n }\r\n \r\n .ql-picker-label {\r\n cursor: pointer;\r\n display: inline-block;\r\n height: 100%;\r\n padding-left: 8px;\r\n padding-right: 2px;\r\n position: relative;\r\n width: 100%;\r\n \r\n &::before {\r\n display: inline-block;\r\n line-height: 22px;\r\n }\r\n }\r\n \r\n .ql-picker-options {\r\n background-color: #fff;\r\n display: none;\r\n min-width: 100%;\r\n padding: 4px 8px;\r\n position: absolute;\r\n white-space: nowrap;\r\n \r\n .ql-picker-item {\r\n cursor: pointer;\r\n display: block;\r\n padding-bottom: 5px;\r\n padding-top: 5px;\r\n }\r\n }\r\n \r\n .ql-picker.ql-expanded {\r\n .ql-picker-label {\r\n color: #e7eaf3;\r\n z-index: 2;\r\n \r\n .ql-fill {\r\n fill: #e7eaf3;\r\n }\r\n \r\n .ql-stroke {\r\n stroke: #e7eaf3;\r\n }\r\n }\r\n \r\n .ql-picker-options {\r\n display: block;\r\n margin-top: -1px;\r\n top: 100%;\r\n z-index: 1;\r\n }\r\n }\r\n \r\n .ql-color-picker, .ql-icon-picker {\r\n width: 28px;\r\n }\r\n \r\n .ql-color-picker .ql-picker-label, .ql-icon-picker .ql-picker-label {\r\n padding: 2px 4px;\r\n }\r\n \r\n .ql-color-picker .ql-picker-label svg {\r\n right: 4px;\r\n }\r\n \r\n .ql-icon-picker {\r\n .ql-picker-label svg {\r\n right: 4px;\r\n }\r\n \r\n .ql-picker-options {\r\n padding: 4px 0px;\r\n }\r\n \r\n .ql-picker-item {\r\n height: 24px;\r\n width: 24px;\r\n padding: 2px 4px;\r\n }\r\n }\r\n \r\n .ql-color-picker {\r\n .ql-picker-options {\r\n padding: 3px 5px;\r\n width: 152px;\r\n }\r\n \r\n .ql-picker-item {\r\n border: 1px solid transparent;\r\n float: left;\r\n height: 16px;\r\n margin: 2px;\r\n padding: 0px;\r\n width: 16px;\r\n }\r\n }\r\n \r\n .ql-picker {\r\n &:not(.ql-color-picker):not(.ql-icon-picker) svg {\r\n position: absolute;\r\n margin-top: -9px;\r\n right: 6px;\r\n top: 50%;\r\n width: 18px;\r\n }\r\n \r\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 {\r\n content: attr(data-label);\r\n }\r\n \r\n &.ql-header {\r\n width: 98px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Normal\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"1\"]::before, .ql-picker-item[data-value=\"1\"]::before {\r\n content: \"Heading 1\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"2\"]::before, .ql-picker-item[data-value=\"2\"]::before {\r\n content: \"Heading 2\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"3\"]::before, .ql-picker-item[data-value=\"3\"]::before {\r\n content: \"Heading 3\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"4\"]::before, .ql-picker-item[data-value=\"4\"]::before {\r\n content: \"Heading 4\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"5\"]::before, .ql-picker-item[data-value=\"5\"]::before {\r\n content: \"Heading 5\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"6\"]::before {\r\n content: \"Heading 6\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"6\"]::before {\r\n content: \"Heading 6\";\r\n }\r\n \r\n &[data-value=\"1\"]::before {\r\n font-size: 2em;\r\n }\r\n \r\n &[data-value=\"2\"]::before {\r\n font-size: 1.5em;\r\n }\r\n \r\n &[data-value=\"3\"]::before {\r\n font-size: 1.17em;\r\n }\r\n \r\n &[data-value=\"4\"]::before {\r\n font-size: 1em;\r\n }\r\n \r\n &[data-value=\"5\"]::before {\r\n font-size: 0.83em;\r\n }\r\n \r\n &[data-value=\"6\"]::before {\r\n font-size: 0.67em;\r\n }\r\n }\r\n }\r\n \r\n &.ql-font {\r\n width: 108px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Sans Serif\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"serif\"]::before, .ql-picker-item[data-value=\"serif\"]::before {\r\n content: \"Serif\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"monospace\"]::before {\r\n content: \"Monospace\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"monospace\"]::before {\r\n content: \"Monospace\";\r\n }\r\n \r\n &[data-value=\"serif\"]::before {\r\n font-family: Georgia, Times New Roman, serif;\r\n }\r\n \r\n &[data-value=\"monospace\"]::before {\r\n font-family: Monaco, Courier New, monospace;\r\n }\r\n }\r\n }\r\n \r\n &.ql-size {\r\n width: 98px;\r\n \r\n .ql-picker-label::before, .ql-picker-item::before {\r\n content: \"Normal\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"small\"]::before, .ql-picker-item[data-value=\"small\"]::before {\r\n content: \"Small\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"large\"]::before, .ql-picker-item[data-value=\"large\"]::before {\r\n content: \"Large\";\r\n }\r\n \r\n .ql-picker-label[data-value=\"huge\"]::before {\r\n content: \"Huge\";\r\n }\r\n \r\n .ql-picker-item {\r\n &[data-value=\"huge\"]::before {\r\n content: \"Huge\";\r\n }\r\n \r\n &[data-value=\"small\"]::before {\r\n font-size: 10px;\r\n }\r\n \r\n &[data-value=\"large\"]::before {\r\n font-size: 18px;\r\n }\r\n \r\n &[data-value=\"huge\"]::before {\r\n font-size: 32px;\r\n }\r\n }\r\n }\r\n }\r\n \r\n .ql-color-picker {\r\n &.ql-background .ql-picker-item {\r\n background-color: #fff;\r\n }\r\n \r\n &.ql-color .ql-picker-item {\r\n background-color: #000;\r\n }\r\n }\r\n }\r\n \r\n /* .ql-snow.ql-toolbar button:first-child, .ql-snow .ql-toolbar button:first-child {\r\n border-radius: 3px 0 0 3px;\r\n }\r\n */\r\n @media (pointer: coarse) {\r\n .ql-snow {\r\n &.ql-toolbar button:hover:not(.ql-active), .ql-toolbar button:hover:not(.ql-active) {\r\n color: #444;\r\n }\r\n \r\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 {\r\n fill: #444;\r\n }\r\n \r\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 {\r\n stroke: #444;\r\n }\r\n }\r\n }\r\n \r\n .ql-toolbar.ql-snow {\r\n border: 1px solid #e7eaf3;\r\n box-sizing: border-box;\r\n font-family: \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\r\n padding: 8px;\r\n border-radius: 7px 7px 0 0;\r\n \r\n .ql-formats {\r\n margin-right: 25px;\r\n }\r\n \r\n .ql-picker-label {\r\n border: 1px solid #eff0f6;\r\n background: #f8f8ff;\r\n height: 35px;\r\n line-height: 35px;\r\n padding: 0 10px;\r\n }\r\n \r\n .ql-picker-options {\r\n border: 1px solid transparent;\r\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\r\n }\r\n \r\n .ql-picker.ql-expanded {\r\n .ql-picker-label, .ql-picker-options {\r\n border-color: #e7eaf3;\r\n }\r\n }\r\n \r\n .ql-color-picker .ql-picker-item {\r\n &.ql-selected, &:hover {\r\n border-color: #000;\r\n }\r\n }\r\n \r\n + .ql-container.ql-snow {\r\n border-top: 0px;\r\n }\r\n }\r\n \r\n .ql-snow {\r\n .ql-tooltip {\r\n background-color: #fff;\r\n border: 1px solid #e7eaf3;\r\n box-shadow: 0px 0px 5px #ddd;\r\n color: #444;\r\n padding: 5px 12px;\r\n white-space: nowrap;\r\n \r\n &::before {\r\n content: \"Visit URL:\";\r\n line-height: 26px;\r\n margin-right: 8px;\r\n }\r\n \r\n input[type=\"text\"] {\r\n display: none;\r\n border: 1px solid #e7eaf3;\r\n font-size: 13px;\r\n height: 26px;\r\n margin: 0px;\r\n padding: 3px 5px;\r\n width: 170px;\r\n }\r\n \r\n a {\r\n line-height: 26px;\r\n \r\n &.ql-preview {\r\n display: inline-block;\r\n max-width: 200px;\r\n overflow-x: hidden;\r\n text-overflow: ellipsis;\r\n vertical-align: top;\r\n }\r\n \r\n &.ql-action::after {\r\n border-right: 1px solid #e7eaf3;\r\n content: \"Edit\";\r\n margin-left: 16px;\r\n padding-right: 8px;\r\n }\r\n \r\n &.ql-remove::before {\r\n content: \"Remove\";\r\n margin-left: 8px;\r\n }\r\n }\r\n \r\n &.ql-editing {\r\n a {\r\n &.ql-preview, &.ql-remove {\r\n display: none;\r\n }\r\n }\r\n \r\n input[type=\"text\"] {\r\n display: inline-block;\r\n }\r\n \r\n a.ql-action::after {\r\n border-right: 0px;\r\n content: \"Save\";\r\n padding-right: 0px;\r\n }\r\n }\r\n \r\n &[data-mode=\"link\"]::before {\r\n content: \"Enter link:\";\r\n }\r\n \r\n &[data-mode=\"formula\"]::before {\r\n content: \"Enter formula:\";\r\n }\r\n \r\n &[data-mode=\"video\"]::before {\r\n content: \"Enter video:\";\r\n }\r\n }\r\n \r\n a {\r\n color: $primary-1;\r\n }\r\n }\r\n \r\n .ql-container.ql-snow {\r\n border: 1px solid #e7eaf3;\r\n }\r\n \r\n .ql-toolbar.ql-snow .ql-picker-label:focus {\r\n outline: 0;\r\n }",".jq-stars {\n\tdisplay: inline-block;\n }\n \n .jq-rating-label {\n\tfont-size: 22px;\n\tdisplay: inline-block;\n\tposition: relative;\n\tvertical-align: top;\n\tfont-family: helvetica, arial, verdana;\n }\n \n .jq-star {\n\twidth: 100px;\n\theight: 100px;\n\tdisplay: inline-block;\n\tcursor: pointer;\n }\n \n .jq-star-svg {\n\tpadding-left: 3px;\n\twidth: 100%;\n\theight: 100%;\n \n\tpath {\n\t /* stroke: #000; */\n\t stroke-linejoin: round;\n\t}\n }\n \n /* un-used */\n \n .jq-shadow {\n\t-webkit-filter: drop-shadow((-2px) -2px 2px #888);\n\tfilter: drop-shadow((-2px) -2px 2px #888);\n }","/*\n== malihu jquery custom scrollbar plugin ==\nPlugin URI: http://manos.malihu.gr/jquery-custom-content-scroller\n*/\n\n\n\n/*\nCONTENTS: \n\t1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). \n\t2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. \n\t3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.\n\t4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. \n\t5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. \n\t6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS \n\t\t6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.\n*/\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n1. BASIC STYLE \n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t.mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }\n\t.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; }\n\t\n\t.mCustomScrollBox{ /* contains plugin's markup */\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\theight: 100%;\n\t\tmax-width: 100%;\n\t\toutline: none;\n\t\tdirection: ltr;\n\t}\n\n\t.mCSB_container{ /* contains the original content */\n\t\toverflow: hidden;\n\t\twidth: auto;\n\t\theight: auto;\n\t}\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n2. VERTICAL SCROLLBAR \ny-axis\n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t.mCSB_inside > .mCSB_container{ margin-right: 30px; }\n\n\t.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */\n\t\n\t.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */\n\t\tmargin-right: 0;\n\t\tmargin-left: 30px;\n\t}\n\t\n\t.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */\n\n\t.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */\n\t\tposition: absolute;\n\t\twidth: 16px;\n\t\theight: auto;\n\t\tleft: auto;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t}\n\n\t.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */\n\t\n\t.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, \n\t.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */\n\t\tright: auto;\n\t\tleft: 0;\n\t}\n\t\n\t.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */\n\n\t.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\tright: 0; \n\t\theight: auto;\n\t}\n\n\t.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }\n\n\t.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 2px;\n\t\theight: 100%;\n\t\tmargin: 0 auto;\n\t\t-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;\n\t}\n\n\t.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */\n\t\tcursor: pointer;\n\t\twidth: 100%;\n\t\theight: 30px; /* minimum dragger height */\n\t\tz-index: 1;\n\t}\n\n\t.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */\n\t\tposition: relative;\n\t\twidth: 4px;\n\t\theight: 100%;\n\t\tmargin: 0 auto;\n\t\t-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;\n\t\ttext-align: center;\n\t}\n\t\n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }\n\t\n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }\n\n\t.mCSB_scrollTools .mCSB_buttonUp,\n\t.mCSB_scrollTools .mCSB_buttonDown{\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\theight: 20px;\n\t\twidth: 100%;\n\t\toverflow: hidden;\n\t\tmargin: 0 auto;\n\t\tcursor: pointer;\n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n3. HORIZONTAL SCROLLBAR \nx-axis\n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t.mCSB_horizontal.mCSB_inside > .mCSB_container{\n\t\tmargin-right: 0;\n\t\tmargin-bottom: 30px;\n\t}\n\t\n\t.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }\n\n\t.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal{\n\t\twidth: auto;\n\t\theight: 16px;\n\t\ttop: auto;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t}\n\n\t.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,\n\t.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\twidth: 100%;\n\t\theight: 2px;\n\t\tmargin: 7px 0;\n\t}\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{\n\t\twidth: 30px; /* minimum dragger width */\n\t\theight: 100%;\n\t\tleft: 0;\n\t}\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 100%;\n\t\theight: 4px;\n\t\tmargin: 6px auto;\n\t}\n\t\n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{\n\t\theight: 12px; /* auto-expanded scrollbar */\n\t\tmargin: 2px auto;\n\t}\n\t\n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{\n\t\theight: 8px; /* auto-expanded scrollbar */\n\t\tmargin: 4px 0;\n\t}\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\twidth: 20px;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tmargin: 0 auto;\n\t\tcursor: pointer;\n\t}\n\t\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }\n\n\t.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n4. VERTICAL AND HORIZONTAL SCROLLBARS \nyx-axis \n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t.mCSB_container_wrapper{\n\t\tposition: absolute;\n\t\theight: auto;\n\t\twidth: auto;\n\t\toverflow: hidden;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tmargin-right: 30px;\n\t\tmargin-bottom: 30px;\n\t}\n\t\n\t.mCSB_container_wrapper > .mCSB_container{\n\t\tpadding-right: 30px;\n\t\tpadding-bottom: 30px;\n\t\t-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;\n\t}\n\t\n\t.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }\n\t\n\t.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }\n\t\n\t/* non-visible horizontal scrollbar */\n\t.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }\n\t\n\t/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */\n\t.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, \n\t.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }\n\t\n\t/* RTL direction/left-side scrollbar */\n\t.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }\n\t\n\t/* non-visible scrollbar/RTL direction/left-side scrollbar */\n\t.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }\n\t\n\t.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */\n\t\tmargin-right: 0;\n\t\tmargin-left: 30px;\n\t}\n\t\n\t.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; }\n\t\n\t.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; }\n\t\n\t.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{\n\t\tmargin-right: 0; /* non-visible scrollbar */\n\t\tmargin-left: 0;\n\t}\n\t\n\t/* non-visible horizontal scrollbar */\n\t.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n5. TRANSITIONS \n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t.mCSB_scrollTools, \n\t.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCSB_scrollTools .mCSB_buttonUp,\n\t.mCSB_scrollTools .mCSB_buttonDown,\n\t.mCSB_scrollTools .mCSB_buttonLeft,\n\t.mCSB_scrollTools .mCSB_buttonRight{\n\t\t-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;\n\t\t-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;\n\t\t-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;\n\t\ttransition: opacity .2s ease-in-out, background-color .2s ease-in-out;\n\t}\n\t\n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */\n\t.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, \n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, \n\t.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{\n\t\t-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, \n\t\t\t\t\tmargin-left .2s ease-out .2s, margin-right .2s ease-out .2s, \n\t\t\t\t\tmargin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,\n\t\t\t\t\topacity .2s ease-in-out, background-color .2s ease-in-out; \n\t\t-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, \n\t\t\t\t\tmargin-left .2s ease-out .2s, margin-right .2s ease-out .2s, \n\t\t\t\t\tmargin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,\n\t\t\t\t\topacity .2s ease-in-out, background-color .2s ease-in-out; \n\t\t-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, \n\t\t\t\t\tmargin-left .2s ease-out .2s, margin-right .2s ease-out .2s, \n\t\t\t\t\tmargin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,\n\t\t\t\t\topacity .2s ease-in-out, background-color .2s ease-in-out; \n\t\ttransition: width .2s ease-out .2s, height .2s ease-out .2s, \n\t\t\t\t\tmargin-left .2s ease-out .2s, margin-right .2s ease-out .2s, \n\t\t\t\t\tmargin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,\n\t\t\t\t\topacity .2s ease-in-out, background-color .2s ease-in-out; \n\t}\n\n\n\n/* \n------------------------------------------------------------------------------------------------------------------------\n6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS \n------------------------------------------------------------------------------------------------------------------------\n*/\n\n\t/* \n\t----------------------------------------\n\t6.1 THEMES \n\t----------------------------------------\n\t*/\n\t\n\t/* default theme (\"light\") */\n\n\t.mCSB_scrollTools{ opacity: 0.75; filter: \"alpha(opacity=75)\"; -ms-filter: \"alpha(opacity=75)\"; }\n\t\n\t.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,\n\t.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: \"alpha(opacity=0)\"; -ms-filter: \"alpha(opacity=0)\"; }\n\t\n\t.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,\n\t.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,\n\t.mCustomScrollBox:hover > .mCSB_scrollTools,\n\t.mCustomScrollBox:hover ~ .mCSB_scrollTools,\n\t.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,\n\t.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: \"alpha(opacity=100)\"; -ms-filter: \"alpha(opacity=100)\"; }\n\n\t.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-color: #ebe9f5; background-color: rgb(219, 220, 221);\n\t\tfilter: \"alpha(opacity=40)\"; -ms-filter: \"alpha(opacity=40)\"; \n\t}\n\n\t.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: $primary-1 ;\n\t\tfilter: \"alpha(opacity=75)\"; -ms-filter: \"alpha(opacity=75)\"; \n\t}\n\n\t.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: $primary-1; \n\t\tfilter: \"alpha(opacity=85)\"; -ms-filter: \"alpha(opacity=85)\"; \n\t}\n\t.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: $primary-1 ;\n\t\tfilter: \"alpha(opacity=90)\"; -ms-filter: \"alpha(opacity=90)\"; \n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonUp,\n\t.mCSB_scrollTools .mCSB_buttonDown,\n\t.mCSB_scrollTools .mCSB_buttonLeft,\n\t.mCSB_scrollTools .mCSB_buttonRight{\n\t\tbackground-image: url(mCSB_buttons.png); /* css sprites */\n\t\tbackground-repeat: no-repeat;\n\t\topacity: 0.4; filter: \"alpha(opacity=40)\"; -ms-filter: \"alpha(opacity=40)\"; \n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonUp{\n\t\tbackground-position: 0 0;\n\t\t/* \n\t\tsprites locations \n\t\tlight: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px\n\t\tdark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px\n\t\t*/\n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonDown{\n\t\tbackground-position: 0 -20px;\n\t\t/* \n\t\tsprites locations\n\t\tlight: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px\n\t\tdark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px\n\t\t*/\n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonLeft{\n\t\tbackground-position: 0 -40px;\n\t\t/* \n\t\tsprites locations \n\t\tlight: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px\n\t\tdark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px\n\t\t*/\n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonRight{\n\t\tbackground-position: 0 -56px;\n\t\t/* \n\t\tsprites locations \n\t\tlight: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px\n\t\tdark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px\n\t\t*/\n\t}\n\n\t.mCSB_scrollTools .mCSB_buttonUp:hover,\n\t.mCSB_scrollTools .mCSB_buttonDown:hover,\n\t.mCSB_scrollTools .mCSB_buttonLeft:hover,\n\t.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: \"alpha(opacity=75)\"; -ms-filter: \"alpha(opacity=75)\"; }\n\n\t.mCSB_scrollTools .mCSB_buttonUp:active,\n\t.mCSB_scrollTools .mCSB_buttonDown:active,\n\t.mCSB_scrollTools .mCSB_buttonLeft:active,\n\t.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: \"alpha(opacity=90)\"; -ms-filter: \"alpha(opacity=90)\"; }\n\t\n\n\t/* theme: \"dark\" */\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,1)}\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgb(245, 244, 247,0.85); }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgb(245, 244, 247,0.9); }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }\n\n\t.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\n\n\t/* theme: \"light-2\", \"dark-2\" */\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 4px;\n\t\tbackground-color: #ebe9f5; background-color: rgba(255,255,255,0.1);\n\t\t-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;\n\t}\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 4px;\n\t\tbackground-color: #ebe9f5; background-color: $primary-1 ;\n\t\t-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;\n\t}\n\n\t.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 100%;\n\t\theight: 4px;\n\t\tmargin: 6px auto;\n\t}\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); }\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); }\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{\tbackground-position: -32px -20px; }\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{\tbackground-position: -40px -40px; }\n\n\t.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }\n\t\n\t\n\t/* theme: \"dark-2\" */\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.1);\n\t\t-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;\n\t}\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75);\n\t\t-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;\n\t}\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }\n\n\t.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -120px -56px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\n\n\t/* theme: \"light-thick\", \"dark-thick\" */\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 4px;\n\t\tbackground-color: #ebe9f5; background-color: rgba(255,255,255,0.1);\n\t\t-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;\n\t}\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 6px;\n\t\tbackground-color: #ebe9f5; background-color: $primary-1 ;\n\t\t-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;\n\t}\n\n\t.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\twidth: 100%;\n\t\theight: 4px;\n\t\tmargin: 6px 0;\n\t}\n\n\t.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 100%;\n\t\theight: 6px;\n\t\tmargin: 5px auto;\n\t}\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); }\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); }\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{\tbackground-position: -16px -20px; }\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{\tbackground-position: -20px -40px; }\n\n\t.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }\n\n\n\t/* theme: \"dark-thick\" */\n\t\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.1);\n\t\t-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;\n\t}\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75);\n\t\t-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;\n\t}\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }\n\n\t.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -100px -56px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\n\n\t/* theme: \"light-thin\", \"dark-thin\" */\n\t\n\t.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.1); }\n\n\t.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }\n\n\t.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }\n\n\t.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 100%;\n\t\theight: 2px;\n\t\tmargin: 7px auto;\n\t}\n\n\n\t/* theme \"dark-thin\" */\n\t\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.15); }\n\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\t\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\t\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\t\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{\tbackground-position: -80px 0; }\n\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }\n\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }\n\n\t.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme \"rounded\", \"rounded-dark\", \"rounded-dots\", \"rounded-dots-dark\" */\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.15); }\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_dragger, \n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, \n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 14px;\n\t\tmargin: 0 1px;\n\t}\n\t\n\t.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, \n\t.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }\n\t\n\t.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\theight: 14px;\n\t\tmargin: 1px 0;\n\t}\n\t\n\t.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 16px; /* auto-expanded scrollbar */\n\t\theight: 16px;\n\t\tmargin: -1px 0;\n\t}\n\t\n\t.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, \n\t.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }\n\t\n\t.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{\n\t\theight: 16px; /* auto-expanded scrollbar */\n\t\twidth: 16px;\n\t\tmargin: 0 -1px;\n\t}\n\t\n\t.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{\n\t\theight: 4px; /* auto-expanded scrollbar */\n\t\tmargin: 6px 0;\n\t}\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }\n\t\n\t.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }\n\t\n\t\n\t/* theme \"rounded-dark\", \"rounded-dots-dark\" */\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.15); }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }\n\t\n\t.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }\n\t\n\t\n\t/* theme \"rounded-dots\", \"rounded-dots-dark\" */\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\tbackground-color: transparent;\n\t\tbackground-position: center;\n\t}\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==\");\n\t\tbackground-repeat: repeat-y;\n\t\topacity: 0.3;\n\t\tfilter: \"alpha(opacity=30)\"; -ms-filter: \"alpha(opacity=30)\"; \n\t}\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\theight: 4px;\n\t\tmargin: 6px 0;\n\t\tbackground-repeat: repeat-x;\n\t}\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }\n\t\n\t.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }\n\t\n\t\n\t/* theme \"rounded-dots-dark\" */\n\t\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=\");\n\t}\n\t\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }\n\t\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }\n\t\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }\n\t\n\t.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme \"3d\", \"3d-dark\", \"3d-thick\", \"3d-thick-dark\" */\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-repeat: repeat-y;\n\t\tbackground-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);\n\t\tbackground-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));\n\t\tbackground-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t}\n\t\n\t.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-repeat: repeat-x;\n\t\tbackground-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);\n\t\tbackground-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));\n\t\tbackground-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t\tbackground-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);\n\t}\n\t\n\t\n\t/* theme \"3d\", \"3d-dark\" */\n\t\n\t.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, \n\t.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }\n\t\n\t.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, \n\t.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }\n\t\n\t.mCS-3d.mCSB_scrollTools, \n\t.mCS-3d-dark.mCSB_scrollTools{\n\t\topacity: 1;\n\t\tfilter: \"alpha(opacity=30)\"; -ms-filter: \"alpha(opacity=30)\"; \n\t}\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 8px;\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.2);\n\t\tbox-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);\n\t}\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \t \n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }\n\n\t.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }\n\n\t.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\twidth: 100%;\n\t\theight: 8px;\n\t\tmargin: 4px 0;\n\t\tbox-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);\n\t}\n\n\t.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\twidth: 100%;\n\t\theight: 8px;\n\t\tmargin: 4px auto;\n\t}\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }\n\t\n\t.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }\n\t\n\t\n\t/* theme \"3d-dark\" */\n\t\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.1);\n\t\tbox-shadow: inset 1px 0 1px rgba(0,0,0,0.1);\n\t}\n\t\n\t.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }\n\t\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }\n\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }\n\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }\n\n\t.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -120px -128px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme: \"3d-thick\", \"3d-thick-dark\" */\n\t\n\t.mCS-3d-thick.mCSB_scrollTools, \n\t.mCS-3d-thick-dark.mCSB_scrollTools{\n\t\topacity: 1;\n\t\tfilter: \"alpha(opacity=30)\"; -ms-filter: \"alpha(opacity=30)\"; \n\t}\n\t\n\t.mCS-3d-thick.mCSB_scrollTools, \n\t.mCS-3d-thick-dark.mCSB_scrollTools, \n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }\n\t\n\t.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, \n\t.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools_vertical, \n\t.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools_horizontal, \n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{\n\t\tbottom: 1px;\n\t\tbox-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);\n\t}\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbox-shadow: inset 1px 0 0 rgba(255,255,255,0.4);\n\t\twidth: 12px;\n\t\tmargin: 2px;\n\t\tposition: absolute;\n\t\theight: auto;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n\t\n\t.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\theight: 12px;\n\t\twidth: auto;\n\t}\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.05);\n\t\tbox-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);\n\t}\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }\n\t\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }\n\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }\n\n\t.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -40px -128px; }\n\t\n\t\n\t/* theme: \"3d-thick-dark\" */\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }\n\t \n\t.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.05);\n\t\tbox-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);\n\t}\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }\n\t\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }\n\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }\n\n\t.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -120px -128px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme: \"minimal\", \"minimal-dark\" */\n\t\n\t.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, \n\t.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{\n\t\tright: 0; \n\t\tmargin: 12px 0; \n\t}\n\t\n\t.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, \n\t.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, \n\t.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, \n\t.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{\n\t\tbottom: 0; \n\t\tmargin: 0 12px; \n\t}\n\t\n\t/* RTL direction/left-side scrollbar */\n\t.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, \n\t.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{\n\t\tleft: 0; \n\t\tright: auto;\n\t}\n\t\n\t.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }\n\t\n\t.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, \n\t.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }\n\t\n\t.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, \n\t.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }\n\t\n\t.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgba(255,255,255,0.2);\n\t\tfilter: \"alpha(opacity=20)\"; -ms-filter: \"alpha(opacity=20)\"; \n\t}\n\t\n\t.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgba(255,255,255,0.5);\n\t\tfilter: \"alpha(opacity=50)\"; -ms-filter: \"alpha(opacity=50)\"; \n\t}\n\t\n\t\n\t/* theme: \"minimal-dark\" */\n\t\n\t.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.2);\n\t\tfilter: \"alpha(opacity=20)\"; -ms-filter: \"alpha(opacity=20)\"; \n\t}\n\t\n\t.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.5);\n\t\tfilter: \"alpha(opacity=50)\"; -ms-filter: \"alpha(opacity=50)\"; \n\t}\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme \"light-3\", \"dark-3\" */\n\t\n\t.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 6px;\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.2);\n\t}\n\n\t.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }\n\n\t.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\twidth: 100%;\n\t\theight: 6px;\n\t\tmargin: 5px 0;\n\t}\n\t\n\t.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{\n\t\twidth: 12px;\n\t}\n\t\n\t.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, \n\t.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{\n\t\theight: 12px;\n\t\tmargin: 2px 0;\n\t}\n\t\n\t.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }\n\t\n\t.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }\n\t\n\t.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }\n\t\n\t.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }\n\t\n\t\n\t/* theme \"dark-3\" */\n\t\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\t\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,1) }\n\t\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }\n\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }\n\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }\n\n\t.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -120px -128px; }\n\t\n\t/* ---------------------------------------- */\n\t\n\t\n\t\n\t/* theme \"inset\", \"inset-dark\", \"inset-2\", \"inset-2-dark\", \"inset-3\", \"inset-3-dark\" */\n\t\n\t.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\twidth: 12px;\n\t\tbackground-color: #ebe9f5; background-color: rgba(0,0,0,0.2);\n\t}\n\n\t.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ \n\t\twidth: 6px;\n\t\tmargin: 3px 5px;\n\t\tposition: absolute;\n\t\theight: auto;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n\n\t.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{\n\t\theight: 6px;\n\t\tmargin: 5px 3px;\n\t\tposition: absolute;\n\t\twidth: auto;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t}\n\t\n\t.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, \n\t.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{\n\t\twidth: 100%;\n\t\theight: 12px;\n\t\tmargin: 2px 0;\n\t}\n\t\n\t.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }\n\t\n\t.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }\n\t\n\t.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }\n\t\n\t.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, \n\t.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, \n\t.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }\n\t\n\t\n\t/* theme \"inset-dark\", \"inset-2-dark\", \"inset-3-dark\" */\n\t\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\t\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.1); }\n\t\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }\n\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }\n\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }\n\n\t.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, \n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{\tbackground-position: -120px -128px; }\n\t\n\t\n\t/* theme \"inset-2\", \"inset-2-dark\" */\n\t\n\t.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, \n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{\n\t\tbackground-color: transparent;\n\t\tborder-width: 1px;\n\t\tborder-style: solid;\n\t\tborder-color: #ebe9f5;\n\t\tborder-color: rgba(255,255,255,0.2);\n\t\t-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;\n\t}\n\t\n\t.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #ebe9f5; border-color: rgba(0,0,0,0.2); }\n\t\n\t\n\t/* theme \"inset-3\", \"inset-3-dark\" */\n\t\n\t.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(255,255,255,0.6); }\n\t\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #ebe9f5; background-color: rgba(0,0,0,0.6); }\n\t\n\t.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.75); }\n\t\n\t.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.85); }\n\t\n\t.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(245, 244, 247,0.9); }\n\t\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: $primary-1 ; }\n\t\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.85); }\n\t\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,\n\t.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #ebe9f5; background-color: rgb(208, 191, 236,0.9); }\n\t\n\t/* ---------------------------------------- */",".select2-container {\n\tbox-sizing: border-box;\n\tdisplay: inline-block;\n\tmargin: 0;\n\tposition: relative;\n\tvertical-align: middle\n}\n.select2-container .select2-selection--single {\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tdisplay: block;\n\theight: 28px;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tborder-radius: 5px;\n}\n.select2-container .select2-selection--single .select2-selection__rendered {\n\tdisplay: block;\n\tpadding-left: 8px;\n\tpadding-right: 20px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap\n}\n.select2-container .select2-selection--single .select2-selection__clear {\n\tposition: relative\n}\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n\tpadding-right: 8px;\n\tpadding-left: 20px\n}\n.select2-container .select2-selection--multiple {\n\tbox-sizing: border-box;\n\tcursor: pointer;\n\tdisplay: block;\n\tmin-height: 32px;\n\tuser-select: none;\n\t-webkit-user-select: none\n}\n.select2-container .select2-selection--multiple .select2-selection__rendered {\n\tdisplay: inline-block;\n\toverflow: hidden;\n\tpadding-left: 8px;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap\n}\n.select2-container .select2-search--inline {\n\tfloat: left\n}\n.select2-container .select2-search--inline .select2-search__field {\n\tbox-sizing: border-box;\n\tborder: none;\n\tfont-size: 100%;\n\tmargin-top: 5px;\n\tpadding: 0\n}\n.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {\n\t-webkit-appearance: none\n}\n.select2-dropdown {\n\tbackground-color: white;\n\tborder: 1px solid #d8dde4;\n\tborder-radius: 4px;\n\tbox-sizing: border-box;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -100000px;\n\twidth: 100%;\n\tz-index: 1051\n}\n.select2-results {\n\tdisplay: block\n}\n.select2-results__options {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0\n}\n.select2-results__option {\n\tpadding: 6px;\n\tuser-select: none;\n\t-webkit-user-select: none\n}\n.select2-results__option[aria-selected] {\n\tcursor: pointer\n}\n.select2-container--open .select2-dropdown {\n\tleft: 0\n}\n.select2-container--open .select2-dropdown--above {\n\tborder-bottom: none;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0\n}\n.select2-container--open .select2-dropdown--below {\n\tborder-top: none;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0\n}\n.select2-search--dropdown {\n\tdisplay: block;\n\tpadding: 4px\n}\n.select2-search--dropdown .select2-search__field {\n\tpadding: 4px;\n\twidth: 100%;\n\tbox-sizing: border-box\n}\n.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {\n\t-webkit-appearance: none\n}\n.select2-search--dropdown.select2-search--hide {\n\tdisplay: none\n}\n.select2-close-mask {\n\tborder: 0;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: block;\n\tposition: fixed;\n\tleft: 0;\n\ttop: 0;\n\tmin-height: 100%;\n\tmin-width: 100%;\n\theight: auto;\n\twidth: auto;\n\topacity: 0;\n\tz-index: 99;\n\tbackground-color: #fff;\n\tfilter: alpha(opacity=0)\n}\n.select2-hidden-accessible {\n\tborder: 0 !important;\n\tclip: rect(0 0 0 0) !important;\n\theight: 1px !important;\n\tmargin: -1px !important;\n\toverflow: hidden !important;\n\tpadding: 0 !important;\n\tposition: absolute !important;\n\twidth: 1px !important\n}\n.select2-container--default .select2-selection--single {\n\tbackground-color: #f1f1f9;\n\tborder: 1px solid #d8dde4;\n}\n.select2-container--default .select2-selection--single .select2-selection__rendered {\n\tcolor:#76839a;\n\tline-height: 28px\n}\n.select2-container--default .select2-selection--single .select2-selection__clear {\n\tcursor: pointer;\n\tfloat: right;\n\tfont-weight: bold\n}\n.select2-container--default .select2-selection--single .select2-selection__placeholder {\n\tcolor:#76839a\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n\theight: 26px;\n\tposition: absolute;\n\ttop: 1px;\n\tright: 1px;\n\twidth: 20px\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow b {\n\tborder-color: #76839a transparent transparent transparent;\n\tborder-style: solid;\n\tborder-width: 5px 4px 0 4px;\n\theight: 0;\n\tleft: 50%;\n\tmargin-left: -4px;\n\tmargin-top: -2px;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 0\n}\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n\tfloat: left\n}\n.select2-container--default[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n\tleft: 1px;\n\tright: auto\n}\n.select2-container--default.select2-container--disabled .select2-selection--single {\n\tbackground-color: #d9d9e4;\n\tcursor: default\n}\n.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {\n\tdisplay: none\n}\n.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {\n\tborder-color: transparent transparent #76839a transparent;\n\tborder-width: 0 4px 5px 4px\n}\n.select2-container--default .select2-selection--multiple {\n\tbackground-color: #f1f1f9;\n\tborder: 1px solid #d8dde4;\n\tpadding: 0.1rem 0.75rem !important;\n border-radius: 5px;\n\tcursor: text\n}\n.select2-container--default .select2-selection--multiple .select2-selection__rendered {\n\tbox-sizing: border-box;\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0px;\n\twidth: 100%\n}\n.select2-container--default .select2-selection--multiple .select2-selection__rendered li {\n\tlist-style: none\n}\n.select2-container--default .select2-selection--multiple .select2-selection__placeholder {\n\tcolor:#76839a;\n\tmargin-top: 5px;\n\tfloat: left\n}\n.select2-container--default .select2-selection--multiple .select2-selection__clear {\n\tcursor: pointer;\n\tfloat: right;\n\tfont-weight: bold;\n\tmargin-top: 5px;\n\tmargin-right: 10px\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n\tbackground-color: #e4e4e4;\n\tborder: 1px solid #d8dde4;\n\tborder-radius: 4px;\n\tcursor: default;\n\tfloat: left;\n\tmargin-right: 5px;\n\tmargin-top: 5px;\n\tpadding: 0 5px\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n\tcolor: #999;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tfont-weight: bold;\n\tmargin-right: 2px\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n\tcolor: #333\n}\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-search--inline {\n\tfloat: right\n}\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n\tmargin-left: 5px;\n\tmargin-right: auto\n}\n.select2-container--default[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n\tmargin-left: 2px;\n\tmargin-right: auto\n}\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n\tborder: solid black 1px;\n\toutline: 0;\n}\n.select2-container--default.select2-container--disabled .select2-selection--multiple {\n\tbackground-color: #eee;\n\tcursor: default\n}\n.select2-container--default.select2-container--disabled .select2-selection__choice__remove {\n\tdisplay: none\n}\n.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0\n}\n.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0\n}\n.select2-container--default .select2-search--dropdown .select2-search__field {\n\tborder: 1px solid #d8dde4;\n\toutline: none;\n}\n.select2-container--default .select2-search--inline .select2-search__field {\n\tbackground: transparent;\n\tborder: none;\n\toutline: 0;\n\tbox-shadow: none;\n\t-webkit-appearance: textfield\n}\n.select2-container--default .select2-results>.select2-results__options {\n\tmax-height: 200px;\n\toverflow-y: auto\n}\n.select2-container--default .select2-results__option[role=group] {\n\tpadding: 0\n}\n.select2-container--default .select2-results__option[aria-disabled=true] {\n\tcolor: #999\n}\n.select2-container--default .select2-results__option[aria-selected=true] {\n\tbackground-color: #f6f4fb\n}\n.select2-container--default .select2-results__option .select2-results__option {\n\tpadding-left: 1em\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__group {\n\tpadding-left: 0\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option {\n\tmargin-left: -1em;\n\tpadding-left: 2em\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n\tmargin-left: -2em;\n\tpadding-left: 3em\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n\tmargin-left: -3em;\n\tpadding-left: 4em\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n\tmargin-left: -4em;\n\tpadding-left: 5em\n}\n.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {\n\tmargin-left: -5em;\n\tpadding-left: 6em\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n\tbackground-color: $primary-1 ;\n\tcolor: white\n}\n.select2-container--default .select2-results__group {\n\tcursor: default;\n\tdisplay: block;\n\tpadding: 6px\n}\n.select2-container--default .select2-selection--multiple::-webkit-input-placeholder{\n\tcolor:#76839a !important;\n}\n.select2-container--classic .select2-selection--single {\n\tbackground-color: #f7f7f7;\n\tborder: 1px solid #d8dde4;\n\tborder-radius: 4px;\n\toutline: 0;\n\tbackground-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);\n\tbackground-image: -o-linear-gradient(top, #fff 50%, #eee 100%);\n\tbackground-image: linear-gradient(to bottom, #fff 50%, #eee 100%);\n\tbackground-repeat: repeat-x;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)\n}\n.select2-container--classic .select2-selection--single:focus {\n\tborder: 1px solid $primary-1 \n}\n.select2-container--classic .select2-selection--single .select2-selection__rendered {\n\tcolor:#76839a;\n\tline-height: 28px\n}\n.select2-container--classic .select2-selection--single .select2-selection__clear {\n\tcursor: pointer;\n\tfloat: right;\n\tfont-weight: bold;\n\tmargin-right: 10px\n}\n.select2-container--classic .select2-selection--single .select2-selection__placeholder {\n\tcolor:#76839a;\n}\n.select2-container--classic .select2-selection--single .select2-selection__arrow {\n\tbackground-color: #ddd;\n\tborder: none;\n\tborder-left: 1px solid #d8dde4;\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n\theight: 26px;\n\tposition: absolute;\n\ttop: 1px;\n\tright: 1px;\n\twidth: 20px;\n\tbackground-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);\n\tbackground-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);\n\tbackground-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);\n\tbackground-repeat: repeat-x;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)\n}\n.select2-container--classic .select2-selection--single .select2-selection__arrow b {\n\tborder-color: #888 transparent transparent transparent;\n\tborder-style: solid;\n\tborder-width: 5px 4px 0 4px;\n\theight: 0;\n\tleft: 50%;\n\tmargin-left: -4px;\n\tmargin-top: -2px;\n\tposition: absolute;\n\ttop: 50%;\n\twidth: 0\n}\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__clear {\n\tfloat: left\n}\n.select2-container--classic[dir=\"rtl\"] .select2-selection--single .select2-selection__arrow {\n\tborder: none;\n\tborder-right: 1px solid #d8dde4;\n\tborder-radius: 0;\n\tborder-top-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n\tleft: 1px;\n\tright: auto\n}\n.select2-container--classic.select2-container--open .select2-selection--single {\n\tborder: 1px solid $primary-1 \n}\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {\n\tbackground: transparent;\n\tborder: none\n}\n.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {\n\tborder-color: transparent transparent #888 transparent;\n\tborder-width: 0 4px 5px 4px\n}\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {\n\tborder-top: none;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\tbackground-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);\n\tbackground-image: -o-linear-gradient(top, #fff 0%, #eee 50%);\n\tbackground-image: linear-gradient(to bottom, #fff 0%, #eee 50%);\n\tbackground-repeat: repeat-x;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)\n}\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {\n\tborder-bottom: none;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0;\n\tbackground-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);\n\tbackground-image: -o-linear-gradient(top, #eee 50%, #fff 100%);\n\tbackground-image: linear-gradient(to bottom, #eee 50%, #fff 100%);\n\tbackground-repeat: repeat-x;\n\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)\n}\n.select2-container--classic .select2-selection--multiple {\n\tbackground-color: white;\n\tborder: 1px solid #d8dde4;\n\tborder-radius: 4px;\n\tcursor: text;\n\toutline: 0\n}\n.select2-container--classic .select2-selection--multiple:focus {\n\tborder: 1px solid $primary-1 \n}\n.select2-container--classic .select2-selection--multiple .select2-selection__rendered {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0 5px\n}\n.select2-container--classic .select2-selection--multiple .select2-selection__clear {\n\tdisplay: none\n}\n.select2-container--classic .select2-selection--multiple .select2-selection__choice {\n\tbackground-color: #e4e4e4;\n\tborder: 1px solid #d8dde4;\n\tborder-radius: 4px;\n\tcursor: default;\n\tfloat: left;\n\tmargin-right: 5px;\n\tmargin-top: 5px;\n\tpadding: 0 5px\n}\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {\n\tcolor: #888;\n\tcursor: pointer;\n\tdisplay: inline-block;\n\tfont-weight: bold;\n\tmargin-right: 2px\n}\n.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {\n\tcolor:#76839a\n}\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n\tfloat: right\n}\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice {\n\tmargin-left: 5px;\n\tmargin-right: auto\n}\n.select2-container--classic[dir=\"rtl\"] .select2-selection--multiple .select2-selection__choice__remove {\n\tmargin-left: 2px;\n\tmargin-right: auto\n}\n.select2-container--classic.select2-container--open .select2-selection--multiple {\n\tborder: 1px solid $primary-1 \n}\n.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {\n\tborder-top: none;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0\n}\n.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {\n\tborder-bottom: none;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0\n}\n.select2-container--classic .select2-search--dropdown .select2-search__field {\n\tborder: 1px solid #d8dde4;\n\toutline: 0\n}\n.select2-container--classic .select2-search--inline .select2-search__field {\n\toutline: 0;\n\tbox-shadow: none\n}\n.select2-container--classic .select2-dropdown {\n\tbackground-color: #fff;\n\tborder: 1px solid transparent\n}\n.select2-container--classic .select2-dropdown--above {\n\tborder-bottom: none\n}\n.select2-container--classic .select2-dropdown--below {\n\tborder-top: none\n}\n.select2-container--classic .select2-results>.select2-results__options {\n\tmax-height: 200px;\n\toverflow-y: auto\n}\n.select2-container--classic .select2-results__option[role=group] {\n\tpadding: 0\n}\n.select2-container--classic .select2-results__option[aria-disabled=true] {\n\tcolor:#76839a\n}\n.select2-container--classic .select2-results__option--highlighted[aria-selected] {\n\tbackground-color: #3875d7;\n\tcolor: #fff\n}\n.select2-container--classic .select2-results__group {\n\tcursor: default;\n\tdisplay: block;\n\tpadding: 6px\n}\n.select2-container--classic.select2-container--open .select2-dropdown {\n\tborder-color: $primary-1 \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.navbar.navbar-static .navbar-header {\n float: left;\n}\n\n.navbar .navbar-toggle.toggle-left {\n float: left;\n margin-left: 15px;\n}\n\n.navbar .navbar-toggle.toggle-right {\n float: right;\n margin-right: 15px;\n}\n\n.navbar .navbar-toggle.toggle-sidebar, [data-bs-toggle=\"sidebar\"] {\n display: block;\n}\n\n/* sidebar settings */\n.sidebar {\n position: fixed;\n display: block;\n top: 0;\n width: 300px;\n bottom: 0;\n z-index: 1000;\n min-height: 100%;\n max-height: none;\n overflow: auto;\n}\n.sidebar {\n background-color: #fff;\n /* border-right: 1px solid #eee; */\n border: 1px solid #f0f0f4;\n\tbox-shadow: 0px 8px 14.72px 1.28px rgb(229, 228, 230, 0.5);\n}\n.sidebar-left {\n left: 0;\n}\n\n.sidebar-right {\n right: 0;\n}\n\n/* css to override hiding the sidebar according to different screen sizes */\n.row .sidebar.sidebar-left.sidebar-xs-show {\n left: 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/*right sidebar is untested */\n.row .sidebar.sidebar-right.sidebar-xs-show {\n right: 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@media (min-width: 768px) {\n .row .sidebar.sidebar-left.sidebar-sm-show {\n left: 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 /*right sidebar is untested */\n .row .sidebar.sidebar-right.sidebar-sm-show {\n right: 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@media (min-width: 992px) {\n .row .sidebar.sidebar-left.sidebar-md-show {\n left: 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 .row .sidebar.sidebar-right.sidebar-md-show {\n right: 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@media (min-width: 1170px) {\n .row .sidebar.sidebar-left.sidebar-lg-show {\n left: 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 .row .sidebar.sidebar-right.sidebar-lg-show {\n right: 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/* animation class - optional: without it the sidebar would just pop in and out*/\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.sidebar.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\n .sidebar.sidebar-left.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.sidebar.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\n .sidebar.sidebar-right.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","@font-face {\r\n font-family: summernote;\r\n font-style: normal;\r\n font-weight: 400;\r\n font-display: auto;\r\n src: url(../plugins/summernote/font/summernote.eot);\r\n src: url(../plugins/summernote/font/summernote.eot?#iefix) format(\"embedded-opentype\"), url(../plugins/summernote/font/summernote.woff2) format(\"woff2\"), url(../plugins/summernote/font/summernote.woff) format(\"woff\"), url(../plugins/summernote/font/summernote.ttf) format(\"truetype\");\r\n}\r\n[class*=\" note-icon\"]:before, [class^=\"note-icon\"]:before {\r\n display: inline-block;\r\n font-family: summernote;\r\n font-style: normal;\r\n font-size: inherit;\r\n text-decoration: inherit;\r\n text-rendering: auto;\r\n text-transform: none;\r\n vertical-align: middle;\r\n -moz-osx-font-smoothing: grayscale;\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n.note-icon-fw {\r\n text-align: center;\r\n width: 1.25em;\r\n}\r\n.note-icon-border {\r\n border: 0.08em solid #eee;\r\n border-radius: 0.1em;\r\n padding: 0.2em 0.25em 0.15em;\r\n}\r\n.note-icon-pull-left {\r\n float: left;\r\n}\r\n.note-icon-pull-right {\r\n float: right;\r\n}\r\n.note-icon.note-icon-pull-left {\r\n margin-right: 0.3em;\r\n}\r\n.note-icon.note-icon-pull-right {\r\n margin-left: 0.3em;\r\n}\r\n.note-icon-align:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-center:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-indent:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-justify:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-left:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-outdent:before {\r\n content: \"\";\r\n}\r\n.note-icon-align-right:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrow-circle-down:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrow-circle-left:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrow-circle-right:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrow-circle-up:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrows-alt:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrows-h:before {\r\n content: \"\";\r\n}\r\n.note-icon-arrows-v:before {\r\n content: \"\";\r\n}\r\n.note-icon-bold:before {\r\n content: \"\";\r\n}\r\n.note-icon-caret:before {\r\n content: \"\";\r\n}\r\n.note-icon-chain-broken:before {\r\n content: \"\";\r\n}\r\n.note-icon-circle:before {\r\n content: \"\";\r\n}\r\n.note-icon-close:before {\r\n content: \"\";\r\n}\r\n.note-icon-code:before {\r\n content: \"\";\r\n}\r\n.note-icon-col-after:before {\r\n content: \"\";\r\n}\r\n.note-icon-col-before:before {\r\n content: \"\";\r\n}\r\n.note-icon-col-remove:before {\r\n content: \"\";\r\n}\r\n.note-icon-eraser:before {\r\n content: \"\";\r\n}\r\n.note-icon-float-left:before {\r\n content: \"\";\r\n}\r\n.note-icon-float-none:before {\r\n content: \"\";\r\n}\r\n.note-icon-float-right:before {\r\n content: \"\";\r\n}\r\n.note-icon-font:before {\r\n content: \"\";\r\n}\r\n.note-icon-frame:before {\r\n content: \"\";\r\n}\r\n.note-icon-italic:before {\r\n content: \"\";\r\n}\r\n.note-icon-link:before {\r\n content: \"\";\r\n}\r\n.note-icon-magic:before {\r\n content: \"\";\r\n}\r\n.note-icon-menu-check:before {\r\n content: \"\";\r\n}\r\n.note-icon-minus:before {\r\n content: \"\";\r\n}\r\n.note-icon-orderedlist:before {\r\n content: \"\";\r\n}\r\n.note-icon-pencil:before {\r\n content: \"\";\r\n}\r\n.note-icon-picture:before {\r\n content: \"\";\r\n}\r\n.note-icon-question:before {\r\n content: \"\";\r\n}\r\n.note-icon-redo:before {\r\n content: \"\";\r\n}\r\n.note-icon-rollback:before {\r\n content: \"\";\r\n}\r\n.note-icon-row-above:before {\r\n content: \"\";\r\n}\r\n.note-icon-row-below:before {\r\n content: \"\";\r\n}\r\n.note-icon-row-remove:before {\r\n content: \"\";\r\n}\r\n.note-icon-special-character:before {\r\n content: \"\";\r\n}\r\n.note-icon-square:before {\r\n content: \"\";\r\n}\r\n.note-icon-strikethrough:before {\r\n content: \"\";\r\n}\r\n.note-icon-subscript:before {\r\n content: \"\";\r\n}\r\n.note-icon-summernote:before {\r\n content: \"\";\r\n}\r\n.note-icon-superscript:before {\r\n content: \"\";\r\n}\r\n.note-icon-table:before {\r\n content: \"\";\r\n}\r\n.note-icon-text-height:before {\r\n content: \"\";\r\n}\r\n.note-icon-trash:before {\r\n content: \"\";\r\n}\r\n.note-icon-underline:before {\r\n content: \"\";\r\n}\r\n.note-icon-undo:before {\r\n content: \"\";\r\n}\r\n.note-icon-unorderedlist:before {\r\n content: \"\";\r\n}\r\n.note-icon-video:before {\r\n content: \"\";\r\n}\r\n.note-editor {\r\n position: relative;\r\n}\r\n.note-editor .note-dropzone {\r\n position: absolute;\r\n display: none;\r\n z-index: 100;\r\n color: #87cefa;\r\n background-color: #fff;\r\n opacity: 0.95;\r\n}\r\n.note-editor .note-dropzone .note-dropzone-message {\r\n display: table-cell;\r\n vertical-align: middle;\r\n text-align: center;\r\n font-size: 28px;\r\n font-weight: 700;\r\n}\r\n.note-editor .note-dropzone.hover {\r\n color: #098ddf;\r\n}\r\n.note-editor.dragover .note-dropzone {\r\n display: table;\r\n}\r\n.note-editor .note-editing-area {\r\n position: relative;\r\n}\r\n.note-editor .note-editing-area .note-editable {\r\n outline: none;\r\n}\r\n.note-editor .note-editing-area .note-editable sup {\r\n vertical-align: super;\r\n}\r\n.note-editor .note-editing-area .note-editable sub {\r\n vertical-align: sub;\r\n}\r\n.note-editor .note-editing-area .note-editable img.note-float-left {\r\n margin-right: 10px;\r\n}\r\n.note-editor .note-editing-area .note-editable img.note-float-right {\r\n margin-left: 10px;\r\n}\r\n.note-editor.note-airframe, .note-editor.note-frame {\r\n border: 1px solid $default-border;\r\n}\r\n.note-editor.note-airframe.codeview .note-editing-area .note-editable, .note-editor.note-frame.codeview .note-editing-area .note-editable {\r\n display: none;\r\n}\r\n.note-editor.note-airframe.codeview .note-editing-area .note-codable, .note-editor.note-frame.codeview .note-editing-area .note-codable {\r\n display: block;\r\n}\r\n.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {\r\n overflow: hidden;\r\n}\r\n.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {\r\n padding: 10px;\r\n overflow: auto;\r\n word-wrap: break-word;\r\n min-height: 300px;\r\n}\r\n.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=\"false\"], .note-editor.note-frame .note-editing-area .note-editable[contenteditable=\"false\"] {\r\n background-color: rgba(128, 128, 128, 0.11);\r\n}\r\n.note-editor.note-airframe .note-editing-area .note-codable, .note-editor.note-frame .note-editing-area .note-codable {\r\n display: none;\r\n width: 100%;\r\n padding: 10px;\r\n border: none;\r\n box-shadow: none;\r\n font-family: Menlo, Monaco, monospace, sans-serif;\r\n font-size: 14px;\r\n color: #4a4952;\r\n background-color: #f2f3f9;\r\n resize: none;\r\n outline: none;\r\n -ms-box-sizing: border-box;\r\n box-sizing: border-box;\r\n border-radius: 0;\r\n margin-bottom: 0;\r\n}\r\n.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100% !important;\r\n z-index: 9999;\r\n}\r\n.note-editor.note-airframe.fullscreen .note-resizebar, .note-editor.note-frame.fullscreen .note-resizebar {\r\n display: none;\r\n}\r\n.note-editor.note-airframe .note-status-output, .note-editor.note-frame .note-status-output {\r\n display: block;\r\n width: 100%;\r\n font-size: 14px;\r\n line-height: 1.42857143;\r\n height: 20px;\r\n margin-bottom: 0;\r\n color: #000;\r\n border: 0;\r\n border-top: 1px solid #e2e2e2;\r\n}\r\n.note-editor.note-airframe .note-status-output:empty, .note-editor.note-frame .note-status-output:empty {\r\n height: 0;\r\n border-top: 0 solid transparent;\r\n}\r\n.note-editor.note-airframe .note-status-output .pull-right, .note-editor.note-frame .note-status-output .pull-right {\r\n float: right !important;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-muted, .note-editor.note-frame .note-status-output .text-muted {\r\n color: #777;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-primary, .note-editor.note-frame .note-status-output .text-primary {\r\n color: #286090;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-success, .note-editor.note-frame .note-status-output .text-success {\r\n color: #3c763d;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-info, .note-editor.note-frame .note-status-output .text-info {\r\n color: #31708f;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-warning, .note-editor.note-frame .note-status-output .text-warning {\r\n color: #8a6d3b;\r\n}\r\n.note-editor.note-airframe .note-status-output .text-danger, .note-editor.note-frame .note-status-output .text-danger {\r\n color: #a94442;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert, .note-editor.note-frame .note-status-output .alert {\r\n margin: -7px 0 0;\r\n padding: 7px 10px 2px;\r\n border-radius: 0;\r\n color: #000;\r\n background-color: #f5f5f5;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert .note-icon, .note-editor.note-frame .note-status-output .alert .note-icon {\r\n margin-right: 5px;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert-success, .note-editor.note-frame .note-status-output .alert-success {\r\n color: #3c763d !important;\r\n background-color: #dff0d8 !important;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert-info, .note-editor.note-frame .note-status-output .alert-info {\r\n color: #31708f !important;\r\n background-color: #d9edf7 !important;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert-warning, .note-editor.note-frame .note-status-output .alert-warning {\r\n color: #8a6d3b !important;\r\n background-color: #fcf8e3 !important;\r\n}\r\n.note-editor.note-airframe .note-status-output .alert-danger, .note-editor.note-frame .note-status-output .alert-danger {\r\n color: #a94442 !important;\r\n background-color: #f2dede !important;\r\n}\r\n.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {\r\n background-color: rgba(128, 128, 128, 0.11);\r\n border-bottom-left-radius: 4px;\r\n border-bottom-right-radius: 4px;\r\n border-top: 1px solid rgba(0, 0, 0, 0.2);\r\n}\r\n.note-editor.note-airframe .note-statusbar .note-resizebar, .note-editor.note-frame .note-statusbar .note-resizebar {\r\n padding-top: 1px;\r\n height: 9px;\r\n width: 100%;\r\n cursor: ns-resize;\r\n}\r\n.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {\r\n width: 20px;\r\n margin: 1px auto;\r\n border-top: 1px solid rgba(0, 0, 0, 0.2);\r\n}\r\n.note-editor.note-airframe .note-statusbar.locked .note-resizebar, .note-editor.note-frame .note-statusbar.locked .note-resizebar {\r\n cursor: default;\r\n}\r\n.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar, .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {\r\n display: none;\r\n}\r\n.note-editor.note-airframe .note-placeholder, .note-editor.note-frame .note-placeholder {\r\n padding: 10px;\r\n}\r\n.note-editor.note-airframe {\r\n border: 0;\r\n}\r\n.note-editor.note-airframe .note-editing-area .note-editable {\r\n padding: 0;\r\n}\r\n.note-popover.popover {\r\n display: none;\r\n max-width: none;\r\n}\r\n.note-popover.popover .popover-content a {\r\n display: inline-block;\r\n max-width: 200px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n}\r\n.note-popover.popover .arrow {\r\n left: 20px !important;\r\n}\r\n.note-toolbar {\r\n position: relative;\r\n}\r\n.note-editor .note-toolbar, .note-popover .popover-content {\r\n margin: 0;\r\n padding: 0 0 5px 5px;\r\n}\r\n.note-editor .note-toolbar > .note-btn-group, .note-popover .popover-content > .note-btn-group {\r\n margin-top: 5px;\r\n margin-left: 0;\r\n margin-right: 5px;\r\n}\r\n.note-editor .note-toolbar .note-btn-group .note-table, .note-popover .popover-content .note-btn-group .note-table {\r\n min-width: 0;\r\n padding: 5px;\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 font-size: 18px;\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 position: absolute !important;\r\n z-index: 3;\r\n width: 10em;\r\n height: 10em;\r\n cursor: pointer;\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 position: relative !important;\r\n z-index: 1;\r\n width: 5em;\r\n height: 5em;\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC\") repeat;\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 position: absolute !important;\r\n z-index: 2;\r\n width: 1em;\r\n height: 1em;\r\n background: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC\") repeat;\r\n}\r\n.note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {\r\n margin: 0;\r\n padding: 5px 10px;\r\n}\r\n.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre {\r\n margin: 0;\r\n padding: 5px 10px;\r\n}\r\n.note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p {\r\n margin: 0;\r\n padding: 0;\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 min-width: 337px;\r\n}\r\n.note-editor .note-toolbar .note-color .dropdown-toggle, .note-popover .popover-content .note-color .dropdown-toggle {\r\n width: 20px;\r\n padding-left: 5px;\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 display: inline-block;\r\n margin: 0;\r\n width: 160px;\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 margin: 0 5px;\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 font-size: 12px;\r\n margin: 2px 7px;\r\n text-align: center;\r\n border-bottom: 1px solid #eee;\r\n}\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {\r\n font-size: 11px;\r\n margin: 3px;\r\n padding: 0 3px;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: 5px;\r\n}\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {\r\n font-size: 11px;\r\n margin: 3px;\r\n padding: 0 3px;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: 5px;\r\n}\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {\r\n background: #eee;\r\n}\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover, .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {\r\n background: #eee;\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 height: 20px;\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 display: block;\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 border: 1px solid #eee;\r\n}\r\n.note-editor .note-toolbar .note-para .note-dropdown-menu, .note-popover .popover-content .note-para .note-dropdown-menu {\r\n min-width: 245px;\r\n padding: 5px;\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 margin-left: 5px;\r\n}\r\n.note-editor .note-toolbar .note-dropdown-menu, .note-popover .popover-content .note-dropdown-menu {\r\n min-width: 160px;\r\n}\r\n.note-editor .note-toolbar .note-dropdown-menu.right, .note-popover .popover-content .note-dropdown-menu.right {\r\n right: 0;\r\n left: auto;\r\n}\r\n.note-editor .note-toolbar .note-dropdown-menu.right:before, .note-popover .popover-content .note-dropdown-menu.right:before {\r\n right: 9px;\r\n left: auto !important;\r\n}\r\n.note-editor .note-toolbar .note-dropdown-menu.right:after, .note-popover .popover-content .note-dropdown-menu.right:after {\r\n right: 10px;\r\n left: auto !important;\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 color: #00bfff;\r\n visibility: hidden;\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 visibility: visible;\r\n}\r\n.note-editor .note-toolbar .note-fontsize-10, .note-popover .popover-content .note-fontsize-10 {\r\n font-size: 10px;\r\n}\r\n.note-editor .note-toolbar .note-color-palette, .note-popover .popover-content .note-color-palette {\r\n line-height: 1;\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 width: 20px;\r\n height: 20px;\r\n padding: 0;\r\n margin: 0;\r\n border: 0;\r\n border-radius: 0;\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 transform: scale(1.2);\r\n transition: all 0.2s;\r\n}\r\n.note-modal .modal-dialog {\r\n outline: 0;\r\n border-radius: 5px;\r\n box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);\r\n}\r\n.note-modal .form-group {\r\n margin-left: 0;\r\n margin-right: 0;\r\n}\r\n.note-modal .note-modal-form {\r\n margin: 0;\r\n}\r\n.note-modal .note-image-dialog .note-dropzone {\r\n min-height: 100px;\r\n font-size: 30px;\r\n line-height: 4;\r\n color: #d3d3d3;\r\n text-align: center;\r\n border: 4px dashed #d3d3d3;\r\n margin-bottom: 10px;\r\n}\r\n@-moz-document url-prefix() {\r\n .note-modal .note-image-input {\r\n height: auto;\r\n }\r\n}\r\n.note-placeholder {\r\n position: absolute;\r\n display: none;\r\n color: grey;\r\n}\r\n.note-handle .note-control-selection {\r\n position: absolute;\r\n display: none;\r\n border: 1px solid #000;\r\n}\r\n.note-handle .note-control-selection > div {\r\n position: absolute;\r\n}\r\n.note-handle .note-control-selection .note-control-selection-bg {\r\n width: 100%;\r\n height: 100%;\r\n background-color: #000;\r\n -webkit-opacity: 0.3;\r\n -khtml-opacity: 0.3;\r\n -moz-opacity: 0.3;\r\n opacity: 0.3;\r\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);\r\n filter: alpha(opacity=30);\r\n}\r\n.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-holder {\r\n width: 7px;\r\n height: 7px;\r\n border: 1px solid #000;\r\n}\r\n.note-handle .note-control-selection .note-control-sizing {\r\n width: 7px;\r\n height: 7px;\r\n border: 1px solid #000;\r\n background-color: #000;\r\n}\r\n.note-handle .note-control-selection .note-control-nw {\r\n top: -5px;\r\n left: -5px;\r\n border-right: none;\r\n border-bottom: none;\r\n}\r\n.note-handle .note-control-selection .note-control-ne {\r\n top: -5px;\r\n right: -5px;\r\n border-bottom: none;\r\n border-left: none;\r\n}\r\n.note-handle .note-control-selection .note-control-sw {\r\n bottom: -5px;\r\n left: -5px;\r\n border-top: none;\r\n border-right: none;\r\n}\r\n.note-handle .note-control-selection .note-control-se {\r\n right: -5px;\r\n bottom: -5px;\r\n cursor: se-resize;\r\n}\r\n.note-handle .note-control-selection .note-control-se.note-control-holder {\r\n cursor: default;\r\n border-top: none;\r\n border-left: none;\r\n}\r\n.note-handle .note-control-selection .note-control-selection-info {\r\n right: 0;\r\n bottom: 0;\r\n padding: 5px;\r\n margin: 5px;\r\n color: #fff;\r\n background-color: #000;\r\n font-size: 12px;\r\n border-radius: 5px;\r\n -webkit-opacity: 0.7;\r\n -khtml-opacity: 0.7;\r\n -moz-opacity: 0.7;\r\n opacity: 0.7;\r\n -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);\r\n filter: alpha(opacity=70);\r\n}\r\n.note-hint-popover {\r\n min-width: 100px;\r\n padding: 2px;\r\n}\r\n.note-hint-popover .popover-content {\r\n padding: 3px;\r\n max-height: 150px;\r\n overflow: auto;\r\n}\r\n.note-hint-popover .popover-content .note-hint-group .note-hint-item {\r\n display: block !important;\r\n padding: 3px;\r\n}\r\n.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {\r\n display: block;\r\n clear: both;\r\n font-weight: 400;\r\n line-height: 1.4;\r\n color: #fff;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n background-color: #428bca;\r\n outline: 0;\r\n cursor: pointer;\r\n}\r\n.note-btn {\r\n border-radius: 5px;\r\n}\r\n.note-btn.dropdown-toggle::after {\r\n display: none;\r\n}\r\n.note-editor.note-frame.panel.panel-default .panel-heading {\r\n background-color: #fff;\r\n border-bottom: 1px solid $default-border;\r\n}\r\n.note-btn.btn-default {\r\n background-color: #fff;\r\n border-color: $default-border;\r\n}\r\n.note-editor .btn-default:not(:disabled):not(.disabled):active {\r\n background-color: #f1f3f5;\r\n}\r\n.note-editor .btn-group .btn + .btn-group {\r\n border-left: 0px solid rgba(0, 0, 0, 0.08) !important;\r\n}\r\n.panel-default.fullscreen .note-editable {\r\n background-color: #fff;\r\n}\r\n.note-btn.btn.btn-default.btn-sm {\r\n line-height: 1.84615385;\r\n}\r\n.note-btn.btn-default:not(:disabled):not(.disabled).active {\r\n color: #495057;\r\n background-color: #f1f3f5;\r\n border-color: #d3d9df;\r\n}\r\ninput[type=\"radio\"], input[type=\"checkbox\"] {\r\n margin-right: 7px;\r\n}\r\n.form-control-file::-webkit-file-upload-button {\r\n background-color: #e9e9f1;\r\n transition: none;\r\n padding: 0.95rem 0.95rem;\r\n margin: -0.575rem -0.55rem;\r\n -webkit-margin-end: 0.75rem;\r\n margin-inline-end: 0.75rem;\r\n border: none;\r\n}\r\n.note-editor .note-editable ul li {\r\n margin-left: 20px;\r\n list-style-type: disc;\r\n}\r\n",".stop-scrolling {\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.sweet-overlay {\n\tbackground-color: black;\n\t/* IE8 */\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";\n\t/* IE8 */\n\tbackground-color: rgba(0, 0, 0, 0.4);\n\tposition: fixed;\n\tleft: 0;\n\tright: 0;\n\ttop: 0;\n\tbottom: 0;\n\tdisplay: none;\n\tz-index: 10000;\n}\n\n.sweet-alert {\n\tbackground-color: white;\n\twidth: 478px;\n\tpadding: 40px;\n\ttext-align: center;\n\tposition: fixed;\n\tleft: 50%;\n\ttop: 50%;\n\tmargin-left: -256px;\n\tmargin-top: -200px;\n\toverflow: hidden;\n\tdisplay: none;\n\tz-index: 99999;\n\tborder-radius:5px;\n}\n\n@media all and (max-width: 540px) {\n\t.sweet-alert {\n\t\twidth: auto;\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\tleft: 15px;\n\t\tright: 15px;\n\t}\n}\n\n.sweet-alert h2 {\n\tcolor: #25252a;\n\tfont-size: 30px;\n\ttext-align: center;\n\tfont-weight: 600;\n\ttext-transform: none;\n\tposition: relative;\n\tdisplay: block;\n\tmargin-bottom: 5px;\n}\n\n.sweet-alert p {\n\tcolor:#68798b;\n\tfont-size: 16px;\n\ttext-align: center;\n\tfont-weight: 300;\n\tposition: relative;\n\ttext-align: inherit;\n\tfloat: none;\n\tline-height: normal;\n}\n\n.sweet-alert fieldset {\n\tborder: none;\n\tposition: relative;\n\tdisplay: none;\n}\n\n.sweet-alert .sa-error-container {\n\tbackground-color: #f1f1f1;\n\tmargin-left: -17px;\n\tmargin-right: -17px;\n\toverflow: hidden;\n\tpadding: 0 10px;\n\tmax-height: 0;\n\twebkit-transition: padding 0.15s, max-height 0.15s;\n\ttransition: padding 0.15s, max-height 0.15s;\n}\n\n.sweet-alert .sa-error-container.show {\n\tpadding: 10px 0;\n\tmax-height: 100px;\n\twebkit-transition: padding 0.2s, max-height 0.2s;\n\ttransition: padding 0.25s, max-height 0.25s;\n}\n\n.sweet-alert .sa-error-container .icon {\n\tdisplay: inline-block;\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground-color: #ea7d7d;\n\tcolor: white;\n\tline-height: 24px;\n\ttext-align: center;\n\tmargin-right: 3px;\n}\n\n.sweet-alert .sa-error-container p {\n\tdisplay: inline-block;\n}\n\n.sweet-alert .sa-input-error {\n\tposition: absolute;\n\ttop: 29px;\n\tright: 26px;\n\twidth: 20px;\n\theight: 20px;\n\topacity: 0;\n\t-webkit-transform: scale(0.5);\n\ttransform: scale(0.5);\n\t-webkit-transform-origin: 50% 50%;\n\ttransform-origin: 50% 50%;\n\t-webkit-transition: all 0.1s;\n\ttransition: all 0.1s;\n}\n\n.sweet-alert .sa-input-error::before,\n.sweet-alert .sa-input-error::after {\n\tcontent: \"\";\n\twidth: 20px;\n\theight: 6px;\n\tbackground-color: #f06e57;\n\tborder-radius: 3px;\n\tposition: absolute;\n\ttop: 50%;\n\tmargin-top: -4px;\n\tleft: 50%;\n\tmargin-left: -9px;\n}\n\n.sweet-alert .sa-input-error::before {\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n}\n\n.sweet-alert .sa-input-error::after {\n\t-webkit-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n}\n\n.sweet-alert .sa-input-error.show {\n\topacity: 1;\n\t-webkit-transform: scale(1);\n\ttransform: scale(1);\n}\n\n.sweet-alert input {\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tborder-radius: 3px;\n\tborder: 1px solid #d7d7d7;\n\theight: 43px;\n\tmargin-top: 10px;\n\tmargin-bottom: 17px;\n\tfont-size: 18px;\n\tbox-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);\n\tpadding: 0 12px;\n\tdisplay: none;\n\t-webkit-transition: all 0.3s;\n\ttransition: all 0.3s;\n}\n\n.sweet-alert input:focus {\n\toutline: none;\n\tbox-shadow: 0px 0px 3px #c4e6f5;\n\tborder: 1px solid #b4dbed;\n}\n\n.sweet-alert input:focus::-moz-placeholder {\n\ttransition: opacity 0.3s 0.03s ease;\n\topacity: 0.5;\n}\n\n.sweet-alert input:focus:-ms-input-placeholder {\n\ttransition: opacity 0.3s 0.03s ease;\n\topacity: 0.5;\n}\n\n.sweet-alert input:focus::-webkit-input-placeholder {\n\ttransition: opacity 0.3s 0.03s ease;\n\topacity: 0.5;\n}\n\n.sweet-alert input::-moz-placeholder {\n\tcolor: #bdbdbd;\n}\n\n.sweet-alert input:-ms-input-placeholder {\n\tcolor: #bdbdbd;\n}\n\n.sweet-alert input::-webkit-input-placeholder {\n\tcolor: #bdbdbd;\n}\n\n.sweet-alert.show-input input {\n\tdisplay: block;\n}\n\n.sweet-alert .sa-confirm-button-container {\n\tdisplay: inline-block;\n\tposition: relative;\n}\n\n.sweet-alert .la-ball-fall {\n\tposition: absolute;\n\tleft: 50%;\n\ttop: 50%;\n\tmargin-left: -27px;\n\tmargin-top: 4px;\n\topacity: 0;\n\tvisibility: hidden;\n}\n\n.sweet-alert button {\n\tbackground-color: $primary-1 !important;\n\tcolor: white;\n letter-spacing: .03em;\n font-size: 0.8125rem;\n min-width: 2.375rem;\n\tdisplay: inline-block;\n font-weight: 400;\n text-align: center;\n white-space: nowrap;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n border: 1px solid transparent;\n padding: 0.375rem 0.75rem;\n line-height: 1.84615385;\n border-radius: 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\tcursor: pointer;\n\tbox-shadow:0 0 0 2px rgba(94, 45, 216, 0.9);\n}\n\n.sweet-alert button:focus {\n\toutline: none;\n\tbox-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);\n}\n\n.sweet-alert button:hover {\n\tbackground-color: #0061da;\n}\n\n.sweet-alert button:active {\n\tbackground-color: #0061da;\n}\n\n.sweet-alert button.cancel {\n\tbackground-color: #C1C1C1;\n}\n\n.sweet-alert button.cancel:hover {\n\tbackground-color: #b9b9b9;\n}\n\n.sweet-alert button.cancel:active {\n\tbackground-color: #a8a8a8;\n}\n\n.sweet-alert button.cancel:focus {\n\tbox-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;\n}\n\n.sweet-alert button[disabled] {\n\topacity: .6;\n\tcursor: default;\n}\n\n.sweet-alert button.confirm[disabled] {\n\tcolor: transparent;\n}\n\n.sweet-alert button.confirm[disabled]~.la-ball-fall {\n\topacity: 1;\n\tvisibility: visible;\n\ttransition-delay: 0s;\n}\n\n.sweet-alert button::-moz-focus-inner {\n\tborder: 0;\n}\n\n.sweet-alert[data-has-cancel-button=false] button {\n\tbox-shadow: none !important;\n}\n\n.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {\n\tpadding-bottom: 40px;\n}\n\n.sweet-alert .sa-icon {\n\twidth: 80px;\n\theight: 80px;\n\tborder: 4px solid gray;\n\t-webkit-border-radius: 40px;\n\tborder-radius: 40px;\n\tborder-radius: 50%;\n\tmargin: 0px auto;\n\tpadding: 0;\n\tposition: relative;\n\tbox-sizing: content-box;\n}\n\n.sweet-alert .sa-icon.sa-error {\n\tborder-color:#f5334f;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-x-mark {\n\tposition: relative;\n\tdisplay: block;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line {\n\tposition: absolute;\n\theight: 5px;\n\twidth: 47px;\n\tbackground-color:#f5334f;\n\tdisplay: block;\n\ttop: 37px;\n\tborder-radius: 2px;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-left {\n\t-webkit-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n\tleft: 17px;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-right {\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n\tright: 16px;\n}\n\n.sweet-alert .sa-icon.sa-warning {\n\tborder-color: #f7b731;\n}\n\n.sweet-alert .sa-icon.sa-warning .sa-body {\n\tposition: absolute;\n\twidth: 5px;\n\theight: 47px;\n\tleft: 50%;\n\ttop: 10px;\n\t-webkit-border-radius: 2px;\n\tborder-radius: 2px;\n\tmargin-left: -2px;\n\tbackground-color: #f7b731;\n}\n\n.sweet-alert .sa-icon.sa-warning .sa-dot {\n\tposition: absolute;\n\twidth: 7px;\n\theight: 7px;\n\t-webkit-border-radius: 50%;\n\tborder-radius: 50%;\n\tmargin-left: -3px;\n\tleft: 50%;\n\tbottom: 10px;\n\tbackground-color: #f7b731;\n}\n\n.sweet-alert .sa-icon.sa-info {\n\tborder-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-info::before {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 5px;\n\theight: 29px;\n\tleft: 50%;\n\tbottom: 17px;\n\tborder-radius: 2px;\n\tmargin-left: -2px;\n\tbackground-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-info::after {\n\tcontent: \"\";\n\tposition: absolute;\n\twidth: 7px;\n\theight: 7px;\n\tborder-radius: 50%;\n\tmargin-left: -3px;\n\ttop: 19px;\n\tbackground-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-success {\n\tborder-color:#09ad95;\n}\n\n.sweet-alert .sa-icon.sa-success::before,\n.sweet-alert .sa-icon.sa-success::after {\n\tcontent: '';\n\t-webkit-border-radius: 40px;\n\tborder-radius: 40px;\n\tborder-radius: 50%;\n\tposition: absolute;\n\twidth: 60px;\n\theight: 120px;\n\t-webkit-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-success::before {\n\t-webkit-border-radius: 120px 0 0 120px;\n\tborder-radius: 120px 0 0 120px;\n\ttop: -7px;\n\tleft: -33px;\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n\t-webkit-transform-origin: 60px 60px;\n\ttransform-origin: 60px 60px;\n}\n\n.sweet-alert .sa-icon.sa-success::after {\n\t-webkit-border-radius: 0 120px 120px 0;\n\tborder-radius: 0 120px 120px 0;\n\ttop: -11px;\n\tleft: 30px;\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n\t-webkit-transform-origin: 0px 60px;\n\ttransform-origin: 0px 60px;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-placeholder {\n\twidth: 80px;\n\theight: 80px;\n\tborder: 4px solid rgba(165, 220, 134, 0.2);\n\t-webkit-border-radius: 40px;\n\tborder-radius: 40px;\n\tborder-radius: 50%;\n\tbox-sizing: content-box;\n\tposition: absolute;\n\tleft: -4px;\n\ttop: -4px;\n\tz-index: 2;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-fix {\n\twidth: 5px;\n\theight: 90px;\n\tposition: absolute;\n\tleft: 28px;\n\ttop: 8px;\n\tz-index: 1;\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line {\n\theight: 5px;\n\tbackground-color:#09ad95;\n\tdisplay: block;\n\tborder-radius: 2px;\n\tposition: absolute;\n\tz-index: 2;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {\n\twidth: 25px;\n\tleft: 14px;\n\ttop: 46px;\n\t-webkit-transform: rotate(45deg);\n\ttransform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-long {\n\twidth: 47px;\n\tright: 8px;\n\ttop: 38px;\n\t-webkit-transform: rotate(-45deg);\n\ttransform: rotate(-45deg);\n}\n\n.sweet-alert .sa-icon.sa-custom {\n\tbackground-size: contain;\n\tborder-radius: 0;\n\tborder: none;\n\tbackground-position: center center;\n\tbackground-repeat: no-repeat;\n}\n\n\n/*\n * Animations\n */\n\n@-webkit-keyframes showSweetAlert {\n\t0% {\n\t\ttransform: scale(0.7);\n\t\t-webkit-transform: scale(0.7);\n\t}\n\t45% {\n\t\ttransform: scale(1.05);\n\t\t-webkit-transform: scale(1.05);\n\t}\n\t80% {\n\t\ttransform: scale(0.95);\n\t\t-webkit-transform: scale(0.95);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t}\n}\n\n@keyframes showSweetAlert {\n\t0% {\n\t\ttransform: scale(0.7);\n\t\t-webkit-transform: scale(0.7);\n\t}\n\t45% {\n\t\ttransform: scale(1.05);\n\t\t-webkit-transform: scale(1.05);\n\t}\n\t80% {\n\t\ttransform: scale(0.95);\n\t\t-webkit-transform: scale(0.95);\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t}\n}\n\n@-webkit-keyframes hideSweetAlert {\n\t0% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t}\n\t100% {\n\t\ttransform: scale(0.5);\n\t\t-webkit-transform: scale(0.5);\n\t}\n}\n\n@keyframes hideSweetAlert {\n\t0% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t}\n\t100% {\n\t\ttransform: scale(0.5);\n\t\t-webkit-transform: scale(0.5);\n\t}\n}\n\n@-webkit-keyframes slideFromTop {\n\t0% {\n\t\ttop: 0%;\n\t}\n\t100% {\n\t\ttop: 50%;\n\t}\n}\n\n@keyframes slideFromTop {\n\t0% {\n\t\ttop: 0%;\n\t}\n\t100% {\n\t\ttop: 50%;\n\t}\n}\n\n@-webkit-keyframes slideToTop {\n\t0% {\n\t\ttop: 50%;\n\t}\n\t100% {\n\t\ttop: 0%;\n\t}\n}\n\n@keyframes slideToTop {\n\t0% {\n\t\ttop: 50%;\n\t}\n\t100% {\n\t\ttop: 0%;\n\t}\n}\n\n@-webkit-keyframes slideFromBottom {\n\t0% {\n\t\ttop: 70%;\n\t}\n\t100% {\n\t\ttop: 50%;\n\t}\n}\n\n@keyframes slideFromBottom {\n\t0% {\n\t\ttop: 70%;\n\t}\n\t100% {\n\t\ttop: 50%;\n\t}\n}\n\n@-webkit-keyframes slideToBottom {\n\t0% {\n\t\ttop: 50%;\n\t}\n\t100% {\n\t\ttop: 70%;\n\t}\n}\n\n@keyframes slideToBottom {\n\t0% {\n\t\ttop: 50%;\n\t}\n\t100% {\n\t\ttop: 70%;\n\t}\n}\n\n.showSweetAlert[data-animation=pop] {\n\t-webkit-animation: showSweetAlert 0.3s;\n\tanimation: showSweetAlert 0.3s;\n}\n\n.showSweetAlert[data-animation=none] {\n\t-webkit-animation: none;\n\tanimation: none;\n}\n\n.showSweetAlert[data-animation=slide-from-top] {\n\t-webkit-animation: slideFromTop 0.3s;\n\tanimation: slideFromTop 0.3s;\n}\n\n.showSweetAlert[data-animation=slide-from-bottom] {\n\t-webkit-animation: slideFromBottom 0.3s;\n\tanimation: slideFromBottom 0.3s;\n}\n\n.hideSweetAlert[data-animation=pop] {\n\t-webkit-animation: hideSweetAlert 0.2s;\n\tanimation: hideSweetAlert 0.2s;\n}\n\n.hideSweetAlert[data-animation=none] {\n\t-webkit-animation: none;\n\tanimation: none;\n}\n\n.hideSweetAlert[data-animation=slide-from-top] {\n\t-webkit-animation: slideToTop 0.4s;\n\tanimation: slideToTop 0.4s;\n}\n\n.hideSweetAlert[data-animation=slide-from-bottom] {\n\t-webkit-animation: slideToBottom 0.3s;\n\tanimation: slideToBottom 0.3s;\n}\n\n@-webkit-keyframes animateSuccessTip {\n\t0% {\n\t\twidth: 0;\n\t\tleft: 1px;\n\t\ttop: 19px;\n\t}\n\t54% {\n\t\twidth: 0;\n\t\tleft: 1px;\n\t\ttop: 19px;\n\t}\n\t70% {\n\t\twidth: 50px;\n\t\tleft: -8px;\n\t\ttop: 37px;\n\t}\n\t84% {\n\t\twidth: 17px;\n\t\tleft: 21px;\n\t\ttop: 48px;\n\t}\n\t100% {\n\t\twidth: 25px;\n\t\tleft: 14px;\n\t\ttop: 45px;\n\t}\n}\n\n@keyframes animateSuccessTip {\n\t0% {\n\t\twidth: 0;\n\t\tleft: 1px;\n\t\ttop: 19px;\n\t}\n\t54% {\n\t\twidth: 0;\n\t\tleft: 1px;\n\t\ttop: 19px;\n\t}\n\t70% {\n\t\twidth: 50px;\n\t\tleft: -8px;\n\t\ttop: 37px;\n\t}\n\t84% {\n\t\twidth: 17px;\n\t\tleft: 21px;\n\t\ttop: 48px;\n\t}\n\t100% {\n\t\twidth: 25px;\n\t\tleft: 14px;\n\t\ttop: 45px;\n\t}\n}\n\n@-webkit-keyframes animateSuccessLong {\n\t0% {\n\t\twidth: 0;\n\t\tright: 46px;\n\t\ttop: 54px;\n\t}\n\t65% {\n\t\twidth: 0;\n\t\tright: 46px;\n\t\ttop: 54px;\n\t}\n\t84% {\n\t\twidth: 55px;\n\t\tright: 0px;\n\t\ttop: 35px;\n\t}\n\t100% {\n\t\twidth: 47px;\n\t\tright: 8px;\n\t\ttop: 38px;\n\t}\n}\n\n@keyframes animateSuccessLong {\n\t0% {\n\t\twidth: 0;\n\t\tright: 46px;\n\t\ttop: 54px;\n\t}\n\t65% {\n\t\twidth: 0;\n\t\tright: 46px;\n\t\ttop: 54px;\n\t}\n\t84% {\n\t\twidth: 55px;\n\t\tright: 0px;\n\t\ttop: 35px;\n\t}\n\t100% {\n\t\twidth: 47px;\n\t\tright: 8px;\n\t\ttop: 38px;\n\t}\n}\n\n@-webkit-keyframes rotatePlaceholder {\n\t0% {\n\t\ttransform: rotate(-45deg);\n\t\t-webkit-transform: rotate(-45deg);\n\t}\n\t5% {\n\t\ttransform: rotate(-45deg);\n\t\t-webkit-transform: rotate(-45deg);\n\t}\n\t12% {\n\t\ttransform: rotate(-405deg);\n\t\t-webkit-transform: rotate(-405deg);\n\t}\n\t100% {\n\t\ttransform: rotate(-405deg);\n\t\t-webkit-transform: rotate(-405deg);\n\t}\n}\n\n@keyframes rotatePlaceholder {\n\t0% {\n\t\ttransform: rotate(-45deg);\n\t\t-webkit-transform: rotate(-45deg);\n\t}\n\t5% {\n\t\ttransform: rotate(-45deg);\n\t\t-webkit-transform: rotate(-45deg);\n\t}\n\t12% {\n\t\ttransform: rotate(-405deg);\n\t\t-webkit-transform: rotate(-405deg);\n\t}\n\t100% {\n\t\ttransform: rotate(-405deg);\n\t\t-webkit-transform: rotate(-405deg);\n\t}\n}\n\n.animateSuccessTip {\n\t-webkit-animation: animateSuccessTip 0.75s;\n\tanimation: animateSuccessTip 0.75s;\n}\n\n.animateSuccessLong {\n\t-webkit-animation: animateSuccessLong 0.75s;\n\tanimation: animateSuccessLong 0.75s;\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\ttransform: rotateX(100deg);\n\t\t-webkit-transform: rotateX(100deg);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: rotateX(0deg);\n\t\t-webkit-transform: rotateX(0deg);\n\t\topacity: 1;\n\t}\n}\n\n@keyframes animateErrorIcon {\n\t0% {\n\t\ttransform: rotateX(100deg);\n\t\t-webkit-transform: rotateX(100deg);\n\t\topacity: 0;\n\t}\n\t100% {\n\t\ttransform: rotateX(0deg);\n\t\t-webkit-transform: rotateX(0deg);\n\t\topacity: 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\ttransform: scale(0.4);\n\t\t-webkit-transform: scale(0.4);\n\t\tmargin-top: 26px;\n\t\topacity: 0;\n\t}\n\t50% {\n\t\ttransform: scale(0.4);\n\t\t-webkit-transform: scale(0.4);\n\t\tmargin-top: 26px;\n\t\topacity: 0;\n\t}\n\t80% {\n\t\ttransform: scale(1.15);\n\t\t-webkit-transform: scale(1.15);\n\t\tmargin-top: -6px;\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t\tmargin-top: 0;\n\t\topacity: 1;\n\t}\n}\n\n@keyframes animateXMark {\n\t0% {\n\t\ttransform: scale(0.4);\n\t\t-webkit-transform: scale(0.4);\n\t\tmargin-top: 26px;\n\t\topacity: 0;\n\t}\n\t50% {\n\t\ttransform: scale(0.4);\n\t\t-webkit-transform: scale(0.4);\n\t\tmargin-top: 26px;\n\t\topacity: 0;\n\t}\n\t80% {\n\t\ttransform: scale(1.15);\n\t\t-webkit-transform: scale(1.15);\n\t\tmargin-top: -6px;\n\t}\n\t100% {\n\t\ttransform: scale(1);\n\t\t-webkit-transform: scale(1);\n\t\tmargin-top: 0;\n\t\topacity: 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\tborder-color: #F8D486;\n\t}\n\t100% {\n\t\tborder-color: #f7b731;\n\t}\n}\n\n@keyframes pulseWarning {\n\t0% {\n\t\tborder-color: #F8D486;\n\t}\n\t100% {\n\t\tborder-color: #f7b731;\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\tbackground-color: #F8D486;\n\t}\n\t100% {\n\t\tbackground-color: #f7b731;\n\t}\n}\n\n@keyframes pulseWarningIns {\n\t0% {\n\t\tbackground-color: #F8D486;\n\t}\n\t100% {\n\t\tbackground-color: #f7b731;\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\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n@keyframes rotate-loading {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n\n\n/* Internet Explorer 9 has some special quirks that are fixed here */\n\n\n/* The icons are not animated. */\n\n\n/* This file is automatically merged into sweet-alert.min.js through Gulp */\n\n\n/* Error icon */\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-left {\n\t-ms-transform: rotate(45deg) \\9;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-right {\n\t-ms-transform: rotate(-45deg) \\9;\n}\n\n\n/* Success icon */\n\n.sweet-alert .sa-icon.sa-success {\n\tborder-color: transparent\\9;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {\n\t-ms-transform: rotate(45deg) \\9;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-long {\n\t-ms-transform: rotate(-45deg) \\9;\n}\n\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.la-ball-fall>div {\n\tposition: relative;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n}\n\n.la-ball-fall {\n\tdisplay: block;\n\tfont-size: 0;\n\tcolor: #fff;\n}\n\n.la-ball-fall.la-dark {\n\tcolor: #333;\n}\n\n.la-ball-fall>div {\n\tdisplay: inline-block;\n\tfloat: none;\n\tbackground-color: currentColor;\n\tborder: 0 solid currentColor;\n}\n\n.la-ball-fall {\n\twidth: 54px;\n\theight: 18px;\n}\n\n.la-ball-fall>div {\n\twidth: 10px;\n\theight: 10px;\n\tmargin: 4px;\n\tborder-radius: 100%;\n\topacity: 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\tanimation: ball-fall 1s ease-in-out infinite;\n}\n\n.la-ball-fall>div:nth-child(1) {\n\t-webkit-animation-delay: -200ms;\n\t-moz-animation-delay: -200ms;\n\t-o-animation-delay: -200ms;\n\tanimation-delay: -200ms;\n}\n\n.la-ball-fall>div:nth-child(2) {\n\t-webkit-animation-delay: -100ms;\n\t-moz-animation-delay: -100ms;\n\t-o-animation-delay: -100ms;\n\tanimation-delay: -100ms;\n}\n\n.la-ball-fall>div:nth-child(3) {\n\t-webkit-animation-delay: 0ms;\n\t-moz-animation-delay: 0ms;\n\t-o-animation-delay: 0ms;\n\tanimation-delay: 0ms;\n}\n\n.la-ball-fall.la-sm {\n\twidth: 26px;\n\theight: 8px;\n}\n\n.la-ball-fall.la-sm>div {\n\twidth: 4px;\n\theight: 4px;\n\tmargin: 2px;\n}\n\n.la-ball-fall.la-2x {\n\twidth: 108px;\n\theight: 36px;\n}\n\n.la-ball-fall.la-2x>div {\n\twidth: 20px;\n\theight: 20px;\n\tmargin: 8px;\n}\n\n.la-ball-fall.la-3x {\n\twidth: 162px;\n\theight: 54px;\n}\n\n.la-ball-fall.la-3x>div {\n\twidth: 30px;\n\theight: 30px;\n\tmargin: 12px;\n}\n\n\n/*\n * Animation\n */\n\n@-webkit-keyframes ball-fall {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-145%);\n\t\ttransform: translateY(-145%);\n\t}\n\t10% {\n\t\topacity: .5;\n\t}\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t80% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t90% {\n\t\topacity: .5;\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(145%);\n\t\ttransform: translateY(145%);\n\t}\n}\n\n@-moz-keyframes ball-fall {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-145%);\n\t\ttransform: translateY(-145%);\n\t}\n\t10% {\n\t\topacity: .5;\n\t}\n\t20% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t80% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t90% {\n\t\topacity: .5;\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(145%);\n\t\ttransform: translateY(145%);\n\t}\n}\n\n@-o-keyframes ball-fall {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-145%);\n\t\ttransform: translateY(-145%);\n\t}\n\t10% {\n\t\topacity: .5;\n\t}\n\t20% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t80% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t90% {\n\t\topacity: .5;\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(145%);\n\t\ttransform: translateY(145%);\n\t}\n}\n\n@keyframes ball-fall {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-145%);\n\t\t-moz-transform: translateY(-145%);\n\t\t-o-transform: translateY(-145%);\n\t\ttransform: translateY(-145%);\n\t}\n\t10% {\n\t\topacity: .5;\n\t}\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\t-moz-transform: translateY(0);\n\t\t-o-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t80% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t\t-moz-transform: translateY(0);\n\t\t-o-transform: translateY(0);\n\t\ttransform: translateY(0);\n\t}\n\t90% {\n\t\topacity: .5;\n\t}\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(145%);\n\t\t-moz-transform: translateY(145%);\n\t\t-o-transform: translateY(145%);\n\t\ttransform: translateY(145%);\n\t}\n}\n.timer-alert .sa-button-container{\n\tdisplay:none;\n}\n.timer-alert p{\n\tmargin-bottom:0;\n}\n.sweet-alert h2{\n\tmargin-bottom:5px;\n}\n.cancel.btn.btn-default{\n\tcolor:#fff;\n}","\r\n\r\n.wrapper > h1 {\r\n text-align: center;\r\n}\r\n.wrapper > h1 span {\r\n border-bottom: 2px solid #623AA2;\r\n display: inline-block;\r\n padding: 0 10px 10px;\r\n color: #623AA2;\r\n transition: all 0.5s linear;\r\n}\r\n\r\n\r\n.tab_wrapper {\r\n display: inline-block;\r\n width: 100%;\r\n position: relative;\r\n}\r\n.tab_wrapper * {\r\n box-sizing: border-box;\r\n}\r\n.tab_wrapper > ul {\r\n clear: both;\r\n display: inline-block;\r\n width: 100%;\r\n margin-bottom: 0;\r\n}\r\n.tab_wrapper > ul li {\r\n\tfloat: left;\r\n cursor: pointer;\r\n font-weight: 500;\r\n padding: 8px 18px;\r\n text-transform: uppercase;\r\n border: 1px solid #f0f0f4;\r\n font-size: 1.05em;\r\n border-bottom: 0;\r\n position: relative;\r\n border-top: 1px solid #f0f0f4;\r\n margin: 0 5px 0 0;\r\n}\r\n.tab_wrapper > ul li.active {\r\n color: #fff;\r\n}\r\n.tab_wrapper > ul li.active:after {\r\n content: \"\";\r\n position: absolute;\r\n bottom: -1px;\r\n height: 1px;\r\n left: 0;\r\n background: #fff;\r\n width: 100%;\r\n}\r\n.tab_wrapper .controller {\r\n display: block;\r\n overflow: hidden;\r\n clear: both;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n}\r\n.tab_wrapper .controller span {\r\n padding: 8px 22px;\r\n background: #623AA2;\r\n color: #fff;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n}\r\n.tab_wrapper .controller span.next {\r\n float: right;\r\n margin-left: 10px;\r\n}\r\n.tab_wrapper .content_wrapper {\r\n float: left;\r\n width: 100%;\r\n border: 1px solid #f0f0f4;\r\n box-sizing: border-box;\r\n position: relative;\r\n top: -5px;\r\n}\r\n.tab_wrapper .content_wrapper .tab_content {\r\n display: none;\r\n padding: 15px 20px;\r\n}\r\n.tab_wrapper .content_wrapper .tab_content.active {\r\n /* display: block; */\r\n}\r\n.tab_wrapper .content_wrapper .tab_content .error {\r\n color: red;\r\n}\r\n.tab_wrapper .content_wrapper .accordian_header {\r\n display: none;\r\n padding: 10px 20px;\r\n text-transform: uppercase;\r\n font-weight: bold;\r\n border-top: 1px solid #eee;\r\n border-bottom: 1px solid #fff;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n.tab_wrapper .content_wrapper .accordian_header.active {\r\n color: #623AA2;\r\n border: 1px solid #eee;\r\n}\r\n.tab_wrapper .content_wrapper .accordian_header.active:after {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n content: \"\";\r\n width: 5px;\r\n height: 100%;\r\n background: #623AA2;\r\n}\r\n.tab_wrapper .content_wrapper .accordian_header .arrow {\r\n float: right;\r\n display: inline-block;\r\n width: 12px;\r\n height: 12px;\r\n position: relative;\r\n border-radius: 2px;\r\n transform: rotate(-135deg);\r\n background: #fff;\r\n border-top: 3px solid #ccc;\r\n border-left: 3px solid #ccc;\r\n /* &:after{\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\theight: 10px;\r\n\t\t\t\t\tbackground: $white;\r\n\t\t\t\t\tborder-top: 3px solid $border_color;\r\n\t\t\t\t\tborder-left: 3px solid $border_color;\r\n\t\t\t\t} */\r\n}\r\n.tab_wrapper .content_wrapper .accordian_header.active .arrow {\r\n transform: rotate(45deg);\r\n margin-top: 5px;\r\n border-top: 3px solid #623AA2;\r\n border-left: 3px solid #623AA2;\r\n}\r\n.tab_wrapper.left_side > ul {\r\n width: 25%;\r\n float: left;\r\n border-bottom: 1px solid #ccc;\r\n}\r\n.tab_wrapper.left_side > ul li {\r\n width: 100%;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 12px 18px;\r\n border-width: 1px;\r\n border-right: 0;\r\n border-left: 0;\r\n}\r\n.tab_wrapper.left_side > ul li:after {\r\n left: 0;\r\n top: 0;\r\n content: \"\";\r\n position: absolute;\r\n width: 5px;\r\n height: 100%;\r\n background: #ccc;\r\n}\r\n.tab_wrapper.left_side > ul li.active {\r\n border-color: #ccc;\r\n}\r\n.tab_wrapper.left_side > ul li.active:after {\r\n left: 0;\r\n top: 0;\r\n width: 5px;\r\n height: 100%;\r\n background: #623AA2;\r\n}\r\n.tab_wrapper.left_side > ul li.active:before {\r\n right: -1px;\r\n position: absolute;\r\n top: 0;\r\n content: \"\";\r\n width: 2px;\r\n height: 100%;\r\n background: #fff;\r\n}\r\n.tab_wrapper.left_side .content_wrapper {\r\n width: 75%;\r\n border: 1px solid #f0f0f4;\r\n float: left;\r\n}\r\n.tab_wrapper.left_side .controller {\r\n top: -50px;\r\n}\r\n.tab_wrapper.right_side > ul {\r\n width: 25%;\r\n float: right;\r\n border-bottom: 1px solid #f0f0f4;\r\n}\r\n.tab_wrapper.right_side > ul li {\r\n width: 100%;\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 12px 18px;\r\n border-width: 1px;\r\n border-right: 0;\r\n border-left: 1px solid #f0f0f4;\r\n text-align: right;\r\n}\r\n.tab_wrapper.right_side > ul li:after {\r\n right: 0;\r\n left: inherit;\r\n top: 0;\r\n content: \"\";\r\n position: absolute;\r\n width: 5px;\r\n height: 100%;\r\n background:#f0f0f4;\r\n}\r\n.tab_wrapper.right_side > ul li.active {\r\n border-color: #d7e7ff;\r\n}\r\n.tab_wrapper.right_side > ul li.active:after {\r\n right: 0;\r\n left: inherit;\r\n top: 0;\r\n width: 5px;\r\n height: 100%;\r\n content: \"\";\r\n}\r\n.tab_wrapper.right_side > ul li.active:before {\r\n left: -2px;\r\n right: inherit;\r\n position: absolute;\r\n top: 0;\r\n content: \"\";\r\n width: 2px;\r\n height: 100%;\r\n background: #fff;\r\n}\r\n.tab_wrapper.right_side .content_wrapper {\r\n width: 75%;\r\n float: left;\r\n border: 1px solid #f0f0f4;\r\n}\r\n.tab_wrapper.right_side .controller {\r\n top: -50px;\r\n}\r\n.tab_wrapper.accordion .content_wrapper {\r\n border-color: #eee;\r\n}\r\n.tab_wrapper.accordion .content_wrapper .accordian_header {\r\n display: block;\r\n}\r\n.tab_wrapper.accordion > ul {\r\n display: none;\r\n}\r\n.tab_wrapper .active_tab {\r\n display: none;\r\n position: relative;\r\n background: #000000;\r\n padding: 12px;\r\n text-align: center;\r\n padding-right: 50px;\r\n color: #fff;\r\n cursor: pointer;\r\n border-radius: 30px;\r\n}\r\n.tab_wrapper .active_tab .arrow {\r\n width: 30px;\r\n height: 30px;\r\n overflow: hidden;\r\n line-height: 30px;\r\n text-align: center;\r\n background: #fff;\r\n position: absolute;\r\n right: 6px;\r\n border-radius: 50%;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n}\r\n.tab_wrapper .active_tab .arrow:after {\r\n content: \"\";\r\n width: 10px;\r\n display: inline-block;\r\n height: 10px;\r\n border-right: 3px solid #000;\r\n border-bottom: 3px solid #000;\r\n transform: rotate(45deg);\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n margin-left: -6px;\r\n margin-top: -8px;\r\n}\r\n.tab_wrapper .active_tab .text {\r\n text-indent: 39px;\r\n display: block;\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n .tab_wrapper > ul {\r\n display: none;\r\n }\r\n .tab_wrapper .content_wrapper {\r\n border: 0;\r\n }\r\n .tab_wrapper .content_wrapper .accordian_header {\r\n display: block;\r\n }\r\n .tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {\r\n width: 100%;\r\n border-top: 0;\r\n }\r\n .tab_wrapper .controller {\r\n display: none;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list {\r\n border: 0;\r\n box-shadow: 0 0 8px #ccc;\r\n position: absolute;\r\n z-index: 3;\r\n background: #fff;\r\n border-radius: 5px;\r\n margin-top: 15px;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list:before {\r\n content: \"\";\r\n position: absolute;\r\n top: -6px;\r\n left: 50%;\r\n width: 14px;\r\n height: 14px;\r\n background: #fff;\r\n transform: rotate(45deg);\r\n box-shadow: -3px -4px 5px #efefef;\r\n margin-left: -7px;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list li {\r\n border: 0;\r\n border-bottom: 1px solid #ccc;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list li.active:after {\r\n display: none;\r\n }\r\n .tab_wrapper.show-as-dropdown .active_tab {\r\n display: block;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list {\r\n display: none;\r\n }\r\n .tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {\r\n display: none;\r\n }\r\n .tab_wrapper.show-as-dropdown > .tab_list li {\r\n display: block;\r\n float: none;\r\n width: 100%;\r\n }\r\n}\r\n@media only screen and (min-width: 769px) {\r\n .tab_wrapper.show-as-dropdown > .tab_list {\r\n display: block !important;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n/*# sourceMappingURL=style.css.map */\r\n",".ui-timepicker-wrapper {\n\toverflow-y: auto;\n\tmax-height: 150px;\n\twidth: 6.5em;\n\tbackground: #fff;\n\tborder: 1px solid #ddd;\n\t-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);\n\t-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);\n\tbox-shadow:0 5px 10px rgba(0,0,0,0.2);\n\toutline: none;\n\tz-index: 10001;\n\tmargin: 0;\n}\n\n.ui-timepicker-wrapper.ui-timepicker-with-duration {\n\twidth: 13em;\n}\n\n.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,\n.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {\n\twidth: 11em;\n}\n\n.ui-timepicker-list {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.ui-timepicker-duration {\n\tmargin-left: 5px; color: #888;\n}\n\n.ui-timepicker-list:hover .ui-timepicker-duration {\n\tcolor: #888;\n}\n\n.ui-timepicker-list li {\n\tpadding: 3px 0 3px 5px;\n\tcursor: pointer;\n\twhite-space: nowrap;\n\tcolor: #000;\n\tlist-style: none;\n\tmargin: 0;\n}\n\n.ui-timepicker-list:hover .ui-timepicker-selected {\n\tbackground: #fff; color: #000;\n}\n\nli.ui-timepicker-selected,\n.ui-timepicker-list li:hover,\n.ui-timepicker-list .ui-timepicker-selected:hover {\n\tbackground: #1980EC; color: #fff;\n}\n\nli.ui-timepicker-selected .ui-timepicker-duration,\n.ui-timepicker-list li:hover .ui-timepicker-duration {\n\tcolor: #ccc;\n}\n\n.ui-timepicker-list li.ui-timepicker-disabled,\n.ui-timepicker-list li.ui-timepicker-disabled:hover,\n.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {\n\tcolor: #888;\n\tcursor: default;\n}\n\n.ui-timepicker-list li.ui-timepicker-disabled:hover,\n.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {\n\tbackground: #f2f2f2;\n}\n","\r\n\r\n.tree, .tree ul {\r\n margin:0;\r\n padding:0;\r\n list-style:none\r\n}\r\n.tree ul {\r\n margin-left:1em;\r\n position:relative\r\n}\r\n.tree ul ul {\r\n margin-left:.5em\r\n}\r\n.tree ul:before {\r\n content:\"\";\r\n display:block;\r\n width:0;\r\n position:absolute;\r\n top: 0;\r\n bottom:0;\r\n left: -10px;\r\n border-left:1px solid #ededf5;\r\n}\r\n.tree li {\r\n margin:0;\r\n padding: 0.5em 1em 0.2em 1em;\r\n line-height:2em;\r\n color: #1a1630;\r\n position:relative;\r\n border: 1px solid #ebecf1;\r\n margin: 10px 0;\r\n border-radius: 5px;\r\n line-height: 30px;\r\n}\r\n.tree li i{\r\n margin-right: 10px;\r\n font-weight: bold;\r\n font-size: 16px;\r\n /* padding-top: 10px; */\r\n line-height: 1;\r\n}\r\n.tree ul li:before {\r\n content:\"\";\r\n display:block;\r\n width:10px;\r\n height:0;\r\n border-top: 2px solid #e5e5ea;\r\n margin-top:-1px;\r\n position:absolute;\r\n top: 22px;\r\n left: -10px;\r\n}\r\n.tree ul li:last-child:before {\r\n background:transparent;\r\n height:auto;\r\n top: 22px;\r\n bottom:0;\r\n}\r\n.indicator {\r\n margin-right:5px;\r\ncolor: #4b10a4;\r\n}\r\n.tree li a {\r\n text-decoration: none;\r\n color: #1a1630;\r\n font-size: 15px;\r\n}\r\n.tree li button, .tree li button:active, .tree li button:focus {\r\n text-decoration: none;\r\n color:#29273c;\r\n border:none;\r\n background:transparent;\r\n margin:0px 0px 0px 0px;\r\n padding:0px 0px 0px 0px;\r\n outline: 0;\r\n}\r\n.tree li.branch {\r\nbackground:#ffffff;\r\n}\r\n.tree li.branch li{\r\nbackground: #ffffff;\r\n}",".richText {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 7px;\r\n}\r\n.richText .richText-form {\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n}\r\n.richText .richText-form label {\r\n display: block;\r\n padding: 10px 15px;\r\n}\r\n.richText .richText-form input[type=\"text\"], .richText .richText-form input[type=\"file\"], .richText .richText-form input[type=\"number\"] {\r\n padding: 10px 15px;\r\n border: #ecf0fa solid 1px;\r\n min-width: 200px;\r\n width: 100%;\r\n border-radius: 5px;\r\n outline: 0;\r\n}\r\n.richText .richText-form select {\r\n padding: 10px 15px;\r\n border: #ecf0fa 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.richText .richText-form button {\r\n margin: 10px 0;\r\n padding: 0.375rem 0.75rem;\r\n background-color: $primary-1;\r\n border: none;\r\n color: #fafafa;\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.richText .richText-toolbar {\r\n min-height: 20px;\r\n border-bottom: 0;\r\n}\r\n.richText .richText-toolbar ul {\r\n margin-bottom: 0;\r\n border-bottom: #ecf0fa solid 1px;\r\n}\r\n.richText .richText-toolbar ul li {\r\n float: left;\r\n display: block;\r\n list-style: none;\r\n}\r\n.richText .richText-toolbar ul li 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: #858398;\r\n}\r\n.richText .richText-toolbar ul li a .fa, .richText .richText-toolbar ul li a .fe, .richText .richText-toolbar ul li a .fas, .richText .richText-toolbar ul li a .far, .richText .richText-toolbar ul li a svg {\r\n pointer-events: none;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer {\r\n display: none;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background-color: rgba(0, 0, 0, 0.3);\r\n cursor: default;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown {\r\n position: relative;\r\n display: block;\r\n margin: 3% auto 0 auto;\r\n background-color: #fff;\r\n border: #ecf0fa solid 1px;\r\n min-width: 100px;\r\n width: 320px;\r\n max-width: 90%;\r\n border-radius: 5px;\r\n -webkit-box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n -moz-box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n box-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\r\n padding-top: 20px;\r\n z-index: 1;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {\r\n position: absolute;\r\n top: 6px;\r\n right: 5px;\r\n background: transparent;\r\n /* color: #adaeb1;\r\n */\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.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown {\r\n list-style: none;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li {\r\n display: block;\r\n float: none;\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a {\r\n display: block;\r\n padding: 10px 15px;\r\n border-bottom: #efefef solid 1px;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li a:hover {\r\n background-color: #fff;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline {\r\n margin: 2px 8px;\r\n float: left;\r\n padding: 6px;\r\n}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a {\r\n display: block;\r\n padding: 0;\r\n margin: 0;\r\n border: 1px solid #c3bdbd;\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}\r\n.richText .richText-toolbar ul li a .richText-dropdown-outer ul.richText-dropdown li.inline a 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.richText .richText-toolbar ul li a .richText-dropdown-outer div.richText-dropdown {\r\n padding: 10px 15px;\r\n}\r\n.richText .richText-toolbar ul li a:hover {\r\n background-color: #fff;\r\n}\r\n.richText .richText-toolbar ul li[data-disable=\"true\"] {\r\n opacity: 0.1;\r\n}\r\n.richText .richText-toolbar ul li[data-disable=\"true\"] a {\r\n cursor: default;\r\n}\r\n.richText .richText-toolbar ul li:not([data-disable=\"true\"]).is-selected .richText-dropdown-outer {\r\n display: block;\r\n}\r\n.richText .richText-toolbar ul:after {\r\n display: block;\r\n content: \"\";\r\n clear: both;\r\n}\r\n.richText .richText-toolbar:last-child {\r\n font-size: 12px;\r\n}\r\n.richText .richText-toolbar:after {\r\n display: block;\r\n clear: both;\r\n content: \"\";\r\n}\r\n.richText .richText-editor {\r\n padding: 20px;\r\n background-color: #fff;\r\n border-left: #fff 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.richText .richText-editor ul, .richText .richText-editor ol {\r\n margin: 10px 25px;\r\n}\r\n.richText .richText-editor table {\r\n margin: 10px 0;\r\n border-spacing: 0;\r\n width: 100%;\r\n}\r\n.richText .richText-editor table td, .richText .richText-editor table th {\r\n padding: 10px;\r\n border: #efefef solid 1px;\r\n}\r\n.richText .richText-editor:focus {\r\n border-left: transparent solid 2px;\r\n}\r\n.richText .richText-initial {\r\n margin-bottom: -4px;\r\n padding: 10px;\r\n background-color: #282828;\r\n border: none;\r\n color: #3f3;\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}\r\n.richText .richText-help {\r\n float: right;\r\n display: block;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n}\r\n.richText .richText-undo, .richText .richText-redo {\r\n float: right;\r\n display: block;\r\n padding: 10px 15px;\r\n border-right: #efefef solid 1px;\r\n cursor: pointer;\r\n}\r\n.richText .richText-undo.is-disabled, .richText .richText-redo.is-disabled {\r\n opacity: 0.4;\r\n}\r\n.richText .richText-help-popup a {\r\n color: #3498db;\r\n text-decoration: underline;\r\n}\r\n.richText .richText-help-popup hr {\r\n margin: 10px auto 5px auto;\r\n border: none;\r\n border-top: #efefef solid 1px;\r\n}\r\n.richText .richText-list.list-rightclick {\r\n position: absolute;\r\n background-color: #fafafa;\r\n border-right: #efefef solid 1px;\r\n border-bottom: #efefef solid 1px;\r\n}\r\n.richText .richText-list.list-rightclick li {\r\n padding: 5px 7px;\r\n cursor: pointer;\r\n list-style: none;\r\n}\r\n@media (max-width: 768px) {\r\n .richText .richText-toolbar ul li {\r\n border-bottom: $default-border solid 1px;\r\n }\r\n .richText .richText-toolbar ul {\r\n border-bottom: 0 !important;\r\n }\r\n}\r\n"]} |