that wraps the table */\n position: relative;\n z-index: 1;\n width: 100% !important;\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: rgb(240 240 245);\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: 1;\n padding: 10px 15px;\n color: #282f53;\n font-size: 15px;\n font-weight: 500;\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 }\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: 0.85em;\n margin: 2px 3px 0;\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 {\n z-index: 8;\n\n .fc-popover-body {\n min-width: 220px;\n padding: 10px;\n }\n }\n}\n\n.fc-direction-ltr .fc-daygrid-event.fc-event-start,\n.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,\n.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: 0.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: 0px;\n }\n\n .fc-event-title {\n padding: 0px;\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,\n &.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/*\n A VERTICAL event\n */\n\n.fc-v-event {\n /* allowed to be top-level */\n display: block;\n border: 1px solid $primary-1;\n border: 1px solid var(--fc-event-border-color, $primary-1);\n background-color: $primary-1;\n background-color: var(--fc-event-bg-color, $primary-1);\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 /* offset parent for now-indicator-container */\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 /* each cell owns its top border */\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,\n .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,\n .fc-timegrid-col-events,\n .fc-timegrid-now-indicator-container {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n }\n\n .fc-timegrid-event-harness {\n position: absolute;\n\n /* top/left/right/bottom will all be set by JS */\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-inset .fc-timegrid-event {\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 {\n &.fc-event-mirror {\n box-shadow: 0px 0px 0px 1px #fff;\n box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);\n }\n\n /* events need to be root */\n font-size: 0.85em;\n font-size: var(--fc-small-font-size, 0.85em);\n border-radius: 3px;\n\n .fc-event-main {\n padding: 1px 1px 0;\n }\n\n .fc-event-time {\n white-space: nowrap;\n font-size: 0.85em;\n font-size: var(--fc-small-font-size, 0.85em);\n margin-bottom: 1px;\n }\n}\n\n.fc-timegrid-event-condensed {\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: 0.85em;\n font-size: var(--fc-small-font-size, 0.85em);\n }\n}\n\n.fc-media-screen .fc-timegrid-event {\n position: absolute;\n\n /* absolute WITHIN the harness */\n top: 0;\n bottom: 1px;\n\n /* stay away from bottom slot line */\n left: 0;\n right: 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 }\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: #f6f6fb;\n}\n\n.fc-theme-standard .fc-list {\n border: 1px solid #e9edf4;\n}\n\n.fc {\n /* message when no events */\n\n .fc-list-empty {\n background-color: #f6f6f9;\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: -webkit-sticky;\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: #f6f6fb;\n}\n\n.fc-direction-ltr .fc-list-day-text,\n.fc-direction-rtl .fc-list-day-side-text {\n float: left;\n color: #282f53;\n}\n\n.fc-direction-ltr .fc-list-day-side-text,\n.fc-direction-rtl .fc-list-day-text {\n float: right;\n color: #282f53;\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 .fc-list-event.fc-event-forced-url {\n cursor: pointer;\n\n /* whole row will seem clickable */\n}\n\n.fc-list-event.fc-event {\n background: transparent;\n color: #282f53 !important;\n}\n\n.fc {\n .fc-list-event:hover td {\n background-color: #f6f6fb;\n color: $primary-1;\n }\n\n /* shrink certain cols */\n\n .fc-list-event-graphic,\n .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 padding: 1rem;\n border: 1px solid #e9edf4;\n text-align: left;\n\n h4 {\n font-size: 16px;\n margin-bottom: 1rem;\n font-weight: 600;\n }\n\n .fc-event {\n margin: 5px 0;\n cursor: move;\n border: 0;\n }\n\n p {\n margin: 1.5em 0;\n font-size: 11px;\n color: #666;\n\n input {\n margin: 0;\n vertical-align: middle;\n }\n }\n}\n\n@media (min-width: 1366px) {\n #external-events {\n margin-top: 3.5rem;\n }\n}\n\n@media (max-width: 1366px) {\n #external-events {\n margin-bottom: 3.5rem;\n }\n}\n\n@media (max-width: 767px) {\n .fc {\n .fc-toolbar {\n display: inline-block;\n }\n\n .fc-toolbar-title {\n position: absolute;\n right: 10px;\n font-size: 20px;\n top: 10px;\n }\n }\n\n .fc-toolbar-chunk {\n margin-bottom: 10px;\n }\n}\n\n@media (max-width: 500px) {\n .fc {\n .fc-toolbar-title {\n position: relative;\n right: 0;\n top: 0;\n }\n\n .fc-daygrid-day-number {\n padding: 10px 6px;\n }\n }\n}\n\n@media (max-width: 320px) {\n .fc .fc-toolbar-title {\n font-size: 16px;\n }\n}\n\n@media (max-width: 380px) {\n .fc .fc-toolbar-title {\n position: inherit;\n }\n}\n\n.fc-daygrid-event.fc-event {\n background: $primary-1;\n color: #fff !important;\n}\n\n.fc-theme-standard th {\n padding: 15px;\n}\n\n.fc-event {\n border: 0px solid $primary-1 !important;\n}\n\n.fc-col-header thead th {\n padding: 15px;\n}\n\n.fc-theme-standard th {\n padding: 0;\n}\n", "@font-face {\r\n font-family: \"lg\";\r\n src: url(\"../plugins/gallery/fonts/lg.eot?n1z373\");\r\n src: url(\"../plugins/gallery/fonts/lg.eot?#iefixn1z373\") format(\"embedded-opentype\"), url(\"../plugins/gallery/fonts/lg.woff?n1z373\") format(\"woff\"),\r\n url(\"../plugins/gallery/fonts/lg.ttf?n1z373\") format(\"truetype\"), url(\"../plugins/gallery/fonts/lg.svg?n1z373#lg\") format(\"svg\");\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n.lg-icon {\r\n font-family: \"lg\";\r\n speak: none;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-variant: normal;\r\n text-transform: none;\r\n line-height: 1;\r\n\r\n /* Better Font Rendering =========== */\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.lg-actions {\r\n .lg-next,\r\n .lg-prev {\r\n border: 1px solid $white-7;\r\n background-color: $primary-1;\r\n border-radius: 5px;\r\n color: #fff;\r\n cursor: pointer;\r\n display: block;\r\n font-size: 22px;\r\n margin-top: -10px;\r\n padding: 8px 10px 9px;\r\n position: absolute;\r\n top: 50%;\r\n z-index: 1080;\r\n }\r\n\r\n .lg-next.disabled,\r\n .lg-prev.disabled {\r\n pointer-events: none;\r\n opacity: 0.5;\r\n }\r\n\r\n .lg-next:hover,\r\n .lg-prev:hover {\r\n color: #fff;\r\n }\r\n\r\n .lg-next {\r\n right: 20px;\r\n\r\n &:before {\r\n content: \"\\e095\";\r\n }\r\n }\r\n\r\n .lg-prev {\r\n left: 20px;\r\n\r\n &:after {\r\n content: \"\\e094\";\r\n }\r\n }\r\n}\r\n\r\n@-webkit-keyframes lg-right-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: -30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@-moz-keyframes lg-right-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: -30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@-ms-keyframes lg-right-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: -30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@keyframes lg-right-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: -30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@-webkit-keyframes lg-left-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: 30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@-moz-keyframes lg-left-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: 30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@-ms-keyframes lg-left-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: 30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n@keyframes lg-left-end {\r\n 0% {\r\n left: 0;\r\n }\r\n\r\n 50% {\r\n left: 30px;\r\n }\r\n\r\n 100% {\r\n left: 0;\r\n }\r\n}\r\n\r\n.lg-outer {\r\n &.lg-right-end .lg-object {\r\n -webkit-animation: lg-right-end 0.3s;\r\n -o-animation: lg-right-end 0.3s;\r\n animation: lg-right-end 0.3s;\r\n position: relative;\r\n }\r\n\r\n &.lg-left-end .lg-object {\r\n -webkit-animation: lg-left-end 0.3s;\r\n -o-animation: lg-left-end 0.3s;\r\n animation: lg-left-end 0.3s;\r\n position: relative;\r\n }\r\n}\r\n\r\n.lg-toolbar {\r\n z-index: 1082;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n background-color: $primary-1;\r\n\r\n .lg-icon {\r\n color: #fff;\r\n cursor: pointer;\r\n float: right;\r\n font-size: 24px;\r\n height: 47px;\r\n line-height: 27px;\r\n padding: 10px 0;\r\n text-align: center;\r\n width: 50px;\r\n text-decoration: none !important;\r\n outline: medium none;\r\n -webkit-transition: color 0.2s linear;\r\n -o-transition: color 0.2s linear;\r\n transition: color 0.2s linear;\r\n\r\n &:hover {\r\n color: #fff;\r\n }\r\n }\r\n\r\n .lg-close:after {\r\n content: \"\\e070\";\r\n }\r\n\r\n .lg-download:after {\r\n content: \"\\e0f2\";\r\n }\r\n}\r\n\r\n.lg-sub-html {\r\n background-color: rgba(0, 0, 0, 0.45);\r\n bottom: 0;\r\n color: #eee;\r\n font-size: 16px;\r\n left: 0;\r\n padding: 10px 40px;\r\n position: fixed;\r\n right: 0;\r\n text-align: center;\r\n z-index: 1080;\r\n\r\n h4 {\r\n margin: 0;\r\n font-size: 16px;\r\n font-weight: 500;\r\n }\r\n\r\n p {\r\n font-size: 12px;\r\n margin: 5px 0 0;\r\n }\r\n}\r\n\r\n#lg-counter {\r\n color: #fff;\r\n display: inline-block;\r\n font-size: 16px;\r\n padding-left: 20px;\r\n padding-top: 12px;\r\n vertical-align: middle;\r\n}\r\n\r\n.lg-toolbar,\r\n.lg-prev,\r\n.lg-next {\r\n opacity: 1;\r\n -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,\r\n opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear;\r\n -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,\r\n color 0.2s linear;\r\n -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,\r\n color 0.2s linear;\r\n transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s,\r\n color 0.2s linear;\r\n}\r\n\r\n.lg-hide-items {\r\n .lg-prev {\r\n opacity: 0;\r\n -webkit-transform: translate3d(-10px, 0, 0);\r\n transform: translate3d(-10px, 0, 0);\r\n }\r\n\r\n .lg-next {\r\n opacity: 0;\r\n -webkit-transform: translate3d(10px, 0, 0);\r\n transform: translate3d(10px, 0, 0);\r\n }\r\n\r\n .lg-toolbar {\r\n opacity: 0;\r\n -webkit-transform: translate3d(0, -10px, 0);\r\n transform: translate3d(0, -10px, 0);\r\n }\r\n}\r\n\r\nbody:not(.lg-from-hash) .lg-outer.lg-start-zoom {\r\n .lg-object {\r\n -webkit-transform: scale3d(0.5, 0.5, 0.5);\r\n transform: scale3d(0.5, 0.5, 0.5);\r\n opacity: 0;\r\n -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s,\r\n opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n -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 -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 transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;\r\n -webkit-transform-origin: 50% 50%;\r\n -moz-transform-origin: 50% 50%;\r\n -ms-transform-origin: 50% 50%;\r\n transform-origin: 50% 50%;\r\n }\r\n\r\n .lg-item.lg-complete .lg-object {\r\n -webkit-transform: scale3d(1, 1, 1);\r\n transform: scale3d(1, 1, 1);\r\n opacity: 1;\r\n border-radius: 5px;\r\n }\r\n}\r\n\r\n.lg-outer {\r\n .lg-thumb-outer {\r\n background-color: #0d0a0a;\r\n bottom: 0;\r\n position: absolute;\r\n width: 100%;\r\n z-index: 1080;\r\n max-height: 350px;\r\n -webkit-transform: translate3d(0, 100%, 0);\r\n transform: translate3d(0, 100%, 0);\r\n -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n\r\n &.lg-grab .lg-thumb-item {\r\n cursor: -webkit-grab;\r\n cursor: -moz-grab;\r\n cursor: -o-grab;\r\n cursor: -ms-grab;\r\n cursor: grab;\r\n }\r\n\r\n &.lg-grabbing .lg-thumb-item {\r\n cursor: move;\r\n cursor: -webkit-grabbing;\r\n cursor: -moz-grabbing;\r\n cursor: -o-grabbing;\r\n cursor: -ms-grabbing;\r\n cursor: grabbing;\r\n }\r\n\r\n &.lg-dragging .lg-thumb {\r\n -webkit-transition-duration: 0s !important;\r\n transition-duration: 0s !important;\r\n }\r\n }\r\n\r\n &.lg-thumb-open .lg-thumb-outer {\r\n -webkit-transform: translate3d(0, 0%, 0);\r\n transform: translate3d(0, 0%, 0);\r\n }\r\n\r\n .lg-thumb {\r\n padding: 10px 0;\r\n height: 100%;\r\n margin-bottom: -5px;\r\n }\r\n\r\n .lg-thumb-item {\r\n border-radius: 5px;\r\n cursor: pointer;\r\n float: left;\r\n overflow: hidden;\r\n height: 100%;\r\n border: 2px solid #fff;\r\n border-radius: 4px;\r\n margin-bottom: 5px;\r\n\r\n &.active,\r\n &:hover {\r\n border-color: #a90707;\r\n }\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n\r\n &.lg-has-thumb .lg-item {\r\n padding-bottom: 120px;\r\n }\r\n\r\n &.lg-can-toggle .lg-item {\r\n padding-bottom: 0;\r\n }\r\n\r\n &.lg-pull-caption-up {\r\n .lg-sub-html {\r\n -webkit-transition: bottom 0.25s ease;\r\n -o-transition: bottom 0.25s ease;\r\n transition: bottom 0.25s ease;\r\n }\r\n\r\n &.lg-thumb-open .lg-sub-html {\r\n bottom: 100px;\r\n }\r\n }\r\n\r\n .lg-toggle-thumb {\r\n background-color: #0d0a0a;\r\n border-radius: 2px 2px 0 0;\r\n color: #999;\r\n cursor: pointer;\r\n font-size: 24px;\r\n height: 39px;\r\n line-height: 27px;\r\n padding: 5px 0;\r\n position: absolute;\r\n right: 20px;\r\n text-align: center;\r\n top: -39px;\r\n width: 50px;\r\n\r\n &:after {\r\n content: \"\\e1ff\";\r\n }\r\n\r\n &:hover {\r\n color: #fff;\r\n }\r\n }\r\n\r\n .lg-video-cont {\r\n display: inline-block;\r\n vertical-align: middle;\r\n max-width: 1140px;\r\n max-height: 100%;\r\n width: 100%;\r\n padding: 0 5px;\r\n }\r\n\r\n .lg-video {\r\n width: 100%;\r\n height: 0;\r\n padding-bottom: 56.25%;\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .lg-object {\r\n display: inline-block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100% !important;\r\n height: 100% !important;\r\n }\r\n\r\n .lg-video-play {\r\n width: 84px;\r\n height: 59px;\r\n position: absolute;\r\n left: 50%;\r\n top: 50%;\r\n margin-left: -42px;\r\n margin-top: -30px;\r\n z-index: 1080;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .lg-video-object {\r\n width: 100% !important;\r\n height: 100% !important;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n .lg-has-video {\r\n .lg-video-object {\r\n visibility: hidden;\r\n }\r\n\r\n &.lg-video-playing {\r\n .lg-object,\r\n .lg-video-play {\r\n display: none;\r\n }\r\n\r\n .lg-video-object {\r\n visibility: visible;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 1025px) {\r\n .lg-outer .lg-thumb-item {\r\n -webkit-transition: border-color 0.25s ease;\r\n -o-transition: border-color 0.25s ease;\r\n transition: border-color 0.25s ease;\r\n }\r\n}\r\n\r\n.lg-progress-bar {\r\n background-color: #333;\r\n height: 5px;\r\n left: 0;\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n z-index: 1083;\r\n opacity: 0;\r\n -webkit-transition: opacity 0.08s ease 0s;\r\n -moz-transition: opacity 0.08s ease 0s;\r\n -o-transition: opacity 0.08s ease 0s;\r\n transition: opacity 0.08s ease 0s;\r\n\r\n .lg-progress {\r\n background-color: #a90707;\r\n height: 5px;\r\n width: 0;\r\n }\r\n\r\n &.lg-start .lg-progress {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.lg-show-autoplay .lg-progress-bar {\r\n opacity: 1;\r\n}\r\n\r\n.lg-autoplay-button:after {\r\n content: \"\\e01d\";\r\n}\r\n\r\n.lg-show-autoplay .lg-autoplay-button:after {\r\n content: \"\\e01a\";\r\n}\r\n\r\n.lg-outer {\r\n &.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable {\r\n .lg-img-wrap,\r\n .lg-image {\r\n -webkit-transition-duration: 0s;\r\n transition-duration: 0s;\r\n }\r\n }\r\n\r\n &.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\r\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s;\r\n }\r\n\r\n &.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {\r\n -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 -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 -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 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 }\r\n\r\n .lg-item.lg-complete.lg-zoomable {\r\n .lg-img-wrap {\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n }\r\n\r\n .lg-image {\r\n -webkit-transform: scale3d(1, 1, 1);\r\n transform: scale3d(1, 1, 1);\r\n -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important;\r\n -webkit-transform-origin: 0 0;\r\n -moz-transform-origin: 0 0;\r\n -ms-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n }\r\n }\r\n}\r\n\r\n#lg-zoom-in:after {\r\n content: \"\\e311\";\r\n}\r\n\r\n#lg-actual-size {\r\n font-size: 20px;\r\n\r\n &:after {\r\n content: \"\\e033\";\r\n }\r\n}\r\n\r\n#lg-zoom-out {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n\r\n &:after {\r\n content: \"\\e312\";\r\n }\r\n}\r\n\r\n.lg-zoomed #lg-zoom-out {\r\n opacity: 1;\r\n pointer-events: auto;\r\n}\r\n\r\n.lg-outer {\r\n .lg-pager-outer {\r\n bottom: 60px;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n text-align: center;\r\n z-index: 1080;\r\n height: 10px;\r\n\r\n &.lg-pager-hover .lg-pager-cont {\r\n overflow: visible;\r\n }\r\n }\r\n\r\n .lg-pager-cont {\r\n cursor: pointer;\r\n display: inline-block;\r\n overflow: hidden;\r\n position: relative;\r\n vertical-align: top;\r\n margin: 0 5px;\r\n\r\n &:hover .lg-pager-thumb-cont {\r\n opacity: 1;\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n }\r\n\r\n &.lg-pager-active .lg-pager {\r\n box-shadow: 0 0 0 2px white inset;\r\n }\r\n }\r\n\r\n .lg-pager-thumb-cont {\r\n background-color: #fff;\r\n color: #fff;\r\n bottom: 100%;\r\n height: 83px;\r\n left: 0;\r\n margin-bottom: 20px;\r\n margin-left: -60px;\r\n opacity: 0;\r\n padding: 5px;\r\n position: absolute;\r\n width: 120px;\r\n border-radius: 3px;\r\n -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;\r\n -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;\r\n -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;\r\n transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;\r\n -webkit-transform: translate3d(0, 5px, 0);\r\n transform: translate3d(0, 5px, 0);\r\n\r\n img {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n }\r\n\r\n .lg-pager {\r\n background-color: rgba(255, 255, 255, 0.5);\r\n border-radius: 50%;\r\n box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;\r\n display: block;\r\n height: 12px;\r\n -webkit-transition: box-shadow 0.3s ease 0s;\r\n -o-transition: box-shadow 0.3s ease 0s;\r\n transition: box-shadow 0.3s ease 0s;\r\n width: 12px;\r\n\r\n &:hover,\r\n &:focus {\r\n box-shadow: 0 0 0 8px white inset;\r\n }\r\n }\r\n\r\n .lg-caret {\r\n border-left: 10px solid transparent;\r\n border-right: 10px solid transparent;\r\n border-top: 10px dashed;\r\n bottom: -10px;\r\n display: inline-block;\r\n height: 0;\r\n left: 50%;\r\n margin-left: -5px;\r\n position: absolute;\r\n vertical-align: middle;\r\n width: 0;\r\n }\r\n}\r\n\r\n.lg-fullscreen:after {\r\n content: \"\\e20c\";\r\n}\r\n\r\n.lg-fullscreen-on .lg-fullscreen:after {\r\n content: \"\\e20d\";\r\n}\r\n\r\n.lg-outer {\r\n #lg-dropdown-overlay {\r\n background-color: rgba(0, 0, 0, 0.25);\r\n bottom: 0;\r\n cursor: default;\r\n left: 0;\r\n position: fixed;\r\n right: 0;\r\n top: 0;\r\n z-index: 1081;\r\n opacity: 0;\r\n visibility: hidden;\r\n -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;\r\n }\r\n\r\n &.lg-dropdown-active {\r\n .lg-dropdown,\r\n #lg-dropdown-overlay {\r\n -webkit-transition-delay: 0s;\r\n transition-delay: 0s;\r\n -moz-transform: translate3d(0, 0px, 0);\r\n -o-transform: translate3d(0, 0px, 0);\r\n -ms-transform: translate3d(0, 0px, 0);\r\n -webkit-transform: translate3d(0, 0px, 0);\r\n transform: translate3d(0, 0px, 0);\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n\r\n #lg-share {\r\n color: #fff;\r\n }\r\n }\r\n\r\n .lg-dropdown {\r\n background-color: #fff;\r\n border-radius: 2px;\r\n font-size: 14px;\r\n list-style-type: none;\r\n margin: 0;\r\n padding: 10px 0;\r\n position: absolute;\r\n right: 0;\r\n text-align: left;\r\n top: 50px;\r\n opacity: 0;\r\n visibility: hidden;\r\n -moz-transform: translate3d(0, 5px, 0);\r\n -o-transform: translate3d(0, 5px, 0);\r\n -ms-transform: translate3d(0, 5px, 0);\r\n -webkit-transform: translate3d(0, 5px, 0);\r\n transform: translate3d(0, 5px, 0);\r\n -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n -moz-transition: -moz-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;\r\n\r\n &:after {\r\n content: \"\";\r\n display: block;\r\n height: 0;\r\n width: 0;\r\n position: absolute;\r\n border: 8px solid transparent;\r\n border-bottom-color: #fff;\r\n right: 16px;\r\n top: -16px;\r\n }\r\n\r\n > li {\r\n &:last-child {\r\n margin-bottom: 0px;\r\n }\r\n\r\n &:hover {\r\n a,\r\n .lg-icon {\r\n color: #333;\r\n }\r\n }\r\n }\r\n\r\n a {\r\n color: #333;\r\n display: block;\r\n white-space: pre;\r\n padding: 4px 12px;\r\n font-family: \"Open Sans\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n font-size: 12px;\r\n\r\n &:hover {\r\n background-color: rgba(0, 0, 0, 0.07);\r\n }\r\n }\r\n\r\n .lg-dropdown-text {\r\n display: inline-block;\r\n line-height: 1;\r\n margin-top: -3px;\r\n vertical-align: middle;\r\n }\r\n\r\n .lg-icon {\r\n color: #333;\r\n display: inline-block;\r\n float: none;\r\n font-size: 20px;\r\n height: auto;\r\n line-height: 1;\r\n margin-right: 8px;\r\n padding: 0;\r\n vertical-align: middle;\r\n width: auto;\r\n }\r\n }\r\n\r\n #lg-share {\r\n position: relative;\r\n\r\n &:after {\r\n content: \"\\e80d\";\r\n }\r\n }\r\n\r\n #lg-share-facebook .lg-icon {\r\n color: #3b5998;\r\n\r\n &:after {\r\n content: \"\\e901\";\r\n }\r\n }\r\n\r\n #lg-share-twitter .lg-icon {\r\n color: #00aced;\r\n\r\n &:after {\r\n content: \"\\e904\";\r\n }\r\n }\r\n\r\n #lg-share-googleplus .lg-icon {\r\n color: #dd4b39;\r\n\r\n &:after {\r\n content: \"\\e902\";\r\n }\r\n }\r\n\r\n #lg-share-pinterest .lg-icon {\r\n color: #cb2027;\r\n\r\n &:after {\r\n content: \"\\e903\";\r\n }\r\n }\r\n}\r\n\r\n.group {\r\n *zoom: 1;\r\n\r\n &:before {\r\n display: table;\r\n content: \"\";\r\n line-height: 0;\r\n }\r\n\r\n &:after {\r\n display: table;\r\n content: \"\";\r\n line-height: 0;\r\n clear: both;\r\n }\r\n}\r\n\r\n.lg-outer {\r\n width: 100%;\r\n height: 100%;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 9999;\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s ease 0s;\r\n -o-transition: opacity 0.15s ease 0s;\r\n transition: opacity 0.15s ease 0s;\r\n\r\n * {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n }\r\n\r\n &.lg-visible {\r\n opacity: 1;\r\n }\r\n\r\n &.lg-css3 {\r\n .lg-item {\r\n &.lg-prev-slide,\r\n &.lg-next-slide,\r\n &.lg-current {\r\n -webkit-transition-duration: inherit !important;\r\n transition-duration: inherit !important;\r\n -webkit-transition-timing-function: inherit !important;\r\n transition-timing-function: inherit !important;\r\n }\r\n }\r\n\r\n &.lg-dragging .lg-item {\r\n &.lg-prev-slide,\r\n &.lg-next-slide,\r\n &.lg-current {\r\n -webkit-transition-duration: 0s !important;\r\n transition-duration: 0s !important;\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n\r\n &.lg-grab img.lg-object {\r\n cursor: -webkit-grab;\r\n cursor: -moz-grab;\r\n cursor: -o-grab;\r\n cursor: -ms-grab;\r\n cursor: grab;\r\n }\r\n\r\n &.lg-grabbing img.lg-object {\r\n cursor: move;\r\n cursor: -webkit-grabbing;\r\n cursor: -moz-grabbing;\r\n cursor: -o-grabbing;\r\n cursor: -ms-grabbing;\r\n cursor: grabbing;\r\n }\r\n\r\n .lg {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\r\n overflow: hidden;\r\n margin-left: auto;\r\n margin-right: auto;\r\n max-width: 100%;\r\n max-height: 100%;\r\n }\r\n\r\n .lg-inner {\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n white-space: nowrap;\r\n }\r\n\r\n .lg-item {\r\n /* background: url(\"../img/loading.gif\") no-repeat scroll center center transparent; */\r\n display: none !important;\r\n }\r\n\r\n &.lg-css3 {\r\n .lg-prev-slide,\r\n .lg-current,\r\n .lg-next-slide {\r\n display: inline-block !important;\r\n }\r\n }\r\n\r\n &.lg-css .lg-current {\r\n display: inline-block !important;\r\n }\r\n\r\n .lg-item,\r\n .lg-img-wrap {\r\n display: inline-block;\r\n text-align: center;\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .lg-item:before {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50%;\r\n width: 1px;\r\n margin-right: -1px;\r\n }\r\n\r\n .lg-img-wrap {\r\n &:before {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50%;\r\n width: 1px;\r\n margin-right: -1px;\r\n }\r\n\r\n position: absolute;\r\n padding: 0 5px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n bottom: 0;\r\n }\r\n\r\n .lg-item {\r\n &.lg-complete {\r\n background-image: none;\r\n }\r\n\r\n &.lg-current {\r\n z-index: 1060;\r\n }\r\n }\r\n\r\n .lg-image {\r\n display: inline-block;\r\n vertical-align: middle;\r\n max-width: 100%;\r\n max-height: 100%;\r\n width: auto !important;\r\n height: auto !important;\r\n }\r\n\r\n &.lg-show-after-load .lg-item {\r\n .lg-object,\r\n .lg-video-play {\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s ease 0s;\r\n -o-transition: opacity 0.15s ease 0s;\r\n transition: opacity 0.15s ease 0s;\r\n }\r\n\r\n &.lg-complete {\r\n .lg-object,\r\n .lg-video-play {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n\r\n .lg-empty-html,\r\n &.lg-hide-download #lg-download {\r\n display: none;\r\n }\r\n}\r\n\r\n.lg-backdrop {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 9999;\r\n background-color: rgba(0, 0, 0, 0.8);\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s ease 0s;\r\n -o-transition: opacity 0.15s ease 0s;\r\n transition: opacity 0.15s ease 0s;\r\n\r\n &.in {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.lg-css3 {\r\n &.lg-no-trans {\r\n .lg-prev-slide,\r\n .lg-next-slide,\r\n .lg-current {\r\n -webkit-transition: none 0s ease 0s !important;\r\n -moz-transition: none 0s ease 0s !important;\r\n -o-transition: none 0s ease 0s !important;\r\n transition: none 0s ease 0s !important;\r\n }\r\n }\r\n\r\n &.lg-use-css3 .lg-item,\r\n &.lg-use-left .lg-item {\r\n -webkit-backface-visibility: hidden;\r\n -moz-backface-visibility: hidden;\r\n backface-visibility: hidden;\r\n }\r\n\r\n &.lg-fade .lg-item {\r\n opacity: 0;\r\n\r\n &.lg-current {\r\n opacity: 1;\r\n }\r\n\r\n &.lg-prev-slide,\r\n &.lg-next-slide,\r\n &.lg-current {\r\n -webkit-transition: opacity 0.1s ease 0s;\r\n -moz-transition: opacity 0.1s ease 0s;\r\n -o-transition: opacity 0.1s ease 0s;\r\n transition: opacity 0.1s ease 0s;\r\n }\r\n }\r\n\r\n &.lg-slide {\r\n &.lg-use-css3 .lg-item {\r\n opacity: 0;\r\n\r\n &.lg-prev-slide {\r\n -webkit-transform: translate3d(-100%, 0, 0);\r\n transform: translate3d(-100%, 0, 0);\r\n }\r\n\r\n &.lg-next-slide {\r\n -webkit-transform: translate3d(100%, 0, 0);\r\n transform: translate3d(100%, 0, 0);\r\n }\r\n\r\n &.lg-current {\r\n -webkit-transform: translate3d(0, 0, 0);\r\n transform: translate3d(0, 0, 0);\r\n opacity: 1;\r\n }\r\n\r\n &.lg-prev-slide,\r\n &.lg-next-slide,\r\n &.lg-current {\r\n -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n }\r\n }\r\n\r\n &.lg-use-left .lg-item {\r\n opacity: 0;\r\n position: absolute;\r\n left: 0;\r\n\r\n &.lg-prev-slide {\r\n left: -100%;\r\n }\r\n\r\n &.lg-next-slide {\r\n left: 100%;\r\n }\r\n\r\n &.lg-current {\r\n left: 0;\r\n opacity: 1;\r\n }\r\n\r\n &.lg-prev-slide,\r\n &.lg-next-slide,\r\n &.lg-current {\r\n -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;\r\n }\r\n }\r\n }\r\n}\r\n", ".iti {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin-bottom: 4px;\n}\n\n.iti__hide {\n\tdisplay: none;\n}\n\n.iti__v-hide {\n\tvisibility: hidden;\n}\n\n.iti input {\n\tposition: relative;\n\tz-index: 0;\n\tmargin-top: 1px !important;\n\tmargin-bottom: 0 !important;\n\tpadding-right: 36px;\n\tmargin-right: 0;\n\theight: 36px;\n\tborder: 1px solid #ecf0fa;\n\tborder-radius: 4px;\n\n\t&[type=\"text\"],\n\t&[type=\"tel\"] {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t\tmargin-top: 1px !important;\n\t\tmargin-bottom: 0 !important;\n\t\tpadding-right: 36px;\n\t\tmargin-right: 0;\n\t\theight: 36px;\n\t\tborder: 1px solid #ecf0fa;\n\t\tborder-radius: 4px;\n\t}\n\n\t&::-webkit-input-placeholder,\n\t&::-moz-placeholder,\n\t&:-ms-input-placeholder,\n\t&::-ms-input-placeholder {\n\t\tcolor: #bcc0e2;\n\t}\n}\n\n.iti__flag-container {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tright: 0;\n\tpadding: 1px;\n}\n\n.iti__selected-flag {\n\tz-index: 1;\n\tposition: relative;\n\tdisplay: flex;\n\talign-items: center;\n\theight: 100%;\n\tpadding: 0 6px 0 8px;\n\tborder-right: 1px solid #ecf0fa;\n}\n\n.iti__arrow {\n\tmargin-left: 6px;\n\twidth: 0;\n\theight: 0;\n\tborder-left: 3px solid transparent;\n\tborder-right: 3px solid transparent;\n\tborder-top: 4px solid #b6b9ce;\n}\n\n.iti__arrow--up {\n\tborder-top: none;\n\tborder-bottom: 4px solid #b6b9ce;\n}\n\n.iti__country-list {\n\tposition: absolute;\n\tz-index: 2;\n\tlist-style: none;\n\ttext-align: left;\n\tpadding: 0;\n\tmargin: 0 0 0 -1px;\n\tbackground-color: white;\n\tborder: 1px solid #eaeaec;\n\tborder-radius: 4px;\n\twhite-space: nowrap !important;\n\tfont-size: 13px;\n\tmax-height: 200px;\n\toverflow-y: scroll;\n\t-webkit-overflow-scrolling: touch;\n\tbox-shadow: 0px 16px 18px rgba(6, 10, 48, 0.1);\n}\n\n.iti__country-list--dropup {\n\tbottom: 100%;\n\tmargin-bottom: -1px;\n}\n\n@media (max-width: 500px) {\n\t.iti__country-list {\n\t\twhite-space: normal;\n\t}\n}\n\n.iti__flag-box {\n\tdisplay: inline-block;\n\twidth: 20px;\n}\n\n.iti__divider {\n\tpadding-bottom: 5px;\n\tmargin-bottom: 5px;\n\tborder-bottom: 1px solid #e7eaf3;\n}\n\n.iti__country {\n\tpadding: 0px 15px;\n\toutline: none;\n\theight: 36px;\n\tline-height: 36px;\n}\n\n.iti__dial-code {\n\tcolor: #9f97b3;\n\tfont-weight: 500;\n\tfont-size: 12px;\n}\n\n.iti__country.iti__highlight {\n\tbackground-color: #f4f5fb;\n}\n\n.iti__flag-box,\n.iti__country-name,\n.iti__dial-code {\n\tvertical-align: middle;\n}\n\n.iti__flag-box,\n.iti__country-name {\n\tmargin-right: 6px;\n}\n\n.iti--allow-dropdown input {\n\tpadding-right: 6px;\n\tpadding-left: 52px;\n\tmargin-left: 0;\n\n\t&[type=\"text\"],\n\t&[type=\"tel\"] {\n\t\tpadding-right: 6px;\n\t\tpadding-left: 52px;\n\t\tmargin-left: 0;\n\t}\n}\n\n.iti--separate-dial-code input {\n\tpadding-right: 6px;\n\tpadding-left: 52px;\n\tmargin-left: 0;\n\n\t&[type=\"text\"],\n\t&[type=\"tel\"] {\n\t\tpadding-right: 6px;\n\t\tpadding-left: 52px;\n\t\tmargin-left: 0;\n\t}\n}\n\n.iti--allow-dropdown .iti__flag-container,\n.iti--separate-dial-code .iti__flag-container {\n\tright: auto;\n\tleft: 0;\n}\n\n.iti--allow-dropdown {\n\t.iti__flag-container:hover {\n\t\tcursor: pointer;\n\n\t\t.iti__selected-flag {\n\t\t\tbackground-color: #f4f5fb;\n\t\t}\n\t}\n\n\tinput {\n\t\t&[disabled] + .iti__flag-container:hover,\n\t\t&[readonly] + .iti__flag-container:hover {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t&[disabled] + .iti__flag-container:hover .iti__selected-flag,\n\t\t&[readonly] + .iti__flag-container:hover .iti__selected-flag {\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n}\n\n.iti--separate-dial-code {\n\t.iti__selected-flag {\n\t\tbackground-color: #f4f5fb;\n\t}\n\n\t.iti__selected-dial-code {\n\t\tmargin-left: 6px;\n\t}\n}\n\n.iti--container {\n\tposition: absolute;\n\ttop: -1000px;\n\tleft: -1000px;\n\tz-index: 1060;\n\tpadding: 1px;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n}\n\n.iti-mobile {\n\t.iti--container {\n\t\ttop: 30px;\n\t\tbottom: 30px;\n\t\tleft: 30px;\n\t\tright: 30px;\n\t\tposition: fixed;\n\t}\n\n\t.iti__country-list {\n\t\tmax-height: 100%;\n\t\twidth: 100%;\n\t}\n\n\t.iti__country {\n\t\tpadding: 10px 10px;\n\t\tline-height: 1.5em;\n\t}\n}\n\n.iti__flag {\n\twidth: 20px;\n\n\t&.iti__be {\n\t\twidth: 18px;\n\t}\n\n\t&.iti__ch {\n\t\twidth: 15px;\n\t}\n\n\t&.iti__mc {\n\t\twidth: 19px;\n\t}\n\n\t&.iti__ne {\n\t\twidth: 18px;\n\t}\n\n\t&.iti__np {\n\t\twidth: 13px;\n\t}\n\n\t&.iti__va {\n\t\twidth: 15px;\n\t}\n\n\t&.iti__ac {\n\t\theight: 10px;\n\t\tbackground-position: 0px 0px;\n\t}\n\n\t&.iti__ad {\n\t\theight: 14px;\n\t\tbackground-position: -22px 0px;\n\t}\n\n\t&.iti__ae {\n\t\theight: 10px;\n\t\tbackground-position: -44px 0px;\n\t}\n\n\t&.iti__af {\n\t\theight: 14px;\n\t\tbackground-position: -66px 0px;\n\t}\n\n\t&.iti__ag {\n\t\theight: 14px;\n\t\tbackground-position: -88px 0px;\n\t}\n\n\t&.iti__ai {\n\t\theight: 10px;\n\t\tbackground-position: -110px 0px;\n\t}\n\n\t&.iti__al {\n\t\theight: 15px;\n\t\tbackground-position: -132px 0px;\n\t}\n\n\t&.iti__am {\n\t\theight: 10px;\n\t\tbackground-position: -154px 0px;\n\t}\n\n\t&.iti__ao {\n\t\theight: 14px;\n\t\tbackground-position: -176px 0px;\n\t}\n\n\t&.iti__aq {\n\t\theight: 14px;\n\t\tbackground-position: -198px 0px;\n\t}\n\n\t&.iti__ar {\n\t\theight: 13px;\n\t\tbackground-position: -220px 0px;\n\t}\n\n\t&.iti__as {\n\t\theight: 10px;\n\t\tbackground-position: -242px 0px;\n\t}\n\n\t&.iti__at {\n\t\theight: 14px;\n\t\tbackground-position: -264px 0px;\n\t}\n\n\t&.iti__au {\n\t\theight: 10px;\n\t\tbackground-position: -286px 0px;\n\t}\n\n\t&.iti__aw {\n\t\theight: 14px;\n\t\tbackground-position: -308px 0px;\n\t}\n\n\t&.iti__ax {\n\t\theight: 13px;\n\t\tbackground-position: -330px 0px;\n\t}\n\n\t&.iti__az {\n\t\theight: 10px;\n\t\tbackground-position: -352px 0px;\n\t}\n\n\t&.iti__ba {\n\t\theight: 10px;\n\t\tbackground-position: -374px 0px;\n\t}\n\n\t&.iti__bb {\n\t\theight: 14px;\n\t\tbackground-position: -396px 0px;\n\t}\n\n\t&.iti__bd {\n\t\theight: 12px;\n\t\tbackground-position: -418px 0px;\n\t}\n\n\t&.iti__be {\n\t\theight: 15px;\n\t\tbackground-position: -440px 0px;\n\t}\n\n\t&.iti__bf {\n\t\theight: 14px;\n\t\tbackground-position: -460px 0px;\n\t}\n\n\t&.iti__bg {\n\t\theight: 12px;\n\t\tbackground-position: -482px 0px;\n\t}\n\n\t&.iti__bh {\n\t\theight: 12px;\n\t\tbackground-position: -504px 0px;\n\t}\n\n\t&.iti__bi {\n\t\theight: 12px;\n\t\tbackground-position: -526px 0px;\n\t}\n\n\t&.iti__bj {\n\t\theight: 14px;\n\t\tbackground-position: -548px 0px;\n\t}\n\n\t&.iti__bl {\n\t\theight: 14px;\n\t\tbackground-position: -570px 0px;\n\t}\n\n\t&.iti__bm {\n\t\theight: 10px;\n\t\tbackground-position: -592px 0px;\n\t}\n\n\t&.iti__bn {\n\t\theight: 10px;\n\t\tbackground-position: -614px 0px;\n\t}\n\n\t&.iti__bo {\n\t\theight: 14px;\n\t\tbackground-position: -636px 0px;\n\t}\n\n\t&.iti__bq {\n\t\theight: 14px;\n\t\tbackground-position: -658px 0px;\n\t}\n\n\t&.iti__br {\n\t\theight: 14px;\n\t\tbackground-position: -680px 0px;\n\t}\n\n\t&.iti__bs {\n\t\theight: 10px;\n\t\tbackground-position: -702px 0px;\n\t}\n\n\t&.iti__bt {\n\t\theight: 14px;\n\t\tbackground-position: -724px 0px;\n\t}\n\n\t&.iti__bv {\n\t\theight: 15px;\n\t\tbackground-position: -746px 0px;\n\t}\n\n\t&.iti__bw {\n\t\theight: 14px;\n\t\tbackground-position: -768px 0px;\n\t}\n\n\t&.iti__by {\n\t\theight: 10px;\n\t\tbackground-position: -790px 0px;\n\t}\n\n\t&.iti__bz {\n\t\theight: 14px;\n\t\tbackground-position: -812px 0px;\n\t}\n\n\t&.iti__ca {\n\t\theight: 10px;\n\t\tbackground-position: -834px 0px;\n\t}\n\n\t&.iti__cc {\n\t\theight: 10px;\n\t\tbackground-position: -856px 0px;\n\t}\n\n\t&.iti__cd {\n\t\theight: 15px;\n\t\tbackground-position: -878px 0px;\n\t}\n\n\t&.iti__cf {\n\t\theight: 14px;\n\t\tbackground-position: -900px 0px;\n\t}\n\n\t&.iti__cg {\n\t\theight: 14px;\n\t\tbackground-position: -922px 0px;\n\t}\n\n\t&.iti__ch {\n\t\theight: 15px;\n\t\tbackground-position: -944px 0px;\n\t}\n\n\t&.iti__ci {\n\t\theight: 14px;\n\t\tbackground-position: -961px 0px;\n\t}\n\n\t&.iti__ck {\n\t\theight: 10px;\n\t\tbackground-position: -983px 0px;\n\t}\n\n\t&.iti__cl {\n\t\theight: 14px;\n\t\tbackground-position: -1005px 0px;\n\t}\n\n\t&.iti__cm {\n\t\theight: 14px;\n\t\tbackground-position: -1027px 0px;\n\t}\n\n\t&.iti__cn {\n\t\theight: 14px;\n\t\tbackground-position: -1049px 0px;\n\t}\n\n\t&.iti__co {\n\t\theight: 14px;\n\t\tbackground-position: -1071px 0px;\n\t}\n\n\t&.iti__cp {\n\t\theight: 14px;\n\t\tbackground-position: -1093px 0px;\n\t}\n\n\t&.iti__cr {\n\t\theight: 12px;\n\t\tbackground-position: -1115px 0px;\n\t}\n\n\t&.iti__cu {\n\t\theight: 10px;\n\t\tbackground-position: -1137px 0px;\n\t}\n\n\t&.iti__cv {\n\t\theight: 12px;\n\t\tbackground-position: -1159px 0px;\n\t}\n\n\t&.iti__cw {\n\t\theight: 14px;\n\t\tbackground-position: -1181px 0px;\n\t}\n\n\t&.iti__cx {\n\t\theight: 10px;\n\t\tbackground-position: -1203px 0px;\n\t}\n\n\t&.iti__cy {\n\t\theight: 14px;\n\t\tbackground-position: -1225px 0px;\n\t}\n\n\t&.iti__cz {\n\t\theight: 14px;\n\t\tbackground-position: -1247px 0px;\n\t}\n\n\t&.iti__de {\n\t\theight: 12px;\n\t\tbackground-position: -1269px 0px;\n\t}\n\n\t&.iti__dg {\n\t\theight: 10px;\n\t\tbackground-position: -1291px 0px;\n\t}\n\n\t&.iti__dj {\n\t\theight: 14px;\n\t\tbackground-position: -1313px 0px;\n\t}\n\n\t&.iti__dk {\n\t\theight: 15px;\n\t\tbackground-position: -1335px 0px;\n\t}\n\n\t&.iti__dm {\n\t\theight: 10px;\n\t\tbackground-position: -1357px 0px;\n\t}\n\n\t&.iti__do {\n\t\theight: 14px;\n\t\tbackground-position: -1379px 0px;\n\t}\n\n\t&.iti__dz {\n\t\theight: 14px;\n\t\tbackground-position: -1401px 0px;\n\t}\n\n\t&.iti__ea {\n\t\theight: 14px;\n\t\tbackground-position: -1423px 0px;\n\t}\n\n\t&.iti__ec {\n\t\theight: 14px;\n\t\tbackground-position: -1445px 0px;\n\t}\n\n\t&.iti__ee {\n\t\theight: 13px;\n\t\tbackground-position: -1467px 0px;\n\t}\n\n\t&.iti__eg {\n\t\theight: 14px;\n\t\tbackground-position: -1489px 0px;\n\t}\n\n\t&.iti__eh {\n\t\theight: 10px;\n\t\tbackground-position: -1511px 0px;\n\t}\n\n\t&.iti__er {\n\t\theight: 10px;\n\t\tbackground-position: -1533px 0px;\n\t}\n\n\t&.iti__es {\n\t\theight: 14px;\n\t\tbackground-position: -1555px 0px;\n\t}\n\n\t&.iti__et {\n\t\theight: 10px;\n\t\tbackground-position: -1577px 0px;\n\t}\n\n\t&.iti__eu {\n\t\theight: 14px;\n\t\tbackground-position: -1599px 0px;\n\t}\n\n\t&.iti__fi {\n\t\theight: 12px;\n\t\tbackground-position: -1621px 0px;\n\t}\n\n\t&.iti__fj {\n\t\theight: 10px;\n\t\tbackground-position: -1643px 0px;\n\t}\n\n\t&.iti__fk {\n\t\theight: 10px;\n\t\tbackground-position: -1665px 0px;\n\t}\n\n\t&.iti__fm {\n\t\theight: 11px;\n\t\tbackground-position: -1687px 0px;\n\t}\n\n\t&.iti__fo {\n\t\theight: 15px;\n\t\tbackground-position: -1709px 0px;\n\t}\n\n\t&.iti__fr {\n\t\theight: 14px;\n\t\tbackground-position: -1731px 0px;\n\t}\n\n\t&.iti__ga {\n\t\theight: 15px;\n\t\tbackground-position: -1753px 0px;\n\t}\n\n\t&.iti__gb {\n\t\theight: 10px;\n\t\tbackground-position: -1775px 0px;\n\t}\n\n\t&.iti__gd {\n\t\theight: 12px;\n\t\tbackground-position: -1797px 0px;\n\t}\n\n\t&.iti__ge {\n\t\theight: 14px;\n\t\tbackground-position: -1819px 0px;\n\t}\n\n\t&.iti__gf {\n\t\theight: 14px;\n\t\tbackground-position: -1841px 0px;\n\t}\n\n\t&.iti__gg {\n\t\theight: 14px;\n\t\tbackground-position: -1863px 0px;\n\t}\n\n\t&.iti__gh {\n\t\theight: 14px;\n\t\tbackground-position: -1885px 0px;\n\t}\n\n\t&.iti__gi {\n\t\theight: 10px;\n\t\tbackground-position: -1907px 0px;\n\t}\n\n\t&.iti__gl {\n\t\theight: 14px;\n\t\tbackground-position: -1929px 0px;\n\t}\n\n\t&.iti__gm {\n\t\theight: 14px;\n\t\tbackground-position: -1951px 0px;\n\t}\n\n\t&.iti__gn {\n\t\theight: 14px;\n\t\tbackground-position: -1973px 0px;\n\t}\n\n\t&.iti__gp {\n\t\theight: 14px;\n\t\tbackground-position: -1995px 0px;\n\t}\n\n\t&.iti__gq {\n\t\theight: 14px;\n\t\tbackground-position: -2017px 0px;\n\t}\n\n\t&.iti__gr {\n\t\theight: 14px;\n\t\tbackground-position: -2039px 0px;\n\t}\n\n\t&.iti__gs {\n\t\theight: 10px;\n\t\tbackground-position: -2061px 0px;\n\t}\n\n\t&.iti__gt {\n\t\theight: 13px;\n\t\tbackground-position: -2083px 0px;\n\t}\n\n\t&.iti__gu {\n\t\theight: 11px;\n\t\tbackground-position: -2105px 0px;\n\t}\n\n\t&.iti__gw {\n\t\theight: 10px;\n\t\tbackground-position: -2127px 0px;\n\t}\n\n\t&.iti__gy {\n\t\theight: 12px;\n\t\tbackground-position: -2149px 0px;\n\t}\n\n\t&.iti__hk {\n\t\theight: 14px;\n\t\tbackground-position: -2171px 0px;\n\t}\n\n\t&.iti__hm {\n\t\theight: 10px;\n\t\tbackground-position: -2193px 0px;\n\t}\n\n\t&.iti__hn {\n\t\theight: 10px;\n\t\tbackground-position: -2215px 0px;\n\t}\n\n\t&.iti__hr {\n\t\theight: 10px;\n\t\tbackground-position: -2237px 0px;\n\t}\n\n\t&.iti__ht {\n\t\theight: 12px;\n\t\tbackground-position: -2259px 0px;\n\t}\n\n\t&.iti__hu {\n\t\theight: 10px;\n\t\tbackground-position: -2281px 0px;\n\t}\n\n\t&.iti__ic {\n\t\theight: 14px;\n\t\tbackground-position: -2303px 0px;\n\t}\n\n\t&.iti__id {\n\t\theight: 14px;\n\t\tbackground-position: -2325px 0px;\n\t}\n\n\t&.iti__ie {\n\t\theight: 10px;\n\t\tbackground-position: -2347px 0px;\n\t}\n\n\t&.iti__il {\n\t\theight: 15px;\n\t\tbackground-position: -2369px 0px;\n\t}\n\n\t&.iti__im {\n\t\theight: 10px;\n\t\tbackground-position: -2391px 0px;\n\t}\n\n\t&.iti__in {\n\t\theight: 14px;\n\t\tbackground-position: -2413px 0px;\n\t}\n\n\t&.iti__io {\n\t\theight: 10px;\n\t\tbackground-position: -2435px 0px;\n\t}\n\n\t&.iti__iq {\n\t\theight: 14px;\n\t\tbackground-position: -2457px 0px;\n\t}\n\n\t&.iti__ir {\n\t\theight: 12px;\n\t\tbackground-position: -2479px 0px;\n\t}\n\n\t&.iti__is {\n\t\theight: 15px;\n\t\tbackground-position: -2501px 0px;\n\t}\n\n\t&.iti__it {\n\t\theight: 14px;\n\t\tbackground-position: -2523px 0px;\n\t}\n\n\t&.iti__je {\n\t\theight: 12px;\n\t\tbackground-position: -2545px 0px;\n\t}\n\n\t&.iti__jm {\n\t\theight: 10px;\n\t\tbackground-position: -2567px 0px;\n\t}\n\n\t&.iti__jo {\n\t\theight: 10px;\n\t\tbackground-position: -2589px 0px;\n\t}\n\n\t&.iti__jp {\n\t\theight: 14px;\n\t\tbackground-position: -2611px 0px;\n\t}\n\n\t&.iti__ke {\n\t\theight: 14px;\n\t\tbackground-position: -2633px 0px;\n\t}\n\n\t&.iti__kg {\n\t\theight: 12px;\n\t\tbackground-position: -2655px 0px;\n\t}\n\n\t&.iti__kh {\n\t\theight: 13px;\n\t\tbackground-position: -2677px 0px;\n\t}\n\n\t&.iti__ki {\n\t\theight: 10px;\n\t\tbackground-position: -2699px 0px;\n\t}\n\n\t&.iti__km {\n\t\theight: 12px;\n\t\tbackground-position: -2721px 0px;\n\t}\n\n\t&.iti__kn {\n\t\theight: 14px;\n\t\tbackground-position: -2743px 0px;\n\t}\n\n\t&.iti__kp {\n\t\theight: 10px;\n\t\tbackground-position: -2765px 0px;\n\t}\n\n\t&.iti__kr {\n\t\theight: 14px;\n\t\tbackground-position: -2787px 0px;\n\t}\n\n\t&.iti__kw {\n\t\theight: 10px;\n\t\tbackground-position: -2809px 0px;\n\t}\n\n\t&.iti__ky {\n\t\theight: 10px;\n\t\tbackground-position: -2831px 0px;\n\t}\n\n\t&.iti__kz {\n\t\theight: 10px;\n\t\tbackground-position: -2853px 0px;\n\t}\n\n\t&.iti__la {\n\t\theight: 14px;\n\t\tbackground-position: -2875px 0px;\n\t}\n\n\t&.iti__lb {\n\t\theight: 14px;\n\t\tbackground-position: -2897px 0px;\n\t}\n\n\t&.iti__lc {\n\t\theight: 10px;\n\t\tbackground-position: -2919px 0px;\n\t}\n\n\t&.iti__li {\n\t\theight: 12px;\n\t\tbackground-position: -2941px 0px;\n\t}\n\n\t&.iti__lk {\n\t\theight: 10px;\n\t\tbackground-position: -2963px 0px;\n\t}\n\n\t&.iti__lr {\n\t\theight: 11px;\n\t\tbackground-position: -2985px 0px;\n\t}\n\n\t&.iti__ls {\n\t\theight: 14px;\n\t\tbackground-position: -3007px 0px;\n\t}\n\n\t&.iti__lt {\n\t\theight: 12px;\n\t\tbackground-position: -3029px 0px;\n\t}\n\n\t&.iti__lu {\n\t\theight: 12px;\n\t\tbackground-position: -3051px 0px;\n\t}\n\n\t&.iti__lv {\n\t\theight: 10px;\n\t\tbackground-position: -3073px 0px;\n\t}\n\n\t&.iti__ly {\n\t\theight: 10px;\n\t\tbackground-position: -3095px 0px;\n\t}\n\n\t&.iti__ma {\n\t\theight: 14px;\n\t\tbackground-position: -3117px 0px;\n\t}\n\n\t&.iti__mc {\n\t\theight: 15px;\n\t\tbackground-position: -3139px 0px;\n\t}\n\n\t&.iti__md {\n\t\theight: 10px;\n\t\tbackground-position: -3160px 0px;\n\t}\n\n\t&.iti__me {\n\t\theight: 10px;\n\t\tbackground-position: -3182px 0px;\n\t}\n\n\t&.iti__mf {\n\t\theight: 14px;\n\t\tbackground-position: -3204px 0px;\n\t}\n\n\t&.iti__mg {\n\t\theight: 14px;\n\t\tbackground-position: -3226px 0px;\n\t}\n\n\t&.iti__mh {\n\t\theight: 11px;\n\t\tbackground-position: -3248px 0px;\n\t}\n\n\t&.iti__mk {\n\t\theight: 10px;\n\t\tbackground-position: -3270px 0px;\n\t}\n\n\t&.iti__ml {\n\t\theight: 14px;\n\t\tbackground-position: -3292px 0px;\n\t}\n\n\t&.iti__mm {\n\t\theight: 14px;\n\t\tbackground-position: -3314px 0px;\n\t}\n\n\t&.iti__mn {\n\t\theight: 10px;\n\t\tbackground-position: -3336px 0px;\n\t}\n\n\t&.iti__mo {\n\t\theight: 14px;\n\t\tbackground-position: -3358px 0px;\n\t}\n\n\t&.iti__mp {\n\t\theight: 10px;\n\t\tbackground-position: -3380px 0px;\n\t}\n\n\t&.iti__mq {\n\t\theight: 14px;\n\t\tbackground-position: -3402px 0px;\n\t}\n\n\t&.iti__mr {\n\t\theight: 14px;\n\t\tbackground-position: -3424px 0px;\n\t}\n\n\t&.iti__ms {\n\t\theight: 10px;\n\t\tbackground-position: -3446px 0px;\n\t}\n\n\t&.iti__mt {\n\t\theight: 14px;\n\t\tbackground-position: -3468px 0px;\n\t}\n\n\t&.iti__mu {\n\t\theight: 14px;\n\t\tbackground-position: -3490px 0px;\n\t}\n\n\t&.iti__mv {\n\t\theight: 14px;\n\t\tbackground-position: -3512px 0px;\n\t}\n\n\t&.iti__mw {\n\t\theight: 14px;\n\t\tbackground-position: -3534px 0px;\n\t}\n\n\t&.iti__mx {\n\t\theight: 12px;\n\t\tbackground-position: -3556px 0px;\n\t}\n\n\t&.iti__my {\n\t\theight: 10px;\n\t\tbackground-position: -3578px 0px;\n\t}\n\n\t&.iti__mz {\n\t\theight: 14px;\n\t\tbackground-position: -3600px 0px;\n\t}\n\n\t&.iti__na {\n\t\theight: 14px;\n\t\tbackground-position: -3622px 0px;\n\t}\n\n\t&.iti__nc {\n\t\theight: 10px;\n\t\tbackground-position: -3644px 0px;\n\t}\n\n\t&.iti__ne {\n\t\theight: 15px;\n\t\tbackground-position: -3666px 0px;\n\t}\n\n\t&.iti__nf {\n\t\theight: 10px;\n\t\tbackground-position: -3686px 0px;\n\t}\n\n\t&.iti__ng {\n\t\theight: 10px;\n\t\tbackground-position: -3708px 0px;\n\t}\n\n\t&.iti__ni {\n\t\theight: 12px;\n\t\tbackground-position: -3730px 0px;\n\t}\n\n\t&.iti__nl {\n\t\theight: 14px;\n\t\tbackground-position: -3752px 0px;\n\t}\n\n\t&.iti__no {\n\t\theight: 15px;\n\t\tbackground-position: -3774px 0px;\n\t}\n\n\t&.iti__np {\n\t\theight: 15px;\n\t\tbackground-position: -3796px 0px;\n\t}\n\n\t&.iti__nr {\n\t\theight: 10px;\n\t\tbackground-position: -3811px 0px;\n\t}\n\n\t&.iti__nu {\n\t\theight: 10px;\n\t\tbackground-position: -3833px 0px;\n\t}\n\n\t&.iti__nz {\n\t\theight: 10px;\n\t\tbackground-position: -3855px 0px;\n\t}\n\n\t&.iti__om {\n\t\theight: 10px;\n\t\tbackground-position: -3877px 0px;\n\t}\n\n\t&.iti__pa {\n\t\theight: 14px;\n\t\tbackground-position: -3899px 0px;\n\t}\n\n\t&.iti__pe {\n\t\theight: 14px;\n\t\tbackground-position: -3921px 0px;\n\t}\n\n\t&.iti__pf {\n\t\theight: 14px;\n\t\tbackground-position: -3943px 0px;\n\t}\n\n\t&.iti__pg {\n\t\theight: 15px;\n\t\tbackground-position: -3965px 0px;\n\t}\n\n\t&.iti__ph {\n\t\theight: 10px;\n\t\tbackground-position: -3987px 0px;\n\t}\n\n\t&.iti__pk {\n\t\theight: 14px;\n\t\tbackground-position: -4009px 0px;\n\t}\n\n\t&.iti__pl {\n\t\theight: 13px;\n\t\tbackground-position: -4031px 0px;\n\t}\n\n\t&.iti__pm {\n\t\theight: 14px;\n\t\tbackground-position: -4053px 0px;\n\t}\n\n\t&.iti__pn {\n\t\theight: 10px;\n\t\tbackground-position: -4075px 0px;\n\t}\n\n\t&.iti__pr {\n\t\theight: 14px;\n\t\tbackground-position: -4097px 0px;\n\t}\n\n\t&.iti__ps {\n\t\theight: 10px;\n\t\tbackground-position: -4119px 0px;\n\t}\n\n\t&.iti__pt {\n\t\theight: 14px;\n\t\tbackground-position: -4141px 0px;\n\t}\n\n\t&.iti__pw {\n\t\theight: 13px;\n\t\tbackground-position: -4163px 0px;\n\t}\n\n\t&.iti__py {\n\t\theight: 11px;\n\t\tbackground-position: -4185px 0px;\n\t}\n\n\t&.iti__qa {\n\t\theight: 8px;\n\t\tbackground-position: -4207px 0px;\n\t}\n\n\t&.iti__re {\n\t\theight: 14px;\n\t\tbackground-position: -4229px 0px;\n\t}\n\n\t&.iti__ro {\n\t\theight: 14px;\n\t\tbackground-position: -4251px 0px;\n\t}\n\n\t&.iti__rs {\n\t\theight: 14px;\n\t\tbackground-position: -4273px 0px;\n\t}\n\n\t&.iti__ru {\n\t\theight: 14px;\n\t\tbackground-position: -4295px 0px;\n\t}\n\n\t&.iti__rw {\n\t\theight: 14px;\n\t\tbackground-position: -4317px 0px;\n\t}\n\n\t&.iti__sa {\n\t\theight: 14px;\n\t\tbackground-position: -4339px 0px;\n\t}\n\n\t&.iti__sb {\n\t\theight: 10px;\n\t\tbackground-position: -4361px 0px;\n\t}\n\n\t&.iti__sc {\n\t\theight: 10px;\n\t\tbackground-position: -4383px 0px;\n\t}\n\n\t&.iti__sd {\n\t\theight: 10px;\n\t\tbackground-position: -4405px 0px;\n\t}\n\n\t&.iti__se {\n\t\theight: 13px;\n\t\tbackground-position: -4427px 0px;\n\t}\n\n\t&.iti__sg {\n\t\theight: 14px;\n\t\tbackground-position: -4449px 0px;\n\t}\n\n\t&.iti__sh {\n\t\theight: 10px;\n\t\tbackground-position: -4471px 0px;\n\t}\n\n\t&.iti__si {\n\t\theight: 10px;\n\t\tbackground-position: -4493px 0px;\n\t}\n\n\t&.iti__sj {\n\t\theight: 15px;\n\t\tbackground-position: -4515px 0px;\n\t}\n\n\t&.iti__sk {\n\t\theight: 14px;\n\t\tbackground-position: -4537px 0px;\n\t}\n\n\t&.iti__sl {\n\t\theight: 14px;\n\t\tbackground-position: -4559px 0px;\n\t}\n\n\t&.iti__sm {\n\t\theight: 15px;\n\t\tbackground-position: -4581px 0px;\n\t}\n\n\t&.iti__sn {\n\t\theight: 14px;\n\t\tbackground-position: -4603px 0px;\n\t}\n\n\t&.iti__so {\n\t\theight: 14px;\n\t\tbackground-position: -4625px 0px;\n\t}\n\n\t&.iti__sr {\n\t\theight: 14px;\n\t\tbackground-position: -4647px 0px;\n\t}\n\n\t&.iti__ss {\n\t\theight: 10px;\n\t\tbackground-position: -4669px 0px;\n\t}\n\n\t&.iti__st {\n\t\theight: 10px;\n\t\tbackground-position: -4691px 0px;\n\t}\n\n\t&.iti__sv {\n\t\theight: 12px;\n\t\tbackground-position: -4713px 0px;\n\t}\n\n\t&.iti__sx {\n\t\theight: 14px;\n\t\tbackground-position: -4735px 0px;\n\t}\n\n\t&.iti__sy {\n\t\theight: 14px;\n\t\tbackground-position: -4757px 0px;\n\t}\n\n\t&.iti__sz {\n\t\theight: 14px;\n\t\tbackground-position: -4779px 0px;\n\t}\n\n\t&.iti__ta {\n\t\theight: 10px;\n\t\tbackground-position: -4801px 0px;\n\t}\n\n\t&.iti__tc {\n\t\theight: 10px;\n\t\tbackground-position: -4823px 0px;\n\t}\n\n\t&.iti__td {\n\t\theight: 14px;\n\t\tbackground-position: -4845px 0px;\n\t}\n\n\t&.iti__tf {\n\t\theight: 14px;\n\t\tbackground-position: -4867px 0px;\n\t}\n\n\t&.iti__tg {\n\t\theight: 13px;\n\t\tbackground-position: -4889px 0px;\n\t}\n\n\t&.iti__th {\n\t\theight: 14px;\n\t\tbackground-position: -4911px 0px;\n\t}\n\n\t&.iti__tj {\n\t\theight: 10px;\n\t\tbackground-position: -4933px 0px;\n\t}\n\n\t&.iti__tk {\n\t\theight: 10px;\n\t\tbackground-position: -4955px 0px;\n\t}\n\n\t&.iti__tl {\n\t\theight: 10px;\n\t\tbackground-position: -4977px 0px;\n\t}\n\n\t&.iti__tm {\n\t\theight: 14px;\n\t\tbackground-position: -4999px 0px;\n\t}\n\n\t&.iti__tn {\n\t\theight: 14px;\n\t\tbackground-position: -5021px 0px;\n\t}\n\n\t&.iti__to {\n\t\theight: 10px;\n\t\tbackground-position: -5043px 0px;\n\t}\n\n\t&.iti__tr {\n\t\theight: 14px;\n\t\tbackground-position: -5065px 0px;\n\t}\n\n\t&.iti__tt {\n\t\theight: 12px;\n\t\tbackground-position: -5087px 0px;\n\t}\n\n\t&.iti__tv {\n\t\theight: 10px;\n\t\tbackground-position: -5109px 0px;\n\t}\n\n\t&.iti__tw {\n\t\theight: 14px;\n\t\tbackground-position: -5131px 0px;\n\t}\n\n\t&.iti__tz {\n\t\theight: 14px;\n\t\tbackground-position: -5153px 0px;\n\t}\n\n\t&.iti__ua {\n\t\theight: 14px;\n\t\tbackground-position: -5175px 0px;\n\t}\n\n\t&.iti__ug {\n\t\theight: 14px;\n\t\tbackground-position: -5197px 0px;\n\t}\n\n\t&.iti__um {\n\t\theight: 11px;\n\t\tbackground-position: -5219px 0px;\n\t}\n\n\t&.iti__un {\n\t\theight: 14px;\n\t\tbackground-position: -5241px 0px;\n\t}\n\n\t&.iti__us {\n\t\theight: 11px;\n\t\tbackground-position: -5263px 0px;\n\t}\n\n\t&.iti__uy {\n\t\theight: 14px;\n\t\tbackground-position: -5285px 0px;\n\t}\n\n\t&.iti__uz {\n\t\theight: 10px;\n\t\tbackground-position: -5307px 0px;\n\t}\n\n\t&.iti__va {\n\t\theight: 15px;\n\t\tbackground-position: -5329px 0px;\n\t}\n\n\t&.iti__vc {\n\t\theight: 14px;\n\t\tbackground-position: -5346px 0px;\n\t}\n\n\t&.iti__ve {\n\t\theight: 14px;\n\t\tbackground-position: -5368px 0px;\n\t}\n\n\t&.iti__vg {\n\t\theight: 10px;\n\t\tbackground-position: -5390px 0px;\n\t}\n\n\t&.iti__vi {\n\t\theight: 14px;\n\t\tbackground-position: -5412px 0px;\n\t}\n\n\t&.iti__vn {\n\t\theight: 14px;\n\t\tbackground-position: -5434px 0px;\n\t}\n\n\t&.iti__vu {\n\t\theight: 12px;\n\t\tbackground-position: -5456px 0px;\n\t}\n\n\t&.iti__wf {\n\t\theight: 14px;\n\t\tbackground-position: -5478px 0px;\n\t}\n\n\t&.iti__ws {\n\t\theight: 10px;\n\t\tbackground-position: -5500px 0px;\n\t}\n\n\t&.iti__xk {\n\t\theight: 15px;\n\t\tbackground-position: -5522px 0px;\n\t}\n\n\t&.iti__ye {\n\t\theight: 14px;\n\t\tbackground-position: -5544px 0px;\n\t}\n\n\t&.iti__yt {\n\t\theight: 14px;\n\t\tbackground-position: -5566px 0px;\n\t}\n\n\t&.iti__za {\n\t\theight: 14px;\n\t\tbackground-position: -5588px 0px;\n\t}\n\n\t&.iti__zm {\n\t\theight: 14px;\n\t\tbackground-position: -5610px 0px;\n\t}\n\n\t&.iti__zw {\n\t\theight: 10px;\n\t\tbackground-position: -5632px 0px;\n\t}\n\n\theight: 15px;\n\tbackground-image: url(\"../plugins/intl-tel-input-master/img/flags.png\");\n\tbackground-repeat: no-repeat;\n\tbackground-color: #f4f5fb;\n\tbackground-position: 20px 0;\n\n\t&.iti__np {\n\t\tbackground-color: transparent;\n\t}\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t.iti__flag {\n\t\tbackground-size: 5652px 15px;\n\t}\n}\n\n@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t.iti__flag {\n\t\tbackground-image: url(\"../plugins/intl-tel-input-master/img/flags@2x.png\");\n\t}\n}\n\n.iti input {\n\toutline: 0;\n}\n", "/* Ion.RangeSlider\n// css version 2.0.3\n// © 2013-2014 Denis Ineshin | IonDen.com\n// ===================================================================================================================*/\n\n/* =====================================================================================================================\n// RangeSlider */\n\n.irs {\n 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,\n.irs-line-mid,\n.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 &.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,\n.irs-to,\n.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}\n", "/* Ion.RangeSlider, Flat UI Skin\n// css version 2.0.3\n// © Denis Ineshin, 2014 https://github.com/IonDen\n// ===================================================================================================================*/\n\n/* =====================================================================================================================\n// Skin details */\n\n.irs-line-mid,\n.irs-line-left,\n.irs-line-right,\n.irs-bar,\n.irs-bar-edge,\n.irs-slider {\n background: url(../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: 12px;\n top: 25px;\n}\n\n.irs-line-left {\n height: 12px;\n background-position: 0 -30px;\n}\n\n.irs-line-mid {\n height: 12px;\n background-position: 0 0;\n}\n\n.irs-line-right {\n height: 12px;\n background-position: 100% -30px;\n}\n\n.irs-bar {\n height: 12px;\n top: 25px;\n background-position: 0 -60px;\n}\n\n.irs-bar-edge {\n top: 25px;\n height: 12px;\n width: 9px;\n background-position: 0 -90px;\n}\n\n.irs-shadow {\n height: 3px;\n top: 34px;\n background: #000;\n opacity: 0.25;\n}\n\n.lt-ie9 .irs-shadow {\n filter: alpha(opacity = 25);\n}\n\n.irs-slider {\n width: 16px;\n height: 18px;\n top: 22px;\n background-position: 0 -120px;\n\n &.state_hover,\n &:hover {\n background-position: 0 -150px;\n }\n}\n\n.irs-min,\n.irs-max {\n color: #999;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n top: 0;\n padding: 1px 3px;\n background: #e1e4e9;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.irs-from,\n.irs-to,\n.irs-single {\n color: #fff;\n font-size: 10px;\n line-height: 1.333;\n text-shadow: none;\n padding: 1px 5px;\n background: #ed5565;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.irs-from:after,\n.irs-to:after,\n.irs-single:after {\n position: absolute;\n display: block;\n content: \"\";\n bottom: -6px;\n left: 50%;\n width: 0;\n height: 0;\n margin-left: -3px;\n overflow: hidden;\n border: 3px solid transparent;\n border-top-color: $primary-1;\n}\n\n.irs-grid-pol {\n background: #e1e4e9;\n}\n\n.irs-grid-text {\n color: #999;\n}\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,\n.irs-line-left,\n.irs-line-right,\n.irs-bar,\n.irs-bar-edge,\n.irs-slider {\n background: url(../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,\n &:hover {\n background-position: 0 -150px;\n }\n}\n\n.irs-min,\n.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,\n .irs-max {\n background: #3654b0;\n }\n}\n\n.irs-from,\n.irs-to,\n.irs-single {\n color: #fff;\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,\n .irs-to,\n .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", "/* jQuery Countdown styles 2.0.0. */\n\n#launch_date {\n margin: 0px auto 20px auto;\n}\n\n.countdown-rtl {\n direction: rtl;\n}\n\n.countdown-holding span {\n color: #888;\n}\n\n.countdown-row {\n clear: both;\n width: 100%;\n padding: 0px 2px;\n text-align: center;\n}\n\n.countdown {\n li {\n display: inline-block;\n font-size: 1.83rem;\n font-weight: bold;\n min-width: 88px;\n height: 88px;\n border-radius: 3px;\n line-height: 22px;\n padding: 20px;\n text-align: center;\n margin: 0 auto;\n position: relative;\n overflow: hidden;\n background: rgba(255, 255, 255, 0.08);\n z-index: 1;\n\n /* border: 1px solid $primary-1; */\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\n color: #fff;\n }\n\n .time {\n font-size: 13px;\n padding-top: 2px;\n font-weight: 300;\n }\n}\n\n@media (max-width: 991px) {\n .countdown li {\n margin: 20px 10px 10px 10px;\n }\n\n .is-countdown {\n margin-top: 20px;\n }\n}\n\n@media (min-width: 992px) {\n .countdown li {\n margin: 30px 10px 5px 10px;\n }\n}\n", "/* jQuery Growl\n * Copyright 2015 Kevin Sylvestre\n * 1.3.5\n */\n\n.ontop,\n#growls-default,\n#growls-tl,\n#growls-tr,\n#growls-bl,\n#growls-br,\n#growls-tc,\n#growls-bc,\n#growls-cc,\n#growls-cl,\n#growls-cr {\n z-index: 50000;\n position: fixed;\n}\n\n#growls-default {\n top: 10px;\n right: 10px;\n}\n\n#growls-tl {\n top: 10px;\n left: 10px;\n}\n\n#growls-tr {\n top: 10px;\n right: 10px;\n}\n\n#growls-bl {\n bottom: 10px;\n left: 10px;\n}\n\n#growls-br {\n bottom: 10px;\n right: 10px;\n}\n\n#growls-tc {\n top: 10px;\n right: 10px;\n left: 10px;\n}\n\n#growls-bc {\n bottom: 10px;\n right: 10px;\n left: 10px;\n}\n\n#growls-cc {\n top: 50%;\n left: 50%;\n margin-left: -125px;\n}\n\n#growls-cl {\n top: 50%;\n left: 10px;\n}\n\n#growls-cr {\n top: 50%;\n right: 10px;\n}\n\n#growls-tc .growl,\n#growls-bc .growl {\n margin-left: auto;\n margin-right: auto;\n}\n\n.growl {\n opacity: 0.9;\n filter: alpha(opacity = 80);\n position: relative;\n border-radius: 4px;\n -webkit-transition: all 0.4s ease-in-out;\n -moz-transition: all 0.4s ease-in-out;\n transition: all 0.4s ease-in-out;\n\n &.growl-incoming,\n &.growl-outgoing {\n opacity: 0;\n filter: alpha(opacity = 0);\n }\n\n &.growl-small {\n width: 200px;\n padding: 5px;\n margin: 5px;\n }\n\n &.growl-medium {\n width: 250px;\n padding: 10px;\n margin: 10px;\n }\n\n &.growl-large {\n width: 300px;\n padding: 15px;\n margin: 15px;\n }\n\n &.growl-default {\n color: #fff;\n background: linear-gradient(to bottom right, #1e63c3 0%, #00f2fe 100%);\n }\n\n &.growl-error {\n color: #fff;\n background: #ff5b51;\n }\n\n &.growl-error1 {\n color: #fff;\n background: linear-gradient(to bottom right, #b51b35 0%, #fd4a68 100%);\n }\n\n &.growl-notice {\n color: #fff;\n background: #2dce89;\n }\n\n &.growl-notice1 {\n color: #fff;\n background: linear-gradient(to bottom right, #1ea38f 0%, #5cf9e2 100%);\n }\n\n &.growl-sucess {\n color: #fff;\n background: #2dce89;\n }\n\n &.growl-warning {\n color: #fff;\n background: #ecb403;\n }\n\n &.growl-warning1 {\n color: #fff;\n background: linear-gradient(to bottom right, #f66b4e 0%, #fbc434 100%);\n }\n\n .growl-close {\n cursor: pointer;\n float: right;\n font-size: 14px;\n line-height: 18px;\n font-weight: normal;\n font-family: helvetica, verdana, sans-serif;\n }\n\n .growl-title {\n font-size: 16px;\n line-height: 24px;\n font-weight: 500;\n margin-bottom: 5px;\n }\n\n .growl-message {\n font-size: 13px;\n line-height: 18px;\n }\n}\n", ".ui-timepicker-wrapper {\n overflow-y: auto;\n max-height: 150px;\n width: 6.5em;\n background: #fff;\n border: 1px solid $border;\n -webkit-box-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);\n -moz-box-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);\n box-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);\n outline: none;\n z-index: 2;\n margin: 0;\n border-radius: 7px;\n\n &.ui-timepicker-with-duration {\n width: 13em;\n\n &.ui-timepicker-step-30,\n &.ui-timepicker-step-60 {\n width: 11em;\n }\n }\n}\n\n.ui-timepicker-list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.ui-timepicker-duration {\n margin-left: 5px;\n color: #888;\n}\n\n.ui-timepicker-list {\n &:hover .ui-timepicker-duration {\n color: #888;\n }\n\n li {\n padding: 0px 10px;\n cursor: pointer;\n white-space: nowrap;\n color: #000;\n list-style: none;\n margin: 0;\n height: 35px;\n line-height: 35px;\n }\n\n &:hover .ui-timepicker-selected {\n background: #fff;\n }\n}\n\nli.ui-timepicker-selected {\n background: $primary-1;\n color: #fff;\n}\n\n.ui-timepicker-list {\n li:hover,\n .ui-timepicker-selected:hover {\n background: $primary-1;\n color: #fff;\n }\n}\n\nli.ui-timepicker-selected .ui-timepicker-duration {\n color: #ccc;\n}\n\n.ui-timepicker-list li {\n &:hover .ui-timepicker-duration {\n color: #ccc;\n }\n\n &.ui-timepicker-disabled {\n color: #888;\n cursor: default;\n\n &:hover {\n color: #888;\n cursor: default;\n }\n }\n\n &.ui-timepicker-selected.ui-timepicker-disabled {\n color: #888;\n cursor: default;\n }\n\n &.ui-timepicker-disabled:hover,\n &.ui-timepicker-selected.ui-timepicker-disabled {\n background: #f2f2f2;\n }\n}\n", ".checkbox-group {\n .checkbox-normal {\n display: none;\n }\n\n display: inline-block;\n position: relative;\n\n label {\n display: inline-block;\n position: relative;\n padding-left: 25px;\n cursor: pointer;\n font-size: 13px;\n line-height: 21px;\n }\n\n + .checkbox-group label {\n margin-left: 15px;\n }\n}\n\n.clearfix {\n &:before,\n &:after {\n content: \"\";\n display: table;\n }\n}\n\n.radio-group {\n label:before {\n content: \"\";\n display: inline-block;\n width: 16px;\n height: 16px;\n position: absolute;\n top: 3px;\n left: 0px;\n background: #fcfcfc;\n border: 1px solid #bbb;\n }\n\n .radio-normal {\n + label:before {\n -webkit-border-radius: 10px;\n -moz-border-radius: 10px;\n border-radius: 10px;\n }\n\n &:checked + label:before {\n content: \"\\e6bf\";\n font-family: \"iconfont\";\n color: #fff;\n font-size: 14px;\n line-height: 15px;\n }\n\n &:disabled + label:before {\n color: #fff;\n border: 1px solid #ccc;\n background: #e7eaf3;\n cursor: not-allowed;\n }\n }\n}\n\n/*?????radio???*/\n/* + ??????,??????label??*/\n\n.checkbox-group {\n label:before {\n content: \"\";\n display: inline-block;\n width: 16px;\n height: 16px;\n position: absolute;\n top: 3px;\n left: 0;\n border-radius: 3px;\n background: #fff;\n border: 1px solid $border;\n }\n\n .checkbox-normal {\n + label:before {\n -webkit-border-radius: 0px;\n -moz-border-radius: 0px;\n border-radius: 3px;\n }\n\n &:checked + label:before {\n content: \"\\e93e\";\n font-family: \"iconfont\";\n font-size: 9px;\n text-align: center;\n line-height: 13px;\n background: $primary-1;\n margin: 0 auto;\n text-align: center;\n color: #fff;\n }\n\n &:disabled + label:before {\n color: #fff;\n border: 1px solid #ccc;\n background-color: #e7eaf3;\n cursor: not-allowed;\n }\n }\n\n .checkbox-indeterminate + label:before {\n content: \"\\e95f\";\n font-family: \"iconfont\";\n font-size: 14px;\n text-align: center;\n line-height: 15px;\n color: #fff;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n }\n}\n\n/*?????radio???*/\n/* + ??????,??????label??*/\n\n.multi-select-active:after {\n content: \"\\e93e\";\n font-family: \"iconfont\";\n margin-left: 64%;\n font-weight: bold;\n}\n\n.icon-single-add,\n.icon-double-add {\n font-size: 22px;\n position: absolute;\n margin-left: -30px;\n margin-top: 7px;\n}\n\n.transfer-double {\n width: 100%;\n height: 100%;\n background-color: #fff;\n left: 30%;\n position: inherit;\n z-index: 1000;\n border-radius: 0px;\n}\n\n.transfer-double-content-left {\n display: inline-block;\n width: 46%;\n border: 1px solid $border;\n border-radius: 7px;\n float: left;\n overflow: hidden;\n}\n\n.transfer-double-content-middle {\n display: inline-block;\n width: 35px;\n float: left;\n margin: 12% 22px 0 22px;\n text-align: center;\n vertical-align: middle;\n}\n\n.transfer-double-content-right {\n display: inline-block;\n width: 45%;\n border: 1px solid $border;\n border-radius: 7px;\n}\n\n.transfer-double-content-tabs {\n display: inline-block;\n width: 100%;\n border-bottom: 1px solid $border;\n\n .tab-item-name {\n &.tab-active {\n background: #f6f6fb;\n }\n\n display: inline-block;\n line-height: 36px;\n margin-left: 15%;\n width: 50%;\n cursor: pointer;\n margin: 0;\n font-weight: 500;\n text-align: center;\n padding: 3px;\n }\n}\n\n.transfer-double-content-param {\n display: inline-block;\n width: 100%;\n line-height: 36px;\n border-bottom: 1px solid #e7eaf3;\n text-align: center;\n padding: 3px;\n font-weight: 500;\n\n .param-item {\n display: inline-block;\n width: 40%;\n height: 36px;\n line-height: 36px;\n }\n}\n\n.vertical-separation-line {\n color: #eee;\n margin: 0 10px;\n}\n\n.transfer-double-list {\n display: none;\n}\n\n.tab-content-active {\n display: block;\n}\n\n.transfer-double-list-header {\n padding: 8px 8px 6px 8px;\n text-align: center;\n}\n\n.transfer-double-list-search-input {\n width: 100%;\n line-height: 24px;\n border: 1px solid $border;\n padding: 5px 0 4px 8px;\n border-radius: 7px;\n outline: 0;\n}\n\n.transfer-double-list-content {\n padding: 3px 3px;\n}\n\n.transfer-double-list-main {\n height: 210px;\n overflow-y: auto;\n\n .transfer-double-list-ul {\n list-style: none;\n padding-left: 7px;\n margin: 0;\n\n .transfer-double-list-li {\n margin-top: 5px;\n\n input {\n margin-right: 10px;\n }\n }\n }\n\n .transfer-double-group-list-ul {\n list-style: none;\n padding-left: 7px;\n margin: 0;\n\n .transfer-double-group-list-li {\n margin-top: 5px;\n\n .transfer-double-group-list-li-ul {\n list-style: none;\n padding-left: 20px;\n\n .transfer-double-group-list-li-ul-li {\n margin-top: 5px;\n }\n }\n }\n }\n}\n\n.transfer-double-selected-list-header {\n padding: 8px 8px 6px 8px;\n text-align: center;\n}\n\n.transfer-double-selected-list-search-input {\n width: 100%;\n line-height: 24px;\n color: #777ab2 !important;\n border: 1px solid $border;\n padding: 5px 0 4px 8px;\n border-radius: 7px;\n outline: 0;\n}\n\n.transfer-double-selected-list-content {\n padding: 3px 3px;\n}\n\n.transfer-double-selected-list-main {\n height: 210px;\n overflow-y: auto;\n\n .transfer-double-selected-list-ul {\n list-style: none;\n padding-left: 7px;\n margin: 0;\n\n .transfer-double-selected-list-li {\n margin-top: 5px;\n\n .checkbox-group {\n width: 65%;\n }\n\n input {\n &[type=\"checkbox\"] {\n margin-right: 10px;\n }\n\n &[type=\"text\"] {\n min-width: 40px;\n width: 40px;\n min-height: 24px;\n height: 24px;\n }\n }\n }\n }\n}\n\n.transfer-double-list-footer {\n border-top: 1px solid $border;\n padding-left: 0px;\n padding-top: 1px;\n\n span {\n margin-left: 20px;\n }\n\n input {\n min-width: 40px;\n width: 40px;\n min-height: 24px;\n height: 24px;\n margin-left: 75px;\n }\n\n .btn-setting {\n display: inline-block;\n margin-left: 5px;\n }\n\n label {\n margin-left: 10px;\n margin-top: 5px;\n }\n}\n\n.transfer-double-footer {\n text-align: right;\n}\n\n.btn-select-arrow {\n display: inline-block;\n width: 34px;\n height: 34px;\n line-height: 34px;\n border-radius: 7px;\n color: #424e79;\n background: #f6f6fb;\n border: 1px solid $border;\n cursor: pointer;\n\n + .btn-select-arrow {\n margin-top: 10px;\n }\n}\n\n/*\n *????\n */\n\n.clearfix {\n &:before {\n display: table;\n content: \" \";\n }\n\n &:after {\n display: table;\n content: \" \";\n clear: both;\n }\n\n *zoom: 1;\n}\n\n/*\n * input placeholder style\n */\n\n// input {\n// &::-webkit-input-placeholder {\n// /* WebKit browsers */\n// font-size: 12px;\n// color: #bbb;\n// }\n\n// &:-moz-placeholder {\n// /* Mozilla Firefox 4 to 18 */\n// font-size: 12px;\n// color: #bbb;\n// }\n\n// &::-moz-placeholder {\n// /* Mozilla Firefox 19+ */\n// font-size: 12px;\n// color: #bbb;\n// }\n\n// &:-ms-input-placeholder {\n// /* Internet Explorer 10+ */\n// font-size: 12px;\n// color: #bbb;\n// }\n// }\n\n/*\n * webkit????????\n */\n\n.transfer-double-list-main,\n.transfer-double-selected-list-main {\n &::-webkit-scrollbar {\n width: 4px;\n height: 4px;\n }\n\n &::-webkit-scrollbar-track {\n background: #f6f6f6;\n border-radius: 2px;\n }\n\n &::-webkit-scrollbar-thumb {\n background: #e7eaf3;\n border-radius: 2px;\n }\n\n &::-webkit-scrollbar-corner {\n background: #f6f6f6;\n }\n}\n\n/** responsive **/\n@media (max-width: 480px) {\n .transfer-double-content-left,\n .transfer-double-content-right {\n width: 100%;\n }\n\n .transfer-double-content-middle {\n margin: 15px 15px 15px 40%;\n }\n}\n\n@media (min-width: 481px) and (max-width: 992px) {\n .transfer-double-content-left {\n width: 100%;\n }\n\n .transfer-double-content-right {\n width: 100%;\n }\n\n .transfer-double-content-middle {\n margin: 15px 15px 15px 40%;\n }\n\n .transfer {\n padding-right: 0 !important;\n }\n}\n\n@media (min-width: 993px) and (max-width: 1366px) {\n .transfer-double-content-left {\n width: 42%;\n }\n\n .transfer-double-content-right {\n width: 42%;\n }\n}\n", ".jvectormap-container {\n width: 100%;\n height: 100%;\n position: relative;\n overflow: hidden;\n}\n\n.jvectormap-tip {\n position: absolute;\n display: none;\n border: solid 1px #cdcdcd;\n border-radius: 3px;\n background: #292929;\n color: white;\n font-family: sans-serif, Verdana;\n font-size: smaller;\n padding: 3px;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout,\n.jvectormap-goback {\n position: absolute;\n left: 10px;\n border-radius: 3px;\n background: #f8f8f9;\n padding: 5px;\n color: #000;\n cursor: pointer;\n line-height: 20px;\n text-align: center;\n box-sizing: content-box;\n}\n\n.jvectormap-zoomin,\n.jvectormap-zoomout {\n width: 20px;\n height: 20px;\n}\n\n.jvectormap-zoomin {\n top: 10px;\n}\n\n.jvectormap-zoomout {\n top: 50px;\n}\n\n.jvectormap-goback {\n bottom: 10px;\n z-index: 1000;\n padding: 6px;\n}\n\n.jvectormap-spinner {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background: center no-repeat\n url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);\n}\n\n.jvectormap-legend-title {\n font-weight: bold;\n font-size: 14px;\n text-align: center;\n}\n\n.jvectormap-legend-cnt {\n position: absolute;\n}\n\n.jvectormap-legend-cnt-h {\n bottom: 0;\n right: 0;\n}\n\n.jvectormap-legend-cnt-v {\n top: 0;\n right: 0;\n}\n\n.jvectormap-legend {\n background: black;\n color: white;\n border-radius: 3px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend {\n float: left;\n margin: 0 10px 10px 0;\n padding: 3px 3px 1px 3px;\n\n .jvectormap-legend-tick {\n float: left;\n }\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend {\n margin: 10px 10px 0 0;\n padding: 3px;\n}\n\n.jvectormap-legend-cnt-h {\n .jvectormap-legend-tick {\n width: 40px;\n }\n\n .jvectormap-legend-tick-sample {\n height: 15px;\n }\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {\n height: 20px;\n width: 20px;\n display: inline-block;\n vertical-align: middle;\n}\n\n.jvectormap-legend-tick-text {\n font-size: 12px;\n}\n\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {\n text-align: center;\n}\n\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {\n display: inline-block;\n vertical-align: middle;\n line-height: 20px;\n padding-left: 3px;\n}\n\n#world-map-markers1 {\n .jvectormap-zoomin,\n .jvectormap-zoomout {\n display: none;\n }\n}\n", "#jquery-script-menu {\n\tposition: fixed;\n\theight: 90px;\n\twidth: 100%;\n\ttop: 0;\n\tleft: 0;\n\tborder-top: 5px solid #316594;\n\tbackground: #fff;\n\t-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);\n\t-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);\n\tbox-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);\n\tz-index: 999999;\n\tpadding: 10px 0;\n\t-webkit-box-sizing: content-box;\n\t-moz-box-sizing: content-box;\n\tbox-sizing: content-box;\n}\n\n.jquery-script-center {\n\twidth: 960px;\n\tmargin: 0 auto;\n\n\tul {\n\t\twidth: 212px;\n\t\tfloat: left;\n\t\tline-height: 45px;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tlist-style: none;\n\t}\n\n\ta {\n\t\ttext-decoration: none;\n\t}\n}\n\n.jquery-script-ads {\n\twidth: 728px;\n\theight: 90px;\n\tfloat: right;\n}\n\n.jquery-script-clear {\n\tclear: both;\n\theight: 0;\n}\n", "@font-face {\n font-family: \"iconfont\";\n src: url(\"../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995\");\n\n /* IE9*/\n src: url(\"../plugins/jQuerytransfer/icon_font/font/iconfont.eot?t=1519785387995#iefix\") format(\"embedded-opentype\"),\n url(\"data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAABbEAAsAAAAAKngAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7kvRY21hcAAAAYAAAAKNAAAGPpdZLwpnbHlmAAAEEAAADlYAABrcmxAgdmhlYWQAABJoAAAALwAAADYQl7FTaGhlYQAAEpgAAAAcAAAAJAfeA8hobXR4AAAStAAAABUAAAEcG+kAAGxvY2EAABLMAAAAkAAAAJARkxhEbWF4cAAAE1wAAAAfAAAAIAFeAQJuYW1lAAATfAAAAUUAAAJtPlT+fXBvc3QAABTEAAAB/gAAA2ydwgIceJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYKl7eZ27438AQw9zA0AAUZgTJAQDkAgxXeJzN1M1vlFUcxfHvtBVQy4tKBXmTVxV8gdaCVEor1U4DCSWBhrAoQoxx3aSbhrhwUxrYQELapOILSMKaJu6bdNEEWLBFVMrqwvkrynnmdMtGWDg3n0lnkvnl6b3nXOA1oNk+sRZoKtT8F7Un/rbW+L6ZNxrft9T+9Oc6X/k3yxgrLaWj9JYTZagMl9mnXc8eqE3t6lSP+jSgYxrUKZ3TiEY1ocu6qmua0i3d1ozmNK/7Wlhc9LyxwgvmdHtOXUd13HPONuaM65KueM6kpj3nTmPOXT1szHn5V83/W53BF6yTXkOc5ozXcGOd5zu+9/qBC14/NtZPjTlv0uo9avG+vc5ymryDK7xjdVayitWs4S3e5h3W0sa7rGM9G3iPjWxiC5t5n61sYzs72MkuPuBDPmI3e/jYJ/Epn7GXfXTwOZ20s58DfMFBuviSQ3RzmB56fT5H6ONrvqHfD7PslezNf9zQ/8mrtXprPrP0qW5jS/yIhfCpUWpR/aI0RdWQ0hxVQ8qSqhWlI3zOlN7wiVNOBNWMoahaVobDeaDMhpPB066onu3Zg3BaUFs4N6g9nCDUGc4S6g6nCh0O5wv1hJOG+sKZQ/Wgmj0QziE6Gk4kOhbOJjoeTikaDOcVnQonF50NZxh9G04zOhfONRoJJxyNhrOOxsOpRxfD+UcT4SagS+FOoMvhdqAr4Z6gq+HGoGvh7qDJcIvQVLhPaDrcLPRzVLegrofbhn4J9w79Gm4g+i3cRfR7uJXoRrif6GZQndUfQXWGt8LtRbfDPUZ3wo1GM+Fuo7lwy9F8uO/obrj56F5QZeF+UGXhYVBl4a/wDYEehe8K9Hf41kD/BFVe/g3fJOhx+E5BC0H/c9pqRJEAAAB4nK1Ze2xb13m/3zl8iJL45uXV85IUTTLmtaVIfCUxSdOJZ8uK08neyCq2EylKg6k2aqXx6lhwUt028uDONqYWmwO5MSC72TyYf7RYpWXwAovANmCFna3NQGEeljTeVgSIhi1217oDwut95z4oyjPbAZ1w73fPuefxvX/nuxRn5rj7t+m7tIPzco9wg9xObpTjwCJBn4P0QiiW7CcS8CEzL/gcNBaOhazhvn6aA6HP4vMPpZNRwWK1OMEBIiRCQ+lYP4lBKpkn22DI3wvQ2d31W55Ij4fOQ2tHTDyljJDLwAfCPc78VmXPlu2+oaC35dV2j6fT4znbYjGbWwgxOR3wJcFvM9taLcrbZmcX/25gMwlAe2esa++z9mC354XTyaO9EcEGIMvg7Q46rmx3d7nxeq3L7/V0Wl32lo4ue3iTD179t7YOb3tv9F85/COo67v0Gt2P7QGOs0FfFOVNZ9KbBBEEvwOwC7Goycq0EfybMulMHltWC76wWui3lZeGT2eHn+2S0sdh8q180Uvt3X7q2pM+pfzopYGI/5n8KRh4achD/V0Owj+RefPZEFRqta1bMm9+/+rw+aGjA1/ba/db7PYd0488L8n5by18feD5LfJTow672W8f/9zwAbtJlxPJGMzhw4beCOfRmD5LX5Rwn4fBkUG8YEuEPQY55r+PaIUGuTYuwCW4Ye45XBHqiybT6A9cRcOsje5I5yCZZk5xgDmMeqa0ns+/Td2d9kVzkIdMgnXQ/RYcsoTYy2QUu+oeaBUeZy5+VnF4PA5aQHpUbTLS44F07d7i5jRg0+NYxFf/4cB3m1lL7ZK7xlxHhU2DCTazx6PI9RUOtr5xTY+HBLW3DXN0bmwWMxWgDf6OLtEE9zPspJOoXWaI+TKTBdZORhlNR/W2JRozqBVptC+sUq2NrtZpHHikfRZGoywEWNtv0ajVoAJSi49XacLvQ4qxZO2BBIsbP6M+v6DSRNqvUexmkGptn5+1/UM6zYNB0xpN1elQOhVNZzDFomxIbSdTahvf0D8D8IITkLY4iL+tFcDvsgABwUeB+AVs+btNBPheKza9YhtSd8CB1BlwIW0PeIDaRB8QS7cf+6STUb4DwOwRAFocfty6vZUHh8kL4HYjH5MD+NZ2fO13tAAIHjNAB8/4dBKVm4WAT7RR8ATase8KOJE6Am6kbaIXqbUXZ5tUboKfAPUxIS0uZNTa5ieOFuTDFPoqUGfATdVFtIWtMatrOgRkw6NsZhe2wGbnSXsLj0tMHhQQXIDhixK2taFszhbGxGNYQuhkluixMnO0Yp9JSF2qHewoIG1ldrD2MGVop7oA2VAPa1mdKF9bG/IBh8UH4CLIyGNCOfkW1RZ2BCXocJnZKp4yXswYXazP97Ywk2im1+OW4yhHjnMu7PQzyPWJZChPklGyFDk09dyeaHTPc1OHRqJREo9EoyOH1DZ7aGvJKilh3nMsMRGiMKnzQLgDM4TMHFApKRotpMiKu3+GHiHXuW4uwz3FcZFwKhllmR52qDjAM0jPQYLhekzdLYMUd9b25xMYhxlsg/ZQWdL9o3bePtpmt7cZjYPi/sGhbUBnDh2aoZAZODxHHqVXXi8c3aycIeO7d48TlW4abbXbW0fB7nOMtjocraMOn/2bm3OensncwRlKZw5uG+8Nf/d3HY7XrlB4VILE7ucJeX63SnX9H4UFrgX1Z+IzoUHhe3riPT2wAN1ST4/Ureos03+kMtfLbeZSOHfILyQeolsoFULtYg2aQTgV5sN8AtVOwF/t+MpALjKezA8D/f0vTp0hMJL92ncorCl5098PkGNjY68Q8srY2DHy45ObT+IFf7glEnnMHjw2MnWG0jNTI8eCm6rzJzfvv/jD/8ZZbAWjtbts8kk9FlbIBEP/jA2ehOtw/RJcV57kNo559TEyruCTa1XHZFRTQK8GuDAX4yQ83RLo4W3s7EAdQkwPBCw3Qg6e0Sl3MkpD7pA5nEoI+v2wNp1YLNznCirkEoba/TWZyEpBlivqpcgPtEilgH8eR01WlyCtyVCR2ctCpU45zl6XmXJWjF8n1h6a9Ezm7RiZu1HyBB9mN8U7g7e14RljY8wzoVQi9RDN2Do33gKbNxEMQlCWP6pUPgoGK4bITNyJxcVaYXFdP0etQCq1RVnThnKyUgnCYnBCrgSDQdyGdQqF4AYFJ0hQkZFB8KOg7qcSWVVzMsSH3Ak3hpU7DFVlFeIliCurJSiX9I4ew1fIGloBq5EYCFbIwAnozyrnEUUOZ0GG/hxrK+dzdbx4ilxj++N8G1htgFVQhiTAmVXuKJ9mwancySL4ObNwFJw55VNw5bQBFxIVbgwZrZyPC+KmGcEaG4xlvP0kmWfHFgZ/Y3LAD+azN2E+++qLf/wiXhdumkw3Lxx/i9K3jh+/SOlFODifY+PKPhgvr5QncPTCe/voxePGHEPuN4jM9IwIqGjMCnASz5qskvr3LES3a821rHKLq8s4QspY/dg5N24gWIVMLCOYI2DeCjx2IDK6fXkp/5sXlEvKJXKdURhfXl6Cx/s3TU1t6n/2xg3gbty4cWhqakrf77fJT9BuHdwmTWfU2hrDTWk/5PFY8BOrxRRj53BSrQV8sPZ09mm89jK6vCuZOF25tmsKDk8rtxOlD4r79xc/KO2DK8aMvU9nlRO7rlVOJxK7X1ZuT3+RvL1vX/HDIiOMvalu93aUoYdZPtTE4hk+nPK6w25Ya2LyxWKx2MTYf4oj0n3N4rrdjxBJtTtgcKHtCae8n4PDLL5yn8FATgu13LqMT6DdW9DqXYgl7ITAHEpZYxFMNARCtDx7hPmY1cwGEjzu2b1rtfR6loi7qsXXc7Uf71wtHc0S//Zq8Vi2Wlp98vXsrErharG6czp3tFgdPtbAT9rAT980UGdDdcbbwRAFsjurxdncrcJq6Y3crYa2jPvLuVncfy4HpdLqzlnGefiNrGEL8pmRaxmwMlvMKT9SbYH59UCurfvLxvm5Pi6qIRLDG0TGJp7z4gTCS2VJkuNNfQdcsSgXFamJB6FWLG7IUy1emkYLRZxpGikjgNjcjFGuWI8RRCXG0Yt7lcnVGgOpugzMPxpO47g75HWH3Oy0LBO5JhehWlSqpIwHQxw1qlYM2e//jD6t4qAqe6R//WCNDeUhaQhvxiyEyullSpdPa7RwpIDXF+YonYPjJ7IzRdOSPnJ6aX9++uR0DujcF148RWayJxpjvGRg6DYAa2OMwwfK+1k4rJzP/lJ8LkNRgqJSlkCW9E6D/toZxQH6l4UAlgQ86LYgnCTLkqxIzB5x/Fgusq4sQQmNUqxVMftoA18Nf9QdwupuTXG3KpXL0tVKo2dPL5kMc4DMRq9KG9wbU82kzdG/iz4j3yXva7bB/A9j7TYJzwS0pA/A7yjfF5mdDosc97CzYVDF3RjFkrSfFYkMnRp8Cd8W58VXXhH7Jv9kEq8L75lM710wvIViwO+JfyB++cuiYmsq5LqNzSraa+dRhurWhR8si//wVfG6Ydx+tQu9ddtqPn1E9dHGM9EGoqj8i3JbhIBKsItnYkBUbqvEGGh6Jlp/yZn4w2Xxb8A+L55r5p3QEk5wzIvKl5q7h7Pouq9uqIPqWWZOuMNevFmkssoH1a1VJRarklSOxxWZGaVarbIHWmOVxGVWWeBdRfxpco6aI+vnqB0iEJGmoRVsR+MbTlLl5+wlPN5ZWFgodBqH6dDCwsJ6nPSj3CbdZwKCsw34BFCW0D+/o5y9C19R/nwZRqbviHfI/F3l7B14THlnGfZABt9wD8kJlMs4loVmdn9vRpw5EZiZCZyYEd9sZvsjxoyZGfFuM/MTHTcY0luZx0Nq5NCDrhqHR8HLn1c+Vj6GT12YXy93Y6tzAx4aeNBQR8SMiF07IB7A6yCjPzHi9hvGm4MHxL+tB+//R13QoPlFSZKa6HslHoeSUgVpHTOL63VBitVknyhLOhZ8CM+Iyh8hQhwRH3pG/19qgsxkWTorwn+9UJbOiUq71vvpJOshsE2eFc+qFN7BxznxnEqbYBBCENrY24cfeWgT1SDWhg9euCnOBxBk5pvFg4gghePwGxNomnFAiLpwM9pwrOg4+U8GTgqQGsQz5KJqD+W8uAElHyaf6v9mWEGe0DCwr5l4vxojN/qgm2VLxjC02TA9GM6IhQz//HTyalwWYRqtPhtQvvUC68nwn2q3GL/6wqwoqxTKaH45MKvSX6v2wbMwHi/yTeMTOAZdSrMohZok/Xq1TwO3xx6ofTYw2i9tyOcH6htq1DeYurJe36gZe59jAhrYIWnYERFC6sGzETv+0oX857ugU/l4Pa6fVPGOfeturIkadIr8r5JIL9gYhVkEtsaSKGZUejj+CCLew+JTO8yanmW/Kn3e0ePzWtP4NPCkxH6LYbX1IKsz4BMGI+eBZdAzpLOeTXv137fL6vegEy3BqwkueDF2B8NYl6+tiJcuiytwCe8V8XNQES9fFitw73JgZSVQxy+2DUPumIFf90TgAfgA2O6JyhrCFy8adf8ceU2dix/YmNsCnFNn8Jja9wLqIrGOi1gvaXPZB0ICceCYtq+ytmH2ugzs9ydB0zkDn/yCbYxzfwF/zdZh656+bxVWdXmFwUQmRnim04oISVRzpYH/HInp/DOxRMxKhlFtgBUs1i6r9jDmHdDnoXdT6GP4C3Wf9VncA3xxuzDWc4zvCpoUFup8Md/vV6hMCxiXMS7Bfn1Z/2WQ/Z9HSBi/DGLtHqX1383yOgRrUSxoJaI+Fd8OCWl6aIwX+TEnzzuNxhkyOz4+S1T64Y4iIcUdKv3m1iNPfOeWCWfR753altw6N+by+VxjvoAPxpw+n3MMWPOftaUTjD5OSjsKJUJKhR2lb4gh0623CWNETn3PxGOG/Q/T6NQYAAB4nGNgZGBgAOJFJ17zxPPbfGXgZmEAgWt7zFYj6P8NLAzMDUAuBwMTSBQARMYLCAB4nGNgZGBgbvjfwBDDwgACQJKRARW4AwBHTQKweJxjYWBgYH7JwMDCMIrRMQCdwgIFAAAAAAAAAAB2AMoA4AFiAr4C3AL2A1wDcAPEA9ID4AQ6BKYEvgTWBPgFMgVKBXIFtAXuBgYGPgZ0BowGzAcABw4HKgdgB3YHjgeyB+4IBghACGAIggi+CO4JGgk8CXwJlgnACfoKEApICoIKmArSCwoLSgt+C5oLtAvoDCIMOgxaDHAMhgycDLIMxgzaDO4NAg1ueJxjYGRgYHBn+MbAywACTEDMBYQMDP/BfAYAKPgCYQB4nGWPTU7DMBCFX/oHpBKqqGCH5AViASj9EatuWFRq911036ZOmyqJI8et1ANwHo7ACTgC3IA78EgnmzaWx9+8eWNPANzgBx6O3y33kT1cMjtyDRe4F65TfxBukF+Em2jjVbhF/U3YxzOmwm10YXmD17hi9oR3YQ8dfAjXcI1P4Tr1L+EG+Vu4iTv8CrfQ8erCPuZeV7iNRy/2x1YvnF6p5UHFockikzm/gple75KFrdLqnGtbxCZTg6BfSVOdaVvdU+zXQ+ciFVmTqgmrOkmMyq3Z6tAFG+fyUa8XiR6EJuVYY/62xgKOcQWFJQ6MMUIYZIjK6Og7VWb0r7FDwl57Vj3N53RbFNT/c4UBAvTPXFO6stJ5Ok+BPV8bUnV0K27LnpQ0kV7NSRKyQl7WtlRC6gE2ZVeOEXpc0Yk/KGdI/wAJWm7IAAAAeJxtUoly0zAQzWsS23HSu1zlvk8BBsoN5S6/ociKo8bRZmR74vw969htOoBmvPu0fnu8HbXWWvUJW/8/R1hDGx104cFHgB5C9DHAOjawiS1sYwe72MM5nMcFXMQl7OMyruAqruE6buAmbuE27uAu7uE+HuAhHuExnkDgKZ7hOSK8wEu8wgFe4w3e4h3e4wM+4hM+4xBf8BXf8B0/8BO/cITfLZR+SjI2NunElEcDo8iOyOaZknY/N9JOJSUFHZsFU0ojKZZDtp5Sgvlt/tYr1rGRC7LJuOgeLAppN2QcF5l2TidFKt0gG0ubMMfmVIRcpYEdZ1KzVRnBQVtyCwZtTu4MpZp0VUqZDhVNZ6nOtXDBCfRiI1NKfO5ATrgdXapUTmVObiGm0k2E83SZaxtv6tLkYlSkaaac1jZcQX9Ebi5d7BkWLJw/NbbIhOsufXPLvExLp8ZeNnbGTro8mSC/slnjnSCvmlVQsHR831VjrSZDKkWmU61yXeUspQgarMRwRqyXkMFSDpfSMY9LvUYXB2JHs9MAN937Vyrn12IFbf8lV1DY/GJWrxEsqH+CODo4yw7qXTC32cYp4taeM5WEoF4Jl66XshyggeRl5FhAKHneOb+QuW1gqkd5v4bOJOM8qHEx66+o0eAMIeqvEqPeCTsKqmclePOt1h9+EwTFAAA=\")\n format(\"woff\"),\n url(\"../plugins/jQuerytransfer/icon_font/font/iconfont.ttf?t=1519785387995\") format(\"truetype\"),\n url(\"../plugins/jQuerytransfer/icon_font/font/iconfont.svg?t=1519785387995#iconfont\") format(\"svg\");\n\n /* iOS 4.1- */\n}\n\n.iconfont {\n font-family: \"iconfont\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-loading:before {\n content: \"\\e64f\";\n}\n\n.icon-dot1:before {\n content: \"\\e654\";\n}\n\n.icon-iconfontscan:before {\n content: \"\\e603\";\n}\n\n.icon-dot-tmall:before {\n content: \"\\e602\";\n}\n\n.icon-cc-dot:before {\n content: \"\\e6bf\";\n}\n\n.icon-dot:before {\n content: \"\\e63f\";\n}\n\n.icon-tianjiayonghu:before {\n content: \"\\e65c\";\n}\n\n.icon-5yuan:before {\n content: \"\\e632\";\n}\n\n.icon-adduserregular:before {\n content: \"\\e604\";\n}\n\n.icon-shangjiantou:before {\n content: \"\\e600\";\n}\n\n.icon-xiajiantou:before {\n content: \"\\e601\";\n}\n\n.icon-rili:before {\n content: \"\\e8cf\";\n}\n\n.icon-rili-xianxing-xi:before {\n content: \"\\e915\";\n}\n\n.icon-add:before {\n content: \"\\e931\";\n}\n\n.icon-back:before {\n content: \"\\e934\";\n}\n\n.icon-close:before {\n content: \"\\e93c\";\n}\n\n.icon-complete-r:before {\n content: \"\\e93d\";\n}\n\n.icon-complete:before {\n content: \"\\e93e\";\n}\n\n.icon-dialog:before {\n content: \"\\e942\";\n}\n\n.icon-error-r:before {\n content: \"\\e946\";\n}\n\n.icon-exclamatory-mark-r:before {\n content: \"\\e947\";\n}\n\n.icon-extend:before {\n content: \"\\e949\";\n}\n\n.icon-exit-fullscreen:before {\n content: \"\\e94a\";\n}\n\n.icon-fullscreen:before {\n content: \"\\e94e\";\n}\n\n.icon-forward:before {\n content: \"\\e94d\";\n}\n\n.icon-info-r:before {\n content: \"\\e953\";\n}\n\n.icon-minus-r:before {\n content: \"\\e95d\";\n}\n\n.icon-minus:before {\n content: \"\\e95f\";\n}\n\n.icon-minus-s:before {\n content: \"\\e95e\";\n}\n\n.icon-search:before {\n content: \"\\e970\";\n}\n\n.icon-shrink:before {\n content: \"\\e973\";\n}\n\n.icon-add-o:before {\n content: \"\\e985\";\n}\n\n.icon-add-s-o:before {\n content: \"\\e986\";\n}\n\n.icon-add-r-o:before {\n content: \"\\e987\";\n}\n\n.icon-back-o:before {\n content: \"\\e989\";\n}\n\n.icon-back-r-o:before {\n content: \"\\e98a\";\n}\n\n.icon-checkbox-selected-o:before {\n content: \"\\e98f\";\n}\n\n.icon-close-o:before {\n content: \"\\e990\";\n}\n\n.icon-complete-r-o:before {\n content: \"\\e993\";\n}\n\n.icon-delete-o:before {\n content: \"\\e995\";\n}\n\n.icon-dialog-o:before {\n content: \"\\e996\";\n}\n\n.icon-edit-o:before {\n content: \"\\e999\";\n}\n\n.icon-error-r-o:before {\n content: \"\\e99a\";\n}\n\n.icon-drop-o:before {\n content: \"\\e99b\";\n}\n\n.icon-error-s-o:before {\n content: \"\\e99c\";\n}\n\n.icon-exclamatory-mark-r-o:before {\n content: \"\\e99d\";\n}\n\n.icon-extend-o:before {\n content: \"\\e99e\";\n}\n\n.icon-exit-fullscreen-o:before {\n content: \"\\e9a2\";\n}\n\n.icon-extend-r-o:before {\n content: \"\\e99f\";\n}\n\n.icon-forward-o:before {\n content: \"\\e9a0\";\n}\n\n.icon-forward-r-o:before {\n content: \"\\e9a1\";\n}\n\n.icon-fullscreen-o:before {\n content: \"\\e9a3\";\n}\n\n.icon-info-r-o:before {\n content: \"\\e9a6\";\n}\n\n.icon-minus-r-o:before {\n content: \"\\e9b0\";\n}\n\n.icon-minus-s-o:before {\n content: \"\\e9b1\";\n}\n\n.icon-rise-o:before {\n content: \"\\e9c2\";\n}\n\n.icon-search-o:before {\n content: \"\\e9c6\";\n}\n\n.icon-shrink-r-o:before {\n content: \"\\e9c9\";\n}\n\n.icon-shrink-o:before {\n content: \"\\e9ca\";\n}\n\n.icon-sort-o:before {\n content: \"\\e9cb\";\n}\n\n.icon-arrow-down:before {\n content: \"\\e9d8\";\n}\n\n.icon-arrow-left:before {\n content: \"\\e9d9\";\n}\n\n.icon-arrow-right:before {\n content: \"\\e9da\";\n}\n\n.icon-arrow-up:before {\n content: \"\\e9db\";\n}\n\n.icon-arrow-down1:before {\n content: \"\\e9dc\";\n}\n\n.icon-arrow-right1:before {\n content: \"\\e9dd\";\n}\n\n.icon-arrow-left1:before {\n content: \"\\e9de\";\n}\n\n.icon-arrow-up1:before {\n content: \"\\e9df\";\n}\n\n.icon-user-add:before {\n content: \"\\e739\";\n}\n", "table.dataTable tbody th.focus,\ntable.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px $primary-1;\n}\ndiv.dtk-focus-alt table.dataTable tbody th.focus,\ndiv.dtk-focus-alt table.dataTable tbody td.focus {\n box-shadow: inset 0 0 1px 2px #ff8b33;\n}\n", ".ui-helper-hidden {\n display: none;\n}\n\n.ui-helper-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n\n.ui-helper-reset {\n margin: 0;\n padding: 0;\n border: 0;\n outline: 0;\n line-height: 1.3;\n text-decoration: none;\n font-size: 100%;\n list-style: none;\n}\n\n.ui-helper-clearfix {\n &:before {\n content: \"\";\n display: table;\n border-collapse: collapse;\n }\n\n &:after {\n content: \"\";\n display: table;\n border-collapse: collapse;\n clear: both;\n }\n\n min-height: 0;\n}\n\n.ui-helper-zfix {\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n position: absolute;\n opacity: 0;\n filter: Alpha(Opacity = 0);\n}\n\n.ui-front {\n z-index: 100;\n}\n\n/* Interaction Cues\n ----------------------------------*/\n\n.ui-state-disabled {\n cursor: default !important;\n}\n\n/* Icons\n ----------------------------------*/\n\n/* states and images */\n\n.ui-icon {\n display: block;\n text-indent: -99999px;\n overflow: hidden;\n background-repeat: no-repeat;\n}\n\n/* Misc visuals\n ----------------------------------*/\n\n/* Overlays */\n\n.ui-widget-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.ui-accordion {\n .ui-accordion-header {\n display: block;\n cursor: pointer;\n position: relative;\n margin: 2px 0 0 0;\n padding: 0.5em 0.5em 0.5em 0.7em;\n min-height: 0;\n\n /* support: IE7 */\n font-size: 100%;\n }\n\n .ui-accordion-icons {\n padding-left: 2.2em;\n\n .ui-accordion-icons {\n padding-left: 2.2em;\n }\n }\n\n .ui-accordion-header .ui-accordion-header-icon {\n position: absolute;\n left: 0.5em;\n top: 50%;\n margin-top: -8px;\n }\n\n .ui-accordion-content {\n padding: 1em 2.2em;\n border-top: 0;\n overflow: auto;\n }\n}\n\n.ui-autocomplete {\n position: absolute;\n top: 0;\n left: 0;\n cursor: default;\n}\n\n.ui-button {\n display: inline-block;\n position: relative;\n padding: 0;\n line-height: normal;\n margin-right: 0.1em;\n cursor: pointer;\n vertical-align: middle;\n text-align: center;\n overflow: visible;\n\n /* removes extra width in IE */\n\n text-decoration: none;\n\n &:link,\n &:visited,\n &:hover,\n &:active {\n text-decoration: none;\n }\n}\n\n/* to make room for the icon, a width needs to be set here */\n\n.ui-button-icon-only {\n width: 2.2em;\n}\n\n/* button elements seem to need a little more width */\n\nbutton.ui-button-icon-only {\n width: 2.4em;\n}\n\n.ui-button-icons-only {\n width: 3.4em;\n}\n\nbutton.ui-button-icons-only {\n width: 3.7em;\n}\n\n/* button text element */\n\n.ui-button .ui-button-text {\n display: block;\n line-height: normal;\n}\n\n.ui-button-text-only .ui-button-text {\n padding: 0.4em 1em;\n}\n\n.ui-button-icon-only .ui-button-text,\n.ui-button-icons-only .ui-button-text {\n padding: 0.4em;\n text-indent: -9999999px;\n}\n\n.ui-button-text-icon-primary .ui-button-text,\n.ui-button-text-icons .ui-button-text {\n padding: 0.4em 1em 0.4em 2.1em;\n}\n\n.ui-button-text-icon-secondary .ui-button-text {\n padding: 0.4em 2.1em 0.4em 1em;\n}\n\n.ui-button-text-icons .ui-button-text {\n padding: 0.4em 2.1em 0.4em 1em;\n padding-left: 2.1em;\n padding-right: 2.1em;\n}\n\n/* no icon support for input elements, provide padding by default */\n\ninput.ui-button {\n padding: 0.4em 1em;\n}\n\n/* button icon element(s) */\n\n.ui-button-icon-only .ui-icon,\n.ui-button-text-icon-primary .ui-icon,\n.ui-button-text-icon-secondary .ui-icon,\n.ui-button-text-icons .ui-icon,\n.ui-button-icons-only .ui-icon {\n position: absolute;\n top: 50%;\n margin-top: -8px;\n}\n\n.ui-button-icon-only .ui-icon {\n left: 50%;\n margin-left: -8px;\n}\n\n.ui-button-text-icon-primary .ui-button-icon-primary,\n.ui-button-text-icons .ui-button-icon-primary,\n.ui-button-icons-only .ui-button-icon-primary {\n left: 0.5em;\n}\n\n.ui-button-text-icon-secondary .ui-button-icon-secondary,\n.ui-button-text-icons .ui-button-icon-secondary,\n.ui-button-icons-only .ui-button-icon-secondary {\n right: 0.5em;\n}\n\n/* button sets */\n\n.ui-buttonset {\n margin-right: 7px;\n\n .ui-button {\n margin-left: 0;\n margin-right: -0.3em;\n }\n}\n\n/* workarounds */\n\n/* reset extra padding in Firefox, see h5bp.com/l */\n\ninput.ui-button::-moz-focus-inner,\nbutton.ui-button::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n.ui-datepicker {\n width: 17em;\n padding: 0.2em 0.2em 0;\n display: none;\n\n .ui-datepicker-header {\n position: relative;\n padding: 0.2em 0;\n }\n\n .ui-datepicker-prev,\n .ui-datepicker-next {\n position: absolute;\n top: 2px;\n width: 1.8em;\n height: 1.8em;\n }\n\n .ui-datepicker-prev-hover,\n .ui-datepicker-next-hover {\n top: 1px;\n }\n\n .ui-datepicker-prev {\n left: 2px;\n }\n\n .ui-datepicker-next {\n right: 2px;\n }\n\n .ui-datepicker-prev-hover {\n left: 1px;\n }\n\n .ui-datepicker-next-hover {\n right: 1px;\n }\n\n .ui-datepicker-prev span,\n .ui-datepicker-next span {\n display: block;\n position: absolute;\n left: 50%;\n margin-left: -8px;\n top: 50%;\n margin-top: -8px;\n }\n\n .ui-datepicker-title {\n margin: 0 2.3em;\n line-height: 1.8em;\n text-align: center;\n\n select {\n font-size: 1em;\n margin: 1px 0;\n }\n }\n\n select {\n &.ui-datepicker-month,\n &.ui-datepicker-year {\n width: 45%;\n }\n }\n\n table {\n width: 100%;\n font-size: 0.9em;\n border-collapse: collapse;\n margin: 0 0 0.4em;\n }\n\n th {\n padding: 0.7em 0.3em;\n text-align: center;\n font-weight: bold;\n border: 0;\n }\n\n td {\n border: 0;\n padding: 1px;\n\n span,\n a {\n display: block;\n padding: 0.2em;\n text-align: right;\n text-decoration: none;\n }\n }\n\n .ui-datepicker-buttonpane {\n background-image: none;\n margin: 0.7em 0 0 0;\n padding: 0 0.2em;\n border-left: 0;\n border-right: 0;\n border-bottom: 0;\n\n button {\n float: right;\n margin: 0.5em 0.2em 0.4em;\n cursor: pointer;\n padding: 0.2em 0.6em 0.3em 0.6em;\n width: auto;\n overflow: visible;\n\n &.ui-datepicker-current {\n float: left;\n }\n }\n }\n\n &.ui-datepicker-multi {\n width: auto;\n }\n}\n\n/* with multiple calendars */\n\n.ui-datepicker-multi .ui-datepicker-group {\n float: left;\n\n table {\n width: 95%;\n margin: 0 auto 0.4em;\n }\n}\n\n.ui-datepicker-multi-2 .ui-datepicker-group {\n width: 50%;\n}\n\n.ui-datepicker-multi-3 .ui-datepicker-group {\n width: 33.3%;\n}\n\n.ui-datepicker-multi-4 .ui-datepicker-group {\n width: 25%;\n}\n\n.ui-datepicker-multi {\n .ui-datepicker-group-last .ui-datepicker-header,\n .ui-datepicker-group-middle .ui-datepicker-header {\n border-left-width: 0;\n }\n\n .ui-datepicker-buttonpane {\n clear: left;\n }\n}\n\n.ui-datepicker-row-break {\n clear: both;\n width: 100%;\n font-size: 0;\n}\n\n/* RTL support */\n\n.ui-datepicker-rtl {\n direction: rtl;\n\n .ui-datepicker-prev {\n right: 2px;\n left: auto;\n }\n\n .ui-datepicker-next {\n left: 2px;\n right: auto;\n }\n\n .ui-datepicker-prev:hover {\n right: 1px;\n left: auto;\n }\n\n .ui-datepicker-next:hover {\n left: 1px;\n right: auto;\n }\n\n .ui-datepicker-buttonpane {\n clear: right;\n\n button {\n float: left;\n\n &.ui-datepicker-current {\n float: right;\n }\n }\n }\n\n .ui-datepicker-group {\n float: right;\n }\n\n .ui-datepicker-group-last .ui-datepicker-header,\n .ui-datepicker-group-middle .ui-datepicker-header {\n border-right-width: 0;\n border-left-width: 1px;\n }\n}\n\n.ui-dialog {\n overflow: hidden;\n position: absolute;\n top: 0;\n left: 0;\n padding: 0.2em;\n outline: 0;\n\n .ui-dialog-titlebar {\n padding: 0.4em 1em;\n position: relative;\n }\n\n .ui-dialog-title {\n float: left;\n margin: 0.1em 0;\n white-space: nowrap;\n width: 90%;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .ui-dialog-titlebar-close {\n position: absolute;\n right: 0.3em;\n top: 50%;\n width: 20px;\n margin: -10px 0 0 0;\n padding: 1px;\n height: 20px;\n }\n\n .ui-dialog-content {\n position: relative;\n border: 0;\n padding: 0.5em 1em;\n background: none;\n overflow: auto;\n }\n\n .ui-dialog-buttonpane {\n text-align: left;\n border-width: 1px 0 0 0;\n background-image: none;\n margin-top: 0.5em;\n padding: 0.3em 1em 0.5em 0.4em;\n\n .ui-dialog-buttonset {\n float: right;\n }\n\n button {\n margin: 0.5em 0.4em 0.5em 0;\n cursor: pointer;\n }\n }\n\n .ui-resizable-se {\n width: 12px;\n height: 12px;\n right: -5px;\n bottom: -5px;\n background-position: 16px 16px;\n }\n}\n\n.ui-draggable .ui-dialog-titlebar {\n cursor: move;\n}\n\n.ui-draggable-handle {\n -ms-touch-action: none;\n touch-action: none;\n}\n\n.ui-menu {\n list-style: none;\n padding: 0;\n margin: 0;\n display: block;\n outline: none;\n\n .ui-menu {\n position: absolute;\n }\n\n .ui-menu-item {\n position: relative;\n margin: 0;\n padding: 3px 1em 3px 0.4em;\n cursor: pointer;\n min-height: 0;\n\n /* support: IE7 */\n /* support: IE10, see #8844 */\n }\n\n .ui-menu-divider {\n margin: 5px 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n border-width: 1px 0 0 0;\n }\n\n .ui-state-focus,\n .ui-state-active {\n margin: -1px;\n }\n}\n\n/* icon support */\n\n.ui-menu-icons {\n position: relative;\n\n .ui-menu-item {\n padding-left: 2em;\n }\n}\n\n/* left-aligned */\n\n.ui-menu {\n .ui-icon {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0.2em;\n margin: auto 0;\n }\n\n .ui-menu-icon {\n left: auto;\n right: 0;\n }\n}\n\n/* right-aligned */\n\n.ui-progressbar {\n height: 2em;\n text-align: left;\n overflow: hidden;\n\n .ui-progressbar-value {\n margin: -1px;\n height: 100%;\n }\n\n .ui-progressbar-overlay {\n height: 100%;\n filter: alpha(opacity = 25);\n opacity: 0.25;\n }\n}\n\n.ui-progressbar-indeterminate .ui-progressbar-value {\n background-image: none;\n}\n\n.ui-resizable {\n position: relative;\n}\n\n.ui-resizable-handle {\n position: absolute;\n font-size: 0.1px;\n display: block;\n -ms-touch-action: none;\n touch-action: none;\n}\n\n.ui-resizable-disabled .ui-resizable-handle,\n.ui-resizable-autohide .ui-resizable-handle {\n display: none;\n}\n\n.ui-resizable-n {\n cursor: n-resize;\n height: 7px;\n width: 100%;\n top: -5px;\n left: 0;\n}\n\n.ui-resizable-s {\n cursor: s-resize;\n height: 7px;\n width: 100%;\n bottom: -5px;\n left: 0;\n}\n\n.ui-resizable-e {\n cursor: e-resize;\n width: 7px;\n right: -5px;\n top: 0;\n height: 100%;\n}\n\n.ui-resizable-w {\n cursor: w-resize;\n width: 7px;\n left: -5px;\n top: 0;\n height: 100%;\n}\n\n.ui-resizable-se {\n cursor: se-resize;\n width: 12px;\n height: 12px;\n right: 1px;\n bottom: 1px;\n}\n\n.ui-resizable-sw {\n cursor: sw-resize;\n width: 9px;\n height: 9px;\n left: -5px;\n bottom: -5px;\n}\n\n.ui-resizable-nw {\n cursor: nw-resize;\n width: 9px;\n height: 9px;\n left: -5px;\n top: -5px;\n}\n\n.ui-resizable-ne {\n cursor: ne-resize;\n width: 9px;\n height: 9px;\n right: -5px;\n top: -5px;\n}\n\n.ui-selectable {\n -ms-touch-action: none;\n touch-action: none;\n}\n\n.ui-selectable-helper {\n position: absolute;\n z-index: 100;\n border: 1px dotted black;\n}\n\n.ui-selectmenu-menu {\n padding: 0;\n margin: 0;\n position: absolute;\n top: 0;\n left: 0;\n display: none;\n\n .ui-menu {\n overflow: auto;\n\n /* Support: IE7 */\n overflow-x: hidden;\n padding-bottom: 1px;\n\n .ui-selectmenu-optgroup {\n font-size: 1em;\n font-weight: bold;\n line-height: 1.5;\n padding: 2px 0.4em;\n margin: 0.5em 0 0 0;\n height: auto;\n border: 0;\n }\n }\n}\n\n.ui-selectmenu-open {\n display: block;\n}\n\n.ui-selectmenu-button {\n display: inline-block;\n overflow: hidden;\n position: relative;\n text-decoration: none;\n cursor: pointer;\n\n span {\n &.ui-icon {\n right: 0.5em;\n left: auto;\n margin-top: -8px;\n position: absolute;\n top: 50%;\n }\n\n &.ui-selectmenu-text {\n text-align: left;\n padding: 0.4em 2.1em 0.4em 1em;\n display: block;\n line-height: 1.4;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n }\n}\n\n.ui-slider {\n position: relative;\n text-align: left;\n\n .ui-slider-handle {\n position: absolute;\n z-index: 2;\n width: 1em;\n height: 1em;\n cursor: default;\n -ms-touch-action: none;\n touch-action: none;\n }\n\n .ui-slider-range {\n position: absolute;\n z-index: 1;\n font-size: 0.7em;\n display: block;\n border: 0;\n background-position: 0 0;\n }\n\n &.ui-state-disabled {\n .ui-slider-handle,\n .ui-slider-range {\n filter: inherit;\n }\n }\n}\n\n/* support: IE8 - See #6727 */\n\n.ui-slider-horizontal {\n height: 0.6em;\n\n .ui-slider-handle {\n top: -0.3em;\n margin-left: -0.6em;\n }\n\n .ui-slider-range {\n top: 0;\n height: 100%;\n }\n\n .ui-slider-range-min {\n left: 0;\n }\n\n .ui-slider-range-max {\n right: 0;\n }\n}\n\n.ui-slider-vertical {\n width: 0.8em;\n height: 100px;\n\n .ui-slider-handle {\n left: -0.3em;\n margin-left: 0;\n margin-bottom: -0.6em;\n }\n\n .ui-slider-range {\n left: 0;\n width: 100%;\n }\n\n .ui-slider-range-min {\n bottom: 0;\n }\n\n .ui-slider-range-max {\n top: 0;\n }\n}\n\n.ui-sortable-handle {\n -ms-touch-action: none;\n touch-action: none;\n}\n\n.ui-spinner {\n position: relative;\n display: inline-block;\n overflow: hidden;\n padding: 0;\n vertical-align: middle;\n}\n\n.ui-spinner-input {\n border: none;\n background: none;\n color: inherit;\n padding: 0;\n margin: 0.2em 0;\n vertical-align: middle;\n margin-left: 0.4em;\n margin-right: 22px;\n}\n\n.ui-spinner-button {\n width: 16px;\n height: 50%;\n font-size: 0.5em;\n padding: 0;\n margin: 0;\n text-align: center;\n position: absolute;\n cursor: default;\n display: block;\n overflow: hidden;\n right: 0;\n}\n\n/* more specificity required here to override default borders */\n\n.ui-spinner {\n a.ui-spinner-button {\n border-top: none;\n border-bottom: none;\n border-right: none;\n }\n\n .ui-icon {\n position: absolute;\n margin-top: -8px;\n top: 50%;\n left: 0;\n }\n}\n\n/* vertically center icon */\n\n.ui-spinner-up {\n top: 0;\n}\n\n.ui-spinner-down {\n bottom: 0;\n}\n\n/* TR overrides */\n\n.ui-spinner .ui-icon-triangle-1-s {\n /* need to fix icons sprite */\n background-position: -65px -16px;\n}\n\n.ui-tabs {\n position: relative;\n\n /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as \"fixed\") */\n padding: 0.2em;\n\n .ui-tabs-nav {\n margin: 0;\n padding: 0.2em 0.2em 0;\n\n li {\n list-style: none;\n float: left;\n position: relative;\n top: 0;\n margin: 1px 0.2em 0 0;\n border-bottom-width: 0;\n padding: 0;\n white-space: nowrap;\n }\n\n .ui-tabs-anchor {\n float: left;\n padding: 0.5em 1em;\n text-decoration: none;\n }\n\n li {\n &.ui-tabs-active {\n margin-bottom: -1px;\n padding-bottom: 1px;\n\n .ui-tabs-anchor {\n cursor: text;\n }\n }\n\n &.ui-state-disabled .ui-tabs-anchor,\n &.ui-tabs-loading .ui-tabs-anchor {\n cursor: text;\n }\n }\n }\n}\n\n.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {\n cursor: pointer;\n}\n\n.ui-tabs .ui-tabs-panel {\n display: block;\n border-width: 0;\n padding: 1em 1.4em;\n background: none;\n}\n\n.ui-tooltip {\n padding: 8px;\n position: absolute;\n z-index: 9999;\n max-width: 300px;\n -webkit-box-shadow: 0 0 5px #aaa;\n box-shadow: 0 0 5px #aaa;\n}\n\nbody .ui-tooltip {\n border-width: 2px;\n}\n\n/* Component containers\n ----------------------------------*/\n\n.ui-widget {\n font-family: Gill Sans, Arial, sans-serif;\n font-size: 1.2em;\n\n .ui-widget {\n font-size: 1em;\n }\n\n input,\n select,\n textarea,\n button {\n font-family: Gill Sans, Arial, sans-serif;\n font-size: 1em;\n }\n}\n\n.ui-widget-content {\n border: 1px solid #d3d9e0;\n background: #ffffff;\n color: #2c4359;\n\n a {\n color: #2c4359;\n }\n}\n\n.ui-state-default a {\n color: #333333;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: #333333;\n text-decoration: none;\n }\n}\n\n.ui-state-hover,\n.ui-widget-content .ui-state-hover,\n.ui-widget-header .ui-state-hover,\n.ui-state-focus,\n.ui-widget-content .ui-state-focus,\n.ui-widget-header .ui-state-focus {\n border: 1px solid #0fafcc;\n background: #0fafcc;\n font-weight: bold;\n color: #212121;\n}\n\n.ui-state-hover a {\n color: #212121;\n text-decoration: none;\n\n &:hover,\n &:link,\n &:visited {\n color: #212121;\n text-decoration: none;\n }\n}\n\n.ui-state-focus a {\n color: #212121;\n text-decoration: none;\n\n &:hover,\n &:link,\n &:visited {\n color: #212121;\n text-decoration: none;\n }\n}\n\n.ui-state-active,\n.ui-widget-content .ui-state-active,\n.ui-widget-header .ui-state-active {\n border: 1px solid #e8ebf3;\n background: #cc1352;\n font-weight: bold;\n color: #ffffff;\n}\n\n.ui-state-active a {\n color: #ffffff;\n text-decoration: none;\n\n &:link,\n &:visited {\n color: #ffffff;\n text-decoration: none;\n }\n}\n\n/* Interaction Cues\n ----------------------------------*/\n\n.ui-state-highlight,\n.ui-widget-content .ui-state-highlight,\n.ui-widget-header .ui-state-highlight {\n border: 1px solid #b4d100;\n background: #ffff38;\n color: #363636;\n}\n\n.ui-state-highlight a,\n.ui-widget-content .ui-state-highlight a,\n.ui-widget-header .ui-state-highlight a {\n color: #363636;\n}\n\n.ui-state-error,\n.ui-widget-content .ui-state-error,\n.ui-widget-header .ui-state-error {\n border: 1px solid #ff6b7f;\n background: #ff3853;\n color: #ffffff;\n}\n\n.ui-state-error a,\n.ui-widget-content .ui-state-error a,\n.ui-widget-header .ui-state-error a,\n.ui-state-error-text,\n.ui-widget-content .ui-state-error-text,\n.ui-widget-header .ui-state-error-text {\n color: #ffffff;\n}\n\n.ui-priority-primary,\n.ui-widget-content .ui-priority-primary,\n.ui-widget-header .ui-priority-primary {\n font-weight: bold;\n}\n\n.ui-priority-secondary,\n.ui-widget-content .ui-priority-secondary,\n.ui-widget-header .ui-priority-secondary {\n opacity: 0.7;\n filter: Alpha(Opacity = 70);\n font-weight: normal;\n}\n\n.ui-state-disabled,\n.ui-widget-content .ui-state-disabled,\n.ui-widget-header .ui-state-disabled {\n opacity: 0.35;\n filter: Alpha(Opacity = 35);\n background-image: none;\n}\n\n.ui-state-disabled .ui-icon {\n filter: Alpha(Opacity = 35);\n\n /* support: IE8 - See #6059 */\n}\n/* positioning */\n\n.ui-icon-blank {\n background-position: 16px 16px;\n}\n\n.ui-icon-carat-1-n {\n background-position: 0 0;\n}\n\n.ui-icon-carat-1-ne {\n background-position: -16px 0;\n}\n\n.ui-icon-carat-1-e {\n background-position: -32px 0;\n}\n\n.ui-icon-carat-1-se {\n background-position: -48px 0;\n}\n\n.ui-icon-carat-1-s {\n background-position: -64px 0;\n}\n\n.ui-icon-carat-1-sw {\n background-position: -80px 0;\n}\n\n.ui-icon-carat-1-w {\n background-position: -96px 0;\n}\n\n.ui-icon-carat-1-nw {\n background-position: -112px 0;\n}\n\n.ui-icon-carat-2-n-s {\n background-position: -128px 0;\n}\n\n.ui-icon-carat-2-e-w {\n background-position: -144px 0;\n}\n\n.ui-icon-triangle-1-n {\n background-position: 0 -16px;\n}\n\n.ui-icon-triangle-1-ne {\n background-position: -16px -16px;\n}\n\n.ui-icon-triangle-1-e {\n background-position: -32px -16px;\n}\n\n.ui-icon-triangle-1-se {\n background-position: -48px -16px;\n}\n\n.ui-icon-triangle-1-s {\n background-position: -64px -16px;\n}\n\n.ui-icon-triangle-1-sw {\n background-position: -80px -16px;\n}\n\n.ui-icon-triangle-1-w {\n background-position: -96px -16px;\n}\n\n.ui-icon-triangle-1-nw {\n background-position: -112px -16px;\n}\n\n.ui-icon-triangle-2-n-s {\n background-position: -128px -16px;\n}\n\n.ui-icon-triangle-2-e-w {\n background-position: -144px -16px;\n}\n\n.ui-icon-arrow-1-n {\n background-position: 0 -32px;\n}\n\n.ui-icon-arrow-1-ne {\n background-position: -16px -32px;\n}\n\n.ui-icon-arrow-1-e {\n background-position: -32px -32px;\n}\n\n.ui-icon-arrow-1-se {\n background-position: -48px -32px;\n}\n\n.ui-icon-arrow-1-s {\n background-position: -64px -32px;\n}\n\n.ui-icon-arrow-1-sw {\n background-position: -80px -32px;\n}\n\n.ui-icon-arrow-1-w {\n background-position: -96px -32px;\n}\n\n.ui-icon-arrow-1-nw {\n background-position: -112px -32px;\n}\n\n.ui-icon-arrow-2-n-s {\n background-position: -128px -32px;\n}\n\n.ui-icon-arrow-2-ne-sw {\n background-position: -144px -32px;\n}\n\n.ui-icon-arrow-2-e-w {\n background-position: -160px -32px;\n}\n\n.ui-icon-arrow-2-se-nw {\n background-position: -176px -32px;\n}\n\n.ui-icon-arrowstop-1-n {\n background-position: -192px -32px;\n}\n\n.ui-icon-arrowstop-1-e {\n background-position: -208px -32px;\n}\n\n.ui-icon-arrowstop-1-s {\n background-position: -224px -32px;\n}\n\n.ui-icon-arrowstop-1-w {\n background-position: -240px -32px;\n}\n\n.ui-icon-arrowthick-1-n {\n background-position: 0 -48px;\n}\n\n.ui-icon-arrowthick-1-ne {\n background-position: -16px -48px;\n}\n\n.ui-icon-arrowthick-1-e {\n background-position: -32px -48px;\n}\n\n.ui-icon-arrowthick-1-se {\n background-position: -48px -48px;\n}\n\n.ui-icon-arrowthick-1-s {\n background-position: -64px -48px;\n}\n\n.ui-icon-arrowthick-1-sw {\n background-position: -80px -48px;\n}\n\n.ui-icon-arrowthick-1-w {\n background-position: -96px -48px;\n}\n\n.ui-icon-arrowthick-1-nw {\n background-position: -112px -48px;\n}\n\n.ui-icon-arrowthick-2-n-s {\n background-position: -128px -48px;\n}\n\n.ui-icon-arrowthick-2-ne-sw {\n background-position: -144px -48px;\n}\n\n.ui-icon-arrowthick-2-e-w {\n background-position: -160px -48px;\n}\n\n.ui-icon-arrowthick-2-se-nw {\n background-position: -176px -48px;\n}\n\n.ui-icon-arrowthickstop-1-n {\n background-position: -192px -48px;\n}\n\n.ui-icon-arrowthickstop-1-e {\n background-position: -208px -48px;\n}\n\n.ui-icon-arrowthickstop-1-s {\n background-position: -224px -48px;\n}\n\n.ui-icon-arrowthickstop-1-w {\n background-position: -240px -48px;\n}\n\n.ui-icon-arrowreturnthick-1-w {\n background-position: 0 -64px;\n}\n\n.ui-icon-arrowreturnthick-1-n {\n background-position: -16px -64px;\n}\n\n.ui-icon-arrowreturnthick-1-e {\n background-position: -32px -64px;\n}\n\n.ui-icon-arrowreturnthick-1-s {\n background-position: -48px -64px;\n}\n\n.ui-icon-arrowreturn-1-w {\n background-position: -64px -64px;\n}\n\n.ui-icon-arrowreturn-1-n {\n background-position: -80px -64px;\n}\n\n.ui-icon-arrowreturn-1-e {\n background-position: -96px -64px;\n}\n\n.ui-icon-arrowreturn-1-s {\n background-position: -112px -64px;\n}\n\n.ui-icon-arrowrefresh-1-w {\n background-position: -128px -64px;\n}\n\n.ui-icon-arrowrefresh-1-n {\n background-position: -144px -64px;\n}\n\n.ui-icon-arrowrefresh-1-e {\n background-position: -160px -64px;\n}\n\n.ui-icon-arrowrefresh-1-s {\n background-position: -176px -64px;\n}\n\n.ui-icon-arrow-4 {\n background-position: 0 -80px;\n}\n\n.ui-icon-arrow-4-diag {\n background-position: -16px -80px;\n}\n\n.ui-icon-extlink {\n background-position: -32px -80px;\n}\n\n.ui-icon-newwin {\n background-position: -48px -80px;\n}\n\n.ui-icon-refresh {\n background-position: -64px -80px;\n}\n\n.ui-icon-shuffle {\n background-position: -80px -80px;\n}\n\n.ui-icon-transfer-e-w {\n background-position: -96px -80px;\n}\n\n.ui-icon-transferthick-e-w {\n background-position: -112px -80px;\n}\n\n.ui-icon-folder-collapsed {\n background-position: 0 -96px;\n}\n\n.ui-icon-folder-open {\n background-position: -16px -96px;\n}\n\n.ui-icon-document {\n background-position: -32px -96px;\n}\n\n.ui-icon-document-b {\n background-position: -48px -96px;\n}\n\n.ui-icon-note {\n background-position: -64px -96px;\n}\n\n.ui-icon-mail-closed {\n background-position: -80px -96px;\n}\n\n.ui-icon-mail-open {\n background-position: -96px -96px;\n}\n\n.ui-icon-suitcase {\n background-position: -112px -96px;\n}\n\n.ui-icon-comment {\n background-position: -128px -96px;\n}\n\n.ui-icon-person {\n background-position: -144px -96px;\n}\n\n.ui-icon-print {\n background-position: -160px -96px;\n}\n\n.ui-icon-trash {\n background-position: -176px -96px;\n}\n\n.ui-icon-locked {\n background-position: -192px -96px;\n}\n\n.ui-icon-unlocked {\n background-position: -208px -96px;\n}\n\n.ui-icon-bookmark {\n background-position: -224px -96px;\n}\n\n.ui-icon-tag {\n background-position: -240px -96px;\n}\n\n.ui-icon-home {\n background-position: 0 -112px;\n}\n\n.ui-icon-flag {\n background-position: -16px -112px;\n}\n\n.ui-icon-calendar {\n background-position: -32px -112px;\n}\n\n.ui-icon-cart {\n background-position: -48px -112px;\n}\n\n.ui-icon-pencil {\n background-position: -64px -112px;\n}\n\n.ui-icon-clock {\n background-position: -80px -112px;\n}\n\n.ui-icon-disk {\n background-position: -96px -112px;\n}\n\n.ui-icon-calculator {\n background-position: -112px -112px;\n}\n\n.ui-icon-zoomin {\n background-position: -128px -112px;\n}\n\n.ui-icon-zoomout {\n background-position: -144px -112px;\n}\n\n.ui-icon-search {\n background-position: -160px -112px;\n}\n\n.ui-icon-wrench {\n background-position: -176px -112px;\n}\n\n.ui-icon-gear {\n background-position: -192px -112px;\n}\n\n.ui-icon-heart {\n background-position: -208px -112px;\n}\n\n.ui-icon-star {\n background-position: -224px -112px;\n}\n\n.ui-icon-link {\n background-position: -240px -112px;\n}\n\n.ui-icon-cancel {\n background-position: 0 -128px;\n}\n\n.ui-icon-plus {\n background-position: -16px -128px;\n}\n\n.ui-icon-plusthick {\n background-position: -32px -128px;\n}\n\n.ui-icon-minus {\n background-position: -48px -128px;\n}\n\n.ui-icon-minusthick {\n background-position: -64px -128px;\n}\n\n.ui-icon-close {\n background-position: -80px -128px;\n}\n\n.ui-icon-closethick {\n background-position: -96px -128px;\n}\n\n.ui-icon-key {\n background-position: -112px -128px;\n}\n\n.ui-icon-lightbulb {\n background-position: -128px -128px;\n}\n\n.ui-icon-scissors {\n background-position: -144px -128px;\n}\n\n.ui-icon-clipboard {\n background-position: -160px -128px;\n}\n\n.ui-icon-copy {\n background-position: -176px -128px;\n}\n\n.ui-icon-contact {\n background-position: -192px -128px;\n}\n\n.ui-icon-image {\n background-position: -208px -128px;\n}\n\n.ui-icon-video {\n background-position: -224px -128px;\n}\n\n.ui-icon-script {\n background-position: -240px -128px;\n}\n\n.ui-icon-alert {\n background-position: 0 -144px;\n}\n\n.ui-icon-info {\n background-position: -16px -144px;\n}\n\n.ui-icon-notice {\n background-position: -32px -144px;\n}\n\n.ui-icon-help {\n background-position: -48px -144px;\n}\n\n.ui-icon-check {\n background-position: -64px -144px;\n}\n\n.ui-icon-bullet {\n background-position: -80px -144px;\n}\n\n.ui-icon-radio-on {\n background-position: -96px -144px;\n}\n\n.ui-icon-radio-off {\n background-position: -112px -144px;\n}\n\n.ui-icon-pin-w {\n background-position: -128px -144px;\n}\n\n.ui-icon-pin-s {\n background-position: -144px -144px;\n}\n\n.ui-icon-play {\n background-position: 0 -160px;\n}\n\n.ui-icon-pause {\n background-position: -16px -160px;\n}\n\n.ui-icon-seek-next {\n background-position: -32px -160px;\n}\n\n.ui-icon-seek-prev {\n background-position: -48px -160px;\n}\n\n.ui-icon-seek-end {\n background-position: -64px -160px;\n}\n\n.ui-icon-seek-start,\n.ui-icon-seek-first {\n background-position: -80px -160px;\n}\n\n/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */\n\n.ui-icon-stop {\n background-position: -96px -160px;\n}\n\n.ui-icon-eject {\n background-position: -112px -160px;\n}\n\n.ui-icon-volume-off {\n background-position: -128px -160px;\n}\n\n.ui-icon-volume-on {\n background-position: -144px -160px;\n}\n\n.ui-icon-power {\n background-position: 0 -176px;\n}\n\n.ui-icon-signal-diag {\n background-position: -16px -176px;\n}\n\n.ui-icon-signal {\n background-position: -32px -176px;\n}\n\n.ui-icon-battery-0 {\n background-position: -48px -176px;\n}\n\n.ui-icon-battery-1 {\n background-position: -64px -176px;\n}\n\n.ui-icon-battery-2 {\n background-position: -80px -176px;\n}\n\n.ui-icon-battery-3 {\n background-position: -96px -176px;\n}\n\n.ui-icon-circle-plus {\n background-position: 0 -192px;\n}\n\n.ui-icon-circle-minus {\n background-position: -16px -192px;\n}\n\n.ui-icon-circle-close {\n background-position: -32px -192px;\n}\n\n.ui-icon-circle-triangle-e {\n background-position: -48px -192px;\n}\n\n.ui-icon-circle-triangle-s {\n background-position: -64px -192px;\n}\n\n.ui-icon-circle-triangle-w {\n background-position: -80px -192px;\n}\n\n.ui-icon-circle-triangle-n {\n background-position: -96px -192px;\n}\n\n.ui-icon-circle-arrow-e {\n background-position: -112px -192px;\n}\n\n.ui-icon-circle-arrow-s {\n background-position: -128px -192px;\n}\n\n.ui-icon-circle-arrow-w {\n background-position: -144px -192px;\n}\n\n.ui-icon-circle-arrow-n {\n background-position: -160px -192px;\n}\n\n.ui-icon-circle-zoomin {\n background-position: -176px -192px;\n}\n\n.ui-icon-circle-zoomout {\n background-position: -192px -192px;\n}\n\n.ui-icon-circle-check {\n background-position: -208px -192px;\n}\n\n.ui-icon-circlesmall-plus {\n background-position: 0 -208px;\n}\n\n.ui-icon-circlesmall-minus {\n background-position: -16px -208px;\n}\n\n.ui-icon-circlesmall-close {\n background-position: -32px -208px;\n}\n\n.ui-icon-squaresmall-plus {\n background-position: -48px -208px;\n}\n\n.ui-icon-squaresmall-minus {\n background-position: -64px -208px;\n}\n\n.ui-icon-squaresmall-close {\n background-position: -80px -208px;\n}\n\n.ui-icon-grip-dotted-vertical {\n background-position: 0 -224px;\n}\n\n.ui-icon-grip-dotted-horizontal {\n background-position: -16px -224px;\n}\n\n.ui-icon-grip-solid-vertical {\n background-position: -32px -224px;\n}\n\n.ui-icon-grip-solid-horizontal {\n background-position: -48px -224px;\n}\n\n.ui-icon-gripsmall-diagonal-se {\n background-position: -64px -224px;\n}\n\n.ui-icon-grip-diagonal-se {\n background-position: -80px -224px;\n}\n\n/* Misc visuals\n ----------------------------------*/\n\n/* Corner radius */\n\n.ui-corner-all,\n.ui-corner-top,\n.ui-corner-left,\n.ui-corner-tl {\n border-top-left-radius: 4px;\n}\n\n.ui-corner-all,\n.ui-corner-top,\n.ui-corner-right,\n.ui-corner-tr {\n border-top-right-radius: 4px;\n}\n\n.ui-corner-all,\n.ui-corner-bottom,\n.ui-corner-left,\n.ui-corner-bl {\n border-bottom-left-radius: 4px;\n}\n\n.ui-corner-all,\n.ui-corner-bottom,\n.ui-corner-right,\n.ui-corner-br {\n border-bottom-right-radius: 4px;\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\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n}\r\n\r\n.leaflet-pane > {\r\n\tsvg,\r\n\tcanvas {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t}\r\n}\r\n\r\n.leaflet-zoom-box,\r\n.leaflet-image-layer,\r\n.leaflet-layer {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n}\r\n\r\n.leaflet-container {\r\n\toverflow: hidden;\r\n}\r\n\r\n.leaflet-tile,\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\tuser-select: none;\r\n\t-webkit-user-drag: none;\r\n}\r\n\r\n/* Safari renders non-retina tile on retina better with this, but Chrome is worse */\r\n\r\n.leaflet-safari {\r\n\t.leaflet-tile {\r\n\t\timage-rendering: -webkit-optimize-contrast;\r\n\t}\r\n\r\n\t.leaflet-tile-container {\r\n\t\twidth: 1600px;\r\n\t\theight: 1600px;\r\n\t\t-webkit-transform-origin: 0 0;\r\n\t}\r\n}\r\n\r\n/* hack that prevents hw layers \"stretching\" when loading new tiles */\r\n\r\n.leaflet-marker-icon,\r\n.leaflet-marker-shadow {\r\n\tdisplay: block;\r\n}\r\n\r\n/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */\r\n\r\n/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */\r\n\r\n.leaflet-container {\r\n\t.leaflet-overlay-pane svg,\r\n\t.leaflet-marker-pane img,\r\n\t.leaflet-shadow-pane img,\r\n\t.leaflet-tile-pane img,\r\n\timg.leaflet-image-layer,\r\n\t.leaflet-tile {\r\n\t\tmax-width: none !important;\r\n\t\tmax-height: none !important;\r\n\t}\r\n\r\n\t&.leaflet-touch-zoom {\r\n\t\t-ms-touch-action: pan-x pan-y;\r\n\t\ttouch-action: pan-x pan-y;\r\n\t}\r\n\r\n\t&.leaflet-touch-drag {\r\n\t\t-ms-touch-action: pinch-zoom;\r\n\r\n\t\t/* Fallback for FF which doesn't support pinch-zoom */\r\n\t\ttouch-action: none;\r\n\t\ttouch-action: pinch-zoom;\r\n\r\n\t\t&.leaflet-touch-zoom {\r\n\t\t\t-ms-touch-action: none;\r\n\t\t\ttouch-action: none;\r\n\t\t}\r\n\t}\r\n\r\n\t-webkit-tap-highlight-color: transparent;\r\n\r\n\ta {\r\n\t\t-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);\r\n\t}\r\n}\r\n\r\n.leaflet-tile {\r\n\tfilter: inherit;\r\n\tvisibility: hidden;\r\n}\r\n\r\n.leaflet-tile-loaded {\r\n\tvisibility: inherit;\r\n}\r\n\r\n.leaflet-zoom-box {\r\n\twidth: 0;\r\n\theight: 0;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tz-index: 800;\r\n}\r\n\r\n/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */\r\n\r\n.leaflet-overlay-pane svg {\r\n\t-moz-user-select: none;\r\n}\r\n\r\n.leaflet-pane {\r\n\tz-index: 400;\r\n}\r\n\r\n.leaflet-tile-pane {\r\n\tz-index: 200;\r\n}\r\n\r\n.leaflet-overlay-pane {\r\n\tz-index: 400;\r\n}\r\n\r\n.leaflet-shadow-pane {\r\n\tz-index: 500;\r\n}\r\n\r\n.leaflet-marker-pane {\r\n\tz-index: 600;\r\n}\r\n\r\n.leaflet-tooltip-pane {\r\n\tz-index: 650;\r\n}\r\n\r\n.leaflet-popup-pane {\r\n\tz-index: 700;\r\n}\r\n\r\n.leaflet-map-pane {\r\n\tcanvas {\r\n\t\tz-index: 100;\r\n\t}\r\n\r\n\tsvg {\r\n\t\tz-index: 200;\r\n\t}\r\n}\r\n\r\n.leaflet-vml-shape {\r\n\twidth: 1px;\r\n\theight: 1px;\r\n}\r\n\r\n.lvml {\r\n\tbehavior: url(#default#VML);\r\n\tdisplay: inline-block;\r\n\tposition: absolute;\r\n}\r\n\r\n/* control positioning */\r\n\r\n.leaflet-control {\r\n\tposition: relative;\r\n\tz-index: 800;\r\n\tpointer-events: visiblePainted;\r\n\r\n\t/* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n}\r\n\r\n.leaflet-top,\r\n.leaflet-bottom {\r\n\tposition: absolute;\r\n\tz-index: 1000;\r\n\tpointer-events: none;\r\n}\r\n\r\n.leaflet-top {\r\n\ttop: 0;\r\n}\r\n\r\n.leaflet-right {\r\n\tright: 0;\r\n}\r\n\r\n.leaflet-bottom {\r\n\tbottom: 0;\r\n}\r\n\r\n.leaflet-left {\r\n\tleft: 0;\r\n}\r\n\r\n.leaflet-control {\r\n\tfloat: left;\r\n\tclear: both;\r\n}\r\n\r\n.leaflet-right .leaflet-control {\r\n\tfloat: right;\r\n}\r\n\r\n.leaflet-top .leaflet-control {\r\n\tmargin-top: 10px;\r\n}\r\n\r\n.leaflet-bottom .leaflet-control {\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.leaflet-left .leaflet-control {\r\n\tmargin-left: 10px;\r\n}\r\n\r\n.leaflet-right .leaflet-control {\r\n\tmargin-right: 10px;\r\n}\r\n\r\n/* zoom and fade animations */\r\n\r\n.leaflet-fade-anim {\r\n\t.leaflet-tile {\r\n\t\twill-change: opacity;\r\n\t}\r\n\r\n\t.leaflet-popup {\r\n\t\topacity: 0;\r\n\t\t-webkit-transition: opacity 0.2s linear;\r\n\t\t-moz-transition: opacity 0.2s linear;\r\n\t\ttransition: opacity 0.2s linear;\r\n\t}\r\n\r\n\t.leaflet-map-pane .leaflet-popup {\r\n\t\topacity: 1;\r\n\t}\r\n}\r\n\r\n.leaflet-zoom-animated {\r\n\t-webkit-transform-origin: 0 0;\r\n\t-ms-transform-origin: 0 0;\r\n\ttransform-origin: 0 0;\r\n}\r\n\r\n.leaflet-zoom-anim {\r\n\t.leaflet-zoom-animated {\r\n\t\twill-change: transform;\r\n\t\t-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t\t-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t\ttransition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);\r\n\t}\r\n\r\n\t.leaflet-tile {\r\n\t\t-webkit-transition: none;\r\n\t\t-moz-transition: none;\r\n\t\ttransition: none;\r\n\t}\r\n}\r\n\r\n.leaflet-pan-anim .leaflet-tile {\r\n\t-webkit-transition: none;\r\n\t-moz-transition: none;\r\n\ttransition: none;\r\n}\r\n\r\n.leaflet-zoom-anim .leaflet-zoom-hide {\r\n\tvisibility: hidden;\r\n}\r\n\r\n/* cursors */\r\n\r\n.leaflet-interactive {\r\n\tcursor: pointer;\r\n}\r\n\r\n.leaflet-grab {\r\n\tcursor: -webkit-grab;\r\n\tcursor: -moz-grab;\r\n\tcursor: grab;\r\n}\r\n\r\n.leaflet-crosshair {\r\n\tcursor: crosshair;\r\n\r\n\t.leaflet-interactive {\r\n\t\tcursor: crosshair;\r\n\t}\r\n}\r\n\r\n.leaflet-popup-pane,\r\n.leaflet-control {\r\n\tcursor: auto;\r\n}\r\n\r\n.leaflet-dragging {\r\n\t.leaflet-grab {\r\n\t\tcursor: move;\r\n\t\tcursor: -webkit-grabbing;\r\n\t\tcursor: -moz-grabbing;\r\n\t\tcursor: grabbing;\r\n\r\n\t\t.leaflet-interactive {\r\n\t\t\tcursor: move;\r\n\t\t\tcursor: -webkit-grabbing;\r\n\t\t\tcursor: -moz-grabbing;\r\n\t\t\tcursor: grabbing;\r\n\t\t}\r\n\t}\r\n\r\n\t.leaflet-marker-draggable {\r\n\t\tcursor: move;\r\n\t\tcursor: -webkit-grabbing;\r\n\t\tcursor: -moz-grabbing;\r\n\t\tcursor: grabbing;\r\n\t}\r\n}\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\tpointer-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\tpointer-events: visiblePainted;\r\n\r\n\t/* IE 9-10 doesn't have auto */\r\n\tpointer-events: auto;\r\n}\r\n\r\n/* visual tweaks */\r\n\r\n.leaflet-container {\r\n\tbackground: #efefef;\r\n\toutline: 0;\r\n\tz-index: 0;\r\n\r\n\ta {\r\n\t\tcolor: #0078a8;\r\n\r\n\t\t&.leaflet-active {\r\n\t\t\toutline: 2px solid orange;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.leaflet-zoom-box {\r\n\tborder: 2px dotted #38f;\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n}\r\n\r\n/* general typography */\r\n\r\n.leaflet-container {\r\n\tfont: 12px/1.5 \"Helvetica Neue\", Arial, Helvetica, sans-serif;\r\n}\r\n\r\n/* general toolbar styles */\r\n\r\n.leaflet-bar {\r\n\tbox-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);\r\n\tborder-radius: 4px;\r\n\r\n\ta {\r\n\t\tbackground-color: #fff;\r\n\t\tborder-bottom: 1px solid #ccc;\r\n\t\twidth: 26px;\r\n\t\theight: 26px;\r\n\t\tline-height: 26px;\r\n\t\tdisplay: block;\r\n\t\ttext-align: center;\r\n\t\ttext-decoration: none;\r\n\t\tcolor: black;\r\n\r\n\t\t&:hover {\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder-bottom: 1px solid #ccc;\r\n\t\t\twidth: 26px;\r\n\t\t\theight: 26px;\r\n\t\t\tline-height: 26px;\r\n\t\t\tdisplay: block;\r\n\t\t\ttext-align: center;\r\n\t\t\ttext-decoration: none;\r\n\t\t\tcolor: black;\r\n\t\t}\r\n\r\n\t\tbackground-position: 50% 50%;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tdisplay: block;\r\n\t}\r\n}\r\n\r\n.leaflet-control-layers-toggle {\r\n\tbackground-position: 50% 50%;\r\n\tbackground-repeat: no-repeat;\r\n\tdisplay: block;\r\n}\r\n\r\n.leaflet-bar a {\r\n\t&:hover {\r\n\t\tbackground-color: #f4f4f4;\r\n\t}\r\n\r\n\t&:first-child {\r\n\t\tborder-top-left-radius: 4px;\r\n\t\tborder-top-right-radius: 4px;\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tborder-bottom-left-radius: 4px;\r\n\t\tborder-bottom-right-radius: 4px;\r\n\t\tborder-bottom: none;\r\n\t}\r\n\r\n\t&.leaflet-disabled {\r\n\t\tcursor: default;\r\n\t\tbackground-color: #f4f4f4;\r\n\t\tcolor: #bbb;\r\n\t}\r\n}\r\n\r\n.leaflet-touch .leaflet-bar a {\r\n\twidth: 30px;\r\n\theight: 30px;\r\n\tline-height: 30px;\r\n\r\n\t&:first-child {\r\n\t\tborder-top-left-radius: 2px;\r\n\t\tborder-top-right-radius: 2px;\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\tborder-bottom-left-radius: 2px;\r\n\t\tborder-bottom-right-radius: 2px;\r\n\t}\r\n}\r\n\r\n/* zoom control */\r\n\r\n.leaflet-control-zoom-in,\r\n.leaflet-control-zoom-out {\r\n\tfont: bold 18px \"Lucida Console\", Monaco, monospace;\r\n\ttext-indent: 1px;\r\n}\r\n\r\n.leaflet-touch {\r\n\t.leaflet-control-zoom-in,\r\n\t.leaflet-control-zoom-out {\r\n\t\tfont-size: 22px;\r\n\t}\r\n}\r\n\r\n/* layers control */\r\n\r\n.leaflet-control-layers {\r\n\tbox-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);\r\n\tbackground: #fff;\r\n\tborder-radius: 5px;\r\n}\r\n\r\n.leaflet-control-layers-toggle {\r\n\tbackground-image: url(../plugins/leaflet/images/layers.png);\r\n\twidth: 36px;\r\n\theight: 36px;\r\n}\r\n\r\n.leaflet-retina .leaflet-control-layers-toggle {\r\n\tbackground-image: url(../plugins/leaflet/images/layers-2x.png);\r\n\tbackground-size: 26px 26px;\r\n}\r\n\r\n.leaflet-touch .leaflet-control-layers-toggle {\r\n\twidth: 44px;\r\n\theight: 44px;\r\n}\r\n\r\n.leaflet-control-layers .leaflet-control-layers-list {\r\n\tdisplay: none;\r\n}\r\n\r\n.leaflet-control-layers-expanded {\r\n\t.leaflet-control-layers-toggle {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.leaflet-control-layers-list {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\tpadding: 6px 10px 6px 6px;\r\n\tcolor: #333;\r\n\tbackground: #fff;\r\n}\r\n\r\n.leaflet-control-layers-scrollbar {\r\n\toverflow-y: scroll;\r\n\toverflow-x: hidden;\r\n\tpadding-right: 5px;\r\n}\r\n\r\n.leaflet-control-layers-selector {\r\n\tmargin-top: 2px;\r\n\tposition: relative;\r\n\ttop: 1px;\r\n}\r\n\r\n.leaflet-control-layers label {\r\n\tdisplay: block;\r\n}\r\n\r\n.leaflet-control-layers-separator {\r\n\theight: 0;\r\n\tborder-top: 1px solid #ddd;\r\n\tmargin: 5px -10px 5px -6px;\r\n}\r\n\r\n/* Default icon URLs */\r\n\r\n.leaflet-default-icon-path {\r\n\tbackground-image: url(../plugins/leaflet/images/marker-icon.png);\r\n}\r\n\r\n/* attribution and scale controls */\r\n\r\n.leaflet-container .leaflet-control-attribution {\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.7);\r\n\tmargin: 0;\r\n}\r\n\r\n.leaflet-control-attribution,\r\n.leaflet-control-scale-line {\r\n\tpadding: 0 5px;\r\n\tcolor: #333;\r\n}\r\n\r\n.leaflet-control-attribution a {\r\n\ttext-decoration: none;\r\n\r\n\t&:hover {\r\n\t\ttext-decoration: underline;\r\n\t}\r\n}\r\n\r\n.leaflet-container {\r\n\t.leaflet-control-attribution,\r\n\t.leaflet-control-scale {\r\n\t\tfont-size: 11px;\r\n\t}\r\n}\r\n\r\n.leaflet-left .leaflet-control-scale {\r\n\tmargin-left: 5px;\r\n}\r\n\r\n.leaflet-bottom .leaflet-control-scale {\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.leaflet-control-scale-line {\r\n\tborder: 2px solid #777;\r\n\tborder-top: none;\r\n\tline-height: 1.1;\r\n\tpadding: 2px 5px 1px;\r\n\tfont-size: 11px;\r\n\twhite-space: nowrap;\r\n\toverflow: hidden;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\tbackground: #fff;\r\n\tbackground: rgba(255, 255, 255, 0.5);\r\n\r\n\t&:not(:first-child) {\r\n\t\tborder-top: 2px solid #777;\r\n\t\tborder-bottom: none;\r\n\t\tmargin-top: -2px;\r\n\r\n\t\t&:not(:last-child) {\r\n\t\t\tborder-bottom: 2px solid #777;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.leaflet-touch {\r\n\t.leaflet-control-attribution,\r\n\t.leaflet-control-layers,\r\n\t.leaflet-bar {\r\n\t\tbox-shadow: none;\r\n\t}\r\n\r\n\t.leaflet-control-layers,\r\n\t.leaflet-bar {\r\n\t\tborder: 1px solid rgba(0, 0, 0, 0.2);\r\n\t\tbackground-clip: padding-box;\r\n\t}\r\n}\r\n\r\n/* popup */\r\n\r\n.leaflet-popup {\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tmargin-bottom: 20px;\r\n}\r\n\r\n.leaflet-popup-content-wrapper {\r\n\tpadding: 1px;\r\n\ttext-align: left;\r\n\tborder-radius: 12px;\r\n}\r\n\r\n.leaflet-popup-content {\r\n\tmargin: 13px 19px;\r\n\tline-height: 1.4;\r\n\r\n\tp {\r\n\t\tmargin: 18px 0;\r\n\t}\r\n}\r\n\r\n.leaflet-popup-tip-container {\r\n\twidth: 40px;\r\n\theight: 20px;\r\n\tposition: absolute;\r\n\tleft: 50%;\r\n\tmargin-left: -20px;\r\n\toverflow: hidden;\r\n\tpointer-events: none;\r\n}\r\n\r\n.leaflet-popup-tip {\r\n\twidth: 17px;\r\n\theight: 17px;\r\n\tpadding: 1px;\r\n\tmargin: -10px auto 0;\r\n\t-webkit-transform: rotate(45deg);\r\n\t-moz-transform: rotate(45deg);\r\n\t-ms-transform: rotate(45deg);\r\n\ttransform: rotate(45deg);\r\n}\r\n\r\n.leaflet-popup-content-wrapper,\r\n.leaflet-popup-tip {\r\n\tbackground: white;\r\n\tcolor: #333;\r\n\tbox-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n.leaflet-container a.leaflet-popup-close-button {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tpadding: 4px 4px 0 0;\r\n\tborder: none;\r\n\ttext-align: center;\r\n\twidth: 18px;\r\n\theight: 14px;\r\n\tfont: 16px/14px Tahoma, Verdana, sans-serif;\r\n\tcolor: #c3c3c3;\r\n\ttext-decoration: none;\r\n\tfont-weight: bold;\r\n\tbackground: transparent;\r\n\r\n\t&:hover {\r\n\t\tcolor: #999;\r\n\t}\r\n}\r\n\r\n.leaflet-popup-scrolled {\r\n\toverflow: auto;\r\n\tborder-bottom: 1px solid #ddd;\r\n\tborder-top: 1px solid #ddd;\r\n}\r\n\r\n.leaflet-oldie {\r\n\t.leaflet-popup-content-wrapper {\r\n\t\tzoom: 1;\r\n\t}\r\n\r\n\t.leaflet-popup-tip {\r\n\t\twidth: 24px;\r\n\t\tmargin: 0 auto;\r\n\t\t-ms-filter: \"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)\";\r\n\t\tfilter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);\r\n\t}\r\n\r\n\t.leaflet-popup-tip-container {\r\n\t\tmargin-top: -1px;\r\n\t}\r\n\r\n\t.leaflet-control-zoom,\r\n\t.leaflet-control-layers,\r\n\t.leaflet-popup-content-wrapper,\r\n\t.leaflet-popup-tip {\r\n\t\tborder: 1px solid #999;\r\n\t}\r\n}\r\n\r\n/* div icon */\r\n\r\n.leaflet-div-icon {\r\n\tbackground: #fff;\r\n\tborder: 1px solid #666;\r\n}\r\n\r\n/* Tooltip */\r\n\r\n/* Base styles for the element that has a tooltip */\r\n\r\n.leaflet-tooltip {\r\n\tposition: absolute;\r\n\tpadding: 6px;\r\n\tbackground-color: #fff;\r\n\tborder: 1px solid #fff;\r\n\tborder-radius: 3px;\r\n\tcolor: #222;\r\n\twhite-space: nowrap;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\tpointer-events: none;\r\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\r\n\r\n\t&.leaflet-clickable {\r\n\t\tcursor: pointer;\r\n\t\tpointer-events: auto;\r\n\t}\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\tposition: absolute;\r\n\tpointer-events: none;\r\n\tborder: 6px solid transparent;\r\n\tbackground: transparent;\r\n\tcontent: \"\";\r\n}\r\n\r\n/* Directions */\r\n\r\n.leaflet-tooltip-bottom {\r\n\tmargin-top: 6px;\r\n}\r\n\r\n.leaflet-tooltip-top {\r\n\tmargin-top: -6px;\r\n}\r\n\r\n.leaflet-tooltip-bottom:before {\r\n\tleft: 50%;\r\n\tmargin-left: -6px;\r\n}\r\n\r\n.leaflet-tooltip-top:before {\r\n\tleft: 50%;\r\n\tmargin-left: -6px;\r\n\tbottom: 0;\r\n\tmargin-bottom: -12px;\r\n\tborder-top-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-bottom:before {\r\n\ttop: 0;\r\n\tmargin-top: -12px;\r\n\tmargin-left: -6px;\r\n\tborder-bottom-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-left {\r\n\tmargin-left: -6px;\r\n}\r\n\r\n.leaflet-tooltip-right {\r\n\tmargin-left: 6px;\r\n}\r\n\r\n.leaflet-tooltip-left:before,\r\n.leaflet-tooltip-right:before {\r\n\ttop: 50%;\r\n\tmargin-top: -6px;\r\n}\r\n\r\n.leaflet-tooltip-left:before {\r\n\tright: 0;\r\n\tmargin-right: -12px;\r\n\tborder-left-color: #fff;\r\n}\r\n\r\n.leaflet-tooltip-right:before {\r\n\tleft: 0;\r\n\tmargin-left: -12px;\r\n\tborder-right-color: #fff;\r\n}\r\n", "/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\n\n.pickr {\n position: relative;\n overflow: visible;\n transform: translateY(0);\n\n * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n }\n\n .pcr-button {\n position: relative;\n height: 2em;\n width: 2em;\n padding: 0.5em;\n cursor: pointer;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n border-radius: 0.15em;\n background: url('data:image/svg+xml;utf8, ')\n no-repeat center;\n background-size: 0;\n transition: all 0.3s;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n z-index: initial;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n transition: background 0.3s;\n background: var(--pcr-color);\n border-radius: 0.15em;\n }\n\n &.clear {\n background-size: 70%;\n\n &::before {\n opacity: 0;\n }\n\n &:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n }\n }\n\n * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n }\n}\n\n.pcr-app * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n}\n\n.pickr {\n input {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n button {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n}\n\n.pcr-app {\n input {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n button {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n}\n\n.pickr {\n .pcr-palette,\n .pcr-slider {\n transition: box-shadow 0.3s;\n }\n}\n\n.pcr-app {\n .pcr-palette,\n .pcr-slider {\n transition: box-shadow 0.3s;\n }\n}\n\n.pickr {\n .pcr-palette:focus,\n .pcr-slider:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\n }\n}\n\n.pcr-app {\n .pcr-palette:focus,\n .pcr-slider:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\n }\n\n position: fixed;\n display: flex;\n flex-direction: column;\n z-index: 10000;\n border-radius: 0.1em;\n background: #fff;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0s 0.3s;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\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);\n left: 0;\n top: 0;\n\n &.visible {\n transition: opacity 0.3s;\n visibility: visible;\n opacity: 1;\n }\n\n .pcr-swatches {\n display: flex;\n flex-wrap: wrap;\n margin-top: 0.75em;\n\n &.pcr-last {\n margin: 0;\n }\n\n > button {\n font-size: 1em;\n position: relative;\n width: calc(1.75em - 5px);\n height: calc(1.75em - 5px);\n border-radius: 0.15em;\n cursor: pointer;\n margin: 2.5px;\n flex-shrink: 0;\n justify-self: center;\n transition: all 0.15s;\n overflow: hidden;\n background: transparent;\n z-index: 1;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 6px;\n border-radius: 0.15em;\n z-index: -1;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--pcr-color);\n border: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 0.15em;\n box-sizing: border-box;\n }\n\n &:hover {\n filter: brightness(1.05);\n }\n\n &:not(.pcr-active) {\n box-shadow: none;\n }\n }\n }\n\n .pcr-interaction {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0 -0.2em 0 -0.2em;\n\n > * {\n margin: 0 0.2em;\n }\n\n input {\n letter-spacing: 0.07em;\n font-size: 0.75em;\n text-align: center;\n cursor: pointer;\n color: #75797e;\n background: #f1f3f4;\n border-radius: 0.15em;\n transition: all 0.15s;\n padding: 0.45em 0.5em;\n margin-top: 0.75em;\n\n &:hover {\n filter: brightness(0.975);\n }\n\n &:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);\n }\n }\n\n .pcr-result {\n color: #75797e;\n text-align: left;\n flex: 1 1 8em;\n min-width: 8em;\n transition: all 0.2s;\n border-radius: 0.15em;\n background: #f1f3f4;\n cursor: text;\n\n &::-moz-selection,\n &::selection {\n background: #4285f4;\n color: #fff;\n }\n }\n\n .pcr-type.active {\n color: #fff;\n background: #4285f4;\n }\n\n .pcr-save,\n .pcr-cancel,\n .pcr-clear {\n color: #fff;\n width: auto;\n }\n\n .pcr-save,\n .pcr-cancel,\n .pcr-clear {\n color: #fff;\n }\n\n .pcr-save:hover,\n .pcr-cancel:hover,\n .pcr-clear:hover {\n filter: brightness(0.925);\n }\n\n .pcr-save {\n background: #4285f4;\n }\n\n .pcr-clear,\n .pcr-cancel {\n background: #f44250;\n }\n\n .pcr-clear:focus,\n .pcr-cancel:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);\n }\n }\n\n .pcr-selection {\n .pcr-picker {\n position: absolute;\n height: 18px;\n width: 18px;\n border: 2px solid #fff;\n border-radius: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .pcr-color-palette,\n .pcr-color-chooser,\n .pcr-color-opacity {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: flex;\n flex-direction: column;\n cursor: grab;\n cursor: -webkit-grab;\n }\n\n .pcr-color-palette:active,\n .pcr-color-chooser:active,\n .pcr-color-opacity:active {\n cursor: grabbing;\n cursor: -webkit-grabbing;\n }\n }\n\n &[data-theme=\"monolith\"] {\n width: 14.25em;\n max-width: 95vw;\n padding: 0.8em;\n\n .pcr-selection {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n flex-grow: 1;\n\n .pcr-color-preview {\n position: relative;\n z-index: 1;\n width: 100%;\n height: 1em;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-bottom: 0.5em;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n }\n\n .pcr-last-color {\n cursor: pointer;\n transition: background-color 0.3s, box-shadow 0.3s;\n border-radius: 0.15em 0 0 0.15em;\n z-index: 2;\n }\n\n .pcr-current-color {\n border-radius: 0 0.15em 0.15em 0;\n }\n\n .pcr-last-color,\n .pcr-current-color {\n background: var(--pcr-color);\n width: 50%;\n height: 100%;\n }\n }\n\n .pcr-color-palette {\n width: 100%;\n height: 8em;\n z-index: 1;\n\n .pcr-palette {\n border-radius: 0.15em;\n width: 100%;\n height: 100%;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n }\n }\n }\n\n .pcr-color-chooser,\n .pcr-color-opacity {\n height: 0.5em;\n margin-top: 0.75em;\n }\n\n .pcr-color-chooser .pcr-picker,\n .pcr-color-opacity .pcr-picker {\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pcr-color-chooser .pcr-slider,\n .pcr-color-opacity .pcr-slider {\n flex-grow: 1;\n border-radius: 50em;\n }\n\n .pcr-color-chooser .pcr-slider {\n background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);\n }\n\n .pcr-color-opacity .pcr-slider {\n background: linear-gradient(to right, transparent, black),\n url('data:image/svg+xml;utf8, ');\n background-size: 100%, 0.25em;\n }\n }\n }\n}\n\n@supports (display: grid) {\n .pcr-app .pcr-swatches {\n display: grid;\n align-items: center;\n grid-template-columns: repeat(auto-fit, 1.75em);\n }\n}\n", ".morris-hover {\n position: absolute;\n z-index: 6;\n\n &.morris-default-style {\n border-radius: 10px;\n padding: 6px;\n color: #666;\n background: rgba(255, 255, 255, 0.8);\n border: solid 1px rgba(230, 230, 230, 0.1);\n font-family: sans-serif;\n font-size: 12px;\n text-align: center;\n\n .morris-hover-row-label {\n font-weight: bold;\n margin: 0.25em 0;\n }\n\n .morris-hover-point {\n white-space: nowrap;\n margin: 0.1em 0;\n }\n }\n}\n", ".multi-wrapper {\r\n\tborder: 1px solid #e7eaf3;\r\n\tborder-radius: 5px;\r\n\twidth: 100%;\r\n\toverflow: hidden;\r\n\r\n\t.non-selected-wrapper,\r\n\t.selected-wrapper {\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 200px;\r\n\t\toverflow-y: scroll;\r\n\t\tpadding: 0;\r\n\t\tvertical-align: top;\r\n\t\twidth: 50%;\r\n\t}\r\n\r\n\t.non-selected-wrapper {\r\n\t\tbackground: #f6f6fb;\r\n\t\tborder-right: 1px solid $border;\r\n\t}\r\n\r\n\t.selected-wrapper {\r\n\t\tbackground: #fff;\r\n\t}\r\n\r\n\t.header {\r\n\t\tdisplay: block;\r\n\t\tfont-size: 14px;\r\n\t\tpadding: 0px 15px;\r\n\t\ttext-transform: capitalize;\r\n\t\tfont-weight: 500;\r\n\t\theight: 40px;\r\n\t\tline-height: 40px;\r\n\t}\r\n\r\n\t.item-1 {\r\n\t\tcursor: pointer;\r\n\t\tdisplay: block;\r\n\t\tpadding: 0px 15px;\r\n\t\tcolor: #424e79;\r\n\t\ttext-decoration: none;\r\n\t\tfont-size: 13px;\r\n\t\theight: 35px;\r\n\t\tline-height: 35px;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #5646ff;\r\n\t\t\tborder: 0;\r\n\t\t\tborder-radius: 2px;\r\n\t\t}\r\n\t}\r\n\r\n\t.item-group-1 {\r\n\t\tpadding: 0;\r\n\r\n\t\t.group-label {\r\n\t\t\tdisplay: block;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tpadding: 0px 15px;\r\n\t\t\ttext-transform: capitalize;\r\n\t\t\tfont-weight: 500;\r\n\t\t\theight: 40px;\r\n\t\t\tline-height: 40px;\r\n\t\t}\r\n\t}\r\n\r\n\t.search-input {\r\n\t\tborder: 0;\r\n\t\tborder-bottom: 1px solid $border;\r\n\t\tborder-radius: 0;\r\n\t\tdisplay: block;\r\n\t\tfont-size: 14px !important;\r\n\t\tmargin: 0;\r\n\t\toutline: 0;\r\n\t\tpadding: 10px 20px;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\t\tborder-radius: 5px 5px 0 0;\r\n\t}\r\n\r\n\t.non-selected-wrapper .item {\r\n\t\t&.selected {\r\n\t\t\topacity: 0.5;\r\n\t\t}\r\n\r\n\t\t&.disabled {\r\n\t\t\topacity: 0.5;\r\n\t\t\ttext-decoration: line-through;\r\n\t\t}\r\n\t}\r\n\r\n\t.selected-wrapper .item.disabled {\r\n\t\topacity: 0.5;\r\n\t\ttext-decoration: line-through;\r\n\t}\r\n\r\n\t.non-selected-wrapper .item.disabled:hover,\r\n\t.selected-wrapper .item.disabled:hover {\r\n\t\tbackground: inherit;\r\n\t\tcursor: inherit;\r\n\t}\r\n}\r\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: 0.375rem 0.75rem;\n background-color: transparent;\n background-clip: padding-box;\n border: 1px solid #ecf0fa;\n color: #000;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 14px;\n line-height: 13px;\n border-radius: 7px;\n\n &.disabled {\n background-color: #f6f6fb;\n background-image: none;\n border: 1px solid $border;\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: 7px;\n right: 7px;\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 $border;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n\n &.bottom {\n top: 100%;\n box-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);\n }\n\n &.top {\n bottom: 100%;\n -webkit-box-shadow: 0 -4px 5px rgba(104, 113, 123, 0.2);\n -moz-box-shadow: 0 -4px 5px rgba(104, 113, 123, 0.2);\n box-shadow: 0 -4px 5px rgba(104, 113, 123, 0.2);\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 $border;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 7px;\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,\n -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);\n background: url(\"../plugins/multipleselect/multiple-select.png\") no-repeat 100% -22px,\n -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(to top, #ffffff 85%, #eeeeee 99%);\n background: url(\"../plugins/multipleselect/multiple-select.png\") no-repeat 100% -22px, linear-gradient(to 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: 0.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}\n", "/*! Pickr 1.8.2 MIT | https://github.com/Simonwep/pickr */\n\n.pickr {\n position: relative;\n overflow: visible;\n transform: translateY(0);\n\n * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n }\n\n .pcr-button {\n position: relative;\n height: 2em;\n width: 2em;\n padding: 0.5em;\n cursor: pointer;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\n border-radius: 0.15em;\n background: url('data:image/svg+xml;utf8, ')\n no-repeat center;\n background-size: 0;\n transition: all 0.3s;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n z-index: initial;\n }\n\n &::after {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n transition: background 0.3s;\n background: var(--pcr-color);\n border-radius: 0.15em;\n }\n\n &.clear {\n background-size: 70%;\n\n &::before {\n opacity: 0;\n }\n\n &:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n &.disabled {\n cursor: not-allowed;\n }\n }\n\n * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n }\n}\n\n.pcr-app * {\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none;\n}\n\n.pickr {\n input {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n button {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n}\n\n.pcr-app {\n input {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n\n button {\n &:focus,\n &.pcr-active {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px var(--pcr-color);\n }\n }\n}\n\n.pickr {\n .pcr-palette,\n .pcr-slider {\n transition: box-shadow 0.3s;\n }\n}\n\n.pcr-app {\n .pcr-palette,\n .pcr-slider {\n transition: box-shadow 0.3s;\n }\n}\n\n.pickr {\n .pcr-palette:focus,\n .pcr-slider:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\n }\n}\n\n.pcr-app {\n .pcr-palette:focus,\n .pcr-slider:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(0, 0, 0, 0.25);\n }\n\n position: fixed;\n display: flex;\n flex-direction: column;\n z-index: 10000;\n border-radius: 0.1em;\n background: #fff;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s, visibility 0s 0.3s;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif;\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);\n left: 0;\n top: 0;\n\n &.visible {\n transition: opacity 0.3s;\n visibility: visible;\n opacity: 1;\n }\n\n .pcr-swatches {\n display: flex;\n flex-wrap: wrap;\n margin-top: 0.75em;\n\n &.pcr-last {\n margin: 0;\n }\n\n > button {\n font-size: 1em;\n position: relative;\n width: calc(1.75em - 5px);\n height: calc(1.75em - 5px);\n border-radius: 0.15em;\n cursor: pointer;\n margin: 2.5px;\n flex-shrink: 0;\n justify-self: center;\n transition: all 0.15s;\n overflow: hidden;\n background: transparent;\n z-index: 1;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 6px;\n border-radius: 0.15em;\n z-index: -1;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(--pcr-color);\n border: 1px solid rgba(0, 0, 0, 0.05);\n border-radius: 0.15em;\n box-sizing: border-box;\n }\n\n &:hover {\n filter: brightness(1.05);\n }\n\n &:not(.pcr-active) {\n box-shadow: none;\n }\n }\n }\n\n .pcr-interaction {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n margin: 0 -0.2em 0 -0.2em;\n\n > * {\n margin: 0 0.2em;\n }\n\n input {\n letter-spacing: 0.07em;\n font-size: 0.75em;\n text-align: center;\n cursor: pointer;\n color: #75797e;\n background: #f1f3f4;\n border-radius: 0.15em;\n transition: all 0.15s;\n padding: 0.45em 0.5em;\n margin-top: 0.75em;\n\n &:hover {\n filter: brightness(0.975);\n }\n\n &:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(66, 133, 244, 0.75);\n }\n }\n\n .pcr-result {\n color: #75797e;\n text-align: left;\n flex: 1 1 8em;\n min-width: 8em;\n transition: all 0.2s;\n border-radius: 0.15em;\n background: #f1f3f4;\n cursor: text;\n\n &::-moz-selection,\n &::selection {\n background: #4285f4;\n color: #fff;\n }\n }\n\n .pcr-type.active {\n color: #fff;\n background: #4285f4;\n }\n\n .pcr-save,\n .pcr-cancel,\n .pcr-clear {\n color: #fff;\n width: auto;\n }\n\n .pcr-save,\n .pcr-cancel,\n .pcr-clear {\n color: #fff;\n }\n\n .pcr-save:hover,\n .pcr-cancel:hover,\n .pcr-clear:hover {\n filter: brightness(0.925);\n }\n\n .pcr-save {\n background: #4285f4;\n }\n\n .pcr-clear,\n .pcr-cancel {\n background: #f44250;\n }\n\n .pcr-clear:focus,\n .pcr-cancel:focus {\n box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85), 0 0 0 3px rgba(244, 66, 80, 0.75);\n }\n }\n\n .pcr-selection {\n .pcr-picker {\n position: absolute;\n height: 18px;\n width: 18px;\n border: 2px solid #fff;\n border-radius: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .pcr-color-palette,\n .pcr-color-chooser,\n .pcr-color-opacity {\n position: relative;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n display: flex;\n flex-direction: column;\n cursor: grab;\n cursor: -webkit-grab;\n }\n\n .pcr-color-palette:active,\n .pcr-color-chooser:active,\n .pcr-color-opacity:active {\n cursor: grabbing;\n cursor: -webkit-grabbing;\n }\n }\n\n &[data-theme=\"nano\"] {\n width: 14.25em;\n max-width: 95vw;\n\n .pcr-swatches {\n margin-top: 0.6em;\n padding: 0 0.6em;\n }\n\n .pcr-interaction {\n padding: 0 0.6em 0.6em 0.6em;\n }\n\n .pcr-selection {\n display: grid;\n grid-gap: 0.6em;\n grid-template-columns: 1fr 4fr;\n grid-template-rows: 5fr auto auto;\n align-items: center;\n height: 10.5em;\n width: 100%;\n align-self: flex-start;\n\n .pcr-color-preview {\n grid-area: 2 / 1 / 4 / 1;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n margin-left: 0.6em;\n\n .pcr-last-color {\n display: none;\n }\n\n .pcr-current-color {\n position: relative;\n background: var(--pcr-color);\n width: 2em;\n height: 2em;\n border-radius: 50em;\n overflow: hidden;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n }\n }\n }\n\n .pcr-color-palette {\n grid-area: 1 / 1 / 2 / 3;\n width: 100%;\n height: 100%;\n z-index: 1;\n\n .pcr-palette {\n border-radius: 0.15em;\n width: 100%;\n height: 100%;\n\n &::before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: url('data:image/svg+xml;utf8, ');\n background-size: 0.5em;\n border-radius: 0.15em;\n z-index: -1;\n }\n }\n }\n\n .pcr-color-chooser {\n grid-area: 2 / 2 / 2 / 2;\n }\n\n .pcr-color-opacity {\n grid-area: 3 / 2 / 3 / 2;\n }\n\n .pcr-color-chooser,\n .pcr-color-opacity {\n height: 0.5em;\n margin: 0 0.6em;\n }\n\n .pcr-color-chooser .pcr-picker,\n .pcr-color-opacity .pcr-picker {\n top: 50%;\n transform: translateY(-50%);\n }\n\n .pcr-color-chooser .pcr-slider,\n .pcr-color-opacity .pcr-slider {\n flex-grow: 1;\n border-radius: 50em;\n }\n\n .pcr-color-chooser .pcr-slider {\n background: linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);\n }\n\n .pcr-color-opacity .pcr-slider {\n background: linear-gradient(to right, transparent, black),\n url('data:image/svg+xml;utf8, ');\n background-size: 100%, 0.25em;\n }\n }\n }\n}\n\n@supports (display: grid) {\n .pcr-app .pcr-swatches {\n display: grid;\n align-items: center;\n grid-template-columns: repeat(auto-fit, 1.75em);\n }\n}\n", "#ui_notifIt {\n position: fixed;\n top: 10px;\n right: 10px;\n cursor: pointer;\n overflow: hidden;\n -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);\n -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);\n -o-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);\n box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3);\n -wekbit-border-radius: 5px;\n -moz-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n z-index: 99999;\n\n &:hover {\n opacity: 1 !important;\n }\n\n p {\n text-align: center;\n font-family: sans-serif;\n font-size: 14px;\n padding: 0;\n margin: 0;\n }\n}\n\n#notifIt_close {\n position: absolute;\n color: #fff;\n top: 0;\n padding: 0px 5px;\n right: 0;\n\n &:hover {\n background-color: rgba(255, 255, 255, 0.3);\n }\n}\n\n/* Color setup */\n\n/* You are free to change all of this */\n\n#ui_notifIt {\n &.success {\n background-color: #2dce89;\n color: white;\n }\n\n &.error {\n background-color: #ff5b51;\n color: white;\n }\n\n &.warning {\n background-color: #ecb403;\n color: white;\n }\n\n &.info {\n background-color: #45aaf2;\n color: white;\n }\n\n &.default {\n background-color: #ebecf1;\n color: #1a1630;\n }\n}\n\n/* notifit confirm */\n\n.notifit_confirm_bg,\n.notifit_prompt_bg {\n position: fixed;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.8);\n}\n\n.notifit_confirm *,\n.notifit_prompt * {\n font-family: sans-serif;\n}\n\n.notifit_confirm,\n.notifit_prompt {\n position: fixed;\n top: 0;\n left: 0;\n padding: 30px 30px 0px 30px;\n background-color: #eee;\n border: 1px solid rgba(0, 0, 0, 0.1);\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);\n box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);\n}\n\n.notifit_confirm_accept,\n.notifit_confirm_cancel,\n.notifit_prompt_accept,\n.notifit_prompt_cancel {\n padding: 10px 20px;\n color: #fff;\n border: 1px solid rgba(0, 0, 0, 0.1);\n background-color: #444;\n margin: 10px;\n outline: 0;\n cursor: pointer;\n display: inline-block;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n}\n\n.notifit_prompt_accept:hover,\n.notifit_prompt_cancel:hover {\n background-color: #666;\n}\n\n.notifit_confirm_accept {\n background-color: #9acd32;\n\n &:hover {\n background-color: #abde43;\n }\n}\n\n.notifit_confirm_cancel {\n background-color: #ff4500;\n\n &:hover {\n background-color: #ff5611;\n }\n}\n\n.notifit_confirm_message {\n text-align: center;\n margin-bottom: 20px;\n}\n\n.notifit_prompt_message {\n color: #444;\n margin-top: 0;\n text-align: center;\n}\n\n.notifit_prompt_input {\n text-align: center;\n font-family: sans-serif;\n font-size: 14px;\n width: 100%;\n padding: 10px;\n outline: none;\n border: 1px solid #aaa;\n color: #444;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n -ms-border-radius: 5px;\n -o-border-radius: 5px;\n border-radius: 5px;\n}\n\n.notifit_prompt {\n text-align: center;\n}\n", "/* nvd3 version 1.8.6-dev (https://github.com/novus/nvd3) 2018-02-24 */\r\n\r\n.nvd3 {\r\n .nv-axis {\r\n pointer-events: none;\r\n opacity: 1;\r\n\r\n path {\r\n fill: none;\r\n stroke: #000;\r\n stroke-opacity: 0.75;\r\n shape-rendering: crispEdges;\r\n\r\n &.domain {\r\n stroke-opacity: 0.75;\r\n }\r\n }\r\n\r\n &.nv-x path.domain {\r\n stroke-opacity: 0;\r\n }\r\n\r\n line {\r\n fill: none;\r\n stroke: #e5e5e5;\r\n shape-rendering: crispEdges;\r\n }\r\n\r\n .zero line,\r\n line.zero {\r\n stroke-opacity: 0.75;\r\n }\r\n\r\n .nv-axisMaxMin text {\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n .x .nv-axis .nv-axisMaxMin text,\r\n .x2 .nv-axis .nv-axisMaxMin text,\r\n .x3 .nv-axis .nv-axisMaxMin text {\r\n text-anchor: middle;\r\n }\r\n\r\n .nv-axis.nv-disabled {\r\n opacity: 0;\r\n }\r\n\r\n .nv-bars {\r\n rect {\r\n fill-opacity: 0.75;\r\n transition: fill-opacity 250ms linear;\r\n\r\n &.hover {\r\n fill-opacity: 1;\r\n }\r\n }\r\n\r\n .hover rect {\r\n fill: lightblue;\r\n }\r\n\r\n text {\r\n fill: rgba(0, 0, 0, 0);\r\n }\r\n\r\n .hover text {\r\n fill: rgba(0, 0, 0, 1);\r\n }\r\n }\r\n\r\n .nv-multibar .nv-groups rect,\r\n .nv-multibarHorizontal .nv-groups rect,\r\n .nv-discretebar .nv-groups rect {\r\n stroke-opacity: 0;\r\n transition: fill-opacity 250ms linear;\r\n }\r\n\r\n .nv-multibar .nv-groups rect:hover,\r\n .nv-multibarHorizontal .nv-groups rect:hover,\r\n .nv-candlestickBar .nv-ticks rect:hover {\r\n fill-opacity: 1;\r\n }\r\n\r\n .nv-discretebar .nv-groups {\r\n rect:hover {\r\n fill-opacity: 1;\r\n }\r\n\r\n text {\r\n font-weight: bold;\r\n fill: rgba(0, 0, 0, 1);\r\n stroke: rgba(0, 0, 0, 0);\r\n }\r\n }\r\n\r\n .nv-multibarHorizontal .nv-groups text {\r\n font-weight: bold;\r\n fill: rgba(0, 0, 0, 1);\r\n stroke: rgba(0, 0, 0, 0);\r\n }\r\n\r\n .nv-boxplot {\r\n circle {\r\n fill-opacity: 0.5;\r\n\r\n &:hover {\r\n fill-opacity: 1;\r\n }\r\n }\r\n\r\n rect:hover {\r\n fill-opacity: 1;\r\n }\r\n }\r\n\r\n line.nv-boxplot-median {\r\n stroke: black;\r\n }\r\n}\r\n\r\n/* boxplot CSS */\r\n\r\n.nv-boxplot-tick:hover {\r\n stroke-width: 2.5px;\r\n}\r\n\r\n/* bullet */\r\n\r\n.nvd3 {\r\n &.nv-bullet {\r\n font: 10px sans-serif;\r\n\r\n .nv-measure {\r\n fill-opacity: 0.8;\r\n\r\n &:hover {\r\n fill-opacity: 1;\r\n }\r\n }\r\n\r\n .nv-marker {\r\n stroke: #000;\r\n stroke-width: 2px;\r\n }\r\n\r\n .nv-markerTriangle {\r\n stroke: #000;\r\n fill: #fff;\r\n stroke-width: 1.5px;\r\n }\r\n\r\n .nv-markerLine {\r\n stroke: #000;\r\n stroke-width: 1.5px;\r\n }\r\n\r\n .nv-tick line {\r\n stroke: #666;\r\n stroke-width: 0.5px;\r\n }\r\n\r\n .nv-range {\r\n &.nv-s0 {\r\n fill: #eee;\r\n }\r\n\r\n &.nv-s1 {\r\n fill: #ddd;\r\n }\r\n\r\n &.nv-s2 {\r\n fill: #ccc;\r\n }\r\n }\r\n\r\n .nv-title {\r\n font-size: 14px;\r\n font-weight: bold;\r\n }\r\n\r\n .nv-subtitle {\r\n fill: #999;\r\n }\r\n\r\n .nv-range {\r\n fill: #bababa;\r\n fill-opacity: 0.4;\r\n\r\n &:hover {\r\n fill-opacity: 0.7;\r\n }\r\n }\r\n }\r\n\r\n &.nv-candlestickBar .nv-ticks .nv-tick {\r\n stroke-width: 1px;\r\n\r\n &.hover {\r\n stroke-width: 2px;\r\n }\r\n\r\n &.positive rect {\r\n stroke: #2ca02c;\r\n fill: #2ca02c;\r\n }\r\n\r\n &.negative rect {\r\n stroke: #d62728;\r\n fill: #d62728;\r\n }\r\n }\r\n}\r\n\r\n.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {\r\n transition: stroke-width 250ms linear, stroke-opacity 250ms linear;\r\n}\r\n\r\n.nvd3.nv-candlestickBar .nv-ticks line {\r\n stroke: #333;\r\n}\r\n\r\n.nv-force-node {\r\n stroke: #fff;\r\n stroke-width: 1.5px;\r\n}\r\n\r\n.nv-force-link {\r\n stroke: #999;\r\n stroke-opacity: 0.6;\r\n}\r\n\r\n.nv-force-node text {\r\n stroke-width: 0px;\r\n}\r\n\r\n.nvd3 {\r\n\r\n .nv-check-box {\r\n .nv-box {\r\n fill-opacity: 0;\r\n stroke-width: 2;\r\n }\r\n\r\n .nv-check {\r\n fill-opacity: 0;\r\n stroke-width: 4;\r\n }\r\n }\r\n\r\n .nv-series.nv-disabled .nv-check-box .nv-check {\r\n fill-opacity: 0;\r\n stroke-opacity: 0;\r\n }\r\n\r\n .nv-controlsWrap .nv-legend .nv-check-box .nv-check {\r\n opacity: 0;\r\n }\r\n\r\n &.nv-linePlusBar .nv-bar rect {\r\n fill-opacity: 0.75;\r\n\r\n &:hover {\r\n fill-opacity: 1;\r\n }\r\n }\r\n\r\n .nv-groups path {\r\n &.nv-line {\r\n fill: none;\r\n }\r\n\r\n &.nv-area {\r\n stroke: none;\r\n }\r\n }\r\n\r\n &.nv-line .nvd3.nv-scatter .nv-groups .nv-point {\r\n fill-opacity: 0;\r\n stroke-opacity: 0;\r\n }\r\n\r\n &.nv-scatter.nv-single-point .nv-groups .nv-point {\r\n fill-opacity: 0.5 !important;\r\n stroke-opacity: 0.5 !important;\r\n }\r\n}\r\n\r\n/* line plus bar */\r\n\r\n.with-transitions .nvd3 .nv-groups .nv-point {\r\n transition: stroke-width 250ms linear, stroke-opacity 250ms linear;\r\n}\r\n\r\n.nvd3 {\r\n &.nv-scatter .nv-groups .nv-point.hover,\r\n .nv-groups .nv-point.hover {\r\n stroke-width: 7px;\r\n fill-opacity: 0.95 !important;\r\n stroke-opacity: 0.95 !important;\r\n }\r\n\r\n .nv-point-paths path {\r\n stroke: #aaa;\r\n stroke-opacity: 0;\r\n fill: #eee;\r\n fill-opacity: 0;\r\n }\r\n\r\n .nv-indexLine {\r\n cursor: ew-resize;\r\n }\r\n}\r\n\r\n/********************\r\n * SVG CSS\r\n */\r\n\r\n/********************\r\n Default CSS for an svg element nvd3 used\r\n */\r\n\r\nsvg.nvd3-svg {\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: block;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n/********************\r\n Box shadow and border radius styling\r\n */\r\n\r\n.nvtooltip.with-3d-shadow,\r\n.with-3d-shadow .nvtooltip {\r\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);\r\n border-radius: 5px;\r\n}\r\n\r\n.nvd3 {\r\n text {\r\n font: normal 12px Arial, sans-serif;\r\n }\r\n\r\n .title {\r\n font: bold 14px Arial, sans-serif;\r\n }\r\n\r\n .nv-background {\r\n fill: white;\r\n fill-opacity: 0;\r\n }\r\n\r\n &.nv-noData {\r\n font-size: 18px;\r\n font-weight: bold;\r\n }\r\n}\r\n\r\n/**********\r\n * Brush\r\n */\r\n\r\n.nv-brush {\r\n .extent {\r\n fill-opacity: 0.125;\r\n shape-rendering: crispEdges;\r\n }\r\n\r\n .resize path {\r\n fill: #eee;\r\n stroke: #666;\r\n }\r\n}\r\n\r\n/**********\r\n * Legend\r\n */\r\n\r\n.nvd3 {\r\n .nv-legend {\r\n .nv-series {\r\n cursor: pointer;\r\n }\r\n\r\n .nv-disabled circle {\r\n fill-opacity: 0;\r\n }\r\n }\r\n\r\n .nv-brush .extent {\r\n fill-opacity: 0 !important;\r\n }\r\n\r\n .nv-brushBackground rect {\r\n stroke: #000;\r\n stroke-width: 0.4;\r\n fill: #fff;\r\n fill-opacity: 0.7;\r\n }\r\n\r\n &.nv-ohlcBar .nv-ticks .nv-tick {\r\n stroke-width: 1px;\r\n\r\n &.hover {\r\n stroke-width: 2px;\r\n }\r\n\r\n &.positive {\r\n stroke: #2ca02c;\r\n }\r\n\r\n &.negative {\r\n stroke: #d62728;\r\n }\r\n }\r\n\r\n .background path {\r\n fill: none;\r\n stroke: #eee;\r\n stroke-opacity: 0.4;\r\n shape-rendering: crispEdges;\r\n }\r\n\r\n .foreground path {\r\n fill: none;\r\n stroke-opacity: 0.7;\r\n }\r\n\r\n .nv-parallelCoordinates-brush .extent {\r\n fill: #fff;\r\n fill-opacity: 0.6;\r\n stroke: gray;\r\n shape-rendering: crispEdges;\r\n }\r\n\r\n .nv-parallelCoordinates .hover {\r\n fill-opacity: 1;\r\n stroke-width: 3px;\r\n }\r\n\r\n .missingValuesline line {\r\n fill: none;\r\n stroke: black;\r\n stroke-width: 1;\r\n stroke-opacity: 1;\r\n stroke-dasharray: 5, 5;\r\n }\r\n\r\n &.nv-pie {\r\n path {\r\n stroke-opacity: 0;\r\n transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;\r\n }\r\n\r\n .nv-pie-title {\r\n font-size: 24px;\r\n fill: rgba(19, 196, 249, 0.59);\r\n }\r\n\r\n .nv-slice text {\r\n stroke: #000;\r\n stroke-width: 0;\r\n }\r\n\r\n path {\r\n stroke: #fff;\r\n stroke-width: 1px;\r\n stroke-opacity: 1;\r\n fill-opacity: 0.7;\r\n }\r\n\r\n .hover path {\r\n fill-opacity: 1;\r\n }\r\n\r\n .nv-label {\r\n pointer-events: none;\r\n\r\n rect {\r\n fill-opacity: 0;\r\n stroke-opacity: 0;\r\n }\r\n }\r\n }\r\n\r\n .nv-groups .nv-point.hover {\r\n stroke-width: 20px;\r\n stroke-opacity: 0.5;\r\n }\r\n\r\n .nv-scatter .nv-point.hover {\r\n fill-opacity: 1;\r\n }\r\n}\r\n\r\n/* focus */\r\n\r\n/**********\r\n * Print\r\n */\r\n\r\n@media print {\r\n .nvd3 text {\r\n stroke-width: 0;\r\n fill-opacity: 1;\r\n }\r\n}\r\n\r\n/* scatter */\r\n\r\n.nv-noninteractive,\r\n.nv-distx,\r\n.nv-disty {\r\n pointer-events: none;\r\n}\r\n\r\n/* sparkline */\r\n\r\n.nvd3 {\r\n &.nv-sparkline path {\r\n fill: none;\r\n }\r\n\r\n &.nv-sparklineplus {\r\n g.nv-hoverValue {\r\n pointer-events: none;\r\n }\r\n\r\n .nv-hoverValue line {\r\n stroke: #333;\r\n stroke-width: 1.5px;\r\n }\r\n\r\n pointer-events: all;\r\n\r\n g {\r\n pointer-events: all;\r\n }\r\n }\r\n\r\n .nv-hoverArea {\r\n fill-opacity: 0;\r\n stroke-opacity: 0;\r\n }\r\n\r\n &.nv-sparklineplus {\r\n .nv-xValue {\r\n stroke-width: 0;\r\n font-size: 0.9em;\r\n font-weight: normal;\r\n }\r\n\r\n .nv-yValue {\r\n stroke-width: 0;\r\n font-size: 0.9em;\r\n font-weight: normal;\r\n stroke: #f66;\r\n }\r\n\r\n .nv-maxValue {\r\n stroke: #2ca02c;\r\n fill: #2ca02c;\r\n }\r\n\r\n .nv-minValue {\r\n stroke: #d62728;\r\n fill: #d62728;\r\n }\r\n\r\n .nv-currentValue {\r\n font-weight: bold;\r\n font-size: 1.1em;\r\n }\r\n }\r\n\r\n &.nv-stackedarea {\r\n path.nv-area {\r\n fill-opacity: 0.7;\r\n stroke-opacity: 0;\r\n transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;\r\n\r\n &.hover {\r\n fill-opacity: 0.9;\r\n }\r\n }\r\n\r\n .nv-groups .nv-point {\r\n stroke-opacity: 0;\r\n fill-opacity: 0;\r\n }\r\n }\r\n}\r\n\r\n/* stacked area */\r\n\r\n.nvtooltip {\r\n position: absolute;\r\n background-color: rgba(255, 255, 255, 1);\r\n color: rgba(0, 0, 0, 1);\r\n padding: 1px;\r\n border: 1px solid rgba(0, 0, 0, 0.2);\r\n z-index: 10000;\r\n display: block;\r\n font-family: Arial, sans-serif;\r\n font-size: 13px;\r\n text-align: left;\r\n pointer-events: none;\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 background: rgba(255, 255, 255, 0.8);\r\n border: 1px solid rgba(0, 0, 0, 0.5);\r\n border-radius: 4px;\r\n\r\n &.with-transitions {\r\n transition: opacity 50ms linear;\r\n transition-delay: 200ms;\r\n }\r\n}\r\n\r\n/*Give tooltips that old fade in transition by\r\n putting a \"with-transitions\" class on the container div.\r\n */\r\n\r\n.with-transitions .nvtooltip {\r\n transition: opacity 50ms linear;\r\n transition-delay: 200ms;\r\n}\r\n\r\n.nvtooltip {\r\n &.x-nvtooltip,\r\n &.y-nvtooltip {\r\n padding: 8px;\r\n }\r\n\r\n h3 {\r\n margin: 0;\r\n padding: 4px 14px;\r\n line-height: 18px;\r\n font-weight: normal;\r\n background-color: rgba(247, 247, 247, 0.75);\r\n color: rgba(0, 0, 0, 1);\r\n text-align: center;\r\n border-bottom: 1px solid #ebebeb;\r\n border-radius: 5px 5px 0 0;\r\n }\r\n\r\n p {\r\n margin: 0;\r\n padding: 5px 14px;\r\n text-align: center;\r\n }\r\n\r\n span {\r\n display: inline-block;\r\n margin: 2px 0;\r\n }\r\n\r\n table {\r\n margin: 6px;\r\n border-spacing: 0;\r\n\r\n td {\r\n padding: 2px 9px 2px 0;\r\n vertical-align: middle;\r\n\r\n &.key {\r\n font-weight: normal;\r\n\r\n &.total {\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n &.value {\r\n text-align: right;\r\n font-weight: bold;\r\n }\r\n\r\n &.percent {\r\n color: darkgray;\r\n }\r\n }\r\n\r\n tr.highlight td {\r\n padding: 1px 9px 1px 0;\r\n border-bottom-style: solid;\r\n border-bottom-width: 1px;\r\n border-top-style: solid;\r\n border-top-width: 1px;\r\n }\r\n\r\n td.legend-color-guide div {\r\n width: 8px;\r\n height: 8px;\r\n vertical-align: middle;\r\n width: 12px;\r\n height: 12px;\r\n border: 1px solid #999;\r\n }\r\n }\r\n\r\n .footer {\r\n padding: 3px;\r\n text-align: center;\r\n }\r\n}\r\n\r\n.nvtooltip-pending-removal {\r\n pointer-events: none;\r\n display: none;\r\n}\r\n\r\n/****\r\n Interactive Layer\r\n */\r\n\r\n.nvd3 {\r\n .nv-interactiveGuideLine {\r\n pointer-events: none;\r\n }\r\n\r\n line.nv-guideline {\r\n stroke: #ccc;\r\n }\r\n}\r\n", "/**\n * Owl Carousel v2.3.4\n * Copyright 2013-2018 David Deutsch\n * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE\n */\n\n/*\n * Owl Carousel - Core\n */\n\n.owl-carousel {\n display: none;\n width: 100%;\n -webkit-tap-highlight-color: transparent;\n\n /* position relative and z-index fix webkit rendering fonts issue */\n position: relative;\n\n .owl-stage {\n position: relative;\n -ms-touch-action: pan-Y;\n touch-action: manipulation;\n -moz-backface-visibility: hidden;\n\n /* fix firefox animation glitch */\n\n &:after {\n content: \".\";\n display: block;\n clear: both;\n visibility: hidden;\n line-height: 0;\n height: 0;\n }\n }\n\n .owl-stage-outer {\n position: relative;\n overflow: hidden;\n\n /* fix for flashing background */\n -webkit-transform: translate3d(0px, 0px, 0px);\n }\n\n .owl-wrapper {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n }\n\n .owl-item {\n -webkit-backface-visibility: hidden;\n -moz-backface-visibility: hidden;\n -ms-backface-visibility: hidden;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n position: relative;\n min-height: 1px;\n float: left;\n -webkit-backface-visibility: hidden;\n -webkit-tap-highlight-color: transparent;\n -webkit-touch-callout: none;\n\n img {\n display: block;\n }\n }\n\n .owl-nav.disabled,\n .owl-dots.disabled {\n display: none;\n }\n\n .owl-nav {\n .owl-prev,\n .owl-next {\n cursor: pointer;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n }\n\n .owl-dot {\n cursor: pointer;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n .owl-nav button {\n &.owl-prev,\n &.owl-next {\n background: rgba(105, 99, 255, 0.3);\n opacity: 7;\n color: inherit;\n border: none;\n padding: 0 !important;\n font: inherit;\n }\n }\n\n button.owl-dot {\n background: rgba(105, 99, 255, 0.3);\n opacity: 7;\n color: inherit;\n border: none;\n padding: 0 !important;\n font: inherit;\n }\n\n &.owl-loaded {\n display: block;\n }\n\n &.owl-loading {\n opacity: 0;\n display: block;\n }\n\n &.owl-hidden {\n opacity: 0;\n }\n\n &.owl-refresh .owl-item {\n visibility: hidden;\n }\n\n &.owl-drag .owl-item {\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n }\n\n &.owl-grab {\n cursor: move;\n cursor: grab;\n }\n\n &.owl-rtl {\n direction: rtl;\n\n .owl-item {\n float: right;\n }\n }\n}\n\n/* No Js */\n\n.no-js .owl-carousel {\n display: block;\n}\n\n/*\n * Owl Carousel - Animate Plugin\n */\n\n.owl-carousel {\n .animated {\n animation-duration: 1000ms;\n animation-fill-mode: both;\n }\n\n .owl-animated-in {\n z-index: 0;\n }\n\n .owl-animated-out {\n z-index: 1;\n }\n\n .fadeOut {\n animation-name: fadeOut;\n }\n}\n\n@keyframes fadeOut {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: 0;\n }\n}\n\n/*\n * \tOwl Carousel - Auto Height Plugin\n */\n\n.owl-height {\n transition: height 500ms ease-in-out;\n}\n\n/*\n * \tOwl Carousel - Lazy Load Plugin\n */\n\n.owl-carousel {\n .owl-item {\n .owl-lazy {\n opacity: 0;\n transition: opacity 400ms ease;\n\n &[src^=\"\"],\n &:not([src]) {\n max-height: 0;\n }\n }\n\n img.owl-lazy {\n transform-style: preserve-3d;\n }\n }\n\n .owl-video-wrapper {\n position: relative;\n height: 100%;\n background: #000;\n }\n\n .owl-video-play-icon {\n position: absolute;\n height: 80px;\n width: 80px;\n left: 50%;\n top: 50%;\n margin-left: -40px;\n margin-top: -40px;\n cursor: pointer;\n z-index: 1;\n -webkit-backface-visibility: hidden;\n transition: transform 100ms ease;\n\n &:hover {\n -ms-transform: scale(1.3, 1.3);\n transform: scale(1.3, 1.3);\n }\n }\n\n .owl-video-playing {\n .owl-video-tn,\n .owl-video-play-icon {\n display: none;\n }\n }\n\n .owl-video-tn {\n opacity: 0;\n height: 100%;\n background-position: center center;\n background-repeat: no-repeat;\n background-size: contain;\n transition: opacity 400ms ease;\n }\n\n .owl-video-frame {\n position: relative;\n z-index: 1;\n height: 100%;\n width: 100%;\n }\n}\n\n/*\n * \tOwl Carousel - Video Plugin\n */\n\n.owl-controls {\n .owl-page {\n width: 65px;\n height: 65px;\n border-radius: 50%;\n border: 4px solid #d9d6e0;\n background-size: cover;\n transition: all 0.3s ease-in-out 0s;\n\n &:nth-child(2) {\n background-size: cover;\n }\n\n &:nth-child(3) {\n background-size: cover;\n }\n }\n\n &.clickable .owl-page:hover {\n opacity: 0.5;\n }\n\n .owl-page {\n &.active {\n border-color: #ed5151;\n opacity: 1;\n\n &:hover {\n border-color: #ed5151;\n opacity: 1;\n }\n }\n\n display: inline-block;\n zoom: 1;\n }\n\n margin-bottom: 30px;\n text-align: center;\n}\n\n.testimonia {\n .post {\n display: block;\n font-size: 15px;\n color: rgba(255, 255, 255, 0.7);\n }\n\n .title {\n font-size: 24px;\n font-weight: bold;\n color: #fff;\n text-transform: capitalize;\n margin: 0;\n margin-bottom: 1px;\n }\n}\n\n.owl-nav {\n .owl-prev {\n position: absolute;\n top: 50%;\n left: -25px;\n right: -1.5em;\n margin-top: -1.65em;\n }\n\n button {\n display: block;\n font-size: 1.3rem !important;\n line-height: 2em;\n border-radius: 50%;\n width: 3rem;\n height: 3rem;\n text-align: center;\n background: rgba(255, 255, 255, 0.5) !important;\n border: 1px solid #e8ebf3 !important;\n z-index: 99;\n box-shadow: 0 4px 15px rgb(67 67 67 / 15%);\n\n &:before {\n content: \"\";\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: #2098d1;\n -webkit-transform: scaleY(0);\n transform: scaleY(0);\n -webkit-transform-origin: 50% 0;\n transform-origin: 50% 0;\n -webkit-transition-property: transform;\n transition-property: transform;\n -webkit-transition-duration: 0.5s;\n transition-duration: 0.5s;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n }\n }\n\n .owl-next {\n position: absolute;\n top: 50%;\n right: -25px;\n margin-top: -1.65em;\n }\n}\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 0.2s linear, opacity 0.2s linear;\n -webkit-transition: background-color 0.2s linear, opacity 0.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 0.2s linear, opacity 0.2s linear;\n -webkit-transition: background-color 0.2s linear, opacity 0.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,\n.ps--active-y > .ps__rail-y {\n display: block;\n background-color: transparent;\n}\n\n.ps:hover > {\n .ps__rail-x,\n .ps__rail-y {\n opacity: 0.6;\n }\n}\n\n.ps--focus > {\n .ps__rail-x,\n .ps__rail-y {\n opacity: 0.6;\n }\n}\n\n.ps--scrolling-x > .ps__rail-x,\n.ps--scrolling-y > .ps__rail-y {\n opacity: 0.6;\n}\n\n.ps {\n .ps__rail-x:hover,\n .ps__rail-y:hover,\n .ps__rail-x:focus,\n .ps__rail-y:focus,\n .ps__rail-x.ps--clicking,\n .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: #f6f6fb;\n border-radius: 6px;\n transition: background-color 0.2s linear, height 0.2s ease-in-out;\n -webkit-transition: background-color 0.2s linear, height 0.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 0.2s linear, width 0.2s ease-in-out;\n -webkit-transition: background-color 0.2s linear, width 0.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,\n &:focus > .ps__thumb-x,\n &.ps--clicking .ps__thumb-x {\n background-color: #8497bf;\n height: 11px;\n }\n}\n\n.ps__rail-y {\n &:hover > .ps__thumb-y,\n &:focus > .ps__thumb-y,\n &.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}\n", "/*!\n * Quill Editor v1.3.6\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n\n.ql-container {\n\tbox-sizing: border-box;\n\tfont-family: Helvetica, Arial, sans-serif;\n\tfont-size: 13px;\n\theight: 100%;\n\tmargin: 0px;\n\tposition: relative;\n\n\t&.ql-disabled {\n\t\t.ql-tooltip {\n\t\t\tvisibility: hidden;\n\t\t}\n\n\t\t.ql-editor ul[data-checked] > li::before {\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n}\n\n.ql-clipboard {\n\tleft: -100000px;\n\theight: 1px;\n\toverflow-y: hidden;\n\tposition: absolute;\n\ttop: 50%;\n\n\tp {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n}\n\n.ql-editor {\n\tbox-sizing: border-box;\n\tline-height: 1.42;\n\theight: 100%;\n\toutline: none;\n\toverflow-y: auto;\n\tpadding: 20px 25px;\n\ttab-size: 4;\n\t-moz-tab-size: 4;\n\ttext-align: left;\n\twhite-space: pre-wrap;\n\tword-wrap: break-word;\n\tfont-size: 14px;\n\theight: 300px;\n\n\t> * {\n\t\tcursor: text;\n\t}\n\n\tp,\n\tol,\n\tul,\n\tpre,\n\tblockquote,\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tcounter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n\t}\n\n\tol,\n\tul {\n\t\tpadding-left: 1.5em;\n\t}\n\n\tol > li {\n\t\tlist-style-type: none;\n\t}\n\n\tul {\n\t\t> li {\n\t\t\tlist-style-type: none;\n\n\t\t\t&::before {\n\t\t\t\tcontent: \"\\2022\";\n\t\t\t}\n\t\t}\n\n\t\t&[data-checked=\"true\"],\n\t\t&[data-checked=\"false\"] {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&[data-checked=\"true\"] > li *,\n\t\t&[data-checked=\"false\"] > li * {\n\t\t\tpointer-events: all;\n\t\t}\n\n\t\t&[data-checked=\"true\"] > li::before,\n\t\t&[data-checked=\"false\"] > li::before {\n\t\t\tcolor: #777;\n\t\t\tcursor: pointer;\n\t\t\tpointer-events: all;\n\t\t}\n\n\t\t&[data-checked=\"true\"] > li::before {\n\t\t\tcontent: \"\\2611\";\n\t\t}\n\n\t\t&[data-checked=\"false\"] > li::before {\n\t\t\tcontent: \"\\2610\";\n\t\t}\n\t}\n\n\tli {\n\t\t&::before {\n\t\t\tdisplay: inline-block;\n\t\t\twhite-space: nowrap;\n\t\t\twidth: 1.2em;\n\t\t}\n\n\t\t&:not(.ql-direction-rtl)::before {\n\t\t\tmargin-left: -1.5em;\n\t\t\tmargin-right: 0.3em;\n\t\t\ttext-align: right;\n\t\t}\n\n\t\t&.ql-direction-rtl::before {\n\t\t\tmargin-left: 0.3em;\n\t\t\tmargin-right: -1.5em;\n\t\t}\n\t}\n\n\tol li:not(.ql-direction-rtl),\n\tul li:not(.ql-direction-rtl) {\n\t\tpadding-left: 1.5em;\n\t}\n\n\tol li.ql-direction-rtl,\n\tul li.ql-direction-rtl {\n\t\tpadding-right: 1.5em;\n\t}\n\n\tol li {\n\t\tcounter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n\t\tcounter-increment: list-0;\n\n\t\t&:before {\n\t\t\tcontent: counter(list-0, decimal) \". \";\n\t\t}\n\n\t\t&.ql-indent-1 {\n\t\t\tcounter-increment: list-1;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-1, lower-alpha) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-2 {\n\t\t\tcounter-increment: list-2;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-2, lower-roman) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-3 {\n\t\t\tcounter-increment: list-3;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-3, decimal) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-4 {\n\t\t\tcounter-increment: list-4;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-4, lower-alpha) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-5 list-6 list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-5 {\n\t\t\tcounter-increment: list-5;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-5, lower-roman) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-6 list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-6 {\n\t\t\tcounter-increment: list-6;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-6, decimal) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-7 list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-7 {\n\t\t\tcounter-increment: list-7;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-7, lower-alpha) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-8 list-9;\n\t\t}\n\n\t\t&.ql-indent-8 {\n\t\t\tcounter-increment: list-8;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-8, lower-roman) \". \";\n\t\t\t}\n\n\t\t\tcounter-reset: list-9;\n\t\t}\n\n\t\t&.ql-indent-9 {\n\t\t\tcounter-increment: list-9;\n\n\t\t\t&:before {\n\t\t\t\tcontent: counter(list-9, decimal) \". \";\n\t\t\t}\n\t\t}\n\t}\n\n\t.ql-indent-1:not(.ql-direction-rtl) {\n\t\tpadding-left: 3em;\n\t}\n\n\tli.ql-indent-1:not(.ql-direction-rtl) {\n\t\tpadding-left: 4.5em;\n\t}\n\n\t.ql-indent-1.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 3em;\n\t}\n\n\tli.ql-indent-1.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 4.5em;\n\t}\n\n\t.ql-indent-2:not(.ql-direction-rtl) {\n\t\tpadding-left: 6em;\n\t}\n\n\tli.ql-indent-2:not(.ql-direction-rtl) {\n\t\tpadding-left: 7.5em;\n\t}\n\n\t.ql-indent-2.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 6em;\n\t}\n\n\tli.ql-indent-2.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 7.5em;\n\t}\n\n\t.ql-indent-3:not(.ql-direction-rtl) {\n\t\tpadding-left: 9em;\n\t}\n\n\tli.ql-indent-3:not(.ql-direction-rtl) {\n\t\tpadding-left: 10.5em;\n\t}\n\n\t.ql-indent-3.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 9em;\n\t}\n\n\tli.ql-indent-3.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 10.5em;\n\t}\n\n\t.ql-indent-4:not(.ql-direction-rtl) {\n\t\tpadding-left: 12em;\n\t}\n\n\tli.ql-indent-4:not(.ql-direction-rtl) {\n\t\tpadding-left: 13.5em;\n\t}\n\n\t.ql-indent-4.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 12em;\n\t}\n\n\tli.ql-indent-4.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 13.5em;\n\t}\n\n\t.ql-indent-5:not(.ql-direction-rtl) {\n\t\tpadding-left: 15em;\n\t}\n\n\tli.ql-indent-5:not(.ql-direction-rtl) {\n\t\tpadding-left: 16.5em;\n\t}\n\n\t.ql-indent-5.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 15em;\n\t}\n\n\tli.ql-indent-5.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 16.5em;\n\t}\n\n\t.ql-indent-6:not(.ql-direction-rtl) {\n\t\tpadding-left: 18em;\n\t}\n\n\tli.ql-indent-6:not(.ql-direction-rtl) {\n\t\tpadding-left: 19.5em;\n\t}\n\n\t.ql-indent-6.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 18em;\n\t}\n\n\tli.ql-indent-6.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 19.5em;\n\t}\n\n\t.ql-indent-7:not(.ql-direction-rtl) {\n\t\tpadding-left: 21em;\n\t}\n\n\tli.ql-indent-7:not(.ql-direction-rtl) {\n\t\tpadding-left: 22.5em;\n\t}\n\n\t.ql-indent-7.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 21em;\n\t}\n\n\tli.ql-indent-7.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 22.5em;\n\t}\n\n\t.ql-indent-8:not(.ql-direction-rtl) {\n\t\tpadding-left: 24em;\n\t}\n\n\tli.ql-indent-8:not(.ql-direction-rtl) {\n\t\tpadding-left: 25.5em;\n\t}\n\n\t.ql-indent-8.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 24em;\n\t}\n\n\tli.ql-indent-8.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 25.5em;\n\t}\n\n\t.ql-indent-9:not(.ql-direction-rtl) {\n\t\tpadding-left: 27em;\n\t}\n\n\tli.ql-indent-9:not(.ql-direction-rtl) {\n\t\tpadding-left: 28.5em;\n\t}\n\n\t.ql-indent-9.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 27em;\n\t}\n\n\tli.ql-indent-9.ql-direction-rtl.ql-align-right {\n\t\tpadding-right: 28.5em;\n\t}\n\n\t.ql-video {\n\t\tdisplay: block;\n\t\tmax-width: 100%;\n\n\t\t&.ql-align-center {\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t&.ql-align-right {\n\t\t\tmargin: 0 0 0 auto;\n\t\t}\n\t}\n\n\t.ql-bg-black {\n\t\tbackground-color: #000;\n\t}\n\n\t.ql-bg-red {\n\t\tbackground-color: #e60000;\n\t}\n\n\t.ql-bg-orange {\n\t\tbackground-color: #f90;\n\t}\n\n\t.ql-bg-yellow {\n\t\tbackground-color: #ff0;\n\t}\n\n\t.ql-bg-green {\n\t\tbackground-color: #008a00;\n\t}\n\n\t.ql-bg-blue {\n\t\tbackground-color: #06c;\n\t}\n\n\t.ql-bg-purple {\n\t\tbackground-color: #93f;\n\t}\n\n\t.ql-color-white {\n\t\tcolor: #fff;\n\t}\n\n\t.ql-color-red {\n\t\tcolor: #e60000;\n\t}\n\n\t.ql-color-orange {\n\t\tcolor: #f90;\n\t}\n\n\t.ql-color-yellow {\n\t\tcolor: #ff0;\n\t}\n\n\t.ql-color-green {\n\t\tcolor: #008a00;\n\t}\n\n\t.ql-color-blue {\n\t\tcolor: #06c;\n\t}\n\n\t.ql-color-purple {\n\t\tcolor: #93f;\n\t}\n\n\t.ql-font-serif {\n\t\tfont-family: Georgia, Times New Roman, serif;\n\t}\n\n\t.ql-font-monospace {\n\t\tfont-family: Monaco, Courier New, monospace;\n\t}\n\n\t.ql-size-small {\n\t\tfont-size: 0.75em;\n\t}\n\n\t.ql-size-large {\n\t\tfont-size: 1.5em;\n\t}\n\n\t.ql-size-huge {\n\t\tfont-size: 2.5em;\n\t}\n\n\t.ql-direction-rtl {\n\t\tdirection: rtl;\n\t\ttext-align: inherit;\n\t}\n\n\t.ql-align-center {\n\t\ttext-align: center;\n\t}\n\n\t.ql-align-justify {\n\t\ttext-align: justify;\n\t}\n\n\t.ql-align-right {\n\t\ttext-align: right;\n\t}\n\n\t&.ql-blank::before {\n\t\tcolor: rgba(0, 0, 0, 0.6);\n\t\tcontent: attr(data-placeholder);\n\t\tfont-style: italic;\n\t\tleft: 15px;\n\t\tpointer-events: none;\n\t\tposition: absolute;\n\t\tright: 15px;\n\t}\n}\n\n.ql-bubble {\n\t&.ql-toolbar:after,\n\t.ql-toolbar:after {\n\t\tclear: both;\n\t\tcontent: \"\";\n\t\tdisplay: table;\n\t}\n\n\t&.ql-toolbar button,\n\t.ql-toolbar button {\n\t\tbackground: none;\n\t\tborder: none;\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\tfloat: left;\n\t\theight: 24px;\n\t\tpadding: 3px 5px;\n\t\twidth: 28px;\n\t}\n\n\t&.ql-toolbar button svg,\n\t.ql-toolbar button svg {\n\t\tfloat: left;\n\t\theight: 100%;\n\t}\n\n\t&.ql-toolbar button:active:hover,\n\t.ql-toolbar button:active:hover {\n\t\toutline: none;\n\t}\n\n\t&.ql-toolbar input.ql-image[type=\"file\"],\n\t.ql-toolbar input.ql-image[type=\"file\"] {\n\t\tdisplay: none;\n\t}\n\n\t&.ql-toolbar button:hover,\n\t.ql-toolbar button:hover,\n\t&.ql-toolbar button:focus,\n\t.ql-toolbar button:focus,\n\t&.ql-toolbar button.ql-active,\n\t.ql-toolbar button.ql-active,\n\t&.ql-toolbar .ql-picker-label:hover,\n\t.ql-toolbar .ql-picker-label:hover,\n\t&.ql-toolbar .ql-picker-label.ql-active,\n\t.ql-toolbar .ql-picker-label.ql-active,\n\t&.ql-toolbar .ql-picker-item:hover,\n\t.ql-toolbar .ql-picker-item:hover,\n\t&.ql-toolbar .ql-picker-item.ql-selected,\n\t.ql-toolbar .ql-picker-item.ql-selected {\n\t\tcolor: #fff;\n\t}\n\n\t&.ql-toolbar button:hover .ql-fill,\n\t.ql-toolbar button:hover .ql-fill,\n\t&.ql-toolbar button:focus .ql-fill,\n\t.ql-toolbar button:focus .ql-fill,\n\t&.ql-toolbar button.ql-active .ql-fill,\n\t.ql-toolbar button.ql-active .ql-fill,\n\t&.ql-toolbar .ql-picker-label:hover .ql-fill,\n\t.ql-toolbar .ql-picker-label:hover .ql-fill,\n\t&.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n\t.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n\t&.ql-toolbar .ql-picker-item:hover .ql-fill,\n\t.ql-toolbar .ql-picker-item:hover .ql-fill,\n\t&.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n\t.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n\t&.ql-toolbar button:hover .ql-stroke.ql-fill,\n\t.ql-toolbar button:hover .ql-stroke.ql-fill,\n\t&.ql-toolbar button:focus .ql-stroke.ql-fill,\n\t.ql-toolbar button:focus .ql-stroke.ql-fill,\n\t&.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n\t.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n\t&.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n\t.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n\t&.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n\t.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n\t&.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n\t.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n\t&.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n\t.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n\t\tfill: #fff;\n\t}\n\n\t&.ql-toolbar button:hover .ql-stroke,\n\t.ql-toolbar button:hover .ql-stroke,\n\t&.ql-toolbar button:focus .ql-stroke,\n\t.ql-toolbar button:focus .ql-stroke,\n\t&.ql-toolbar button.ql-active .ql-stroke,\n\t.ql-toolbar button.ql-active .ql-stroke,\n\t&.ql-toolbar .ql-picker-label:hover .ql-stroke,\n\t.ql-toolbar .ql-picker-label:hover .ql-stroke,\n\t&.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n\t.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n\t&.ql-toolbar .ql-picker-item:hover .ql-stroke,\n\t.ql-toolbar .ql-picker-item:hover .ql-stroke,\n\t&.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n\t.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n\t&.ql-toolbar button:hover .ql-stroke-miter,\n\t.ql-toolbar button:hover .ql-stroke-miter,\n\t&.ql-toolbar button:focus .ql-stroke-miter,\n\t.ql-toolbar button:focus .ql-stroke-miter,\n\t&.ql-toolbar button.ql-active .ql-stroke-miter,\n\t.ql-toolbar button.ql-active .ql-stroke-miter,\n\t&.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n\t.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n\t&.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n\t.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n\t&.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n\t.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n\t&.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n\t.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n\t\tstroke: #fff;\n\t}\n\n\tbox-sizing: border-box;\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.ql-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.ql-out-bottom,\n\t.ql-out-top {\n\t\tvisibility: hidden;\n\t}\n\n\t.ql-tooltip {\n\t\tposition: absolute;\n\t\ttransform: translateY(10px);\n\n\t\ta {\n\t\t\tcursor: pointer;\n\t\t\ttext-decoration: none;\n\t\t}\n\n\t\t&.ql-flip {\n\t\t\ttransform: translateY(-10px);\n\t\t}\n\t}\n\n\t.ql-formats {\n\t\tdisplay: inline-block;\n\t\tvertical-align: middle;\n\n\t\t&:after {\n\t\t\tclear: both;\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t}\n\t}\n\n\t.ql-stroke {\n\t\tfill: none;\n\t\tstroke: #ccc;\n\t\tstroke-linecap: round;\n\t\tstroke-linejoin: round;\n\t\tstroke-width: 2;\n\t}\n\n\t.ql-stroke-miter {\n\t\tfill: none;\n\t\tstroke: #ccc;\n\t\tstroke-miterlimit: 10;\n\t\tstroke-width: 2;\n\t}\n\n\t.ql-fill,\n\t.ql-stroke.ql-fill {\n\t\tfill: #ccc;\n\t}\n\n\t.ql-empty {\n\t\tfill: none;\n\t}\n\n\t.ql-even {\n\t\tfill-rule: evenodd;\n\t}\n\n\t.ql-thin,\n\t.ql-stroke.ql-thin {\n\t\tstroke-width: 1;\n\t}\n\n\t.ql-transparent {\n\t\topacity: 0.4;\n\t}\n\n\t.ql-direction {\n\t\tsvg:last-child {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.ql-active svg {\n\t\t\t&:last-child {\n\t\t\t\tdisplay: inline;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ql-editor {\n\t\th1 {\n\t\t\tfont-size: 2em;\n\t\t}\n\n\t\th2 {\n\t\t\tfont-size: 1.5em;\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 1.17em;\n\t\t}\n\n\t\th4 {\n\t\t\tfont-size: 1em;\n\t\t}\n\n\t\th5 {\n\t\t\tfont-size: 0.83em;\n\t\t}\n\n\t\th6 {\n\t\t\tfont-size: 0.67em;\n\t\t}\n\n\t\ta {\n\t\t\ttext-decoration: underline;\n\t\t}\n\n\t\tblockquote {\n\t\t\tborder-left: 4px solid #ccc;\n\t\t\tmargin-bottom: 5px;\n\t\t\tmargin-top: 5px;\n\t\t\tpadding-left: 16px;\n\t\t}\n\n\t\tcode {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\t\tpre {\n\t\t\tbackground-color: #f0f0f0;\n\t\t\tborder-radius: 3px;\n\t\t\twhite-space: pre-wrap;\n\t\t\tmargin-bottom: 5px;\n\t\t\tmargin-top: 5px;\n\t\t\tpadding: 5px 10px;\n\t\t}\n\n\t\tcode {\n\t\t\tfont-size: 85%;\n\t\t\tpadding: 2px 4px;\n\t\t}\n\n\t\tpre.ql-syntax {\n\t\t\tbackground-color: #23241f;\n\t\t\tcolor: #f8f8f2;\n\t\t\toverflow: visible;\n\t\t}\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t}\n\t}\n\n\t.ql-picker {\n\t\tcolor: #ccc;\n\t\tdisplay: inline-block;\n\t\tfloat: left;\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\theight: 24px;\n\t\tposition: relative;\n\t\tvertical-align: middle;\n\t}\n\n\t.ql-picker-label {\n\t\tcursor: pointer;\n\t\tdisplay: inline-block;\n\t\theight: 100%;\n\t\tpadding-left: 8px;\n\t\tpadding-right: 2px;\n\t\tposition: relative;\n\t\twidth: 100%;\n\n\t\t&::before {\n\t\t\tdisplay: inline-block;\n\t\t\tline-height: 22px;\n\t\t}\n\t}\n\n\t.ql-picker-options {\n\t\tbackground-color: #444;\n\t\tdisplay: none;\n\t\tmin-width: 100%;\n\t\tpadding: 4px 8px;\n\t\tposition: absolute;\n\t\twhite-space: nowrap;\n\n\t\t.ql-picker-item {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tpadding-bottom: 5px;\n\t\t\tpadding-top: 5px;\n\t\t}\n\t}\n\n\t.ql-picker.ql-expanded {\n\t\t.ql-picker-label {\n\t\t\tcolor: #777;\n\t\t\tz-index: 2;\n\n\t\t\t.ql-fill {\n\t\t\t\tfill: #777;\n\t\t\t}\n\n\t\t\t.ql-stroke {\n\t\t\t\tstroke: #777;\n\t\t\t}\n\t\t}\n\n\t\t.ql-picker-options {\n\t\t\tdisplay: block;\n\t\t\tmargin-top: -1px;\n\t\t\ttop: 100%;\n\t\t\tz-index: 1;\n\t\t}\n\t}\n\n\t.ql-color-picker,\n\t.ql-icon-picker {\n\t\twidth: 28px;\n\t}\n\n\t.ql-color-picker .ql-picker-label,\n\t.ql-icon-picker .ql-picker-label {\n\t\tpadding: 2px 4px;\n\t}\n\n\t.ql-color-picker .ql-picker-label svg {\n\t\tright: 4px;\n\t}\n\n\t.ql-icon-picker {\n\t\t.ql-picker-label svg {\n\t\t\tright: 4px;\n\t\t}\n\n\t\t.ql-picker-options {\n\t\t\tpadding: 4px 0px;\n\t\t}\n\n\t\t.ql-picker-item {\n\t\t\theight: 24px;\n\t\t\twidth: 24px;\n\t\t\tpadding: 2px 4px;\n\t\t}\n\t}\n\n\t.ql-color-picker {\n\t\t.ql-picker-options {\n\t\t\tpadding: 3px 5px;\n\t\t\twidth: 152px;\n\t\t}\n\n\t\t.ql-picker-item {\n\t\t\tborder: 1px solid transparent;\n\t\t\tfloat: left;\n\t\t\theight: 16px;\n\t\t\tmargin: 2px;\n\t\t\tpadding: 0px;\n\t\t\twidth: 16px;\n\t\t}\n\t}\n\n\t.ql-picker {\n\t\t&:not(.ql-color-picker):not(.ql-icon-picker) svg {\n\t\t\tposition: absolute;\n\t\t\tmargin-top: -9px;\n\t\t\tright: 0;\n\t\t\ttop: 50%;\n\t\t\twidth: 18px;\n\t\t}\n\n\t\t&.ql-header .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n\t\t&.ql-font .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n\t\t&.ql-size .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n\t\t&.ql-header .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n\t\t&.ql-font .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n\t\t&.ql-size .ql-picker-item[data-label]:not([data-label=\"\"])::before {\n\t\t\tcontent: attr(data-label);\n\t\t}\n\n\t\t&.ql-header {\n\t\t\twidth: 98px;\n\n\t\t\t.ql-picker-label::before,\n\t\t\t.ql-picker-item::before {\n\t\t\t\tcontent: \"Normal\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"1\"]::before,\n\t\t\t.ql-picker-item[data-value=\"1\"]::before {\n\t\t\t\tcontent: \"Heading 1\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"2\"]::before,\n\t\t\t.ql-picker-item[data-value=\"2\"]::before {\n\t\t\t\tcontent: \"Heading 2\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"3\"]::before,\n\t\t\t.ql-picker-item[data-value=\"3\"]::before {\n\t\t\t\tcontent: \"Heading 3\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"4\"]::before,\n\t\t\t.ql-picker-item[data-value=\"4\"]::before {\n\t\t\t\tcontent: \"Heading 4\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"5\"]::before,\n\t\t\t.ql-picker-item[data-value=\"5\"]::before {\n\t\t\t\tcontent: \"Heading 5\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"6\"]::before {\n\t\t\t\tcontent: \"Heading 6\";\n\t\t\t}\n\n\t\t\t.ql-picker-item {\n\t\t\t\t&[data-value=\"6\"]::before {\n\t\t\t\t\tcontent: \"Heading 6\";\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"1\"]::before {\n\t\t\t\t\tfont-size: 2em;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"2\"]::before {\n\t\t\t\t\tfont-size: 1.5em;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"3\"]::before {\n\t\t\t\t\tfont-size: 1.17em;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"4\"]::before {\n\t\t\t\t\tfont-size: 1em;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"5\"]::before {\n\t\t\t\t\tfont-size: 0.83em;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"6\"]::before {\n\t\t\t\t\tfont-size: 0.67em;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.ql-font {\n\t\t\twidth: 108px;\n\n\t\t\t.ql-picker-label::before,\n\t\t\t.ql-picker-item::before {\n\t\t\t\tcontent: \"Sans Serif\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"serif\"]::before,\n\t\t\t.ql-picker-item[data-value=\"serif\"]::before {\n\t\t\t\tcontent: \"Serif\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"monospace\"]::before {\n\t\t\t\tcontent: \"Monospace\";\n\t\t\t}\n\n\t\t\t.ql-picker-item {\n\t\t\t\t&[data-value=\"monospace\"]::before {\n\t\t\t\t\tcontent: \"Monospace\";\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"serif\"]::before {\n\t\t\t\t\tfont-family: Georgia, Times New Roman, serif;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"monospace\"]::before {\n\t\t\t\t\tfont-family: Monaco, Courier New, monospace;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.ql-size {\n\t\t\twidth: 98px;\n\n\t\t\t.ql-picker-label::before,\n\t\t\t.ql-picker-item::before {\n\t\t\t\tcontent: \"Normal\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"small\"]::before,\n\t\t\t.ql-picker-item[data-value=\"small\"]::before {\n\t\t\t\tcontent: \"Small\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"large\"]::before,\n\t\t\t.ql-picker-item[data-value=\"large\"]::before {\n\t\t\t\tcontent: \"Large\";\n\t\t\t}\n\n\t\t\t.ql-picker-label[data-value=\"huge\"]::before {\n\t\t\t\tcontent: \"Huge\";\n\t\t\t}\n\n\t\t\t.ql-picker-item {\n\t\t\t\t&[data-value=\"huge\"]::before {\n\t\t\t\t\tcontent: \"Huge\";\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"small\"]::before {\n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"large\"]::before {\n\t\t\t\t\tfont-size: 18px;\n\t\t\t\t}\n\n\t\t\t\t&[data-value=\"huge\"]::before {\n\t\t\t\t\tfont-size: 32px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ql-color-picker {\n\t\t&.ql-background .ql-picker-item {\n\t\t\tbackground-color: #fff;\n\t\t}\n\n\t\t&.ql-color .ql-picker-item {\n\t\t\tbackground-color: #000;\n\t\t}\n\t}\n\n\t.ql-toolbar .ql-formats {\n\t\tmargin: 8px 12px 8px 0px;\n\n\t\t&:first-child {\n\t\t\tmargin-left: 12px;\n\t\t}\n\t}\n\n\t.ql-color-picker {\n\t\tsvg {\n\t\t\tmargin: 1px;\n\t\t}\n\n\t\t.ql-picker-item {\n\t\t\t&.ql-selected,\n\t\t\t&:hover {\n\t\t\t\tborder-color: #fff;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ql-tooltip {\n\t\tbackground-color: #444;\n\t\tborder-radius: 25px;\n\t\tcolor: #fff;\n\t}\n\n\t.ql-tooltip-arrow {\n\t\tborder-left: 6px solid transparent;\n\t\tborder-right: 6px solid transparent;\n\t\tcontent: \" \";\n\t\tdisplay: block;\n\t\tleft: 50%;\n\t\tmargin-left: -6px;\n\t\tposition: absolute;\n\t}\n\n\t.ql-tooltip {\n\t\t&:not(.ql-flip) .ql-tooltip-arrow {\n\t\t\tborder-bottom: 6px solid #444;\n\t\t\ttop: -6px;\n\t\t}\n\n\t\t&.ql-flip .ql-tooltip-arrow {\n\t\t\tborder-top: 6px solid #444;\n\t\t\tbottom: -6px;\n\t\t}\n\n\t\t&.ql-editing {\n\t\t\t.ql-tooltip-editor {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.ql-formats {\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\t\t}\n\t}\n\n\t.ql-tooltip-editor {\n\t\tdisplay: none;\n\n\t\tinput[type=\"text\"] {\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 13px;\n\t\t\theight: 100%;\n\t\t\toutline: none;\n\t\t\tpadding: 10px 20px;\n\t\t\tposition: absolute;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\ta {\n\t\t\ttop: 10px;\n\t\t\tposition: absolute;\n\t\t\tright: 20px;\n\n\t\t\t&:before {\n\t\t\t\tcolor: #ccc;\n\t\t\t\tcontent: \"\\D7\";\n\t\t\t\tfont-size: 16px;\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@media (pointer: coarse) {\n\t.ql-bubble {\n\t\t&.ql-toolbar button:hover:not(.ql-active),\n\t\t.ql-toolbar button:hover:not(.ql-active) {\n\t\t\tcolor: #ccc;\n\t\t}\n\n\t\t&.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n\t\t.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n\t\t&.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n\t\t.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n\t\t\tfill: #ccc;\n\t\t}\n\n\t\t&.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n\t\t.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n\t\t&.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n\t\t.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n\t\t\tstroke: #ccc;\n\t\t}\n\t}\n}\n\n.ql-container.ql-bubble:not(.ql-disabled) a {\n\tposition: relative;\n\twhite-space: nowrap;\n\n\t&::before {\n\t\tbackground-color: #444;\n\t\tborder-radius: 15px;\n\t\ttop: -5px;\n\t\tfont-size: 12px;\n\t\tcolor: #fff;\n\t\tcontent: attr(href);\n\t\tfont-weight: normal;\n\t\toverflow: hidden;\n\t\tpadding: 5px 15px;\n\t\ttext-decoration: none;\n\t\tz-index: 1;\n\t}\n\n\t&::after {\n\t\tborder-top: 6px solid #444;\n\t\tborder-left: 6px solid transparent;\n\t\tborder-right: 6px solid transparent;\n\t\ttop: 0;\n\t\tcontent: \" \";\n\t\theight: 0;\n\t\twidth: 0;\n\t}\n\n\t&::before,\n\t&::after {\n\t\tleft: 0;\n\t\tmargin-left: 50%;\n\t\tposition: absolute;\n\t\ttransform: translate(-50%, -100%);\n\t\ttransition: visibility 0s ease 200ms;\n\t\tvisibility: hidden;\n\t}\n\n\t&:hover {\n\t\t&::before,\n\t\t&::after {\n\t\t\tvisibility: visible;\n\t\t}\n\t}\n}\n", "/*!\n * Quill Editor v1.3.6\n * https://quilljs.com/\n * Copyright (c) 2014, Jason Chen\n * Copyright (c) 2013, salesforce.com\n */\n\n.ql-wrapper {\n border-radius: 7px;\n}\n\n.ql-container {\n box-sizing: border-box;\n font-family: Helvetica, Arial, sans-serif;\n font-size: 13px;\n height: 100%;\n margin: 0px;\n position: relative;\n border-radius: 0 0 7px 7px;\n\n &.ql-disabled {\n .ql-tooltip {\n visibility: hidden;\n }\n\n .ql-editor ul[data-checked] > li::before {\n pointer-events: none;\n }\n }\n}\n\n.ql-clipboard {\n left: -100000px;\n height: 1px;\n overflow-y: hidden;\n position: absolute;\n top: 50%;\n\n p {\n margin: 0;\n padding: 0;\n }\n}\n\n.ql-editor {\n box-sizing: border-box;\n line-height: 1.42;\n height: 100%;\n outline: none;\n overflow-y: auto;\n padding: 12px 15px;\n tab-size: 4;\n -moz-tab-size: 4;\n text-align: left;\n white-space: pre-wrap;\n word-wrap: break-word;\n\n > * {\n cursor: text;\n }\n\n p,\n ol,\n ul,\n pre,\n blockquote,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n margin: 0;\n padding: 0;\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n ol,\n ul {\n padding-left: 1.5em;\n }\n\n ol > li {\n list-style-type: none;\n }\n\n ul {\n > li {\n list-style-type: none;\n\n &::before {\n content: \"\\2022\";\n }\n }\n\n &[data-checked=\"true\"],\n &[data-checked=\"false\"] {\n pointer-events: none;\n }\n\n &[data-checked=\"true\"] > li *,\n &[data-checked=\"false\"] > li * {\n pointer-events: all;\n }\n\n &[data-checked=\"true\"] > li::before,\n &[data-checked=\"false\"] > li::before {\n color: #777;\n cursor: pointer;\n pointer-events: all;\n }\n\n &[data-checked=\"true\"] > li::before {\n content: \"\\2611\";\n }\n\n &[data-checked=\"false\"] > li::before {\n content: \"\\2610\";\n }\n }\n\n li {\n &::before {\n display: inline-block;\n white-space: nowrap;\n width: 1.2em;\n }\n\n &:not(.ql-direction-rtl)::before {\n margin-left: -1.5em;\n margin-right: 0.3em;\n text-align: right;\n }\n\n &.ql-direction-rtl::before {\n margin-left: 0.3em;\n margin-right: -1.5em;\n }\n }\n\n ol li:not(.ql-direction-rtl),\n ul li:not(.ql-direction-rtl) {\n padding-left: 1.5em;\n }\n\n ol li.ql-direction-rtl,\n ul li.ql-direction-rtl {\n padding-right: 1.5em;\n }\n\n ol li {\n counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n counter-increment: list-0;\n\n &:before {\n content: counter(list-0, decimal) \". \";\n }\n\n &.ql-indent-1 {\n counter-increment: list-1;\n\n &:before {\n content: counter(list-1, lower-alpha) \". \";\n }\n\n counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-2 {\n counter-increment: list-2;\n\n &:before {\n content: counter(list-2, lower-roman) \". \";\n }\n\n counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-3 {\n counter-increment: list-3;\n\n &:before {\n content: counter(list-3, decimal) \". \";\n }\n\n counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-4 {\n counter-increment: list-4;\n\n &:before {\n content: counter(list-4, lower-alpha) \". \";\n }\n\n counter-reset: list-5 list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-5 {\n counter-increment: list-5;\n\n &:before {\n content: counter(list-5, lower-roman) \". \";\n }\n\n counter-reset: list-6 list-7 list-8 list-9;\n }\n\n &.ql-indent-6 {\n counter-increment: list-6;\n\n &:before {\n content: counter(list-6, decimal) \". \";\n }\n\n counter-reset: list-7 list-8 list-9;\n }\n\n &.ql-indent-7 {\n counter-increment: list-7;\n\n &:before {\n content: counter(list-7, lower-alpha) \". \";\n }\n\n counter-reset: list-8 list-9;\n }\n\n &.ql-indent-8 {\n counter-increment: list-8;\n\n &:before {\n content: counter(list-8, lower-roman) \". \";\n }\n\n counter-reset: list-9;\n }\n\n &.ql-indent-9 {\n counter-increment: list-9;\n\n &:before {\n content: counter(list-9, decimal) \". \";\n }\n }\n }\n\n .ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 3em;\n }\n\n li.ql-indent-1:not(.ql-direction-rtl) {\n padding-left: 4.5em;\n }\n\n .ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 3em;\n }\n\n li.ql-indent-1.ql-direction-rtl.ql-align-right {\n padding-right: 4.5em;\n }\n\n .ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 6em;\n }\n\n li.ql-indent-2:not(.ql-direction-rtl) {\n padding-left: 7.5em;\n }\n\n .ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 6em;\n }\n\n li.ql-indent-2.ql-direction-rtl.ql-align-right {\n padding-right: 7.5em;\n }\n\n .ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 9em;\n }\n\n li.ql-indent-3:not(.ql-direction-rtl) {\n padding-left: 10.5em;\n }\n\n .ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 9em;\n }\n\n li.ql-indent-3.ql-direction-rtl.ql-align-right {\n padding-right: 10.5em;\n }\n\n .ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 12em;\n }\n\n li.ql-indent-4:not(.ql-direction-rtl) {\n padding-left: 13.5em;\n }\n\n .ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 12em;\n }\n\n li.ql-indent-4.ql-direction-rtl.ql-align-right {\n padding-right: 13.5em;\n }\n\n .ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 15em;\n }\n\n li.ql-indent-5:not(.ql-direction-rtl) {\n padding-left: 16.5em;\n }\n\n .ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 15em;\n }\n\n li.ql-indent-5.ql-direction-rtl.ql-align-right {\n padding-right: 16.5em;\n }\n\n .ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 18em;\n }\n\n li.ql-indent-6:not(.ql-direction-rtl) {\n padding-left: 19.5em;\n }\n\n .ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 18em;\n }\n\n li.ql-indent-6.ql-direction-rtl.ql-align-right {\n padding-right: 19.5em;\n }\n\n .ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 21em;\n }\n\n li.ql-indent-7:not(.ql-direction-rtl) {\n padding-left: 22.5em;\n }\n\n .ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 21em;\n }\n\n li.ql-indent-7.ql-direction-rtl.ql-align-right {\n padding-right: 22.5em;\n }\n\n .ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 24em;\n }\n\n li.ql-indent-8:not(.ql-direction-rtl) {\n padding-left: 25.5em;\n }\n\n .ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 24em;\n }\n\n li.ql-indent-8.ql-direction-rtl.ql-align-right {\n padding-right: 25.5em;\n }\n\n .ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 27em;\n }\n\n li.ql-indent-9:not(.ql-direction-rtl) {\n padding-left: 28.5em;\n }\n\n .ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 27em;\n }\n\n li.ql-indent-9.ql-direction-rtl.ql-align-right {\n padding-right: 28.5em;\n }\n\n .ql-video {\n display: block;\n max-width: 100%;\n\n &.ql-align-center {\n margin: 0 auto;\n }\n\n &.ql-align-right {\n margin: 0 0 0 auto;\n }\n }\n\n .ql-bg-black {\n background-color: #000;\n }\n\n .ql-bg-red {\n background-color: #e60000;\n }\n\n .ql-bg-orange {\n background-color: #f90;\n }\n\n .ql-bg-yellow {\n background-color: #ff0;\n }\n\n .ql-bg-green {\n background-color: #008a00;\n }\n\n .ql-bg-blue {\n background-color: $primary-1;\n }\n\n .ql-bg-purple {\n background-color: #93f;\n }\n\n .ql-color-white {\n color: #fff;\n }\n\n .ql-color-red {\n color: #e60000;\n }\n\n .ql-color-orange {\n color: #f90;\n }\n\n .ql-color-yellow {\n color: #ff0;\n }\n\n .ql-color-green {\n color: #008a00;\n }\n\n .ql-color-blue {\n color: $primary-1;\n }\n\n .ql-color-purple {\n color: #93f;\n }\n\n .ql-font-serif {\n font-family: Georgia, Times New Roman, serif;\n }\n\n .ql-font-monospace {\n font-family: Monaco, Courier New, monospace;\n }\n\n .ql-size-small {\n font-size: 0.75em;\n }\n\n .ql-size-large {\n font-size: 1.5em;\n }\n\n .ql-size-huge {\n font-size: 2.5em;\n }\n\n .ql-direction-rtl {\n direction: rtl;\n text-align: inherit;\n }\n\n .ql-align-center {\n text-align: center;\n }\n\n .ql-align-justify {\n text-align: justify;\n }\n\n .ql-align-right {\n text-align: right;\n }\n\n &.ql-blank::before {\n color: rgba(0, 0, 0, 0.6);\n content: attr(data-placeholder);\n font-style: italic;\n left: 15px;\n pointer-events: none;\n position: absolute;\n right: 15px;\n }\n}\n\n.ql-snow {\n &.ql-toolbar:after,\n .ql-toolbar:after {\n clear: both;\n content: \"\";\n display: table;\n }\n\n &.ql-toolbar button,\n .ql-toolbar button {\n background: none;\n border: none;\n cursor: pointer;\n display: inline-block;\n float: left;\n height: 35px;\n padding: 3px 5px;\n width: 35px;\n border: 1px solid $border;\n background: #f8f8ff;\n border-right: 0;\n color: #858398;\n }\n\n &.ql-toolbar button:last-child,\n .ql-toolbar button:last-child {\n border-right: 1px solid $border;\n\n /* border-radius: 0 3px 3px 0; */\n }\n\n &.ql-toolbar button svg,\n .ql-toolbar button svg {\n float: left;\n height: 100%;\n }\n\n &.ql-toolbar button:active:hover,\n .ql-toolbar button:active:hover {\n outline: none;\n }\n\n &.ql-toolbar input.ql-image[type=\"file\"],\n .ql-toolbar input.ql-image[type=\"file\"] {\n display: none;\n }\n\n &.ql-toolbar button:hover,\n .ql-toolbar button:hover,\n &.ql-toolbar button:focus,\n .ql-toolbar button:focus,\n &.ql-toolbar button.ql-active,\n .ql-toolbar button.ql-active,\n &.ql-toolbar .ql-picker-label:hover,\n .ql-toolbar .ql-picker-label:hover,\n &.ql-toolbar .ql-picker-label.ql-active,\n .ql-toolbar .ql-picker-label.ql-active,\n &.ql-toolbar .ql-picker-item:hover,\n .ql-toolbar .ql-picker-item:hover,\n &.ql-toolbar .ql-picker-item.ql-selected,\n .ql-toolbar .ql-picker-item.ql-selected {\n color: $primary-1;\n }\n\n &.ql-toolbar button:hover .ql-fill,\n .ql-toolbar button:hover .ql-fill,\n &.ql-toolbar button:focus .ql-fill,\n .ql-toolbar button:focus .ql-fill,\n &.ql-toolbar button.ql-active .ql-fill,\n .ql-toolbar button.ql-active .ql-fill,\n &.ql-toolbar .ql-picker-label:hover .ql-fill,\n .ql-toolbar .ql-picker-label:hover .ql-fill,\n &.ql-toolbar .ql-picker-label.ql-active .ql-fill,\n .ql-toolbar .ql-picker-label.ql-active .ql-fill,\n &.ql-toolbar .ql-picker-item:hover .ql-fill,\n .ql-toolbar .ql-picker-item:hover .ql-fill,\n &.ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n .ql-toolbar .ql-picker-item.ql-selected .ql-fill,\n &.ql-toolbar button:hover .ql-stroke.ql-fill,\n .ql-toolbar button:hover .ql-stroke.ql-fill,\n &.ql-toolbar button:focus .ql-stroke.ql-fill,\n .ql-toolbar button:focus .ql-stroke.ql-fill,\n &.ql-toolbar button.ql-active .ql-stroke.ql-fill,\n .ql-toolbar button.ql-active .ql-stroke.ql-fill,\n &.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,\n &.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,\n &.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,\n &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,\n .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {\n fill: $primary-1;\n }\n\n &.ql-toolbar button:hover .ql-stroke,\n .ql-toolbar button:hover .ql-stroke,\n &.ql-toolbar button:focus .ql-stroke,\n .ql-toolbar button:focus .ql-stroke,\n &.ql-toolbar button.ql-active .ql-stroke,\n .ql-toolbar button.ql-active .ql-stroke,\n &.ql-toolbar .ql-picker-label:hover .ql-stroke,\n .ql-toolbar .ql-picker-label:hover .ql-stroke,\n &.ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n .ql-toolbar .ql-picker-label.ql-active .ql-stroke,\n &.ql-toolbar .ql-picker-item:hover .ql-stroke,\n .ql-toolbar .ql-picker-item:hover .ql-stroke,\n &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,\n &.ql-toolbar button:hover .ql-stroke-miter,\n .ql-toolbar button:hover .ql-stroke-miter,\n &.ql-toolbar button:focus .ql-stroke-miter,\n .ql-toolbar button:focus .ql-stroke-miter,\n &.ql-toolbar button.ql-active .ql-stroke-miter,\n .ql-toolbar button.ql-active .ql-stroke-miter,\n &.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,\n &.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,\n &.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,\n &.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,\n .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {\n stroke: $primary-1;\n }\n\n box-sizing: border-box;\n\n * {\n box-sizing: border-box;\n }\n\n .ql-hidden {\n display: none;\n }\n\n .ql-out-bottom,\n .ql-out-top {\n visibility: hidden;\n }\n\n .ql-tooltip {\n position: absolute;\n transform: translateY(10px);\n\n a {\n cursor: pointer;\n text-decoration: none;\n }\n\n &.ql-flip {\n transform: translateY(-10px);\n }\n }\n\n .ql-formats {\n display: inline-block;\n vertical-align: middle;\n color: #858398;\n background: #f8f8ff;\n\n &:after {\n clear: both;\n content: \"\";\n display: table;\n }\n }\n\n .ql-stroke {\n fill: none;\n stroke: #495057;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke-width: 2;\n }\n\n .ql-stroke-miter {\n fill: none;\n stroke: #444;\n stroke-miterlimit: 10;\n stroke-width: 2;\n }\n\n .ql-fill,\n .ql-stroke.ql-fill {\n fill: #444;\n }\n\n .ql-empty {\n fill: none;\n }\n\n .ql-even {\n fill-rule: evenodd;\n }\n\n .ql-thin,\n .ql-stroke.ql-thin {\n stroke-width: 1;\n }\n\n .ql-transparent {\n opacity: 0.4;\n }\n\n .ql-direction {\n svg:last-child {\n display: none;\n }\n\n &.ql-active svg {\n &:last-child {\n display: inline;\n }\n\n &:first-child {\n display: none;\n }\n }\n }\n\n .ql-editor {\n h1 {\n font-size: 2em;\n }\n\n h2 {\n font-size: 1.5em;\n }\n\n h3 {\n font-size: 1.17em;\n }\n\n h4 {\n font-size: 1em;\n }\n\n h5 {\n font-size: 0.83em;\n }\n\n h6 {\n font-size: 0.67em;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n border-left: 4px solid #e7eaf3;\n margin-bottom: 5px;\n margin-top: 5px;\n padding-left: 16px;\n }\n\n code {\n background-color: #f0f0f0;\n border-radius: 3px;\n }\n\n pre {\n background-color: #f0f0f0;\n border-radius: 3px;\n white-space: pre-wrap;\n margin-bottom: 5px;\n margin-top: 5px;\n padding: 5px 10px;\n }\n\n code {\n font-size: 85%;\n padding: 2px 4px;\n }\n\n pre.ql-syntax {\n background-color: #23241f;\n color: #f8f8f2;\n overflow: visible;\n }\n\n img {\n max-width: 100%;\n }\n }\n\n .ql-picker {\n /* color: #444; */\n display: inline-block;\n float: left;\n font-size: 14px;\n font-weight: 500;\n\n /* height: 24px; */\n position: relative;\n vertical-align: middle;\n }\n\n .ql-picker-label {\n cursor: pointer;\n display: inline-block;\n height: 100%;\n padding-left: 8px;\n padding-right: 2px;\n position: relative;\n width: 100%;\n\n &::before {\n display: inline-block;\n line-height: 22px;\n }\n }\n\n .ql-picker-options {\n background-color: #fff;\n display: none;\n min-width: 100%;\n padding: 4px 8px;\n position: absolute;\n white-space: nowrap;\n\n .ql-picker-item {\n cursor: pointer;\n display: block;\n padding-bottom: 5px;\n padding-top: 5px;\n }\n }\n\n .ql-picker.ql-expanded {\n .ql-picker-label {\n color: #e7eaf3;\n z-index: 2;\n\n .ql-fill {\n fill: #e7eaf3;\n }\n\n .ql-stroke {\n stroke: #e7eaf3;\n }\n }\n\n .ql-picker-options {\n display: block;\n margin-top: -1px;\n top: 100%;\n z-index: 1;\n }\n }\n\n .ql-color-picker,\n .ql-icon-picker {\n width: 28px;\n }\n\n .ql-color-picker .ql-picker-label,\n .ql-icon-picker .ql-picker-label {\n padding: 2px 4px;\n }\n\n .ql-color-picker .ql-picker-label svg {\n right: 4px;\n }\n\n .ql-icon-picker {\n .ql-picker-label svg {\n right: 4px;\n }\n\n .ql-picker-options {\n padding: 4px 0px;\n }\n\n .ql-picker-item {\n height: 24px;\n width: 24px;\n padding: 2px 4px;\n }\n }\n\n .ql-color-picker {\n .ql-picker-options {\n padding: 3px 5px;\n width: 152px;\n }\n\n .ql-picker-item {\n border: 1px solid transparent;\n float: left;\n height: 16px;\n margin: 2px;\n padding: 0px;\n width: 16px;\n }\n }\n\n .ql-picker {\n &:not(.ql-color-picker):not(.ql-icon-picker) svg {\n position: absolute;\n margin-top: -9px;\n right: 6px;\n top: 50%;\n width: 18px;\n }\n\n &.ql-header .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n &.ql-font .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n &.ql-size .ql-picker-label[data-label]:not([data-label=\"\"])::before,\n &.ql-header .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n &.ql-font .ql-picker-item[data-label]:not([data-label=\"\"])::before,\n &.ql-size .ql-picker-item[data-label]:not([data-label=\"\"])::before {\n content: attr(data-label);\n }\n\n &.ql-header {\n width: 98px;\n\n .ql-picker-label::before,\n .ql-picker-item::before {\n content: \"Normal\";\n }\n\n .ql-picker-label[data-value=\"1\"]::before,\n .ql-picker-item[data-value=\"1\"]::before {\n content: \"Heading 1\";\n }\n\n .ql-picker-label[data-value=\"2\"]::before,\n .ql-picker-item[data-value=\"2\"]::before {\n content: \"Heading 2\";\n }\n\n .ql-picker-label[data-value=\"3\"]::before,\n .ql-picker-item[data-value=\"3\"]::before {\n content: \"Heading 3\";\n }\n\n .ql-picker-label[data-value=\"4\"]::before,\n .ql-picker-item[data-value=\"4\"]::before {\n content: \"Heading 4\";\n }\n\n .ql-picker-label[data-value=\"5\"]::before,\n .ql-picker-item[data-value=\"5\"]::before {\n content: \"Heading 5\";\n }\n\n .ql-picker-label[data-value=\"6\"]::before {\n content: \"Heading 6\";\n }\n\n .ql-picker-item {\n &[data-value=\"6\"]::before {\n content: \"Heading 6\";\n }\n\n &[data-value=\"1\"]::before {\n font-size: 2em;\n }\n\n &[data-value=\"2\"]::before {\n font-size: 1.5em;\n }\n\n &[data-value=\"3\"]::before {\n font-size: 1.17em;\n }\n\n &[data-value=\"4\"]::before {\n font-size: 1em;\n }\n\n &[data-value=\"5\"]::before {\n font-size: 0.83em;\n }\n\n &[data-value=\"6\"]::before {\n font-size: 0.67em;\n }\n }\n }\n\n &.ql-font {\n width: 108px;\n\n .ql-picker-label::before,\n .ql-picker-item::before {\n content: \"Sans Serif\";\n }\n\n .ql-picker-label[data-value=\"serif\"]::before,\n .ql-picker-item[data-value=\"serif\"]::before {\n content: \"Serif\";\n }\n\n .ql-picker-label[data-value=\"monospace\"]::before {\n content: \"Monospace\";\n }\n\n .ql-picker-item {\n &[data-value=\"monospace\"]::before {\n content: \"Monospace\";\n }\n\n &[data-value=\"serif\"]::before {\n font-family: Georgia, Times New Roman, serif;\n }\n\n &[data-value=\"monospace\"]::before {\n font-family: Monaco, Courier New, monospace;\n }\n }\n }\n\n &.ql-size {\n width: 98px;\n\n .ql-picker-label::before,\n .ql-picker-item::before {\n content: \"Normal\";\n }\n\n .ql-picker-label[data-value=\"small\"]::before,\n .ql-picker-item[data-value=\"small\"]::before {\n content: \"Small\";\n }\n\n .ql-picker-label[data-value=\"large\"]::before,\n .ql-picker-item[data-value=\"large\"]::before {\n content: \"Large\";\n }\n\n .ql-picker-label[data-value=\"huge\"]::before {\n content: \"Huge\";\n }\n\n .ql-picker-item {\n &[data-value=\"huge\"]::before {\n content: \"Huge\";\n }\n\n &[data-value=\"small\"]::before {\n font-size: 10px;\n }\n\n &[data-value=\"large\"]::before {\n font-size: 18px;\n }\n\n &[data-value=\"huge\"]::before {\n font-size: 32px;\n }\n }\n }\n }\n\n .ql-color-picker {\n &.ql-background .ql-picker-item {\n background-color: #fff;\n }\n\n &.ql-color .ql-picker-item {\n background-color: #000;\n }\n }\n}\n\n/* .ql-snow.ql-toolbar button:first-child,\n .ql-snow .ql-toolbar button:first-child {\n border-radius: 3px 0 0 3px;\n } */\n\n@media (pointer: coarse) {\n .ql-snow {\n &.ql-toolbar button:hover:not(.ql-active),\n .ql-toolbar button:hover:not(.ql-active) {\n color: #444;\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-fill,\n .ql-toolbar button:hover:not(.ql-active) .ql-fill,\n &.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,\n .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {\n fill: #444;\n }\n\n &.ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n .ql-toolbar button:hover:not(.ql-active) .ql-stroke,\n &.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,\n .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {\n stroke: #444;\n }\n }\n}\n\n.ql-toolbar.ql-snow {\n border: 1px solid #e7eaf3;\n box-sizing: border-box;\n font-family: \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif;\n padding: 8px;\n border-radius: 7px 7px 0 0;\n\n .ql-formats {\n margin-right: 25px;\n }\n\n .ql-picker-label {\n border: 1px solid #eff0f6;\n background: #f8f8ff;\n height: 35px;\n line-height: 35px;\n padding: 0 10px;\n }\n\n .ql-picker-options {\n border: 1px solid transparent;\n box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;\n }\n\n .ql-picker.ql-expanded {\n .ql-picker-label,\n .ql-picker-options {\n border-color: #e7eaf3;\n }\n }\n\n .ql-color-picker .ql-picker-item {\n &.ql-selected,\n &:hover {\n border-color: #000;\n }\n }\n\n + .ql-container.ql-snow {\n border-top: 0px;\n }\n}\n\n.ql-snow {\n .ql-tooltip {\n background-color: #fff;\n border: 1px solid #e7eaf3;\n box-shadow: 0px 0px 5px #ddd;\n color: #444;\n padding: 5px 12px;\n white-space: nowrap;\n\n &::before {\n content: \"Visit URL:\";\n line-height: 26px;\n margin-right: 8px;\n }\n\n input[type=\"text\"] {\n display: none;\n border: 1px solid #e7eaf3;\n font-size: 13px;\n height: 26px;\n margin: 0px;\n padding: 3px 5px;\n width: 170px;\n }\n\n a {\n &.ql-preview {\n display: inline-block;\n max-width: 200px;\n overflow-x: hidden;\n text-overflow: ellipsis;\n vertical-align: top;\n }\n\n &.ql-action::after {\n border-right: 1px solid #e7eaf3;\n content: \"Edit\";\n margin-left: 16px;\n padding-right: 8px;\n }\n\n &.ql-remove::before {\n content: \"Remove\";\n margin-left: 8px;\n }\n\n line-height: 26px;\n }\n\n &.ql-editing {\n a {\n &.ql-preview,\n &.ql-remove {\n display: none;\n }\n }\n\n input[type=\"text\"] {\n display: inline-block;\n }\n\n a.ql-action::after {\n border-right: 0px;\n content: \"Save\";\n padding-right: 0px;\n }\n }\n\n &[data-mode=\"link\"]::before {\n content: \"Enter link:\";\n }\n\n &[data-mode=\"formula\"]::before {\n content: \"Enter formula:\";\n }\n\n &[data-mode=\"video\"]::before {\n content: \"Enter video:\";\n }\n }\n\n a {\n color: $primary-1;\n }\n}\n\n.ql-container.ql-snow {\n border: 1px solid #e7eaf3;\n}\n\n.ql-toolbar.ql-snow .ql-picker-label:focus {\n outline: 0;\n}\n", "table.dataTable {\n &.dtr-inline.collapsed {\n > tbody > tr {\n > {\n td.child,\n th.child {\n cursor: default !important;\n }\n\n td {\n &.dataTables_empty {\n cursor: default !important;\n }\n\n &.child:before {\n display: none !important;\n }\n }\n\n th.child:before {\n display: none !important;\n }\n\n td {\n &.dataTables_empty:before {\n display: none !important;\n }\n\n &.dtr-control {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n }\n }\n\n th.dtr-control {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n }\n\n td.dtr-control:before,\n th.dtr-control:before {\n top: 50%;\n left: 5px;\n height: 1em;\n width: 1em;\n margin-top: -9px;\n display: block;\n position: absolute;\n color: white;\n border: 0.15em solid white;\n border-radius: 1em;\n box-shadow: 0 0 0.2em #777086;\n box-sizing: content-box;\n text-align: center;\n text-indent: 0 !important;\n font-family: \"Courier New\", Courier, monospace;\n line-height: 1em;\n content: \"+\";\n background-color: $primary-1;\n }\n }\n\n &.parent > {\n td.dtr-control:before,\n th.dtr-control:before {\n content: \"-\";\n background-color: #f82649;\n }\n }\n }\n\n &.compact > tbody > tr > {\n td.dtr-control,\n th.dtr-control {\n padding-left: 27px;\n }\n\n td.dtr-control:before,\n th.dtr-control:before {\n left: 4px;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n line-height: 14px;\n text-indent: 3px;\n }\n }\n }\n\n &.dtr-column > tbody > tr {\n > {\n td.dtr-control,\n th.dtr-control,\n td.control,\n th.control {\n position: relative;\n cursor: pointer;\n }\n\n td.dtr-control:before,\n th.dtr-control:before,\n td.control:before,\n th.control:before {\n top: 50%;\n left: 50%;\n height: 0.8em;\n width: 0.8em;\n margin-top: -0.5em;\n margin-left: -0.5em;\n display: block;\n position: absolute;\n color: white;\n border: 0.15em solid white;\n border-radius: 1em;\n box-shadow: 0 0 0.2em #444;\n box-sizing: content-box;\n text-align: center;\n text-indent: 0 !important;\n font-family: \"Courier New\", Courier, monospace;\n line-height: 1em;\n content: \"+\";\n background-color: #0d6efd;\n }\n }\n\n &.parent {\n td.dtr-control:before,\n th.dtr-control:before,\n td.control:before,\n th.control:before {\n content: \"-\";\n background-color: #d33333;\n }\n }\n }\n\n > tbody > tr.child {\n padding: 0.5em 1em;\n\n &:hover {\n background: transparent !important;\n }\n\n ul.dtr-details {\n display: inline-block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n\n > li {\n border-bottom: 1px solid #efefef;\n padding: 0.5em 0;\n\n &:first-child {\n padding-top: 0;\n }\n\n &:last-child {\n border-bottom: none;\n }\n }\n }\n\n span.dtr-title {\n display: inline-block;\n min-width: 75px;\n font-weight: bold;\n }\n }\n}\n\ndiv {\n &.dtr-modal {\n position: fixed;\n box-sizing: border-box;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 100;\n padding: 10em 1em;\n\n div {\n &.dtr-modal-display {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n width: 50%;\n height: 50%;\n overflow: auto;\n margin: auto;\n z-index: 102;\n overflow: auto;\n background-color: #f5f5f7;\n border: 1px solid black;\n border-radius: 0.5em;\n box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);\n }\n\n &.dtr-modal-content {\n position: relative;\n padding: 1em;\n }\n\n &.dtr-modal-close {\n position: absolute;\n top: 6px;\n right: 6px;\n width: 22px;\n height: 22px;\n border: 1px solid #eaeaea;\n background-color: #f9f9f9;\n text-align: center;\n border-radius: 3px;\n cursor: pointer;\n z-index: 12;\n\n &:hover {\n background-color: #eaeaea;\n }\n }\n\n &.dtr-modal-background {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 101;\n background: rgba(0, 0, 0, 0.6);\n }\n }\n }\n\n &.dtr-bs-modal table.table tr:first-child td {\n border-top: none;\n }\n}\n\n@media screen and (max-width: 767px) {\n div.dtr-modal div.dtr-modal-display {\n width: 95%;\n }\n}\n", ".richText {\r\n position: relative;\r\n width: 100%;\r\n border-radius: 7px;\r\n\r\n .richText-form {\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n\r\n label {\r\n display: block;\r\n padding: 10px 15px;\r\n }\r\n\r\n input {\r\n &[type=\"text\"],\r\n &[type=\"file\"],\r\n &[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 }\r\n\r\n 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\r\n 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 }\r\n\r\n .richText-toolbar {\r\n min-height: 20px;\r\n border-bottom: 0;\r\n\r\n ul {\r\n margin-bottom: 0;\r\n border-bottom: #ecf0fa solid 1px;\r\n\r\n li {\r\n float: left;\r\n display: block;\r\n list-style: none;\r\n\r\n a {\r\n display: block;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n -webkit-transition: background-color 0.4s;\r\n -moz-transition: background-color 0.4s;\r\n transition: background-color 0.4s;\r\n color: #858398;\r\n\r\n .fa,\r\n .fe,\r\n .fas,\r\n .far,\r\n svg {\r\n pointer-events: none;\r\n }\r\n\r\n .richText-dropdown-outer {\r\n display: none;\r\n position: absolute;\r\n 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-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-dropdown-close {\r\n position: absolute;\r\n top: 6px;\r\n right: 5px;\r\n background: transparent;\r\n\r\n /* color: #adaeb1; */\r\n cursor: pointer;\r\n font-size: 16px;\r\n text-align: center;\r\n width: 25px;\r\n border-radius: 5px;\r\n }\r\n }\r\n\r\n ul.richText-dropdown {\r\n list-style: none;\r\n\r\n li {\r\n display: block;\r\n float: none;\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n\r\n a {\r\n display: block;\r\n padding: 10px 15px;\r\n border-bottom: #efefef solid 1px;\r\n\r\n &:hover {\r\n background-color: #ffffff;\r\n }\r\n }\r\n\r\n &.inline {\r\n margin: 2px 8px;\r\n float: left;\r\n padding: 6px;\r\n\r\n 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\r\n /* -webkit-box-shadow: 0 0 10px 0 #999;\r\n -moz-box-shadow: 0 0 10px 0 #999;\r\n box-shadow: 0 0 10px 0 #999; */\r\n\r\n span {\r\n display: block;\r\n height: 30px;\r\n width: 30px;\r\n -webkit-border-radius: 50%;\r\n -moz-border-radius: 50%;\r\n border-radius: 50%;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n div.richText-dropdown {\r\n padding: 10px 15px;\r\n }\r\n }\r\n\r\n &:hover {\r\n background-color: #ffffff;\r\n }\r\n }\r\n\r\n &[data-disable=\"true\"] {\r\n opacity: 0.1;\r\n\r\n a {\r\n cursor: default;\r\n }\r\n }\r\n\r\n &:not([data-disable=\"true\"]).is-selected .richText-dropdown-outer {\r\n display: block;\r\n }\r\n }\r\n\r\n &:after {\r\n display: block;\r\n content: \"\";\r\n clear: both;\r\n }\r\n }\r\n\r\n &:last-child {\r\n font-size: 12px;\r\n }\r\n\r\n &:after {\r\n display: block;\r\n clear: both;\r\n content: \"\";\r\n }\r\n }\r\n\r\n .richText-editor {\r\n padding: 20px;\r\n background-color: #ffffff;\r\n border-left: #ffffff solid 2px;\r\n font-family: Calibri, Verdana, Helvetica, sans-serif;\r\n height: 300px;\r\n outline: none;\r\n overflow-y: scroll;\r\n overflow-x: auto;\r\n\r\n ul,\r\n ol {\r\n margin: 10px 25px;\r\n }\r\n\r\n table {\r\n margin: 10px 0;\r\n border-spacing: 0;\r\n width: 100%;\r\n\r\n td,\r\n th {\r\n padding: 10px;\r\n border: #efefef solid 1px;\r\n }\r\n }\r\n\r\n &:focus {\r\n border-left: transparent solid 2px;\r\n }\r\n }\r\n\r\n .richText-initial {\r\n margin-bottom: -4px;\r\n padding: 10px;\r\n background-color: #282828;\r\n border: none;\r\n color: #33ff33;\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\r\n .richText-help {\r\n float: right;\r\n display: block;\r\n padding: 10px 15px;\r\n cursor: pointer;\r\n }\r\n\r\n .richText-undo,\r\n .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\r\n .richText-undo.is-disabled,\r\n .richText-redo.is-disabled {\r\n opacity: 0.4;\r\n }\r\n\r\n .richText-help-popup {\r\n a {\r\n color: #3498db;\r\n text-decoration: underline;\r\n }\r\n\r\n hr {\r\n margin: 10px auto 5px auto;\r\n border: none;\r\n border-top: #efefef solid 1px;\r\n }\r\n }\r\n\r\n .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 li {\r\n padding: 5px 7px;\r\n cursor: pointer;\r\n list-style: none;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 768px){\r\n .richText .richText-toolbar ul li {\r\n border-bottom: #eaedf1 solid 1px;\r\n }\r\n .richText .richText-toolbar ul{\r\n border-bottom: 0 !important;\r\n }\r\n}\r\n", ".select2-container {\n\tbox-sizing: border-box;\n\tdisplay: inline-block;\n\tmargin: 0;\n\tposition: relative;\n\tvertical-align: middle;\n\t// width: 100% !important;\n\n\t.select2-selection--single {\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\theight: 28px;\n\t\tuser-select: none;\n\t\t-webkit-user-select: none;\n\t\tborder-radius: 7px;\n\n\t\t.select2-selection__rendered {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0 0.75rem;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t.select2-selection__clear {\n\t\t\tposition: relative;\n\t\t}\n\t}\n\n\t&[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n\t\tpadding-right: 8px;\n\t\tpadding-left: 20px;\n\t}\n\n\t.select2-selection--multiple {\n\t\tbox-sizing: border-box;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tmin-height: 32px;\n\t\tuser-select: none;\n\t\t-webkit-user-select: none;\n\n\t\t.select2-selection__rendered {\n\t\t\tdisplay: inline-block;\n\t\t\toverflow: hidden;\n\t\t\tpadding-left: 8px;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t.select2-search--inline {\n\t\tfloat: left;\n\n\t\t.select2-search__field {\n\t\t\tbox-sizing: border-box;\n\t\t\tborder: none;\n\t\t\tfont-size: 100%;\n\t\t\tmargin-top: 5px;\n\t\t\tpadding: 0;\n\n\t\t\t&::-webkit-search-cancel-button {\n\t\t\t\t-webkit-appearance: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.select2-dropdown {\n\tbackground-color: white;\n\tborder: 1px solid #ecf0fa;\n\tborder-radius: 7px;\n\tbox-sizing: border-box;\n\tdisplay: block;\n\tposition: absolute;\n\tleft: -100000px;\n\twidth: 100%;\n\tz-index: 1051;\n}\n\n.select2-results {\n\tdisplay: block;\n}\n\n.select2-results__options {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n.select2-results__option {\n\tpadding: 0.35rem 0.75rem;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\n\t&[aria-selected] {\n\t\tcursor: pointer;\n\t}\n}\n\n.select2-container--open {\n\t.select2-dropdown {\n\t\tleft: 0;\n\t}\n\n\t.select2-dropdown--above {\n\t\tborder-bottom: none;\n\t\tborder-bottom-left-radius: 0;\n\t\tborder-bottom-right-radius: 0;\n\t}\n\n\t.select2-dropdown--below {\n\t\tborder-top: none;\n\t\tborder-top-left-radius: 0;\n\t\tborder-top-right-radius: 0;\n\t}\n}\n\n.select2-search--dropdown {\n\tdisplay: block;\n\tpadding: 4px;\n\n\t.select2-search__field {\n\t\tpadding: 4px;\n\t\twidth: 100%;\n\t\tbox-sizing: border-box;\n\t\toutline: 0;\n\n\t\t&::-webkit-search-cancel-button {\n\t\t\t-webkit-appearance: none;\n\t\t}\n\t}\n\n\t&.select2-search--hide {\n\t\tdisplay: none;\n\t}\n}\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\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\n.select2-container--default {\n\t.select2-selection--single {\n\t\tbackground-color: transparent;\n\t\tborder: 1px solid #ecf0fa;\n\n\t\t.select2-selection__rendered {\n\t\t\tcolor: #76839a;\n\t\t\tline-height: 28px;\n\t\t}\n\n\t\t.select2-selection__clear {\n\t\t\tcursor: pointer;\n\t\t\tfloat: right;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t.select2-selection__placeholder {\n\t\t\tcolor: #76839a;\n\t\t}\n\n\t\t.select2-selection__arrow {\n\t\t\theight: 26px;\n\t\t\tposition: absolute;\n\t\t\ttop: 1px;\n\t\t\tright: 1px;\n\t\t\twidth: 10px;\n\n\t\t\tb {\n\t\t\t\tborder-color: #76839a transparent transparent transparent;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: 5px 4px 0 4px;\n\t\t\t\theight: 0;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-left: -4px;\n\t\t\t\tmargin-top: -2px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\twidth: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t&[dir=\"rtl\"] .select2-selection--single {\n\t\t.select2-selection__clear {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.select2-selection__arrow {\n\t\t\tleft: 1px;\n\t\t\tright: auto;\n\t\t}\n\t}\n\n\t&.select2-container--disabled .select2-selection--single {\n\t\tbackground-color: #f6f6fb;\n\t\tcursor: default;\n\t\tcolor: #9fa7af;\n\n\t\t.select2-selection__clear {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&.select2-container--open .select2-selection--single .select2-selection__arrow b {\n\t\tborder-color: transparent transparent #76839a transparent;\n\t\tborder-width: 0 4px 5px 4px;\n\t}\n\n\t.select2-selection--multiple {\n\t\tbackground-color: transparent;\n\t\tborder: 1px solid #ecf0fa;\n\t\tpadding: 0.1rem 0.75rem !important;\n\t\tborder-radius: 5px;\n\t\tcursor: text;\n\n\t\t.select2-selection__rendered {\n\t\t\tbox-sizing: border-box;\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0px;\n\t\t\twidth: 100%;\n\n\t\t\tli {\n\t\t\t\tlist-style: none;\n\t\t\t}\n\t\t}\n\n\t\t.select2-selection__placeholder {\n\t\t\tcolor: #76839a;\n\t\t\tmargin-top: 5px;\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.select2-selection__clear {\n\t\t\tcursor: pointer;\n\t\t\tfloat: right;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-top: 5px;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t\t.select2-selection__choice {\n\t\t\tbackground-color: #e4e4e4;\n\t\t\tborder: 1px solid #ecf0fa;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: default;\n\t\t\tfloat: left;\n\t\t\tmargin-right: 5px;\n\t\t\tmargin-top: 5px;\n\t\t\tpadding: 0 5px;\n\t\t}\n\n\t\t.select2-selection__choice__remove {\n\t\t\tcolor: #999;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 2px;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #333;\n\t\t\t}\n\t\t}\n\t}\n\n\t&[dir=\"rtl\"] .select2-selection--multiple {\n\t\t.select2-selection__choice,\n\t\t.select2-selection__placeholder,\n\t\t.select2-search--inline {\n\t\t\tfloat: right;\n\t\t}\n\n\t\t.select2-selection__choice {\n\t\t\tmargin-left: 5px;\n\t\t\tmargin-right: auto;\n\t\t}\n\n\t\t.select2-selection__choice__remove {\n\t\t\tmargin-left: 2px;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n\n\t&.select2-container--focus .select2-selection--multiple {\n\t\tborder: solid black 1px;\n\t\toutline: 0;\n\t}\n\n\t&.select2-container--disabled {\n\t\t.select2-selection--multiple {\n\t\t\tbackground-color: #eee;\n\t\t\tcursor: default;\n\t\t}\n\n\t\t.select2-selection__choice__remove {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t&.select2-container--open {\n\t\t&.select2-container--above {\n\t\t\t.select2-selection--single,\n\t\t\t.select2-selection--multiple {\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-top-right-radius: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.select2-container--below {\n\t\t\t.select2-selection--single,\n\t\t\t.select2-selection--multiple {\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.select2-search--dropdown .select2-search__field {\n\t\tborder: 1px solid #ecf0fa;\n\t}\n\n\t.select2-search--inline .select2-search__field {\n\t\tbackground: transparent;\n\t\tborder: none;\n\t\toutline: 0;\n\t\tbox-shadow: none;\n\t\t-webkit-appearance: textfield;\n\t}\n\n\t.select2-results > .select2-results__options {\n\t\tmax-height: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.select2-results__option {\n\t\t&[role=\"group\"] {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t&[aria-disabled=\"true\"] {\n\t\t\tcolor: #999;\n\t\t}\n\n\t\t&[aria-selected=\"true\"] {\n\t\t\tbackground-color: #f6f6fb;\n\t\t}\n\n\t\t.select2-results__option {\n\t\t\tpadding-left: 1em;\n\n\t\t\t.select2-results__group {\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.select2-results__option {\n\t\t\t\tmargin-left: -1em;\n\t\t\t\tpadding-left: 2em;\n\n\t\t\t\t.select2-results__option {\n\t\t\t\t\tmargin-left: -2em;\n\t\t\t\t\tpadding-left: 3em;\n\n\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\tmargin-left: -3em;\n\t\t\t\t\t\tpadding-left: 4em;\n\n\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\tmargin-left: -4em;\n\t\t\t\t\t\t\tpadding-left: 5em;\n\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tmargin-left: -5em;\n\t\t\t\t\t\t\t\tpadding-left: 6em;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.select2-results__option--highlighted[aria-selected] {\n\t\tbackground-color: $primary-1;\n\t\tcolor: white;\n\t}\n\n\t.select2-results__group {\n\t\tcursor: default;\n\t\tdisplay: block;\n\t\tpadding: 6px;\n\t}\n\n\t.select2-selection--multiple::-webkit-input-placeholder {\n\t\tcolor: #76839a !important;\n\t}\n}\n\n.select2-container--classic {\n\t.select2-selection--single {\n\t\tbackground-color: #f7f7f7;\n\t\tborder: 1px solid #ecf0fa;\n\t\tborder-radius: 4px;\n\t\toutline: 0;\n\t\tbackground-image: -webkit-linear-gradient(to top, #fff 50%, #eee 100%);\n\t\tbackground-image: -o-linear-gradient(to top, #fff 50%, #eee 100%);\n\t\tbackground-image: linear-gradient(to bottom, #fff 50%, #eee 100%);\n\t\tbackground-repeat: repeat-x;\n\t\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\n\n\t\t&:focus {\n\t\t\tborder: 1px solid $primary-1;\n\t\t}\n\n\t\t.select2-selection__rendered {\n\t\t\tcolor: #76839a;\n\t\t\tline-height: 28px;\n\t\t}\n\n\t\t.select2-selection__clear {\n\t\t\tcursor: pointer;\n\t\t\tfloat: right;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 10px;\n\t\t}\n\n\t\t.select2-selection__placeholder {\n\t\t\tcolor: #76839a;\n\t\t}\n\n\t\t.select2-selection__arrow {\n\t\t\tbackground-color: #ddd;\n\t\t\tborder: none;\n\t\t\tborder-left: 1px solid #ecf0fa;\n\t\t\tborder-top-right-radius: 4px;\n\t\t\tborder-bottom-right-radius: 4px;\n\t\t\theight: 26px;\n\t\t\tposition: absolute;\n\t\t\ttop: 1px;\n\t\t\tright: 1px;\n\t\t\twidth: 20px;\n\t\t\tbackground-image: -webkit-linear-gradient(to top, #eee 50%, #ccc 100%);\n\t\t\tbackground-image: -o-linear-gradient(to top, #eee 50%, #ccc 100%);\n\t\t\tbackground-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);\n\t\t\tbackground-repeat: repeat-x;\n\t\t\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);\n\n\t\t\tb {\n\t\t\t\tborder-color: #888 transparent transparent transparent;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-width: 5px 4px 0 4px;\n\t\t\t\theight: 0;\n\t\t\t\tleft: 50%;\n\t\t\t\tmargin-left: -4px;\n\t\t\t\tmargin-top: -2px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\twidth: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t&[dir=\"rtl\"] .select2-selection--single {\n\t\t.select2-selection__clear {\n\t\t\tfloat: left;\n\t\t}\n\n\t\t.select2-selection__arrow {\n\t\t\tborder: none;\n\t\t\tborder-right: 1px solid #ecf0fa;\n\t\t\tborder-radius: 0;\n\t\t\tborder-top-left-radius: 4px;\n\t\t\tborder-bottom-left-radius: 4px;\n\t\t\tleft: 1px;\n\t\t\tright: auto;\n\t\t}\n\t}\n\n\t&.select2-container--open {\n\t\t.select2-selection--single {\n\t\t\tborder: 1px solid $primary-1;\n\n\t\t\t.select2-selection__arrow {\n\t\t\t\tbackground: transparent;\n\t\t\t\tborder: none;\n\n\t\t\t\tb {\n\t\t\t\t\tborder-color: transparent transparent #888 transparent;\n\t\t\t\t\tborder-width: 0 4px 5px 4px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.select2-container--above .select2-selection--single {\n\t\t\tborder-top: none;\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-top-right-radius: 0;\n\t\t\tbackground-image: -webkit-linear-gradient(to top, #fff 0%, #eee 50%);\n\t\t\tbackground-image: -o-linear-gradient(to top, #fff 0%, #eee 50%);\n\t\t\tbackground-image: linear-gradient(to bottom, #fff 0%, #eee 50%);\n\t\t\tbackground-repeat: repeat-x;\n\t\t\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);\n\t\t}\n\n\t\t&.select2-container--below .select2-selection--single {\n\t\t\tborder-bottom: none;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t\tbackground-image: -webkit-linear-gradient(to top, #eee 50%, #fff 100%);\n\t\t\tbackground-image: -o-linear-gradient(to top, #eee 50%, #fff 100%);\n\t\t\tbackground-image: linear-gradient(to bottom, #eee 50%, #fff 100%);\n\t\t\tbackground-repeat: repeat-x;\n\t\t\tfilter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);\n\t\t}\n\t}\n\n\t.select2-selection--multiple {\n\t\tbackground-color: white;\n\t\tborder: 1px solid #ecf0fa;\n\t\tborder-radius: 4px;\n\t\tcursor: text;\n\t\toutline: 0;\n\n\t\t&:focus {\n\t\t\tborder: 1px solid $primary-1;\n\t\t}\n\n\t\t.select2-selection__rendered {\n\t\t\tlist-style: none;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0 5px;\n\t\t}\n\n\t\t.select2-selection__clear {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.select2-selection__choice {\n\t\t\tbackground-color: #e4e4e4;\n\t\t\tborder: 1px solid #ecf0fa;\n\t\t\tborder-radius: 4px;\n\t\t\tcursor: default;\n\t\t\tfloat: left;\n\t\t\tmargin-right: 5px;\n\t\t\tmargin-top: 5px;\n\t\t\tpadding: 0 5px;\n\t\t}\n\n\t\t.select2-selection__choice__remove {\n\t\t\tcolor: #888;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\tfont-weight: bold;\n\t\t\tmargin-right: 2px;\n\n\t\t\t&:hover {\n\t\t\t\tcolor: #76839a;\n\t\t\t}\n\t\t}\n\t}\n\n\t&[dir=\"rtl\"] .select2-selection--multiple {\n\t\t.select2-selection__choice {\n\t\t\tfloat: right;\n\t\t\tmargin-left: 5px;\n\t\t\tmargin-right: auto;\n\t\t}\n\n\t\t.select2-selection__choice__remove {\n\t\t\tmargin-left: 2px;\n\t\t\tmargin-right: auto;\n\t\t}\n\t}\n\n\t&.select2-container--open {\n\t\t.select2-selection--multiple {\n\t\t\tborder: 1px solid $primary-1;\n\t\t}\n\n\t\t&.select2-container--above .select2-selection--multiple {\n\t\t\tborder-top: none;\n\t\t\tborder-top-left-radius: 0;\n\t\t\tborder-top-right-radius: 0;\n\t\t}\n\n\t\t&.select2-container--below .select2-selection--multiple {\n\t\t\tborder-bottom: none;\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t}\n\t}\n\n\t.select2-search--dropdown .select2-search__field {\n\t\tborder: 1px solid #ecf0fa;\n\t\toutline: 0;\n\t}\n\n\t.select2-search--inline .select2-search__field {\n\t\toutline: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.select2-dropdown {\n\t\tbackground-color: #fff;\n\t\tborder: 1px solid transparent;\n\t}\n\n\t.select2-dropdown--above {\n\t\tborder-bottom: none;\n\t}\n\n\t.select2-dropdown--below {\n\t\tborder-top: none;\n\t}\n\n\t.select2-results > .select2-results__options {\n\t\tmax-height: 200px;\n\t\toverflow-y: auto;\n\t}\n\n\t.select2-results__option {\n\t\t&[role=\"group\"] {\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t&[aria-disabled=\"true\"] {\n\t\t\tcolor: #76839a;\n\t\t}\n\t}\n\n\t.select2-results__option--highlighted[aria-selected] {\n\t\tbackground-color: #3875d7;\n\t\tcolor: #fff;\n\t}\n\n\t.select2-results__group {\n\t\tcursor: default;\n\t\tdisplay: block;\n\t\tpadding: 6px;\n\t}\n\n\t&.select2-container--open .select2-dropdown {\n\t\tborder-color: $primary-1;\n\t}\n}\n", "/* All the default sidebar styles */\n/* toggle button settings */\n/* Note: this disables the navbar-toggle class's hide function. set visibility with the boostrap visible/hidden classes */\n/* Note: this also disables the navbar-header class positioning settings in small screens. */\n\n.navbar {\n &.navbar-static .navbar-header {\n float: left;\n }\n\n .navbar-toggle {\n &.toggle-left {\n float: left;\n margin-left: 15px;\n }\n\n &.toggle-right {\n float: right;\n margin-right: 15px;\n }\n\n &.toggle-sidebar {\n display: block;\n }\n }\n}\n\n[data-toggle=\"sidebar\"] {\n display: block;\n}\n\n/* sidebar settings */\n\n.sidebar {\n position: fixed;\n display: block;\n top: 0;\n width: 300px;\n bottom: 0;\n z-index: 9999;\n min-height: 100%;\n max-height: none;\n overflow: auto;\n background-color: #fff;\n\n /* border-right: 1px solid #eee; */\n border: 1px solid $border;\n box-shadow: 0px 8px 14.72px 1.28px rgb(229, 228, 230, 0.5);\n}\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\n.row .sidebar {\n &.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 &.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\n/*right sidebar is untested */\n\n@media (min-width: 768px) {\n .row .sidebar {\n &.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 &.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 /*right sidebar is untested */\n}\n\n@media (min-width: 992px) {\n .row .sidebar {\n &.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 &.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\n@media (min-width: 1170px) {\n .row .sidebar {\n &.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 &.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\n/* animation class - optional: without it the sidebar would just pop in and out*/\n\n.sidebar-animate {\n -webkit-transition: -webkit-transform 300ms ease;\n -moz-transition: -moz-transform 300ms ease;\n -o-transition: transform 300ms ease;\n transition: transform 300ms ease;\n}\n\n/* Left panel positioning classes */\n\n.sidebar {\n &.sidebar-left {\n -webkit-transform: translate(-100%, 0);\n -moz-transform: translate(-100%, 0);\n -ms-transform: translate(-100%, 0);\n -o-transform: translate(-100%, 0);\n transform: translate(-100%, 0);\n\n &.sidebar-open {\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0) !important;\n }\n }\n\n &.sidebar-right {\n -webkit-transform: translate(100%, 0);\n -moz-transform: translate(100%, 0);\n -ms-transform: translate(100%, 0);\n -o-transform: translate(100%, 0);\n transform: translate(100%, 0);\n\n &.sidebar-open {\n -webkit-transform: translate(0, 0);\n -moz-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0) !important;\n }\n }\n}\n", "/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Basic CSS */\n\n.sw-main {\n position: relative;\n display: block;\n margin: 0;\n padding: 0;\n border-radius: 0.25rem !important;\n\n .sw-container {\n display: block;\n margin: 0;\n padding: 0;\n position: relative;\n }\n\n .step-content {\n display: none;\n position: relative;\n margin: 0;\n }\n\n .sw-toolbar {\n margin-left: 0;\n }\n}\n\n/* SmartWizard Theme: White */\n\n.sw-theme-default {\n border: 1px solid #eff0f6;\n\n .sw-container {\n min-height: 250px;\n }\n\n .step-content {\n padding: 15px;\n border: 0px solid #eff0f6;\n background-color: #fff;\n text-align: left;\n }\n\n .sw-toolbar {\n background: #fff;\n border-radius: 0 !important;\n padding-left: 10px;\n padding-right: 10px;\n padding: 10px;\n margin-bottom: 0 !important;\n }\n\n .sw-toolbar-top {\n border-bottom-color: #eff0f6 !important;\n }\n\n .sw-toolbar-bottom {\n border-top-color: #eff0f6 !important;\n }\n\n > ul.step-anchor > li {\n position: relative;\n margin-right: 2px;\n\n > a {\n border: none !important;\n color: #5c6287 !important;\n text-decoration: none;\n outline-style: none;\n background: transparent !important;\n border: none !important;\n cursor: not-allowed;\n border-radius: 0 !important;\n\n &:hover {\n border: none !important;\n color: #5c6287 !important;\n text-decoration: none;\n outline-style: none;\n background: transparent !important;\n border: none !important;\n cursor: not-allowed;\n border-radius: 0 !important;\n }\n }\n\n &.clickable > a:hover {\n color: #2d66f7 !important;\n background: transparent !important;\n cursor: pointer;\n }\n\n > a::after {\n content: \"\";\n background: #2d66f7;\n height: 2px;\n position: absolute;\n width: 100%;\n left: 0px;\n bottom: 0px;\n -webkit-transition: all 250ms ease 0s;\n transition: all 250ms ease 0s;\n -webkit-transform: scale(0);\n -ms-transform: scale(0);\n transform: scale(0);\n }\n\n &.active > a {\n border: none !important;\n color: #fff !important;\n background: #2d66f7 !important;\n cursor: pointer;\n\n &::after {\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n }\n\n &.done > a {\n border: none !important;\n color: #5c6287 !important;\n background: transparent !important;\n cursor: pointer;\n\n &::after {\n background: #2d66f7;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n }\n\n &.danger > a {\n border: none !important;\n color: #d9534f !important;\n\n /* background: #d9534f !important; */\n cursor: pointer;\n\n &::after {\n background: #d9534f;\n border-left-color: #f8d7da;\n -webkit-transform: scale(1);\n -ms-transform: scale(1);\n transform: scale(1);\n }\n }\n\n &.disabled > a {\n color: #eee !important;\n cursor: not-allowed;\n\n &:hover {\n color: #eee !important;\n cursor: not-allowed;\n }\n }\n }\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 768px) {\n .sw-theme-default > .nav-tabs > li {\n float: none !important;\n }\n}\n\n/* Common Loader */\n\n.sw-loading {\n &::after {\n position: absolute;\n display: block;\n opacity: 1;\n content: \"\";\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n background: rgba(255, 255, 255, 0.7);\n -webkit-transition: all 0.2s ease;\n transition: all 0.2s ease;\n z-index: 2;\n }\n\n &::before {\n content: \"\";\n display: inline-block;\n position: absolute;\n top: 50%;\n left: 50%;\n z-index: 10;\n border: 10px solid #f3f3f3;\n border-radius: 50%;\n border-top: 10px solid #3498db;\n width: 80px;\n height: 80px;\n margin-top: -40px;\n margin-left: -40px;\n -webkit-animation: spin 1s linear infinite;\n\n /* Safari */\n animation: spin 1s linear infinite;\n }\n}\n\n/* Safari */\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n }\n}\n\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n", "/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Arrows */\n\n.sw-theme-arrows {\n border-radius: 5px;\n border: 1px solid #eff0f6;\n\n > .sw-container {\n min-height: 200px;\n }\n\n .step-content {\n padding: 15px;\n border: 0px solid #eff0f6;\n background-color: #fff;\n text-align: left;\n }\n\n .sw-toolbar {\n padding: 10px;\n margin-bottom: 0 !important;\n }\n\n > {\n ul.step-anchor {\n border: 0;\n border-bottom: 1px solid #eff0f6;\n padding: 0px;\n background: #fff;\n border-radius: 0;\n border-top-right-radius: 5px;\n list-style: none;\n overflow: hidden;\n\n li + li:before {\n padding: 0;\n }\n\n > li {\n > a {\n color: #5c6287;\n text-decoration: none;\n padding: 10px 0 10px 45px;\n position: relative;\n display: block;\n border: 0 !important;\n border-radius: 0;\n outline-style: none;\n background: #f4f5f5;\n\n &:hover {\n color: #5c6287;\n text-decoration: none;\n padding: 10px 0 10px 45px;\n position: relative;\n display: block;\n border: 0 !important;\n border-radius: 0;\n outline-style: none;\n background: #f4f5f5;\n }\n\n &:after {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n border-bottom: 50px solid transparent;\n border-left: 30px solid #f4f5f5;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n left: 100%;\n z-index: 2;\n }\n\n &:before {\n content: \" \";\n display: block;\n width: 0;\n height: 0;\n border-top: 50px solid transparent;\n\n /* Go big on the size, and let overflow hide */\n border-bottom: 50px solid transparent;\n border-left: 30px solid #dbdef1;\n position: absolute;\n top: 50%;\n margin-top: -50px;\n margin-left: 1px;\n left: 100%;\n z-index: 1;\n }\n }\n\n &:first-child > a {\n padding-left: 15px;\n }\n\n > a {\n &:hover {\n color: #5c6287;\n text-decoration: none;\n outline-style: none;\n background: #f4f5f5;\n border-color: #f4f5f5;\n\n &:after {\n border-left-color: #f4f5f5;\n }\n }\n }\n\n &.clickable > a:hover {\n color: #4285f4 !important;\n background: #46b8da !important;\n }\n\n &.active > a {\n border-color: #7673e6 !important;\n color: #fff !important;\n background: #7673e6 !important;\n\n &:after {\n border-left: 30px solid #7673e6 !important;\n }\n }\n\n &.done > a {\n border-color: #f4f5f5 !important;\n\n /* #7673e6*/\n color: #5c6287 !important;\n background: #f4f5f5 !important;\n\n &:after {\n border-left: 30px solid #f4f5f5;\n\n /* c3e6cb */\n }\n }\n\n &.danger > a {\n border-color: #d9534f !important;\n color: #fff !important;\n background: #d9534f !important;\n\n &:after {\n border-left: 30px solid #d9534f !important;\n }\n }\n\n &.disabled > a {\n color: #eee !important;\n\n &:hover {\n color: #eee !important;\n }\n }\n }\n }\n }\n\n &::before {\n border: 10px solid #f3f3f3;\n border-top: 10px solid #7673e6;\n }\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 768px) {\n .sw-theme-arrows > {\n ul.step-anchor {\n border: 0;\n background: #fff !important;\n }\n\n .nav-tabs > li {\n float: none !important;\n margin-bottom: 0;\n }\n }\n}\n\n@media screen and (max-width: 480px) {\n .sw-theme-arrows > {\n ul.step-anchor {\n border: 0;\n background: #eff0f6 !important;\n }\n\n .nav-tabs > li {\n float: none !important;\n margin-bottom: 0;\n }\n\n ul.step-anchor > li > a {\n padding-left: 15px;\n margin-right: 0;\n margin-bottom: 1px;\n\n &:hover {\n padding-left: 15px;\n margin-right: 0;\n margin-bottom: 1px;\n }\n\n &:after,\n &:before {\n display: none;\n }\n }\n }\n}\n\n/* Loader Custom Style */\n", "/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Circles */\n\n.sw-theme-circles {\n .sw-container {\n min-height: 300px;\n }\n\n .step-content {\n padding: 10px 0;\n background-color: #fff;\n text-align: left;\n }\n\n .sw-toolbar {\n background: #fff;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 0 !important;\n }\n}\n\n.nav.nav-tabs.step-anchor {\n border-bottom: 0 !important;\n}\n\n.sw-theme-circles {\n\n .sw-toolbar-bottom {\n border-top-color: #ddd !important;\n border-bottom-color: #ddd !important;\n }\n\n > ul.step-anchor {\n position: relative;\n background: #fff;\n border: none;\n list-style: none;\n margin-bottom: 40px;\n\n &:before {\n content: \" \";\n position: absolute;\n top: 50%;\n bottom: 0;\n width: 100%;\n height: 5px;\n background-color: #f5f5f5;\n border-radius: 3px;\n z-index: 0;\n }\n\n > li {\n border: none;\n margin-left: 40px;\n z-index: 98;\n\n > a {\n border: 2px solid #f5f5f5;\n background: #f5f5f5;\n width: 75px;\n height: 75px;\n text-align: center;\n padding: 28px 0;\n border-radius: 50%;\n -webkit-box-shadow: inset 0px 0px 0px 3px #fff !important;\n box-shadow: inset 0px 0px 0px 3px #fff !important;\n text-decoration: none;\n outline-style: none;\n z-index: 99;\n color: #5c6287;\n background: #f5f5f5;\n line-height: 1;\n\n &:hover {\n color: #5c6287;\n background: #f5f5f5;\n border-width: 2px;\n }\n\n > small {\n position: relative;\n bottom: -40px;\n color: #ccc;\n }\n }\n\n &.clickable > a:hover {\n color: #4285f4 !important;\n }\n\n &.active > a {\n border-color: #7673e6;\n color: #fff;\n background: #7673e6;\n\n > small {\n color: #7673e6;\n }\n }\n\n &.done > a {\n border-color: #f4f5f5;\n color: #5c6287;\n background: #f4f5f5;\n\n > small {\n color: #f4f5f5;\n }\n }\n\n &.danger > a {\n border-color: #d9534f;\n color: #d9534f;\n background: #fff;\n\n > small {\n color: #d9534f;\n }\n }\n\n &.disabled > a {\n color: #eee !important;\n\n &:hover {\n color: #eee !important;\n }\n }\n }\n }\n}\n\n/* Responsive CSS */\n@media screen and (max-width: 480px) {\n .sw-theme-circles > ul.step-anchor > li {\n > a {\n width: 100%;\n height: 100%;\n border-radius: 0;\n }\n\n margin: 0 auto;\n margin-bottom: 1rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n", "/*!\n * SmartWizard v4.3.x\n * jQuery Wizard Plugin\n * http://www.techlaboratory.net/smartwizard\n *\n * Created by Dipu Raj\n * http://dipuraj.me\n *\n * Licensed under the terms of MIT License\n * https://github.com/techlab/SmartWizard/blob/master/LICENSE\n */\n\n/* SmartWizard Theme: Dots */\n\n.sw-theme-dots {\n .sw-container {\n min-height: 300px;\n }\n\n .step-content {\n padding: 15px;\n border: none;\n background-color: #fff;\n text-align: left;\n }\n\n .sw-toolbar {\n background: #fff;\n border-radius: 0 !important;\n padding-left: 10px;\n padding-right: 10px;\n margin-bottom: 0 !important;\n }\n\n .sw-toolbar-top {\n border-bottom-color: #ddd !important;\n }\n\n .sw-toolbar-bottom {\n border-top-color: #ddd !important;\n border-bottom-color: #ddd !important;\n }\n\n > ul.step-anchor {\n position: relative;\n background: #fff;\n border: 0px solid #313e6a !important;\n list-style: none;\n z-index: 5;\n\n &:before {\n content: \" \";\n position: absolute;\n top: 59px;\n bottom: 0;\n left: 20px;\n width: 96%;\n height: 5px;\n background-color: #ebeff8;\n border-radius: 3px;\n z-order: 0;\n z-index: 9;\n }\n\n > li {\n border: none;\n\n > a {\n position: relative;\n text-align: center;\n font-weight: bold;\n background: transparent;\n border: none;\n\n /* color: #313e6a; */\n text-decoration: none;\n outline-style: none;\n z-index: 9;\n display: block;\n }\n }\n }\n}\n\n/* Anchors styles */\n\n.step-anchor .nav-tabs .nav-item .nav-link {\n color: #313e6a !important;\n}\n\n.sw-theme-dots {\n > ul.step-anchor > li > a:before {\n content: \" \";\n position: absolute;\n bottom: 14px;\n left: 37%;\n margin-top: 20px;\n display: block;\n border-radius: 50%;\n color: $primary-1;\n background: #ebeff8;\n border: none;\n width: 30px;\n height: 30px;\n text-decoration: none;\n z-index: 98;\n }\n\n nav-tabs .nav-link:hover:not(.disabled) {\n color: inherit;\n background: transparent !important;\n }\n\n > ul.step-anchor > li {\n > a {\n &:after {\n content: \" \";\n position: relative;\n left: 36%;\n bottom: 5px;\n margin-top: 24px;\n display: block;\n width: 16px;\n height: 16px;\n background: #b4bdce;\n border-radius: 50%;\n z-index: 99;\n }\n\n &:hover {\n color: #313e6a;\n background: transparent;\n }\n\n &:focus {\n color: #313e6a;\n border: none;\n }\n }\n\n &.clickable > a:hover {\n color: #999;\n }\n\n &.active > a {\n color: $primary-1;\n\n &:hover {\n border: none;\n }\n\n &:after {\n background: $primary-1;\n }\n }\n\n &.done > a {\n color: #313e6a;\n\n &:after {\n background: #b3b7da;\n }\n }\n\n &.danger > a {\n color: #d5cef3;\n\n &:after {\n background: #d5cef3;\n }\n }\n\n &.disabled > a {\n color: #eee !important;\n\n &:hover {\n color: #eee !important;\n }\n\n &:after {\n background: #eee;\n }\n }\n }\n}\n\n/* Active anchors */\n\n/* Done anchors */\n\n/* Danger anchors */\n\n/* Responsive CSS */\n\n@media screen and (max-width: 480px) {\n .sw-theme-dots {\n > ul.step-anchor {\n &:before {\n top: 0;\n bottom: 0;\n left: 19px;\n width: 5px;\n height: 100%;\n background-color: #f5f5f5;\n display: block;\n margin-right: 10px;\n }\n\n > li {\n margin-left: 20px;\n display: block;\n clear: both;\n\n > a {\n text-align: left;\n margin-left: 0;\n display: block;\n\n &:before {\n top: -8px;\n left: -14px;\n margin-right: 10px;\n display: block;\n }\n\n &:after {\n top: -40px;\n left: -36px;\n margin-right: 10px;\n display: block;\n }\n }\n }\n }\n\n .nav .nav-item {\n width: 100%;\n }\n }\n}\n", "/***\nSpectrum Colorpicker v1.8.0\nhttps://github.com/bgrins/spectrum\nAuthor: Brian Grinstead\nLicense: MIT\n***/\n\n.sp-container {\n position: absolute;\n top: 0;\n left: 0;\n display: inline-block;\n *display: inline;\n *zoom: 1;\n\n /* https://github.com/bgrins/spectrum/issues/40 */\n z-index: 9999994;\n overflow: hidden;\n\n &.sp-flat {\n position: relative;\n }\n\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n\n * {\n -webkit-box-sizing: content-box;\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n }\n}\n\n/* Fix for * { box-sizing: border-box; } */\n\n/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */\n\n.sp-top {\n position: relative;\n width: 100%;\n display: inline-block;\n}\n\n.sp-top-inner {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.sp-color {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 20%;\n}\n\n.sp-hue {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 84%;\n height: 100%;\n}\n\n.sp-clear-enabled .sp-hue {\n top: 33px;\n height: 77.5%;\n}\n\n.sp-fill {\n padding-top: 80%;\n}\n\n.sp-sat,\n.sp-val {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.sp-alpha-enabled {\n .sp-top {\n margin-bottom: 18px;\n }\n\n .sp-alpha {\n display: block;\n }\n}\n\n.sp-alpha-handle {\n position: absolute;\n top: -4px;\n bottom: -4px;\n width: 6px;\n left: 50%;\n cursor: pointer;\n border: 1px solid black;\n background: white;\n opacity: 0.8;\n}\n\n.sp-alpha {\n display: none;\n position: absolute;\n bottom: -14px;\n right: 0;\n left: 0;\n height: 8px;\n}\n\n.sp-alpha-inner {\n border: solid 1px #333;\n}\n\n.sp-clear {\n display: none;\n\n &.sp-clear-display {\n background-position: center;\n }\n}\n\n.sp-clear-enabled .sp-clear {\n display: block;\n position: absolute;\n top: 0px;\n right: 0;\n bottom: 0;\n left: 84%;\n height: 28px;\n}\n\n/* Don't allow text selection */\n\n.sp-container,\n.sp-replacer,\n.sp-preview,\n.sp-dragger,\n.sp-slider,\n.sp-alpha,\n.sp-clear,\n.sp-alpha-handle {\n -webkit-user-select: none;\n -moz-user-select: -moz-none;\n -o-user-select: none;\n user-select: none;\n}\n\n.sp-container {\n &.sp-dragging .sp-input,\n button {\n -webkit-user-select: none;\n -moz-user-select: -moz-none;\n -o-user-select: none;\n user-select: none;\n }\n\n &.sp-input-disabled .sp-input-container,\n &.sp-buttons-disabled .sp-button-container,\n &.sp-palette-buttons-disabled .sp-palette-button-container {\n display: none;\n }\n}\n\n.sp-palette-only .sp-picker-container,\n.sp-palette-disabled .sp-palette-container,\n.sp-initial-disabled .sp-initial {\n display: none;\n}\n\n/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */\n\n.sp-sat {\n background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#fff), to(rgba(204, 154, 129, 0)));\n background-image: -webkit-linear-gradient(to left, #fff, rgba(204, 154, 129, 0));\n background-image: -moz-linear-gradient(to left, #fff, rgba(204, 154, 129, 0));\n background-image: -o-linear-gradient(to left, #fff, rgba(204, 154, 129, 0));\n background-image: -ms-linear-gradient(to left, #fff, rgba(204, 154, 129, 0));\n background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));\n -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)\";\n filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');\n}\n\n.sp-val {\n background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));\n background-image: -webkit-linear-gradient(to bottom, #000000, rgba(204, 154, 129, 0));\n background-image: -moz-linear-gradient(to bottom, #000, rgba(204, 154, 129, 0));\n background-image: -o-linear-gradient(to bottom, #000, rgba(204, 154, 129, 0));\n background-image: -ms-linear-gradient(to bottom, #000, rgba(204, 154, 129, 0));\n background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));\n -ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)\";\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');\n}\n\n.sp-hue {\n background: -moz-linear-gradient(\n top,\n #ff0000 0%,\n #ffff00 17%,\n #00ff00 33%,\n #00ffff 50%,\n #0000ff 67%,\n #ff00ff 83%,\n #ff0000 100%\n );\n background: -ms-linear-gradient(\n top,\n #ff0000 0%,\n #ffff00 17%,\n #00ff00 33%,\n #00ffff 50%,\n #0000ff 67%,\n #ff00ff 83%,\n #ff0000 100%\n );\n background: -o-linear-gradient(\n top,\n #ff0000 0%,\n #ffff00 17%,\n #00ff00 33%,\n #00ffff 50%,\n #0000ff 67%,\n #ff00ff 83%,\n #ff0000 100%\n );\n background: -webkit-gradient(\n linear,\n left top,\n left bottom,\n from(#ff0000),\n color-stop(0.17, #ffff00),\n color-stop(0.33, #00ff00),\n color-stop(0.5, #00ffff),\n color-stop(0.67, #0000ff),\n color-stop(0.83, #ff00ff),\n to(#ff0000)\n );\n background: -webkit-linear-gradient(\n top,\n #ff0000 0%,\n #ffff00 17%,\n #00ff00 33%,\n #00ffff 50%,\n #0000ff 67%,\n #ff00ff 83%,\n #ff0000 100%\n );\n background: linear-gradient(\n to bottom,\n #ff0000 0%,\n #ffff00 17%,\n #00ff00 33%,\n #00ffff 50%,\n #0000ff 67%,\n #ff00ff 83%,\n #ff0000 100%\n );\n}\n\n/* IE filters do not support multiple color stops.\n Generate 6 divs, line them up, and do two color gradients for each.\n Yes, really.\n */\n\n.sp-1 {\n height: 17%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');\n}\n\n.sp-2 {\n height: 16%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');\n}\n\n.sp-3 {\n height: 17%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');\n}\n\n.sp-4 {\n height: 17%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');\n}\n\n.sp-5 {\n height: 16%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');\n}\n\n.sp-6 {\n height: 17%;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');\n}\n\n.sp-hidden {\n display: none !important;\n}\n\n/* Clearfix hack */\n\n.sp-cf {\n &:before {\n content: \"\";\n display: table;\n }\n\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n *zoom: 1;\n}\n\n/* Mobile devices, make hue slider bigger so it is easier to slide */\n@media (max-device-width: 480px) {\n .sp-color {\n right: 40%;\n }\n\n .sp-hue {\n left: 63%;\n }\n\n .sp-fill {\n padding-top: 60%;\n }\n}\n\n.sp-dragger {\n border-radius: 5px;\n height: 5px;\n width: 5px;\n border: 1px solid #fff;\n background: #000;\n cursor: pointer;\n position: absolute;\n top: 0;\n left: 0;\n}\n\n.sp-slider {\n position: absolute;\n top: 0;\n cursor: pointer;\n height: 3px;\n left: -1px;\n right: -1px;\n border: 1px solid #000;\n background: white;\n opacity: 0.8;\n}\n\n/*\n Theme authors:\n Here are the basic themeable display options (colors, fonts, global widths).\n See http://bgrins.github.io/spectrum/themes/ for instructions.\n */\n\n.sp-container {\n border-radius: 0;\n background-color: #ececec;\n border: solid 1px #f0c49b;\n padding: 0;\n font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n\n button,\n input {\n font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n }\n}\n\n.sp-color,\n.sp-hue,\n.sp-clear {\n font: normal 12px \"Lucida Grande\", \"Lucida Sans Unicode\", \"Lucida Sans\", Geneva, Verdana, sans-serif;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.sp-top {\n margin-bottom: 3px;\n}\n\n.sp-color,\n.sp-hue,\n.sp-clear {\n border: solid 1px #666;\n}\n\n/* Input */\n\n.sp-input-container {\n float: right;\n width: 100px;\n margin-bottom: 4px;\n}\n\n.sp-initial-disabled .sp-input-container {\n width: 100%;\n}\n\n.sp-input {\n font-size: 12px !important;\n border: 1px inset;\n padding: 4px 5px;\n margin: 0;\n width: 100%;\n background: transparent;\n border-radius: 3px;\n color: #222;\n\n &:focus {\n border: 1px solid orange;\n }\n\n &.sp-validation-error {\n border: 1px solid red;\n background: #fdd;\n }\n}\n\n.sp-picker-container,\n.sp-palette-container {\n float: left;\n position: relative;\n padding: 10px;\n padding-bottom: 300px;\n margin-bottom: -290px;\n}\n\n.sp-picker-container {\n width: 172px;\n border-left: solid 1px #fff;\n}\n\n/* Palettes */\n\n.sp-palette-container {\n border-right: solid 1px #ccc;\n}\n\n.sp-palette-only .sp-palette-container {\n border: 0;\n}\n\n.sp-palette .sp-thumb-el {\n display: block;\n position: relative;\n float: left;\n width: 24px;\n height: 15px;\n margin: 3px;\n cursor: pointer;\n border: solid 2px transparent;\n\n &:hover,\n &.sp-thumb-active {\n border-color: orange;\n }\n}\n\n.sp-thumb-el {\n position: relative;\n}\n\n/* Initial */\n\n.sp-initial {\n float: left;\n border: solid 1px #333;\n\n span {\n width: 30px;\n height: 25px;\n border: none;\n display: block;\n float: left;\n margin: 0;\n }\n\n .sp-clear-display {\n background-position: center;\n }\n}\n\n/* Buttons */\n\n.sp-palette-button-container,\n.sp-button-container {\n float: right;\n}\n\n/* Replacer (the little preview div that shows up instead of the ) */\n\n.sp-replacer {\n margin: 0;\n overflow: hidden;\n cursor: pointer;\n padding: 4px;\n display: inline-block;\n *zoom: 1;\n *display: inline;\n border: solid 1px #91765d;\n background: #eee;\n color: #333;\n vertical-align: middle;\n\n &:hover,\n &.sp-active {\n border-color: #f0c49b;\n color: #111;\n }\n\n &.sp-disabled {\n cursor: default;\n border-color: silver;\n color: silver;\n }\n}\n\n.sp-dd {\n padding: 2px 0;\n height: 16px;\n line-height: 16px;\n float: left;\n font-size: 10px;\n}\n\n.sp-preview {\n position: relative;\n width: 25px;\n height: 20px;\n border: solid 1px #222;\n margin-right: 5px;\n float: left;\n z-index: 0;\n}\n\n.sp-palette {\n *width: 220px;\n max-width: 220px;\n\n .sp-thumb-el {\n width: 16px;\n height: 16px;\n margin: 2px 1px;\n border: solid 1px #d0d0d0;\n }\n}\n\n.sp-container {\n padding-bottom: 0;\n\n button {\n background-color: #eeeeee;\n background-image: -webkit-linear-gradient(to top, #eeeeee, #cccccc);\n background-image: -moz-linear-gradient(to top, #eeeeee, #cccccc);\n background-image: -ms-linear-gradient(to top, #eeeeee, #cccccc);\n background-image: -o-linear-gradient(to top, #eeeeee, #cccccc);\n background-image: linear-gradient(to bottom, #eeeeee, #cccccc);\n border: 1px solid #ccc;\n border-bottom: 1px solid #bbb;\n border-radius: 3px;\n color: #333;\n font-size: 14px;\n line-height: 1;\n padding: 5px 4px;\n text-align: center;\n text-shadow: 0 1px 0 #eee;\n vertical-align: middle;\n\n &:hover {\n background-color: #dddddd;\n background-image: -webkit-linear-gradient(to top, #dddddd, #bbbbbb);\n background-image: -moz-linear-gradient(to top, #dddddd, #bbbbbb);\n background-image: -ms-linear-gradient(to top, #dddddd, #bbbbbb);\n background-image: -o-linear-gradient(to top, #dddddd, #bbbbbb);\n background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);\n border: 1px solid #bbb;\n border-bottom: 1px solid #999;\n cursor: pointer;\n text-shadow: 0 1px 0 #ddd;\n }\n\n &:active {\n border: 1px solid #aaa;\n border-bottom: 1px solid #888;\n -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\n -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\n -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\n -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\n box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;\n }\n }\n}\n\n/* Buttons: http://hellohappy.org/css3-buttons/ */\n\n.sp-cancel {\n font-size: 11px;\n color: #d93f3f !important;\n margin: 0;\n padding: 2px;\n margin-right: 5px;\n vertical-align: middle;\n text-decoration: none;\n\n &:hover {\n color: #d93f3f !important;\n text-decoration: underline;\n }\n}\n\n.sp-palette span {\n &:hover,\n &.sp-thumb-active {\n border-color: #000;\n }\n}\n\n.sp-preview,\n.sp-alpha,\n.sp-thumb-el {\n position: relative;\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);\n}\n\n.sp-preview-inner,\n.sp-alpha-inner,\n.sp-thumb-inner {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n\n.sp-palette {\n .sp-thumb-inner {\n background-position: 50% 50%;\n background-repeat: no-repeat;\n }\n\n .sp-thumb-light.sp-thumb-active .sp-thumb-inner {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);\n }\n\n .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {\n background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);\n }\n}\n\n.sp-clear-display {\n background-repeat: no-repeat;\n background-position: center;\n background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);\n}\n", ".jq-stars {\n display: inline-block;\n}\n\n.jq-rating-label {\n font-size: 22px;\n display: inline-block;\n position: relative;\n vertical-align: top;\n font-family: helvetica, arial, verdana;\n}\n\n.jq-star {\n width: 100px;\n height: 100px;\n display: inline-block;\n cursor: pointer;\n}\n\n.jq-star-svg {\n padding-left: 3px;\n width: 100%;\n height: 100%;\n\n path {\n /* stroke: #000; */\n stroke-linejoin: round;\n }\n}\n\n/* un-used */\n\n.jq-shadow {\n -webkit-filter: drop-shadow(-2px -2px 2px #888);\n filter: drop-shadow(-2px -2px 2px #888);\n}\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\"),\r\n url(../plugins/summernote/font/summernote.woff) format(\"woff\"), url(../plugins/summernote/font/summernote.ttf) format(\"truetype\");\r\n}\r\n\r\n[class*=\" note-icon\"]:before,\r\n[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 speak: none;\r\n}\r\n\r\n.note-icon-fw {\r\n text-align: center;\r\n width: 1.25em;\r\n}\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\r\n.note-icon-pull-left {\r\n float: left;\r\n}\r\n\r\n.note-icon-pull-right {\r\n float: right;\r\n}\r\n\r\n.note-icon {\r\n &.note-icon-pull-left {\r\n margin-right: 0.3em;\r\n }\r\n\r\n &.note-icon-pull-right {\r\n margin-left: 0.3em;\r\n }\r\n}\r\n\r\n.note-icon-align:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-center:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-indent:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-justify:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-left:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-outdent:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-align-right:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrow-circle-down:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrow-circle-left:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrow-circle-right:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrow-circle-up:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrows-alt:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrows-h:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-arrows-v:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-bold:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-caret:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-chain-broken:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-circle:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-close:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-code:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-col-after:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-col-before:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-col-remove:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-eraser:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-float-left:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-float-none:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-float-right:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-font:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-frame:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-italic:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-link:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-magic:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-menu-check:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-minus:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-orderedlist:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-pencil:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-picture:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-question:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-redo:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-rollback:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-row-above:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-row-below:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-row-remove:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-special-character:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-square:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-strikethrough:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-subscript:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-summernote:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-superscript:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-table:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-text-height:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-trash:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-underline:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-undo:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-unorderedlist:before {\r\n content: \"\";\r\n}\r\n\r\n.note-icon-video:before {\r\n content: \"\";\r\n}\r\n\r\n.note-editor {\r\n position: relative;\r\n\r\n .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-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\r\n &.hover {\r\n color: #098ddf;\r\n }\r\n }\r\n\r\n &.dragover .note-dropzone {\r\n display: table;\r\n }\r\n\r\n .note-editing-area {\r\n position: relative;\r\n\r\n .note-editable {\r\n outline: none;\r\n\r\n sup {\r\n vertical-align: super;\r\n }\r\n\r\n sub {\r\n vertical-align: sub;\r\n }\r\n\r\n img {\r\n &.note-float-left {\r\n margin-right: 10px;\r\n }\r\n\r\n &.note-float-right {\r\n margin-left: 10px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n &.note-airframe,\r\n &.note-frame {\r\n border: 1px solid $border;\r\n }\r\n\r\n &.note-airframe.codeview .note-editing-area .note-editable,\r\n &.note-frame.codeview .note-editing-area .note-editable {\r\n display: none;\r\n }\r\n\r\n &.note-airframe.codeview .note-editing-area .note-codable,\r\n &.note-frame.codeview .note-editing-area .note-codable {\r\n display: block;\r\n }\r\n\r\n &.note-airframe .note-editing-area,\r\n &.note-frame .note-editing-area {\r\n overflow: hidden;\r\n }\r\n\r\n &.note-airframe .note-editing-area .note-editable,\r\n &.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\r\n &.note-airframe .note-editing-area .note-editable[contenteditable=\"false\"],\r\n &.note-frame .note-editing-area .note-editable[contenteditable=\"false\"] {\r\n background-color: hsla(0, 0%, 50.2%, 0.11);\r\n }\r\n\r\n &.note-airframe .note-editing-area .note-codable,\r\n &.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: $background;\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\r\n &.note-airframe.fullscreen,\r\n &.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\r\n &.note-airframe.fullscreen .note-resizebar,\r\n &.note-frame.fullscreen .note-resizebar {\r\n display: none;\r\n }\r\n\r\n &.note-airframe .note-status-output,\r\n &.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\r\n &.note-airframe .note-status-output:empty,\r\n &.note-frame .note-status-output:empty {\r\n height: 0;\r\n border-top: 0 solid transparent;\r\n }\r\n\r\n &.note-airframe .note-status-output .pull-right,\r\n &.note-frame .note-status-output .pull-right {\r\n float: right !important;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-muted,\r\n &.note-frame .note-status-output .text-muted {\r\n color: #777;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-primary,\r\n &.note-frame .note-status-output .text-primary {\r\n color: #286090;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-success,\r\n &.note-frame .note-status-output .text-success {\r\n color: #3c763d;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-info,\r\n &.note-frame .note-status-output .text-info {\r\n color: #31708f;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-warning,\r\n &.note-frame .note-status-output .text-warning {\r\n color: #8a6d3b;\r\n }\r\n\r\n &.note-airframe .note-status-output .text-danger,\r\n &.note-frame .note-status-output .text-danger {\r\n color: #a94442;\r\n }\r\n\r\n &.note-airframe .note-status-output .alert,\r\n &.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\r\n &.note-airframe .note-status-output .alert .note-icon,\r\n &.note-frame .note-status-output .alert .note-icon {\r\n margin-right: 5px;\r\n }\r\n\r\n &.note-airframe .note-status-output .alert-success,\r\n &.note-frame .note-status-output .alert-success {\r\n color: #3c763d !important;\r\n background-color: #dff0d8 !important;\r\n }\r\n\r\n &.note-airframe .note-status-output .alert-info,\r\n &.note-frame .note-status-output .alert-info {\r\n color: #31708f !important;\r\n background-color: #d9edf7 !important;\r\n }\r\n\r\n &.note-airframe .note-status-output .alert-warning,\r\n &.note-frame .note-status-output .alert-warning {\r\n color: #8a6d3b !important;\r\n background-color: #fcf8e3 !important;\r\n }\r\n\r\n &.note-airframe .note-status-output .alert-danger,\r\n &.note-frame .note-status-output .alert-danger {\r\n color: #a94442 !important;\r\n background-color: #f2dede !important;\r\n }\r\n\r\n &.note-airframe .note-statusbar,\r\n &.note-frame .note-statusbar {\r\n background-color: hsla(0, 0%, 50.2%, 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\r\n &.note-airframe .note-statusbar .note-resizebar,\r\n &.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\r\n &.note-airframe .note-statusbar .note-resizebar .note-icon-bar,\r\n &.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\r\n &.note-airframe .note-statusbar.locked .note-resizebar,\r\n &.note-frame .note-statusbar.locked .note-resizebar {\r\n cursor: default;\r\n }\r\n\r\n &.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,\r\n &.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {\r\n display: none;\r\n }\r\n\r\n &.note-airframe .note-placeholder,\r\n &.note-frame .note-placeholder {\r\n padding: 10px;\r\n }\r\n\r\n &.note-airframe {\r\n border: 0;\r\n\r\n .note-editing-area .note-editable {\r\n padding: 0;\r\n }\r\n }\r\n}\r\n\r\n.note-popover.popover {\r\n display: none;\r\n max-width: none;\r\n\r\n .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\r\n .arrow {\r\n left: 20px !important;\r\n }\r\n}\r\n\r\n.note-toolbar {\r\n position: relative;\r\n}\r\n\r\n.note-editor .note-toolbar,\r\n.note-popover .popover-content {\r\n margin: 0;\r\n padding: 0 0 5px 5px;\r\n}\r\n\r\n.note-editor .note-toolbar > .note-btn-group,\r\n.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\r\n.note-editor .note-toolbar .note-btn-group .note-table,\r\n.note-popover .popover-content .note-btn-group .note-table {\r\n min-width: 0;\r\n padding: 5px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,\r\n.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {\r\n font-size: 18px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,\r\n.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\r\n.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,\r\n.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\")\r\n repeat;\r\n}\r\n\r\n.note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,\r\n.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\")\r\n repeat;\r\n}\r\n\r\n.note-editor .note-toolbar .note-style .dropdown-style {\r\n blockquote,\r\n pre {\r\n margin: 0;\r\n padding: 5px 10px;\r\n }\r\n}\r\n\r\n.note-popover .popover-content .note-style .dropdown-style {\r\n blockquote,\r\n pre {\r\n margin: 0;\r\n padding: 5px 10px;\r\n }\r\n}\r\n\r\n.note-editor .note-toolbar .note-style .dropdown-style {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n}\r\n\r\n.note-popover .popover-content .note-style .dropdown-style {\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6,\r\n p {\r\n margin: 0;\r\n padding: 0;\r\n }\r\n}\r\n\r\n.note-editor .note-toolbar .note-color-all .note-dropdown-menu,\r\n.note-popover .popover-content .note-color-all .note-dropdown-menu {\r\n min-width: 337px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .dropdown-toggle,\r\n.note-popover .popover-content .note-color .dropdown-toggle {\r\n width: 20px;\r\n padding-left: 5px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,\r\n.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\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {\r\n margin: 0 5px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,\r\n.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\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {\r\n .note-color-reset,\r\n .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}\r\n\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette {\r\n .note-color-reset,\r\n .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}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {\r\n .note-color-reset:hover,\r\n .note-color-select:hover {\r\n background: #eee;\r\n }\r\n}\r\n\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette {\r\n .note-color-reset:hover,\r\n .note-color-select:hover {\r\n background: #eee;\r\n }\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {\r\n height: 20px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,\r\n.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {\r\n display: block;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,\r\n.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\r\n.note-editor .note-toolbar .note-para .note-dropdown-menu,\r\n.note-popover .popover-content .note-para .note-dropdown-menu {\r\n min-width: 245px;\r\n padding: 5px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-para .note-dropdown-menu > div + div,\r\n.note-popover .popover-content .note-para .note-dropdown-menu > div + div {\r\n margin-left: 5px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu,\r\n.note-popover .popover-content .note-dropdown-menu {\r\n min-width: 160px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu.right,\r\n.note-popover .popover-content .note-dropdown-menu.right {\r\n right: 0;\r\n left: auto;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu.right:before,\r\n.note-popover .popover-content .note-dropdown-menu.right:before {\r\n right: 9px;\r\n left: auto !important;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu.right:after,\r\n.note-popover .popover-content .note-dropdown-menu.right:after {\r\n right: 10px;\r\n left: auto !important;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu.note-check a i,\r\n.note-popover .popover-content .note-dropdown-menu.note-check a i {\r\n color: #00bfff;\r\n visibility: hidden;\r\n}\r\n\r\n.note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,\r\n.note-popover .popover-content .note-dropdown-menu.note-check a.checked i {\r\n visibility: visible;\r\n}\r\n\r\n.note-editor .note-toolbar .note-fontsize-10,\r\n.note-popover .popover-content .note-fontsize-10 {\r\n font-size: 10px;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color-palette,\r\n.note-popover .popover-content .note-color-palette {\r\n line-height: 1;\r\n}\r\n\r\n.note-editor .note-toolbar .note-color-palette div .note-color-btn,\r\n.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\r\n.note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,\r\n.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\r\n.note-modal {\r\n .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\r\n .form-group {\r\n margin-left: 0;\r\n margin-right: 0;\r\n }\r\n\r\n .note-modal-form {\r\n margin: 0;\r\n }\r\n\r\n .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}\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\r\n.note-placeholder {\r\n position: absolute;\r\n display: none;\r\n color: grey;\r\n}\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 > div {\r\n position: absolute;\r\n }\r\n\r\n .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\r\n .note-control-handle,\r\n .note-control-holder {\r\n width: 7px;\r\n height: 7px;\r\n border: 1px solid #000;\r\n }\r\n\r\n .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\r\n .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\r\n .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\r\n .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\r\n .note-control-se {\r\n right: -5px;\r\n bottom: -5px;\r\n cursor: se-resize;\r\n\r\n &.note-control-holder {\r\n cursor: default;\r\n border-top: none;\r\n border-left: none;\r\n }\r\n }\r\n\r\n .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}\r\n\r\n.note-hint-popover {\r\n min-width: 100px;\r\n padding: 2px;\r\n\r\n .popover-content {\r\n padding: 3px;\r\n max-height: 150px;\r\n overflow: auto;\r\n\r\n .note-hint-group .note-hint-item {\r\n display: block !important;\r\n padding: 3px;\r\n\r\n &.active,\r\n &: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 }\r\n }\r\n}\r\n\r\n.note-btn {\r\n &.dropdown-toggle::after {\r\n display: none;\r\n }\r\n\r\n border-radius: 5px;\r\n}\r\n\r\n.note-editor.note-frame.panel.panel-default .panel-heading {\r\n background-color: #ffffff;\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\n.note-btn.btn-default {\r\n background-color: #fff;\r\n border-color: $border;\r\n}\r\n\r\n.note-editor {\r\n .btn-default:not(:disabled):not(.disabled):active {\r\n background-color: #f1f3f5;\r\n }\r\n\r\n .btn-group .btn + .btn-group {\r\n border-left: 0px solid rgba(0, 0, 0, 0.08) !important;\r\n }\r\n}\r\n\r\n.panel-default.fullscreen .note-editable {\r\n background-color: #fff;\r\n}\r\n\r\n.note-btn {\r\n &.btn.btn-default.btn-sm {\r\n line-height: 1.84615385;\r\n }\r\n\r\n &.btn-default:not(:disabled):not(.disabled).active {\r\n color: #495057;\r\n background-color: #f1f3f5;\r\n border-color: #d3d9df;\r\n }\r\n}\r\n\r\ninput {\r\n &[type=\"radio\"],\r\n &[type=\"checkbox\"] {\r\n margin-right: 7px;\r\n }\r\n}\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", ".SumoSelect {\r\n\tp {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\twidth: 200px;\r\n}\r\n\r\n.SelectBox {\r\n\tpadding: 5px 8px;\r\n}\r\n\r\n.sumoStopScroll {\r\n\toverflow: hidden;\r\n}\r\n\r\n/* Filtering style */\r\n\r\n.SumoSelect {\r\n\t.hidden {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t.search-txt {\r\n\t\tdisplay: none;\r\n\t\toutline: none;\r\n\t}\r\n\r\n\t.no-match {\r\n\t\tdisplay: none;\r\n\t\tpadding: 6px;\r\n\t}\r\n\r\n\t&.open {\r\n\t\t.search-txt {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\tmargin: 0;\r\n\t\t\tpadding: 5px 15px;\r\n\t\t\tborder: none;\r\n\t\t\t-webkit-box-sizing: border-box;\r\n\t\t\t-moz-box-sizing: border-box;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tborder-radius: 5px;\r\n\t\t}\r\n\r\n\t\t> .search > {\r\n\t\t\tspan,\r\n\t\t\tlabel {\r\n\t\t\t\tvisibility: hidden;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */\r\n\r\n.SelectClass,\r\n.SumoUnder {\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\tright: 0;\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tborder: none;\r\n\t-webkit-box-sizing: border-box;\r\n\t-moz-box-sizing: border-box;\r\n\tbox-sizing: border-box;\r\n\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";\r\n\tfilter: alpha(opacity = 0);\r\n\t-moz-opacity: 0;\r\n\t-khtml-opacity: 0;\r\n\topacity: 0;\r\n}\r\n\r\n.SelectClass {\r\n\tz-index: 1;\r\n}\r\n\r\n.SumoSelect {\r\n\t> {\r\n\t\t.optWrapper > .options li.opt label,\r\n\t\t.CaptionCont {\r\n\t\t\tuser-select: none;\r\n\t\t\t-o-user-select: none;\r\n\t\t\t-moz-user-select: none;\r\n\t\t\t-khtml-user-select: none;\r\n\t\t\t-webkit-user-select: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all > label {\r\n\t\tuser-select: none;\r\n\t\t-o-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t}\r\n\r\n\tdisplay: inline-block;\r\n\tposition: relative;\r\n\toutline: none;\r\n\twidth: 100%;\r\n\r\n\t> {\r\n\t\t.CaptionCont {\r\n\t\t\tposition: relative;\r\n\t\t\tborder: 1px solid $border;\r\n\t\t\tcolor: #424e79;\r\n\t\t\tmin-height: 14px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder-radius: 0.25rem;\r\n\t\t\tmargin: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 40px;\r\n\t\t\tline-height: 30px;\r\n\t\t\tpadding: 6px 17px;\r\n\t\t\tborder-radius: 7px;\r\n\r\n\t\t\t> {\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\tpadding-right: 30px;\r\n\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\tcursor: default;\r\n\r\n\t\t\t\t\t&.placeholder {\r\n\t\t\t\t\t\tcolor: #9999b5;\r\n\t\t\t\t\t\tfont-style: italic;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tlabel {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\twidth: 30px;\r\n\r\n\t\t\t\t\t> i:before {\r\n\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\twidth: 0;\r\n\t\t\t\t\t\theight: 0;\r\n\t\t\t\t\t\tmargin-left: 0.255em;\r\n\t\t\t\t\t\tvertical-align: 0.255em;\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\tborder-top: 0.3em solid;\r\n\t\t\t\t\t\tborder-right: 0.3em solid transparent;\r\n\t\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t\t\tborder-left: 0.3em solid transparent;\r\n\t\t\t\t\t\tmargin-top: 18px;\r\n\t\t\t\t\t\tcolor: #bcccda;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.optWrapper {\r\n\t\t\tdisplay: none;\r\n\t\t\tz-index: 1;\r\n\t\t\ttop: 30px;\r\n\t\t\twidth: 100%;\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0;\r\n\t\t\t-webkit-box-sizing: border-box;\r\n\t\t\t-moz-box-sizing: border-box;\r\n\t\t\tbox-sizing: border-box;\r\n\t\t\tbackground: #fff;\r\n\t\t\tborder: 1px solid $border;\r\n\t\t\tborder-radius: 3px;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\r\n\t&.open > .optWrapper {\r\n\t\ttop: 35px;\r\n\t\tdisplay: block;\r\n\t\tbox-shadow: 0px 16px 18px rgba(104, 113, 123, 0.2);\r\n\t\tbackground: #fff;\r\n\t\tborder-radius: 0 0 7px 7px;\r\n\r\n\t\t&.up {\r\n\t\t\ttop: auto;\r\n\t\t\tbottom: 100%;\r\n\t\t\tmargin-bottom: 5px;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\tul {\r\n\t\t\tlist-style: none;\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t\toverflow: auto;\r\n\t\t}\r\n\r\n\t\t> .options {\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tposition: relative;\r\n\r\n\t\t\t/*Set the height of pop up here (only for desktop mode)*/\r\n\t\t\tmax-height: 250px;\r\n\r\n\t\t\t/*height*/\r\n\t\t}\r\n\r\n\t\t&.okCancelInMulti > .options {\r\n\t\t\tborder-radius: 2px 2px 0 0;\r\n\t\t}\r\n\r\n\t\t&.selall {\r\n\t\t\t> .options {\r\n\t\t\t\tborder-radius: 0 0 2px 2px;\r\n\t\t\t}\r\n\r\n\t\t\t&.okCancelInMulti > .options {\r\n\t\t\t\tborder-radius: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t> .options li {\r\n\t\t\t&.group.disabled > label {\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\r\n\t\t\tul li.opt {\r\n\t\t\t\tpadding-left: 22px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.multiple > .options li ul li.opt {\r\n\t\t\tpadding-left: 50px;\r\n\t\t}\r\n\r\n\t\t&.isFloating > .options {\r\n\t\t\tmax-height: 100%;\r\n\t\t}\r\n\r\n\t\t> .options {\r\n\t\t\tli.opt {\r\n\t\t\t\tpadding: 0px 16px;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tborder-bottom: 1px solid #eff0f6;\r\n\t\t\t\theight: 40px;\r\n\t\t\t\tline-height: 40px;\r\n\t\t\t}\r\n\r\n\t\t\t> li.opt:first-child {\r\n\t\t\t\tborder-radius: 2px 2px 0 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.selall > .options > li.opt:first-child {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\r\n\t\t> .options > li.opt:last-child {\r\n\t\t\tborder-radius: 0 0 2px 2px;\r\n\t\t\tborder-bottom: none;\r\n\t\t}\r\n\r\n\t\t&.okCancelInMulti > .options > li.opt:last-child {\r\n\t\t\tborder-radius: 0;\r\n\t\t}\r\n\r\n\t\t> .options li.opt {\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f4f5fb;\r\n\t\t\t}\r\n\r\n\t\t\t&.sel {\r\n\t\t\t\tbackground-color: #a1c0e4;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all {\r\n\t\t&.sel {\r\n\t\t\tbackground-color: #a1c0e4;\r\n\t\t}\r\n\r\n\t\t> span {\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 30px;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\tmargin-left: -35px;\r\n\t\t}\r\n\r\n\t\t> span i {\r\n\t\t\tposition: absolute;\r\n\t\t\tmargin: auto;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\ttop: 0;\r\n\t\t\tbottom: 0;\r\n\t\t\twidth: 14px;\r\n\t\t\theight: 14px;\r\n\t\t\tborder: 1px solid #eff0f6;\r\n\t\t\tborder-radius: 2px;\r\n\t\t\tbackground-color: #fff;\r\n\t\t}\r\n\r\n\t\t&.selected > span i,\r\n\t\t&.partial > span i {\r\n\t\t\tbackground-color: $primary-1;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tborder-color: transparent;\r\n\t\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC\");\r\n\t\t\tbackground-repeat: no-repeat;\r\n\t\t\tbackground-position: center center;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\t> .options li {\r\n\t\t\tlabel {\r\n\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\twhite-space: nowrap;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tmargin-bottom: 0 !important;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\r\n\t\t\t&.group > label {\r\n\t\t\t\tcursor: default;\r\n\t\t\t\tpadding: 8px 6px;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isFloating {\r\n\t\t\tposition: fixed;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\tright: 0;\r\n\t\t\twidth: 90%;\r\n\t\t\tbottom: 0;\r\n\t\t\tmargin: auto;\r\n\t\t\tmax-height: 90%;\r\n\t\t}\r\n\r\n\t\t> .options li.opt.disabled {\r\n\t\t\tbackground-color: inherit;\r\n\t\t\tpointer-events: none;\r\n\r\n\t\t\t* {\r\n\t\t\t\t-ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";\r\n\r\n\t\t\t\t/* IE 5-7 */\r\n\t\t\t\tfilter: alpha(opacity = 50);\r\n\r\n\t\t\t\t/* Netscape */\r\n\t\t\t\t-moz-opacity: 0.5;\r\n\r\n\t\t\t\t/* Safari 1.x */\r\n\t\t\t\t-khtml-opacity: 0.5;\r\n\r\n\t\t\t\t/* Good browsers */\r\n\t\t\t\topacity: 0.5;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.multiple > .options li.opt {\r\n\t\t\tpadding-left: 35px;\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\tspan {\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\twidth: 30px;\r\n\t\t\t\ttop: 0;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\tmargin-left: -35px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper.multiple > .options li.opt span i {\r\n\t\tposition: absolute;\r\n\t\tmargin: auto;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\twidth: 14px;\r\n\t\theight: 14px;\r\n\t\tborder: 1px solid #eff0f6;\r\n\t\tborder-radius: 2px;\r\n\t\tbackground-color: #fff;\r\n\t}\r\n\r\n\t> .optWrapper {\r\n\t\t> .MultiControls {\r\n\t\t\tdisplay: none;\r\n\t\t\tborder-top: 1px solid $border;\r\n\t\t\tbackground-color: #fff;\r\n\t\t\tborder-radius: 0 0 3px 3px;\r\n\t\t}\r\n\r\n\t\t&.multiple {\r\n\t\t\t&.isFloating > .MultiControls {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbottom: 0;\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t&.okCancelInMulti > .MultiControls {\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t> p {\r\n\t\t\t\t\tpadding: 6px;\r\n\r\n\t\t\t\t\t&:focus {\r\n\t\t\t\t\t\tborder-color: $primary-1;\r\n\t\t\t\t\t\toutline: none;\r\n\t\t\t\t\t\tbackground-color: $primary-1;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t> .MultiControls > p {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t\tpadding: 12px;\r\n\t\t\t\twidth: 50%;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: #f4f5fb;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.btnOk {\r\n\t\t\t\t\tborder-right: 1px solid $border;\r\n\t\t\t\t\tborder-radius: 0 0 0 3px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.btnCancel {\r\n\t\t\t\t\tborder-radius: 0 0 3px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.isFloating > .options li.opt {\r\n\t\t\tpadding: 12px 6px;\r\n\t\t}\r\n\r\n\t\t&.multiple {\r\n\t\t\t&.isFloating {\r\n\t\t\t\t> .options li.opt {\r\n\t\t\t\t\tpadding-left: 35px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tpadding-bottom: 43px;\r\n\t\t\t}\r\n\r\n\t\t\t> .options li.opt.selected span i {\r\n\t\t\t\tbackground-color: $primary-1;\r\n\t\t\t\tbox-shadow: none;\r\n\t\t\t\tborder-color: transparent;\r\n\t\t\t\tbackground-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC\");\r\n\t\t\t\tbackground-repeat: no-repeat;\r\n\t\t\t\tbackground-position: center center;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.disabled {\r\n\t\topacity: 0.7;\r\n\t\tcursor: not-allowed;\r\n\r\n\t\t> .CaptionCont {\r\n\t\t\tborder-color: #d3dfea;\r\n\t\t\tbox-shadow: none;\r\n\t\t\tbackground: #f4f5f9;\r\n\t\t}\r\n\t}\r\n\r\n\t.select-all {\r\n\t\tborder-radius: 3px 3px 0 0;\r\n\t\tposition: relative;\r\n\t\tborder-bottom: 1px solid $border;\r\n\t\tbackground-color: #fff;\r\n\t\tpadding: 8px 0 3px 35px;\r\n\t\theight: 36px;\r\n\t\tcursor: pointer;\r\n\r\n\t\t> {\r\n\t\t\tlabel,\r\n\t\t\tspan i {\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.partial > span i {\r\n\t\t\tbackground-color: $border;\r\n\t\t}\r\n\t}\r\n\r\n\t> .optWrapper > .options li.optGroup {\r\n\t\tpadding-left: 5px;\r\n\t\ttext-decoration: underline;\r\n\t}\r\n}\r\n", ".stop-scrolling {\n height: 100%;\n\n /* overflow: hidden; */\n}\n\n.sweet-overlay {\n background-color: black;\n\n /* IE8 */\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";\n\n /* IE8 */\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: none;\n z-index: 10000;\n}\n\n.sweet-alert {\n background-color: white;\n width: 478px;\n padding: 40px;\n text-align: center;\n position: fixed;\n left: 50%;\n top: 50%;\n margin-left: -256px;\n margin-top: -200px;\n overflow: hidden;\n display: none;\n z-index: 99999;\n border-radius: 5px;\n\n h2 {\n color: #25252a;\n font-size: 30px;\n text-align: center;\n font-weight: 600;\n text-transform: none;\n position: relative;\n display: block;\n margin-bottom: 5px;\n }\n\n p {\n color: #76839a;\n font-size: 16px;\n text-align: center;\n font-weight: 300;\n position: relative;\n text-align: inherit;\n float: none;\n line-height: normal;\n }\n\n fieldset {\n border: none;\n position: relative;\n display: none;\n }\n\n .sa-error-container {\n background-color: #f1f1f1;\n margin-left: -17px;\n margin-right: -17px;\n overflow: hidden;\n padding: 0 10px;\n max-height: 0;\n webkit-transition: padding 0.15s, max-height 0.15s;\n transition: padding 0.15s, max-height 0.15s;\n\n &.show {\n padding: 10px 0;\n max-height: 100px;\n webkit-transition: padding 0.2s, max-height 0.2s;\n transition: padding 0.25s, max-height 0.25s;\n }\n\n .icon {\n display: inline-block;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background-color: #ea7d7d;\n color: white;\n line-height: 24px;\n text-align: center;\n margin-right: 3px;\n }\n\n p {\n display: inline-block;\n }\n }\n\n .sa-input-error {\n position: absolute;\n top: 29px;\n right: 26px;\n width: 20px;\n height: 20px;\n opacity: 0;\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-transition: all 0.1s;\n transition: all 0.1s;\n\n &::before,\n &::after {\n content: \"\";\n width: 20px;\n height: 6px;\n background-color: #f06e57;\n border-radius: 3px;\n position: absolute;\n top: 50%;\n margin-top: -4px;\n left: 50%;\n margin-left: -9px;\n }\n\n &::before {\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n &::after {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n &.show {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n }\n\n input {\n width: 100%;\n box-sizing: border-box;\n border-radius: 3px;\n border: 1px solid #d7d7d7;\n height: 43px;\n margin-top: 10px;\n margin-bottom: 17px;\n font-size: 18px;\n box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);\n padding: 0 12px;\n display: none;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n\n &:focus {\n outline: none;\n box-shadow: 0px 0px 3px #c4e6f5;\n border: 1px solid #b4dbed;\n\n &::-moz-placeholder,\n &:-ms-input-placeholder,\n &::-webkit-input-placeholder {\n transition: opacity 0.3s 0.03s ease;\n opacity: 0.5;\n }\n }\n\n &::-moz-placeholder,\n &:-ms-input-placeholder,\n &::-webkit-input-placeholder {\n color: #bdbdbd;\n }\n }\n\n &.show-input input {\n display: block;\n }\n\n .sa-confirm-button-container {\n display: inline-block;\n position: relative;\n }\n\n .la-ball-fall {\n position: absolute;\n left: 50%;\n top: 50%;\n margin-left: -27px;\n margin-top: 4px;\n opacity: 0;\n visibility: hidden;\n }\n\n button {\n background-color: $primary-1 !important;\n color: white;\n letter-spacing: 0.03em;\n font-size: 0.8125rem;\n min-width: 2.375rem;\n display: 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,\n box-shadow 0.15s ease-in-out;\n cursor: pointer;\n box-shadow: none;\n\n &:focus {\n outline: none;\n box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);\n }\n\n &:hover,\n &:active {\n background-color: #0061da;\n }\n\n &.cancel {\n background-color: #c1c1c1;\n\n &:hover {\n background-color: #b9b9b9;\n }\n\n &:active {\n background-color: #a8a8a8;\n }\n\n &:focus {\n box-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\n &[disabled] {\n opacity: 0.6;\n cursor: default;\n }\n\n &.confirm[disabled] {\n color: transparent;\n\n ~ .la-ball-fall {\n opacity: 1;\n visibility: visible;\n transition-delay: 0s;\n }\n }\n\n &::-moz-focus-inner {\n border: 0;\n }\n }\n\n &[data-has-cancel-button=\"false\"] button {\n box-shadow: none !important;\n }\n\n &[data-has-confirm-button=\"false\"][data-has-cancel-button=\"false\"] {\n padding-bottom: 40px;\n }\n\n .sa-icon {\n width: 60px;\n height: 60px;\n border: 4px solid #45aaf2;\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n margin: 20px auto;\n padding: 0;\n position: relative;\n box-sizing: content-box;\n\n &.sa-error {\n border-color: #f5334f;\n\n .sa-x-mark {\n position: relative;\n display: block;\n }\n\n .sa-line {\n position: absolute;\n height: 4px;\n width: 28px;\n background-color: #f5334f;\n display: block;\n top: 28px;\n border-radius: 2px;\n\n &.sa-left {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n left: 17px;\n }\n\n &.sa-right {\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n right: 15px;\n }\n }\n }\n\n &.sa-warning {\n border-color: #f7b731;\n\n .sa-body {\n position: absolute;\n width: 5px;\n height: 30px;\n left: 50%;\n top: 10px;\n -webkit-border-radius: 2px;\n border-radius: 2px;\n margin-left: -2px;\n background-color: #f7b731;\n }\n\n .sa-dot {\n position: absolute;\n width: 7px;\n height: 7px;\n -webkit-border-radius: 50%;\n border-radius: 50%;\n margin-left: -3px;\n left: 50%;\n bottom: 10px;\n background-color: #f7b731;\n }\n }\n\n &.sa-info {\n border-color: #45aaf2;\n\n &::before {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 18px;\n top: 28px;\n left: 50%;\n bottom: 17px;\n border-radius: 2px;\n margin-left: -2px;\n background-color: #45aaf2;\n }\n\n &::after {\n content: \"\";\n position: absolute;\n width: 6px;\n height: 6px;\n border-radius: 50%;\n margin-left: -3px;\n top: 19px;\n background-color: #45aaf2;\n }\n }\n\n &.sa-success {\n border-color: #09ad95;\n\n &::before,\n &::after {\n content: \"\";\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n position: absolute;\n width: 60px;\n height: 120px;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n &::before {\n -webkit-border-radius: 120px 0 0 120px;\n border-radius: 120px 0 0 120px;\n top: -7px;\n left: -33px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n -webkit-transform-origin: 60px 60px;\n transform-origin: 60px 60px;\n }\n\n &::after {\n -webkit-border-radius: 0 120px 120px 0;\n border-radius: 0 120px 120px 0;\n top: -11px;\n left: 30px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n -webkit-transform-origin: 0px 60px;\n transform-origin: 0px 60px;\n }\n\n .sa-placeholder {\n width: 60px;\n height: 60px;\n border: 0px solid rgba(165, 220, 134, 0.2);\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n box-sizing: border-box;\n position: absolute;\n z-index: 2;\n }\n\n .sa-fix {\n width: 5px;\n height: 90px;\n position: absolute;\n left: 28px;\n top: 8px;\n z-index: 1;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n\n .sa-line {\n height: 5px;\n background-color: #09ad95;\n display: block;\n border-radius: 2px;\n position: absolute;\n z-index: 2;\n\n &.sa-tip {\n width: 12px;\n left: 18px;\n top: 34px;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n\n &.sa-long {\n width: 25px;\n right: 13px;\n top: 29px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n }\n }\n }\n\n &.sa-custom {\n background-size: contain;\n border-radius: 0;\n border: none;\n background-position: center center;\n background-repeat: no-repeat;\n }\n }\n}\n\n@media all and (max-width: 540px) {\n .sweet-alert {\n width: auto;\n margin-left: 0;\n margin-right: 0;\n left: 15px;\n right: 15px;\n }\n}\n\n/*\n * Animations\n */\n\n@-webkit-keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n\n 80% {\n transform: scale(0.95);\n -webkit-transform: scale(0.95);\n }\n\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n\n 80% {\n transform: scale(0.95);\n -webkit-transform: scale(0.95);\n }\n\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n}\n\n@-webkit-keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n}\n\n@keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n}\n\n@-webkit-keyframes slideFromTop {\n 0% {\n top: 0%;\n }\n\n 100% {\n top: 50%;\n }\n}\n\n@keyframes slideFromTop {\n 0% {\n top: 0%;\n }\n\n 100% {\n top: 50%;\n }\n}\n\n@-webkit-keyframes slideToTop {\n 0% {\n top: 50%;\n }\n\n 100% {\n top: 0%;\n }\n}\n\n@keyframes slideToTop {\n 0% {\n top: 50%;\n }\n\n 100% {\n top: 0%;\n }\n}\n\n@-webkit-keyframes slideFromBottom {\n 0% {\n top: 70%;\n }\n\n 100% {\n top: 50%;\n }\n}\n\n@keyframes slideFromBottom {\n 0% {\n top: 70%;\n }\n\n 100% {\n top: 50%;\n }\n}\n\n@-webkit-keyframes slideToBottom {\n 0% {\n top: 50%;\n }\n\n 100% {\n top: 70%;\n }\n}\n\n@keyframes slideToBottom {\n 0% {\n top: 50%;\n }\n\n 100% {\n top: 70%;\n }\n}\n\n.showSweetAlert {\n &[data-animation=\"pop\"] {\n -webkit-animation: showSweetAlert 0.3s;\n animation: showSweetAlert 0.3s;\n }\n\n &[data-animation=\"none\"] {\n -webkit-animation: none;\n animation: none;\n }\n\n &[data-animation=\"slide-from-top\"] {\n -webkit-animation: slideFromTop 0.3s;\n animation: slideFromTop 0.3s;\n }\n\n &[data-animation=\"slide-from-bottom\"] {\n -webkit-animation: slideFromBottom 0.3s;\n animation: slideFromBottom 0.3s;\n }\n}\n\n.hideSweetAlert {\n &[data-animation=\"pop\"] {\n -webkit-animation: hideSweetAlert 0.2s;\n animation: hideSweetAlert 0.2s;\n }\n\n &[data-animation=\"none\"] {\n -webkit-animation: none;\n animation: none;\n }\n\n &[data-animation=\"slide-from-top\"] {\n -webkit-animation: slideToTop 0.4s;\n animation: slideToTop 0.4s;\n }\n\n &[data-animation=\"slide-from-bottom\"] {\n -webkit-animation: slideToBottom 0.3s;\n animation: slideToBottom 0.3s;\n }\n}\n\n@-webkit-keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 25px;\n }\n\n 54% {\n width: 0;\n left: 10px;\n top: 19px;\n }\n\n 70% {\n width: 10px;\n left: 15px;\n top: 25px;\n }\n\n 84% {\n width: 10px;\n left: 17px;\n top: 30px;\n }\n\n 100% {\n width: 12px;\n left: 18px;\n top: 34px;\n }\n}\n\n@keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 25px;\n }\n\n 54% {\n width: 0;\n left: 10px;\n top: 19px;\n }\n\n 70% {\n width: 10px;\n left: 15px;\n top: 25px;\n }\n\n 84% {\n width: 10px;\n left: 17px;\n top: 30px;\n }\n\n 100% {\n width: 12px;\n left: 18px;\n top: 34px;\n }\n}\n\n@-webkit-keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 0px;\n top: 26px;\n }\n\n 65% {\n width: 0;\n right: 5px;\n top: 20px;\n }\n\n 84% {\n width: 20px;\n right: 9px;\n top: 25px;\n }\n\n 100% {\n width: 25px;\n right: 13px;\n top: 29px;\n }\n}\n\n@keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 0px;\n top: 26px;\n }\n\n 65% {\n width: 0;\n right: 5px;\n top: 20px;\n }\n\n 84% {\n width: 20px;\n right: 9px;\n top: 25px;\n }\n\n 100% {\n width: 25px;\n right: 13px;\n top: 29px;\n }\n}\n\n@-webkit-keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n}\n\n@keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n}\n\n.animateSuccessTip {\n -webkit-animation: animateSuccessTip 0.3s;\n animation: animateSuccessTip 0.4s;\n}\n\n.animateSuccessLong {\n -webkit-animation: animateSuccessLong 0.4s;\n animation: animateSuccessLong 0.4s;\n}\n\n.sa-icon.sa-success.animate::after {\n -webkit-animation: rotatePlaceholder 4.25s ease-in;\n animation: rotatePlaceholder 4.25s ease-in;\n}\n\n@-webkit-keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n}\n\n@keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n}\n\n.animateErrorIcon {\n -webkit-animation: animateErrorIcon 0.5s;\n animation: animateErrorIcon 0.5s;\n}\n\n@-webkit-keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n}\n\n@keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n}\n\n.animateXMark {\n -webkit-animation: animateXMark 0.5s;\n animation: animateXMark 0.5s;\n}\n\n@-webkit-keyframes pulseWarning {\n 0% {\n border-color: #f8d486;\n }\n\n 100% {\n border-color: #f7b731;\n }\n}\n\n@keyframes pulseWarning {\n 0% {\n border-color: #f8d486;\n }\n\n 100% {\n border-color: #f7b731;\n }\n}\n\n.pulseWarning {\n -webkit-animation: pulseWarning 0.75s infinite alternate;\n animation: pulseWarning 0.75s infinite alternate;\n}\n\n@-webkit-keyframes pulseWarningIns {\n 0% {\n background-color: #f8d486;\n }\n\n 100% {\n background-color: #f7b731;\n }\n}\n\n@keyframes pulseWarningIns {\n 0% {\n background-color: #f8d486;\n }\n\n 100% {\n background-color: #f7b731;\n }\n}\n\n.pulseWarningIns {\n -webkit-animation: pulseWarningIns 0.75s infinite alternate;\n animation: pulseWarningIns 0.75s infinite alternate;\n}\n\n@-webkit-keyframes rotate-loading {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes rotate-loading {\n 0% {\n transform: rotate(0deg);\n }\n\n 100% {\n transform: rotate(360deg);\n }\n}\n\n/* Internet Explorer 9 has some special quirks that are fixed here */\n\n/* The icons are not animated. */\n\n/* This file is automatically merged into sweet-alert.min.js through Gulp */\n\n/* Error icon */\n\n.sweet-alert .sa-icon {\n &.sa-error .sa-line {\n &.sa-left {\n -ms-transform: rotate(45deg) \\9;\n }\n\n &.sa-right {\n -ms-transform: rotate(-45deg) \\9;\n }\n }\n\n &.sa-success {\n border-color: transparent\\9;\n\n .sa-line {\n &.sa-tip {\n -ms-transform: rotate(45deg) \\9;\n }\n\n &.sa-long {\n -ms-transform: rotate(-45deg) \\9;\n }\n }\n }\n}\n\n/* Success icon */\n\n/*!\n * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)\n * Copyright 2015 Daniel Cardoso <@DanielCardoso>\n * Licensed under MIT\n */\n\n.la-ball-fall {\n position: relative;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n > div {\n position: relative;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n display: block;\n font-size: 0;\n color: #fff;\n\n &.la-dark {\n color: #333;\n }\n\n > div {\n display: inline-block;\n float: none;\n background-color: currentColor;\n border: 0 solid currentColor;\n width: 10px;\n height: 10px;\n margin: 4px;\n border-radius: 100%;\n opacity: 0;\n -webkit-animation: ball-fall 1s ease-in-out infinite;\n -moz-animation: ball-fall 1s ease-in-out infinite;\n -o-animation: ball-fall 1s ease-in-out infinite;\n animation: ball-fall 1s ease-in-out infinite;\n\n &:nth-child(1) {\n -webkit-animation-delay: -200ms;\n -moz-animation-delay: -200ms;\n -o-animation-delay: -200ms;\n animation-delay: -200ms;\n }\n\n &:nth-child(2) {\n -webkit-animation-delay: -100ms;\n -moz-animation-delay: -100ms;\n -o-animation-delay: -100ms;\n animation-delay: -100ms;\n }\n\n &:nth-child(3) {\n -webkit-animation-delay: 0ms;\n -moz-animation-delay: 0ms;\n -o-animation-delay: 0ms;\n animation-delay: 0ms;\n }\n }\n\n width: 54px;\n height: 18px;\n\n &.la-sm {\n width: 26px;\n height: 8px;\n\n > div {\n width: 4px;\n height: 4px;\n margin: 2px;\n }\n }\n\n &.la-2x {\n width: 108px;\n height: 36px;\n\n > div {\n width: 20px;\n height: 20px;\n margin: 8px;\n }\n }\n\n &.la-3x {\n width: 162px;\n height: 54px;\n\n > div {\n width: 30px;\n height: 30px;\n margin: 12px;\n }\n }\n}\n\n/*\n * Animation\n */\n\n@-webkit-keyframes ball-fall {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-145%);\n transform: translateY(-145%);\n }\n\n 10% {\n opacity: 0.5;\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 80% {\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n }\n\n 90% {\n opacity: 0.5;\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(145%);\n transform: translateY(145%);\n }\n}\n\n@-moz-keyframes ball-fall {\n 0% {\n opacity: 0;\n -moz-transform: translateY(-145%);\n transform: translateY(-145%);\n }\n\n 10% {\n opacity: 0.5;\n }\n\n 20% {\n opacity: 1;\n -moz-transform: translateY(0);\n transform: translateY(0);\n }\n\n 80% {\n opacity: 1;\n -moz-transform: translateY(0);\n transform: translateY(0);\n }\n\n 90% {\n opacity: 0.5;\n }\n\n 100% {\n opacity: 0;\n -moz-transform: translateY(145%);\n transform: translateY(145%);\n }\n}\n\n@-o-keyframes ball-fall {\n 0% {\n opacity: 0;\n -o-transform: translateY(-145%);\n transform: translateY(-145%);\n }\n\n 10% {\n opacity: 0.5;\n }\n\n 20% {\n opacity: 1;\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n\n 80% {\n opacity: 1;\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n\n 90% {\n opacity: 0.5;\n }\n\n 100% {\n opacity: 0;\n -o-transform: translateY(145%);\n transform: translateY(145%);\n }\n}\n\n@keyframes ball-fall {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-145%);\n -moz-transform: translateY(-145%);\n -o-transform: translateY(-145%);\n transform: translateY(-145%);\n }\n\n 10% {\n opacity: 0.5;\n }\n\n 20% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n\n 80% {\n opacity: 1;\n -webkit-transform: translateY(0);\n -moz-transform: translateY(0);\n -o-transform: translateY(0);\n transform: translateY(0);\n }\n\n 90% {\n opacity: 0.5;\n }\n\n 100% {\n opacity: 0;\n -webkit-transform: translateY(145%);\n -moz-transform: translateY(145%);\n -o-transform: translateY(145%);\n transform: translateY(145%);\n }\n}\n\n.timer-alert {\n .sa-button-container {\n display: none;\n }\n\n p {\n margin-bottom: 0;\n }\n}\n\n.sweet-alert h2 {\n margin-bottom: 5px;\n}\n\n.cancel.btn.btn-default {\n color: #fff;\n}\n", ".wrapper {\r\n max-width: 1200px;\r\n margin: 20px auto;\r\n padding: 0 15px;\r\n\r\n > h1 {\r\n text-align: center;\r\n\r\n span {\r\n border-bottom: 2px solid $primary-1;\r\n display: inline-block;\r\n padding: 0 10px 10px;\r\n color: $primary-1;\r\n transition: all 0.5s linear;\r\n }\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 * {\r\n box-sizing: border-box;\r\n }\r\n\r\n > ul {\r\n clear: both;\r\n display: inline-block;\r\n width: 100%;\r\n margin-bottom: 0;\r\n\r\n li {\r\n float: 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 $border;\r\n font-size: 1.05em;\r\n border-bottom: 0;\r\n position: relative;\r\n border-top: 1px solid $border;\r\n margin: 0 5px 0 0;\r\n border-radius: 5px 5px 0px 0px;\r\n\r\n &.active {\r\n color: #fff;\r\n\r\n &: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 }\r\n }\r\n }\r\n\r\n .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 span {\r\n padding: 8px 22px;\r\n background: $primary-1;\r\n color: #fff;\r\n text-transform: uppercase;\r\n display: inline-block;\r\n\r\n &.next {\r\n float: right;\r\n margin-left: 10px;\r\n }\r\n }\r\n }\r\n\r\n .content_wrapper {\r\n float: left;\r\n width: 100%;\r\n border: 1px solid $border;\r\n box-sizing: border-box;\r\n position: relative;\r\n top: -5px;\r\n\r\n .tab_content {\r\n display: none;\r\n padding: 15px 20px;\r\n\r\n .error {\r\n color: red;\r\n }\r\n }\r\n\r\n .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 &.active {\r\n color: $primary-1;\r\n border: 1px solid #eee;\r\n\r\n &: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: $primary-1;\r\n }\r\n }\r\n\r\n .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\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\r\n &.active .arrow {\r\n transform: rotate(45deg);\r\n margin-top: 5px;\r\n border-top: 3px solid $primary-1;\r\n border-left: 3px solid $primary-1;\r\n }\r\n }\r\n }\r\n\r\n &.left_side {\r\n > ul {\r\n width: 25%;\r\n float: left;\r\n border-bottom: 1px solid #ccc;\r\n\r\n 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 &: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\r\n &.active {\r\n border-color: #ccc;\r\n\r\n &:after {\r\n left: 0;\r\n top: 0;\r\n width: 5px;\r\n height: 100%;\r\n background: $primary-1;\r\n }\r\n\r\n &: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 }\r\n }\r\n }\r\n\r\n .content_wrapper {\r\n width: 75%;\r\n border: 1px solid $border;\r\n float: left;\r\n }\r\n\r\n .controller {\r\n top: -50px;\r\n }\r\n }\r\n\r\n &.right_side {\r\n > ul {\r\n width: 25%;\r\n float: right;\r\n border-bottom: 1px solid $border;\r\n\r\n 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 $border;\r\n text-align: right;\r\n\r\n &: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: $border;\r\n }\r\n\r\n &.active {\r\n border-color: #d7e7ff;\r\n\r\n &: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\r\n &: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 }\r\n }\r\n }\r\n\r\n .content_wrapper {\r\n width: 75%;\r\n float: left;\r\n border: 1px solid $border;\r\n }\r\n\r\n .controller {\r\n top: -50px;\r\n }\r\n }\r\n\r\n &.accordion {\r\n .content_wrapper {\r\n border-color: #eee;\r\n\r\n .accordian_header {\r\n display: block;\r\n }\r\n }\r\n\r\n > ul {\r\n display: none;\r\n }\r\n }\r\n\r\n .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 .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 &: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 }\r\n\r\n .text {\r\n text-indent: 39px;\r\n display: block;\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 768px) {\r\n .tab_wrapper {\r\n > ul {\r\n display: none;\r\n }\r\n\r\n .content_wrapper {\r\n border: 0;\r\n\r\n .accordian_header {\r\n display: block;\r\n }\r\n }\r\n\r\n &.left_side .content_wrapper,\r\n &.right_side .content_wrapper {\r\n width: 100%;\r\n border-top: 0;\r\n }\r\n\r\n .controller {\r\n display: none;\r\n }\r\n\r\n &.show-as-dropdown {\r\n > .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 &: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\r\n li {\r\n border: 0;\r\n border-bottom: 1px solid #ccc;\r\n\r\n &.active:after {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .active_tab {\r\n display: block;\r\n }\r\n\r\n > {\r\n .tab_list,\r\n .content_wrapper > .accordian_header {\r\n display: none;\r\n }\r\n\r\n .tab_list li {\r\n display: block;\r\n float: none;\r\n width: 100%;\r\n }\r\n }\r\n }\r\n }\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", ".timeline {\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\tposition: relative;\n\n\t*,\n\t:after,\n\t:before {\n\t\t-webkit-box-sizing: inherit;\n\t\tbox-sizing: inherit;\n\t}\n\n\t&:not(.timeline--horizontal):before {\n\t\tbackground-color: #d1d4e4;\n\t\tbottom: 0;\n\t\tcontent: \"\";\n\t\tleft: 50%;\n\t\tmargin-left: -2px;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\twidth: 4px;\n\t\tz-index: 1;\n\t}\n}\n\n.timeline__wrap {\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 1;\n}\n\n.timeline__item {\n\tfont-size: 16px;\n\tfont-size: 1rem;\n\tpadding: 0.625rem 2.5rem 0.625rem 0;\n\tposition: relative;\n\twidth: 50%;\n\tz-index: 1;\n\n\t&:after {\n\t\tbackground-color: #fff;\n\t\tborder: 4px solid #d1d4e4;\n\t\tborder-radius: 50%;\n\t\tcontent: \"\";\n\t\theight: 20px;\n\t\tposition: absolute;\n\t\tright: -10px;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 20px;\n\t\tz-index: 1;\n\t}\n\n\t&.animated {\n\t\t-webkit-animation-duration: 1s;\n\t\tanimation-duration: 1s;\n\t\t-webkit-animation-fill-mode: both;\n\t\tanimation-fill-mode: both;\n\t\topacity: 0;\n\t}\n\n\t&.fadeIn {\n\t\t-webkit-animation-name: fadeIn;\n\t\tanimation-name: fadeIn;\n\t}\n}\n\n.timeline__item--left {\n\tleft: 0;\n}\n\n.timeline__item--right {\n\tleft: 50%;\n\tpadding: 0.625rem 0 0.625rem 2.5rem;\n\n\t&:after {\n\t\tleft: -10px;\n\t}\n\n\t.timeline__content {\n\t\t&:before {\n\t\t\tborder-bottom: 10px solid transparent;\n\t\t\tborder-right: 12px solid #e1e6f1;\n\t\t\tborder-left: none;\n\t\t\tborder-top: 10px solid transparent;\n\t\t\tleft: -12px;\n\t\t}\n\n\t\t&:after {\n\t\t\tborder-bottom: 9px solid transparent;\n\t\t\tborder-right: 11px solid #fff;\n\t\t\tborder-left: none;\n\t\t\tborder-top: 9px solid transparent;\n\t\t\tleft: -10px;\n\t\t}\n\t}\n}\n\n.timeline__content {\n\tbackground-color: #fff;\n\tborder-radius: 0px;\n\tcolor: #334151;\n\tborder: 1px solid #e1e6f1;\n\tdisplay: block;\n\tpadding: 1.25rem;\n\tposition: relative;\n\tbox-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);\n\n\t&:after {\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 0;\n\t}\n\n\t&:before {\n\t\tcontent: \"\";\n\t\theight: 0;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 0;\n\t\tborder-bottom: 10px solid transparent;\n\t\tborder-left: 12px solid #e1e6f1;\n\t\tborder-top: 10px solid transparent;\n\t\tright: -12px;\n\t\tz-index: 1;\n\t}\n\n\t&:after {\n\t\tborder-bottom: 9px solid transparent;\n\t\tborder-left: 11px solid #fff;\n\t\tborder-top: 9px solid transparent;\n\t\tright: -10px;\n\t\tz-index: 2;\n\t}\n\n\th2 {\n\t\tfont-size: 1rem;\n\t\tfont-weight: 700;\n\t\tmargin: 0 0 0.625rem;\n\t}\n\n\tp {\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tmargin-bottom: 10px;\n\t}\n}\n\n.timeline--horizontal {\n\twhite-space: nowrap;\n\n\t.timeline-divider {\n\t\tbackground-color: #d1d4e4;\n\t\tdisplay: block;\n\t\theight: 4px;\n\t\tleft: 40px;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateY(-50%);\n\t\t-ms-transform: translateY(-50%);\n\t\ttransform: translateY(-50%);\n\t\tright: 40px;\n\t\tz-index: 0;\n\t}\n\n\t.timeline__items {\n\t\t-webkit-transition: all 0.8s;\n\t\t-o-transition: all 0.8s;\n\t\ttransition: all 0.8s;\n\t\twill-change: transform;\n\t}\n\n\t.timeline__item {\n\t\tdisplay: inline-block;\n\t\tleft: 0;\n\t\tpadding: 0 0 2.5rem;\n\t\tposition: relative;\n\t\t-webkit-transition: none;\n\t\t-o-transition: none;\n\t\ttransition: none;\n\t\tvertical-align: top;\n\t\twhite-space: normal;\n\n\t\t&:after {\n\t\t\tleft: 50%;\n\t\t\tright: auto;\n\t\t\t-webkit-transform: translate(-50%, -50%);\n\t\t\t-ms-transform: translate(-50%, -50%);\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\ttop: 100%;\n\t\t}\n\n\t\t.timeline__item__inner {\n\t\t\tdisplay: table;\n\t\t\theight: 100%;\n\t\t\twidth: 100%;\n\t\t}\n\n\t\t.timeline__content__wrap {\n\t\t\tdisplay: table-cell;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tvertical-align: bottom;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tborder-left: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid transparent;\n\t\t\t\tborder-top: 12px solid #e1e6f1;\n\t\t\t\tleft: 50%;\n\t\t\t\tright: auto;\n\t\t\t\t-webkit-transform: translateX(-50%);\n\t\t\t\t-ms-transform: translateX(-50%);\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\ttop: 100%;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\tborder-top: 10px solid #fff;\n\t\t\t\tleft: 50%;\n\t\t\t\tright: auto;\n\t\t\t\t-webkit-transform: translateX(-50%);\n\t\t\t\t-ms-transform: translateX(-50%);\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t\ttop: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t.timeline__item--bottom {\n\t\tpadding: 2.5rem 0 0;\n\n\t\t&:after {\n\t\t\ttop: 0;\n\t\t}\n\n\t\t.timeline__content__wrap {\n\t\t\tvertical-align: top;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tborder-bottom: 12px solid #e1e6f1;\n\t\t\t\tborder-left: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid transparent;\n\t\t\t\tborder-top: none;\n\t\t\t\tbottom: 100%;\n\t\t\t\ttop: auto;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tborder-bottom: 10px solid #fff;\n\t\t\t\tborder-left: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid transparent;\n\t\t\t\tborder-top: none;\n\t\t\t\tbottom: 100%;\n\t\t\t\ttop: auto;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.timeline-nav-button {\n\tbackground-color: #fff;\n\tborder: 1px solid #e1e6f1;\n\tborder-radius: 50px;\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t-webkit-box-shadow: none;\n\tbox-shadow: none;\n\tcursor: pointer;\n\tdisplay: block;\n\theight: 40px;\n\toutline: 0;\n\tposition: absolute;\n\ttext-indent: -9999px;\n\t-webkit-transform: translateY(-50%);\n\t-ms-transform: translateY(-50%);\n\ttransform: translateY(-50%);\n\ttop: 50%;\n\twidth: 40px;\n\tz-index: 10;\n\n\t&:disabled {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t&:before {\n\t\tbackground-position: center center;\n\t\tbackground-repeat: no-repeat;\n\t\tcontent: \"\";\n\t\tdisplay: block;\n\t\theight: 14px;\n\t\tleft: 50%;\n\t\tposition: absolute;\n\t\t-webkit-transform: translateX(-50%) translateY(-50%);\n\t\t-ms-transform: translateX(-50%) translateY(-50%);\n\t\ttransform: translateX(-50%) translateY(-50%);\n\t\ttop: 50%;\n\t\twidth: 8px;\n\t}\n}\n\n.timeline-nav-button--prev {\n\tleft: 0;\n\n\t&:before {\n\t\tbackground-image: url(../plugins/timeline/images/arrow-left.svg);\n\t}\n}\n\n.timeline-nav-button--next {\n\tright: 0;\n\n\t&:before {\n\t\tbackground-image: url(../plugins/timeline/images/arrow-right.svg);\n\t}\n}\n\n.timeline--mobile {\n\tpadding: 0;\n\n\t&:before {\n\t\tleft: 10px !important;\n\t\tmargin: 0 !important;\n\t}\n\n\t.timeline__item {\n\t\tleft: 0;\n\t\tpadding-left: 40px;\n\t\tpadding-right: 0;\n\t\twidth: 100%;\n\n\t\t&:after {\n\t\t\tleft: 2px;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.timeline__content {\n\t\t\t&:before {\n\t\t\t\tleft: -12px;\n\t\t\t\tborder-bottom: 12px solid transparent;\n\t\t\t\tborder-right: 12px solid #e1e6f1;\n\t\t\t\tborder-left: none;\n\t\t\t\tborder-top: 12px solid transparent;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tleft: -10px;\n\t\t\t\tborder-bottom: 10px solid transparent;\n\t\t\t\tborder-right: 10px solid #fff;\n\t\t\t\tborder-left: none;\n\t\t\t\tborder-top: 10px solid transparent;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@-webkit-keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttop: 70px;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttop: 0;\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t\ttop: 70px;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t\ttop: 0;\n\t}\n}\n\n@-webkit-keyframes liftUp {\n\t0% {\n\t\ttop: 0;\n\t}\n\n\t100% {\n\t\ttop: -15px;\n\t}\n}\n\n@keyframes liftUp {\n\t0% {\n\t\ttop: 0;\n\t}\n\n\t100% {\n\t\ttop: -15px;\n\t}\n}\n\n.timeline--horizontal .timeline__item:nth-child(even):after {\n\ttop: 0;\n}\n", ".tree {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n margin-left: 1em;\r\n position: relative;\r\n\r\n ul {\r\n margin-left: 1em;\r\n }\r\n\r\n &: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 }\r\n }\r\n\r\n li {\r\n margin: 0;\r\n\r\n /* padding: 0em 1em 0em 0em; */\r\n line-height: 2em;\r\n color: #9eabc0;\r\n position: relative;\r\n\r\n /* border: 1px solid $border;\r\n margin: 10px 0;\r\n border-radius: 5px;\r\n line-height: 30px; */\r\n\r\n i {\r\n margin-right: 10px;\r\n font-weight: bold;\r\n\r\n /* font-size: 16px; */\r\n /* padding-top: 10px; */\r\n line-height: 1;\r\n }\r\n }\r\n\r\n ul li {\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n width: 10px;\r\n height: 0;\r\n margin-top: -1px;\r\n position: absolute;\r\n top: 13px;\r\n left: -10px;\r\n }\r\n\r\n &:last-child:before {\r\n background: transparent;\r\n height: auto;\r\n top: 14px;\r\n bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.indicator {\r\n margin-right: 5px;\r\n color: #4b10a4;\r\n}\r\n\r\n.tree {\r\n li {\r\n a {\r\n text-decoration: none;\r\n color: #74829c;\r\n font-size: 15px;\r\n }\r\n\r\n button {\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 &:active,\r\n &: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 }\r\n\r\n &.branch {\r\n /* background: #f6f6fb; */\r\n\r\n li {\r\n /* background: #fff; */\r\n }\r\n }\r\n }\r\n\r\n ul {\r\n &:before {\r\n border-left: 1px dotted #9eabc0;\r\n }\r\n\r\n li:before {\r\n border-top: 1px dotted #9eabc0;\r\n }\r\n }\r\n}\r\n\r\n/* Treeview checked */\r\n\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n#page-wrap {\r\n margin: auto 0;\r\n}\r\n\r\n.treeview {\r\n margin: 10px 0 0 20px;\r\n}\r\n\r\nul {\r\n list-style: none;\r\n}\r\n\r\n.treeview {\r\n li {\r\n background: url(http://jquery.bassistance.de/treeview/images/treeview-default-line.gif) 0 0 no-repeat;\r\n padding: 2px 0 2px 16px;\r\n\r\n &.last {\r\n background-position: 0 -1766px;\r\n }\r\n\r\n > {\r\n input {\r\n height: 16px;\r\n width: 16px;\r\n\r\n /* hide the inputs but keep them in the layout with events (use opacity) */\r\n opacity: 0;\r\n filter: alpha(opacity = 0);\r\n\r\n /* internet explorer */\r\n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(opacity=0)\";\r\n\r\n /*IE8*/\r\n }\r\n\r\n label {\r\n background: url(https://www.thecssninja.com/demo/css_custom-forms/gr_custom-inputs.png) 0 -1px no-repeat;\r\n\r\n /* move left to cover the original checkbox area */\r\n margin-left: -20px;\r\n\r\n /* pad the text to make room for image */\r\n padding-left: 20px;\r\n }\r\n }\r\n }\r\n\r\n > li:first-child > label {\r\n /* style for the root element - IE8 supports :first-child\r\n but not :last-child ..... */\r\n }\r\n\r\n .custom-unchecked {\r\n background-position: 0 -1px;\r\n\r\n &:hover {\r\n background-position: 0 -21px;\r\n }\r\n }\r\n\r\n .custom-checked {\r\n background-position: 0 -81px;\r\n\r\n &:hover {\r\n background-position: 0 -101px;\r\n }\r\n }\r\n\r\n .custom-indeterminate {\r\n background-position: 0 -141px;\r\n\r\n &:hover {\r\n background-position: 0 -121px;\r\n }\r\n }\r\n}\r\n", "\r\n.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {\r\n\tposition: relative;\r\n\twidth: 100%;\r\n\tmin-height: 1px;\r\n\tpadding-right: 0.75rem;\r\n\tpadding-left: 0.75rem;\r\n}\r\n.col {\r\n\t-ms-flex-preferred-size: 0;\r\n\tflex-basis: 0;\r\n\t-ms-flex-positive: 1;\r\n\tflex-grow: 1;\r\n\tmax-width: 100%;\r\n}\r\n.col-auto {\r\n\t-ms-flex: 0 0 auto;\r\n\tflex: 0 0 auto;\r\n\twidth: auto;\r\n\tmax-width: none;\r\n}\r\n.col-1 {\r\n\t-ms-flex: 0 0 8.33333333%;\r\n\tflex: 0 0 8.33333333%;\r\n\tmax-width: 8.33333333%;\r\n}\r\n.col-2 {\r\n\t-ms-flex: 0 0 16.66666667%;\r\n\tflex: 0 0 16.66666667%;\r\n\tmax-width: 16.66666667%;\r\n}\r\n.col-3 {\r\n\t-ms-flex: 0 0 25%;\r\n\tflex: 0 0 25%;\r\n\tmax-width: 25%;\r\n}\r\n.col-4 {\r\n\t-ms-flex: 0 0 33.33333333%;\r\n\tflex: 0 0 33.33333333%;\r\n\tmax-width: 33.33333333%;\r\n}\r\n.col-5 {\r\n\t-ms-flex: 0 0 41.66666667%;\r\n\tflex: 0 0 41.66666667%;\r\n\tmax-width: 41.66666667%;\r\n}\r\n.col-6 {\r\n\t-ms-flex: 0 0 50%;\r\n\tflex: 0 0 50%;\r\n\tmax-width: 50%;\r\n}\r\n.col-7 {\r\n\t-ms-flex: 0 0 58.33333333%;\r\n\tflex: 0 0 58.33333333%;\r\n\tmax-width: 58.33333333%;\r\n}\r\n.col-8 {\r\n\t-ms-flex: 0 0 66.66666667%;\r\n\tflex: 0 0 66.66666667%;\r\n\tmax-width: 66.66666667%;\r\n}\r\n.col-9 {\r\n\t-ms-flex: 0 0 75%;\r\n\tflex: 0 0 75%;\r\n\tmax-width: 75%;\r\n}\r\n.col-10 {\r\n\t-ms-flex: 0 0 83.33333333%;\r\n\tflex: 0 0 83.33333333%;\r\n\tmax-width: 83.33333333%;\r\n}\r\n.col-11 {\r\n\t-ms-flex: 0 0 91.66666667%;\r\n\tflex: 0 0 91.66666667%;\r\n\tmax-width: 91.66666667%;\r\n}\r\n.col-12 {\r\n\t-ms-flex: 0 0 100%;\r\n\tflex: 0 0 100%;\r\n\tmax-width: 100%;\r\n}\r\n.order-first {\r\n\t-ms-flex-order: -1;\r\n\torder: -1;\r\n}\r\n.order-last {\r\n\t-ms-flex-order: 13;\r\n\torder: 13;\r\n}\r\n.order-0 {\r\n\t-ms-flex-order: 0;\r\n\torder: 0;\r\n}\r\n.order-1 {\r\n\t-ms-flex-order: 1;\r\n\torder: 1;\r\n}\r\n.order-2 {\r\n\t-ms-flex-order: 2;\r\n\torder: 2;\r\n}\r\n.order-3 {\r\n\t-ms-flex-order: 3;\r\n\torder: 3;\r\n}\r\n.order-4 {\r\n\t-ms-flex-order: 4;\r\n\torder: 4;\r\n}\r\n.order-5 {\r\n\t-ms-flex-order: 5;\r\n\torder: 5;\r\n}\r\n.order-6 {\r\n\t-ms-flex-order: 6;\r\n\torder: 6;\r\n}\r\n.order-7 {\r\n\t-ms-flex-order: 7;\r\n\torder: 7;\r\n}\r\n.order-8 {\r\n\t-ms-flex-order: 8;\r\n\torder: 8;\r\n}\r\n.order-9 {\r\n\t-ms-flex-order: 9;\r\n\torder: 9;\r\n}\r\n.order-10 {\r\n\t-ms-flex-order: 10;\r\n\torder: 10;\r\n}\r\n.order-11 {\r\n\t-ms-flex-order: 11;\r\n\torder: 11;\r\n}\r\n.order-12 {\r\n\t-ms-flex-order: 12;\r\n\torder: 12;\r\n}\r\n.offset-1 {\r\n\tmargin-left: 8.33333333%;\r\n}\r\n.offset-2 {\r\n\tmargin-left: 16.66666667%;\r\n}\r\n.offset-3 {\r\n\tmargin-left: 25%;\r\n}\r\n.offset-4 {\r\n\tmargin-left: 33.33333333%;\r\n}\r\n.offset-5 {\r\n\tmargin-left: 41.66666667%;\r\n}\r\n.offset-6 {\r\n\tmargin-left: 50%;\r\n}\r\n.offset-7 {\r\n\tmargin-left: 58.33333333%;\r\n}\r\n.offset-8 {\r\n\tmargin-left: 66.66666667%;\r\n}\r\n.offset-9 {\r\n\tmargin-left: 75%;\r\n}\r\n.offset-10 {\r\n\tmargin-left: 83.33333333%;\r\n}\r\n.offset-11 {\r\n\tmargin-left: 91.66666667%;\r\n}\r\n@media (min-width: 576px) {\r\n\t.col-sm {\r\n\t\t-ms-flex-preferred-size: 0;\r\n\t\tflex-basis: 0;\r\n\t\t-ms-flex-positive: 1;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.col-sm-auto {\r\n\t\t-ms-flex: 0 0 auto;\r\n\t\tflex: 0 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\t.col-sm-1 {\r\n\t\t-ms-flex: 0 0 8.33333333%;\r\n\t\tflex: 0 0 8.33333333%;\r\n\t\tmax-width: 8.33333333%;\r\n\t}\r\n\t.col-sm-2 {\r\n\t\t-ms-flex: 0 0 16.66666667%;\r\n\t\tflex: 0 0 16.66666667%;\r\n\t\tmax-width: 16.66666667%;\r\n\t}\r\n\t.col-sm-3 {\r\n\t\t-ms-flex: 0 0 25%;\r\n\t\tflex: 0 0 25%;\r\n\t\tmax-width: 25%;\r\n\t}\r\n\t.col-sm-4 {\r\n\t\t-ms-flex: 0 0 33.33333333%;\r\n\t\tflex: 0 0 33.33333333%;\r\n\t\tmax-width: 33.33333333%;\r\n\t}\r\n\t.col-sm-5 {\r\n\t\t-ms-flex: 0 0 41.66666667%;\r\n\t\tflex: 0 0 41.66666667%;\r\n\t\tmax-width: 41.66666667%;\r\n\t}\r\n\t.col-sm-6 {\r\n\t\t-ms-flex: 0 0 50%;\r\n\t\tflex: 0 0 50%;\r\n\t\tmax-width: 50%;\r\n\t}\r\n\t.col-sm-7 {\r\n\t\t-ms-flex: 0 0 58.33333333%;\r\n\t\tflex: 0 0 58.33333333%;\r\n\t\tmax-width: 58.33333333%;\r\n\t}\r\n\t.col-sm-8 {\r\n\t\t-ms-flex: 0 0 66.66666667%;\r\n\t\tflex: 0 0 66.66666667%;\r\n\t\tmax-width: 66.66666667%;\r\n\t}\r\n\t.col-sm-9 {\r\n\t\t-ms-flex: 0 0 75%;\r\n\t\tflex: 0 0 75%;\r\n\t\tmax-width: 75%;\r\n\t}\r\n\t.col-sm-10 {\r\n\t\t-ms-flex: 0 0 83.33333333%;\r\n\t\tflex: 0 0 83.33333333%;\r\n\t\tmax-width: 83.33333333%;\r\n\t}\r\n\t.col-sm-11 {\r\n\t\t-ms-flex: 0 0 91.66666667%;\r\n\t\tflex: 0 0 91.66666667%;\r\n\t\tmax-width: 91.66666667%;\r\n\t}\r\n\t.col-sm-12 {\r\n\t\t-ms-flex: 0 0 100%;\r\n\t\tflex: 0 0 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.order-sm-first {\r\n\t\t-ms-flex-order: -1;\r\n\t\torder: -1;\r\n\t}\r\n\t.order-sm-last {\r\n\t\t-ms-flex-order: 13;\r\n\t\torder: 13;\r\n\t}\r\n\t.order-sm-0 {\r\n\t\t-ms-flex-order: 0;\r\n\t\torder: 0;\r\n\t}\r\n\t.order-sm-1 {\r\n\t\t-ms-flex-order: 1;\r\n\t\torder: 1;\r\n\t}\r\n\t.order-sm-2 {\r\n\t\t-ms-flex-order: 2;\r\n\t\torder: 2;\r\n\t}\r\n\t.order-sm-3 {\r\n\t\t-ms-flex-order: 3;\r\n\t\torder: 3;\r\n\t}\r\n\t.order-sm-4 {\r\n\t\t-ms-flex-order: 4;\r\n\t\torder: 4;\r\n\t}\r\n\t.order-sm-5 {\r\n\t\t-ms-flex-order: 5;\r\n\t\torder: 5;\r\n\t}\r\n\t.order-sm-6 {\r\n\t\t-ms-flex-order: 6;\r\n\t\torder: 6;\r\n\t}\r\n\t.order-sm-7 {\r\n\t\t-ms-flex-order: 7;\r\n\t\torder: 7;\r\n\t}\r\n\t.order-sm-8 {\r\n\t\t-ms-flex-order: 8;\r\n\t\torder: 8;\r\n\t}\r\n\t.order-sm-9 {\r\n\t\t-ms-flex-order: 9;\r\n\t\torder: 9;\r\n\t}\r\n\t.order-sm-10 {\r\n\t\t-ms-flex-order: 10;\r\n\t\torder: 10;\r\n\t}\r\n\t.order-sm-11 {\r\n\t\t-ms-flex-order: 11;\r\n\t\torder: 11;\r\n\t}\r\n\t.order-sm-12 {\r\n\t\t-ms-flex-order: 12;\r\n\t\torder: 12;\r\n\t}\r\n\t.offset-sm-0 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.offset-sm-1 {\r\n\t\tmargin-left: 8.33333333%;\r\n\t}\r\n\t.offset-sm-2 {\r\n\t\tmargin-left: 16.66666667%;\r\n\t}\r\n\t.offset-sm-3 {\r\n\t\tmargin-left: 25%;\r\n\t}\r\n\t.offset-sm-4 {\r\n\t\tmargin-left: 33.33333333%;\r\n\t}\r\n\t.offset-sm-5 {\r\n\t\tmargin-left: 41.66666667%;\r\n\t}\r\n\t.offset-sm-6 {\r\n\t\tmargin-left: 50%;\r\n\t}\r\n\t.offset-sm-7 {\r\n\t\tmargin-left: 58.33333333%;\r\n\t}\r\n\t.offset-sm-8 {\r\n\t\tmargin-left: 66.66666667%;\r\n\t}\r\n\t.offset-sm-9 {\r\n\t\tmargin-left: 75%;\r\n\t}\r\n\t.offset-sm-10 {\r\n\t\tmargin-left: 83.33333333%;\r\n\t}\r\n\t.offset-sm-11 {\r\n\t\tmargin-left: 91.66666667%;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.col-md {\r\n\t\t-ms-flex-preferred-size: 0;\r\n\t\tflex-basis: 0;\r\n\t\t-ms-flex-positive: 1;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.col-md-auto {\r\n\t\t-ms-flex: 0 0 auto;\r\n\t\tflex: 0 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\t.col-md-1 {\r\n\t\t-ms-flex: 0 0 8.33333333%;\r\n\t\tflex: 0 0 8.33333333%;\r\n\t\tmax-width: 8.33333333%;\r\n\t}\r\n\t.col-md-2 {\r\n\t\t-ms-flex: 0 0 16.66666667%;\r\n\t\tflex: 0 0 16.66666667%;\r\n\t\tmax-width: 16.66666667%;\r\n\t}\r\n\t.col-md-3 {\r\n\t\t-ms-flex: 0 0 25%;\r\n\t\tflex: 0 0 25%;\r\n\t\tmax-width: 25%;\r\n\t}\r\n\t.col-md-4 {\r\n\t\t-ms-flex: 0 0 33.33333333%;\r\n\t\tflex: 0 0 33.33333333%;\r\n\t\tmax-width: 33.33333333%;\r\n\t}\r\n\t.col-md-5 {\r\n\t\t-ms-flex: 0 0 41.66666667%;\r\n\t\tflex: 0 0 41.66666667%;\r\n\t\tmax-width: 41.66666667%;\r\n\t}\r\n\t.col-md-6 {\r\n\t\t-ms-flex: 0 0 50%;\r\n\t\tflex: 0 0 50%;\r\n\t\tmax-width: 50%;\r\n\t}\r\n\t.col-md-7 {\r\n\t\t-ms-flex: 0 0 58.33333333%;\r\n\t\tflex: 0 0 58.33333333%;\r\n\t\tmax-width: 58.33333333%;\r\n\t}\r\n\t.col-md-8 {\r\n\t\t-ms-flex: 0 0 66.66666667%;\r\n\t\tflex: 0 0 66.66666667%;\r\n\t\tmax-width: 66.66666667%;\r\n\t}\r\n\t.col-md-9 {\r\n\t\t-ms-flex: 0 0 75%;\r\n\t\tflex: 0 0 75%;\r\n\t\tmax-width: 75%;\r\n\t}\r\n\t.col-md-10 {\r\n\t\t-ms-flex: 0 0 83.33333333%;\r\n\t\tflex: 0 0 83.33333333%;\r\n\t\tmax-width: 83.33333333%;\r\n\t}\r\n\t.col-md-11 {\r\n\t\t-ms-flex: 0 0 91.66666667%;\r\n\t\tflex: 0 0 91.66666667%;\r\n\t\tmax-width: 91.66666667%;\r\n\t}\r\n\t.col-md-12 {\r\n\t\t-ms-flex: 0 0 100%;\r\n\t\tflex: 0 0 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.order-md-first {\r\n\t\t-ms-flex-order: -1;\r\n\t\torder: -1;\r\n\t}\r\n\t.order-md-last {\r\n\t\t-ms-flex-order: 13;\r\n\t\torder: 13;\r\n\t}\r\n\t.order-md-0 {\r\n\t\t-ms-flex-order: 0;\r\n\t\torder: 0;\r\n\t}\r\n\t.order-md-1 {\r\n\t\t-ms-flex-order: 1;\r\n\t\torder: 1;\r\n\t}\r\n\t.order-md-2 {\r\n\t\t-ms-flex-order: 2;\r\n\t\torder: 2;\r\n\t}\r\n\t.order-md-3 {\r\n\t\t-ms-flex-order: 3;\r\n\t\torder: 3;\r\n\t}\r\n\t.order-md-4 {\r\n\t\t-ms-flex-order: 4;\r\n\t\torder: 4;\r\n\t}\r\n\t.order-md-5 {\r\n\t\t-ms-flex-order: 5;\r\n\t\torder: 5;\r\n\t}\r\n\t.order-md-6 {\r\n\t\t-ms-flex-order: 6;\r\n\t\torder: 6;\r\n\t}\r\n\t.order-md-7 {\r\n\t\t-ms-flex-order: 7;\r\n\t\torder: 7;\r\n\t}\r\n\t.order-md-8 {\r\n\t\t-ms-flex-order: 8;\r\n\t\torder: 8;\r\n\t}\r\n\t.order-md-9 {\r\n\t\t-ms-flex-order: 9;\r\n\t\torder: 9;\r\n\t}\r\n\t.order-md-10 {\r\n\t\t-ms-flex-order: 10;\r\n\t\torder: 10;\r\n\t}\r\n\t.order-md-11 {\r\n\t\t-ms-flex-order: 11;\r\n\t\torder: 11;\r\n\t}\r\n\t.order-md-12 {\r\n\t\t-ms-flex-order: 12;\r\n\t\torder: 12;\r\n\t}\r\n\t.offset-md-0 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.offset-md-1 {\r\n\t\tmargin-left: 8.33333333%;\r\n\t}\r\n\t.offset-md-2 {\r\n\t\tmargin-left: 16.66666667%;\r\n\t}\r\n\t.offset-md-3 {\r\n\t\tmargin-left: 25%;\r\n\t}\r\n\t.offset-md-4 {\r\n\t\tmargin-left: 33.33333333%;\r\n\t}\r\n\t.offset-md-5 {\r\n\t\tmargin-left: 41.66666667%;\r\n\t}\r\n\t.offset-md-6 {\r\n\t\tmargin-left: 50%;\r\n\t}\r\n\t.offset-md-7 {\r\n\t\tmargin-left: 58.33333333%;\r\n\t}\r\n\t.offset-md-8 {\r\n\t\tmargin-left: 66.66666667%;\r\n\t}\r\n\t.offset-md-9 {\r\n\t\tmargin-left: 75%;\r\n\t}\r\n\t.offset-md-10 {\r\n\t\tmargin-left: 83.33333333%;\r\n\t}\r\n\t.offset-md-11 {\r\n\t\tmargin-left: 91.66666667%;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.col-lg {\r\n\t\t-ms-flex-preferred-size: 0;\r\n\t\tflex-basis: 0;\r\n\t\t-ms-flex-positive: 1;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.col-lg-auto {\r\n\t\t-ms-flex: 0 0 auto;\r\n\t\tflex: 0 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\t.col-lg-1 {\r\n\t\t-ms-flex: 0 0 8.33333333%;\r\n\t\tflex: 0 0 8.33333333%;\r\n\t\tmax-width: 8.33333333%;\r\n\t}\r\n\t.col-lg-2 {\r\n\t\t-ms-flex: 0 0 16.66666667%;\r\n\t\tflex: 0 0 16.66666667%;\r\n\t\tmax-width: 16.66666667%;\r\n\t}\r\n\t.col-lg-3 {\r\n\t\t-ms-flex: 0 0 25%;\r\n\t\tflex: 0 0 25%;\r\n\t\tmax-width: 25%;\r\n\t}\r\n\t.col-lg-4 {\r\n\t\t-ms-flex: 0 0 33.33333333%;\r\n\t\tflex: 0 0 33.33333333%;\r\n\t\tmax-width: 33.33333333%;\r\n\t}\r\n\t.col-lg-5 {\r\n\t\t-ms-flex: 0 0 41.66666667%;\r\n\t\tflex: 0 0 41.66666667%;\r\n\t\tmax-width: 41.66666667%;\r\n\t}\r\n\t.col-lg-6 {\r\n\t\t-ms-flex: 0 0 50%;\r\n\t\tflex: 0 0 50%;\r\n\t\tmax-width: 50%;\r\n\t}\r\n\t.col-lg-7 {\r\n\t\t-ms-flex: 0 0 58.33333333%;\r\n\t\tflex: 0 0 58.33333333%;\r\n\t\tmax-width: 58.33333333%;\r\n\t}\r\n\t.col-lg-8 {\r\n\t\t-ms-flex: 0 0 66.66666667%;\r\n\t\tflex: 0 0 66.66666667%;\r\n\t\tmax-width: 66.66666667%;\r\n\t}\r\n\t.col-lg-9 {\r\n\t\t-ms-flex: 0 0 75%;\r\n\t\tflex: 0 0 75%;\r\n\t\tmax-width: 75%;\r\n\t}\r\n\t.col-lg-10 {\r\n\t\t-ms-flex: 0 0 83.33333333%;\r\n\t\tflex: 0 0 83.33333333%;\r\n\t\tmax-width: 83.33333333%;\r\n\t}\r\n\t.col-lg-11 {\r\n\t\t-ms-flex: 0 0 91.66666667%;\r\n\t\tflex: 0 0 91.66666667%;\r\n\t\tmax-width: 91.66666667%;\r\n\t}\r\n\t.col-lg-12 {\r\n\t\t-ms-flex: 0 0 100%;\r\n\t\tflex: 0 0 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.order-lg-first {\r\n\t\t-ms-flex-order: -1;\r\n\t\torder: -1;\r\n\t}\r\n\t.order-lg-last {\r\n\t\t-ms-flex-order: 13;\r\n\t\torder: 13;\r\n\t}\r\n\t.order-lg-0 {\r\n\t\t-ms-flex-order: 0;\r\n\t\torder: 0;\r\n\t}\r\n\t.order-lg-1 {\r\n\t\t-ms-flex-order: 1;\r\n\t\torder: 1;\r\n\t}\r\n\t.order-lg-2 {\r\n\t\t-ms-flex-order: 2;\r\n\t\torder: 2;\r\n\t}\r\n\t.order-lg-3 {\r\n\t\t-ms-flex-order: 3;\r\n\t\torder: 3;\r\n\t}\r\n\t.order-lg-4 {\r\n\t\t-ms-flex-order: 4;\r\n\t\torder: 4;\r\n\t}\r\n\t.order-lg-5 {\r\n\t\t-ms-flex-order: 5;\r\n\t\torder: 5;\r\n\t}\r\n\t.order-lg-6 {\r\n\t\t-ms-flex-order: 6;\r\n\t\torder: 6;\r\n\t}\r\n\t.order-lg-7 {\r\n\t\t-ms-flex-order: 7;\r\n\t\torder: 7;\r\n\t}\r\n\t.order-lg-8 {\r\n\t\t-ms-flex-order: 8;\r\n\t\torder: 8;\r\n\t}\r\n\t.order-lg-9 {\r\n\t\t-ms-flex-order: 9;\r\n\t\torder: 9;\r\n\t}\r\n\t.order-lg-10 {\r\n\t\t-ms-flex-order: 10;\r\n\t\torder: 10;\r\n\t}\r\n\t.order-lg-11 {\r\n\t\t-ms-flex-order: 11;\r\n\t\torder: 11;\r\n\t}\r\n\t.order-lg-12 {\r\n\t\t-ms-flex-order: 12;\r\n\t\torder: 12;\r\n\t}\r\n\t.offset-lg-0 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.offset-lg-1 {\r\n\t\tmargin-left: 8.33333333%;\r\n\t}\r\n\t.offset-lg-2 {\r\n\t\tmargin-left: 16.66666667%;\r\n\t}\r\n\t.offset-lg-3 {\r\n\t\tmargin-left: 25%;\r\n\t}\r\n\t.offset-lg-4 {\r\n\t\tmargin-left: 33.33333333%;\r\n\t}\r\n\t.offset-lg-5 {\r\n\t\tmargin-left: 41.66666667%;\r\n\t}\r\n\t.offset-lg-6 {\r\n\t\tmargin-left: 50%;\r\n\t}\r\n\t.offset-lg-7 {\r\n\t\tmargin-left: 58.33333333%;\r\n\t}\r\n\t.offset-lg-8 {\r\n\t\tmargin-left: 66.66666667%;\r\n\t}\r\n\t.offset-lg-9 {\r\n\t\tmargin-left: 75%;\r\n\t}\r\n\t.offset-lg-10 {\r\n\t\tmargin-left: 83.33333333%;\r\n\t}\r\n\t.offset-lg-11 {\r\n\t\tmargin-left: 91.66666667%;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.col-xl {\r\n\t\t-ms-flex-preferred-size: 0;\r\n\t\tflex-basis: 0;\r\n\t\t-ms-flex-positive: 1;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.col-xl-auto {\r\n\t\t-ms-flex: 0 0 auto;\r\n\t\tflex: 0 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\t.col-xl-1 {\r\n\t\t-ms-flex: 0 0 8.33333333%;\r\n\t\tflex: 0 0 8.33333333%;\r\n\t\tmax-width: 8.33333333%;\r\n\t}\r\n\t.col-xl-2 {\r\n\t\t-ms-flex: 0 0 16.66666667%;\r\n\t\tflex: 0 0 16.66666667%;\r\n\t\tmax-width: 16.66666667%;\r\n\t}\r\n\t.col-xl-3 {\r\n\t\t-ms-flex: 0 0 25%;\r\n\t\tflex: 0 0 25%;\r\n\t\tmax-width: 25%;\r\n\t}\r\n\t.col-xl-4 {\r\n\t\t-ms-flex: 0 0 33.33333333%;\r\n\t\tflex: 0 0 33.33333333%;\r\n\t\tmax-width: 33.33333333%;\r\n\t}\r\n\t.col-xl-5 {\r\n\t\t-ms-flex: 0 0 41.66666667%;\r\n\t\tflex: 0 0 41.66666667%;\r\n\t\tmax-width: 41.66666667%;\r\n\t}\r\n\t.col-xl-6 {\r\n\t\t-ms-flex: 0 0 50%;\r\n\t\tflex: 0 0 50%;\r\n\t\tmax-width: 50%;\r\n\t}\r\n\t.col-xl-7 {\r\n\t\t-ms-flex: 0 0 58.33333333%;\r\n\t\tflex: 0 0 58.33333333%;\r\n\t\tmax-width: 58.33333333%;\r\n\t}\r\n\t.col-xl-8 {\r\n\t\t-ms-flex: 0 0 66.66666667%;\r\n\t\tflex: 0 0 66.66666667%;\r\n\t\tmax-width: 66.66666667%;\r\n\t}\r\n\t.col-xl-9 {\r\n\t\t-ms-flex: 0 0 75%;\r\n\t\tflex: 0 0 75%;\r\n\t\tmax-width: 75%;\r\n\t}\r\n\t.col-xl-10 {\r\n\t\t-ms-flex: 0 0 83.33333333%;\r\n\t\tflex: 0 0 83.33333333%;\r\n\t\tmax-width: 83.33333333%;\r\n\t}\r\n\t.col-xl-11 {\r\n\t\t-ms-flex: 0 0 91.66666667%;\r\n\t\tflex: 0 0 91.66666667%;\r\n\t\tmax-width: 91.66666667%;\r\n\t}\r\n\t.col-xl-12 {\r\n\t\t-ms-flex: 0 0 100%;\r\n\t\tflex: 0 0 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.order-xl-first {\r\n\t\t-ms-flex-order: -1;\r\n\t\torder: -1;\r\n\t}\r\n\t.order-xl-last {\r\n\t\t-ms-flex-order: 13;\r\n\t\torder: 13;\r\n\t}\r\n\t.order-xl-0 {\r\n\t\t-ms-flex-order: 0;\r\n\t\torder: 0;\r\n\t}\r\n\t.order-xl-1 {\r\n\t\t-ms-flex-order: 1;\r\n\t\torder: 1;\r\n\t}\r\n\t.order-xl-2 {\r\n\t\t-ms-flex-order: 2;\r\n\t\torder: 2;\r\n\t}\r\n\t.order-xl-3 {\r\n\t\t-ms-flex-order: 3;\r\n\t\torder: 3;\r\n\t}\r\n\t.order-xl-4 {\r\n\t\t-ms-flex-order: 4;\r\n\t\torder: 4;\r\n\t}\r\n\t.order-xl-5 {\r\n\t\t-ms-flex-order: 5;\r\n\t\torder: 5;\r\n\t}\r\n\t.order-xl-6 {\r\n\t\t-ms-flex-order: 6;\r\n\t\torder: 6;\r\n\t}\r\n\t.order-xl-7 {\r\n\t\t-ms-flex-order: 7;\r\n\t\torder: 7;\r\n\t}\r\n\t.order-xl-8 {\r\n\t\t-ms-flex-order: 8;\r\n\t\torder: 8;\r\n\t}\r\n\t.order-xl-9 {\r\n\t\t-ms-flex-order: 9;\r\n\t\torder: 9;\r\n\t}\r\n\t.order-xl-10 {\r\n\t\t-ms-flex-order: 10;\r\n\t\torder: 10;\r\n\t}\r\n\t.order-xl-11 {\r\n\t\t-ms-flex-order: 11;\r\n\t\torder: 11;\r\n\t}\r\n\t.order-xl-12 {\r\n\t\t-ms-flex-order: 12;\r\n\t\torder: 12;\r\n\t}\r\n\t.offset-xl-0 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.offset-xl-1 {\r\n\t\tmargin-left: 8.33333333%;\r\n\t}\r\n\t.offset-xl-2 {\r\n\t\tmargin-left: 16.66666667%;\r\n\t}\r\n\t.offset-xl-3 {\r\n\t\tmargin-left: 25%;\r\n\t}\r\n\t.offset-xl-4 {\r\n\t\tmargin-left: 33.33333333%;\r\n\t}\r\n\t.offset-xl-5 {\r\n\t\tmargin-left: 41.66666667%;\r\n\t}\r\n\t.offset-xl-6 {\r\n\t\tmargin-left: 50%;\r\n\t}\r\n\t.offset-xl-7 {\r\n\t\tmargin-left: 58.33333333%;\r\n\t}\r\n\t.offset-xl-8 {\r\n\t\tmargin-left: 66.66666667%;\r\n\t}\r\n\t.offset-xl-9 {\r\n\t\tmargin-left: 75%;\r\n\t}\r\n\t.offset-xl-10 {\r\n\t\tmargin-left: 83.33333333%;\r\n\t}\r\n\t.offset-xl-11 {\r\n\t\tmargin-left: 91.66666667%;\r\n\t}\r\n}\r\n@media (min-width: 1400px) {\r\n\t.col-xxl {\r\n\t\t-ms-flex-preferred-size: 0;\r\n\t\tflex-basis: 0;\r\n\t\t-ms-flex-positive: 1;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.col-xxl-auto {\r\n\t\t-ms-flex: 0 0 auto;\r\n\t\tflex: 0 0 auto;\r\n\t\twidth: auto;\r\n\t\tmax-width: none;\r\n\t}\r\n\t.col-xxl-1 {\r\n\t\t-ms-flex: 0 0 8.33333333%;\r\n\t\tflex: 0 0 8.33333333%;\r\n\t\tmax-width: 8.33333333%;\r\n\t}\r\n\t.col-xxl-2 {\r\n\t\t-ms-flex: 0 0 16.66666667%;\r\n\t\tflex: 0 0 16.66666667%;\r\n\t\tmax-width: 16.66666667%;\r\n\t}\r\n\t.col-xxl-3 {\r\n\t\t-ms-flex: 0 0 25%;\r\n\t\tflex: 0 0 25%;\r\n\t\tmax-width: 25%;\r\n\t}\r\n\t.col-xxl-4 {\r\n\t\t-ms-flex: 0 0 33.33333333%;\r\n\t\tflex: 0 0 33.33333333%;\r\n\t\tmax-width: 33.33333333%;\r\n\t}\r\n\t.col-xxl-5 {\r\n\t\t-ms-flex: 0 0 41.66666667%;\r\n\t\tflex: 0 0 41.66666667%;\r\n\t\tmax-width: 41.66666667%;\r\n\t}\r\n\t.col-xxl-6 {\r\n\t\t-ms-flex: 0 0 50%;\r\n\t\tflex: 0 0 50%;\r\n\t\tmax-width: 50%;\r\n\t}\r\n\t.col-xxl-7 {\r\n\t\t-ms-flex: 0 0 58.33333333%;\r\n\t\tflex: 0 0 58.33333333%;\r\n\t\tmax-width: 58.33333333%;\r\n\t}\r\n\t.col-xxl-8 {\r\n\t\t-ms-flex: 0 0 66.66666667%;\r\n\t\tflex: 0 0 66.66666667%;\r\n\t\tmax-width: 66.66666667%;\r\n\t}\r\n\t.col-xxl-9 {\r\n\t\t-ms-flex: 0 0 75%;\r\n\t\tflex: 0 0 75%;\r\n\t\tmax-width: 75%;\r\n\t}\r\n\t.col-xxl-10 {\r\n\t\t-ms-flex: 0 0 83.33333333%;\r\n\t\tflex: 0 0 83.33333333%;\r\n\t\tmax-width: 83.33333333%;\r\n\t}\r\n\t.col-xxl-11 {\r\n\t\t-ms-flex: 0 0 91.66666667%;\r\n\t\tflex: 0 0 91.66666667%;\r\n\t\tmax-width: 91.66666667%;\r\n\t}\r\n\t.col-xxl-12 {\r\n\t\t-ms-flex: 0 0 100%;\r\n\t\tflex: 0 0 100%;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\t.order-xxl-first {\r\n\t\t-ms-flex-order: -1;\r\n\t\torder: -1;\r\n\t}\r\n\t.order-xxl-last {\r\n\t\t-ms-flex-order: 13;\r\n\t\torder: 13;\r\n\t}\r\n\t.order-xxl-0 {\r\n\t\t-ms-flex-order: 0;\r\n\t\torder: 0;\r\n\t}\r\n\t.order-xxl-1 {\r\n\t\t-ms-flex-order: 1;\r\n\t\torder: 1;\r\n\t}\r\n\t.order-xxl-2 {\r\n\t\t-ms-flex-order: 2;\r\n\t\torder: 2;\r\n\t}\r\n\t.order-xxl-3 {\r\n\t\t-ms-flex-order: 3;\r\n\t\torder: 3;\r\n\t}\r\n\t.order-xxl-4 {\r\n\t\t-ms-flex-order: 4;\r\n\t\torder: 4;\r\n\t}\r\n\t.order-xxl-5 {\r\n\t\t-ms-flex-order: 5;\r\n\t\torder: 5;\r\n\t}\r\n\t.order-xxl-6 {\r\n\t\t-ms-flex-order: 6;\r\n\t\torder: 6;\r\n\t}\r\n\t.order-xxl-7 {\r\n\t\t-ms-flex-order: 7;\r\n\t\torder: 7;\r\n\t}\r\n\t.order-xxl-8 {\r\n\t\t-ms-flex-order: 8;\r\n\t\torder: 8;\r\n\t}\r\n\t.order-xxl-9 {\r\n\t\t-ms-flex-order: 9;\r\n\t\torder: 9;\r\n\t}\r\n\t.order-xxl-10 {\r\n\t\t-ms-flex-order: 10;\r\n\t\torder: 10;\r\n\t}\r\n\t.order-xxl-11 {\r\n\t\t-ms-flex-order: 11;\r\n\t\torder: 11;\r\n\t}\r\n\t.order-xxl-12 {\r\n\t\t-ms-flex-order: 12;\r\n\t\torder: 12;\r\n\t}\r\n\t.offset-xxl-0 {\r\n\t\tmargin-left: 0;\r\n\t}\r\n\t.offset-xxl-1 {\r\n\t\tmargin-left: 8.33333333%;\r\n\t}\r\n\t.offset-xxl-2 {\r\n\t\tmargin-left: 16.66666667%;\r\n\t}\r\n\t.offset-xxl-3 {\r\n\t\tmargin-left: 25%;\r\n\t}\r\n\t.offset-xxl-4 {\r\n\t\tmargin-left: 33.33333333%;\r\n\t}\r\n\t.offset-xxl-5 {\r\n\t\tmargin-left: 41.66666667%;\r\n\t}\r\n\t.offset-xxl-6 {\r\n\t\tmargin-left: 50%;\r\n\t}\r\n\t.offset-xxl-7 {\r\n\t\tmargin-left: 58.33333333%;\r\n\t}\r\n\t.offset-xxl-8 {\r\n\t\tmargin-left: 66.66666667%;\r\n\t}\r\n\t.offset-xxl-9 {\r\n\t\tmargin-left: 75%;\r\n\t}\r\n\t.offset-xxl-10 {\r\n\t\tmargin-left: 83.33333333%;\r\n\t}\r\n\t.offset-xxl-11 {\r\n\t\tmargin-left: 91.66666667%;\r\n\t}\r\n}", "/*----- Custom control -----*/\r\n\r\n.custom-control {\r\n position: relative;\r\n display: block;\r\n min-height: 1.2rem;\r\n padding-left: 1.5rem;\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.custom-control-inline {\r\n display: -ms-inline-flexbox;\r\n display: inline-flex;\r\n margin-right: 1rem;\r\n}\r\n\r\n.custom-control-input {\r\n position: absolute;\r\n z-index: -1;\r\n opacity: 0;\r\n &:checked~.custom-control-label::before {\r\n color: $white;\r\n }\r\n &:focus~.custom-control-label::before {\r\n box-shadow: none;\r\n }\r\n &:active~.custom-control-label::before {\r\n color: $white;\r\n background-color: rgba(218, 201, 232, 0.5);\r\n }\r\n &:disabled~.custom-control-label {\r\n color: #868e96;\r\n &::before {\r\n background-color: $primary-005;\r\n border-color: $primary-03;\r\n }\r\n }\r\n}\r\n\r\n.custom-control-label {\r\n &::before {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n pointer-events: none;\r\n content: \"\";\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 background-color: $border;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n content: \"\";\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 50% 50%;\r\n }\r\n}\r\n\r\n.custom-checkbox {\r\n .custom-control-label::before {\r\n border-radius: 3px;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\r\n }\r\n &:indeterminate~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled {\r\n &:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n &:indeterminate~.custom-control-label::before {\r\n background-color: rgba(212, 182, 228, 0.5);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.custom-radio {\r\n .custom-control-label::before {\r\n border-radius: 50%;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n }\r\n}\r\n\r\n.form-select {\r\n display: inline-block;\r\n width: 100%;\r\n height: 2.375rem;\r\n padding: 0.5rem 1.75rem 0.5rem 0.75rem;\r\n line-height: 1.5;\r\n color: #76839a;\r\n vertical-align: middle;\r\n background-size: 8px 10px;\r\n border-radius: 7px;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n border: 1px solid $border;\r\n &:focus {\r\n border-color: $border;\r\n outline: 0;\r\n box-shadow: none;\r\n &::-ms-value {\r\n color: #76839a;\r\n background-color: $white;\r\n }\r\n }\r\n &[multiple],\r\n &[size]:not([size=\"1\"]) {\r\n height: auto;\r\n padding-right: 0.75rem;\r\n background-image: none;\r\n }\r\n &:disabled {\r\n color: #9fa7af;\r\n background-color: #f6f6fb;\r\n }\r\n &::-ms-expand {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n.form-select-sm {\r\n height: calc(1.8125rem + 2px);\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 75%;\r\n}\r\n\r\ndiv.dataTables_wrapper div.dataTables_filter input {\r\n margin-left: 0.5em;\r\n display: inline-block;\r\n width: auto;\r\n}\r\n\r\n.form-select-lg {\r\n height: calc(2.6875rem + 2px);\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 125%;\r\n}\r\n\r\n.form-file {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n height: 2.375rem;\r\n margin-bottom: 0;\r\n}\r\n\r\n.form-file-input {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 2.375rem;\r\n margin: 0;\r\n opacity: 0;\r\n &:focus~.form-file-label {\r\n box-shadow: none;\r\n border-color: transparent;\r\n }\r\n &:lang(en)~.form-file-label::after {\r\n content: \"Browse\";\r\n }\r\n}\r\n\r\n.form-file-label {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n z-index: 1;\r\n height: 38px;\r\n padding: 0.375rem 0.75rem;\r\n line-height: 1.5;\r\n color: #76839a;\r\n background-color: #f6f6fb;\r\n border: 1px solid $border;\r\n border-radius: 5px;\r\n &::after {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n z-index: 3;\r\n display: block;\r\n height: calc(2.375rem - 1px * 2);\r\n padding: 0.375rem 0.75rem;\r\n line-height: 1.5;\r\n color: $white;\r\n content: \"Browse\";\r\n border-left: 1px solid $border;\r\n border-radius: 0 3px 3px 0;\r\n }\r\n}\r\n\r\n.form-range {\r\n &::-webkit-slider-thumb {\r\n width: 1rem;\r\n height: 1rem;\r\n margin-top: -0.25rem;\r\n border: 0;\r\n border-radius: 1rem;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background: $white;\r\n box-shadow: none;\r\n transition: .3s border-color, .3s background-color;\r\n &:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 1px #f6f6fb, 0 0 0 2px rgba(98, 58, 162, 0.25);\r\n }\r\n &:active {\r\n background-color: #d4e1f4;\r\n }\r\n }\r\n &::-webkit-slider-runnable-track {\r\n width: 100%;\r\n height: 0.5rem;\r\n color: transparent;\r\n cursor: pointer;\r\n background-color: $border;\r\n border-color: transparent;\r\n border-radius: 1rem;\r\n background: #467fcf;\r\n content: '';\r\n pointer-events: none;\r\n }\r\n &::-moz-range-thumb {\r\n width: 1rem;\r\n height: 1rem;\r\n border: 0;\r\n border-radius: 1rem;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background: $white;\r\n position: relative;\r\n transition: .3s border-color, .3s background-color;\r\n &:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 1px #f6f6fb, 0 0 0 2px rgba(98, 58, 162, 0.25);\r\n }\r\n &:active {\r\n background-color: #d4e1f4;\r\n }\r\n }\r\n &::-moz-range-track {\r\n width: 100%;\r\n height: 0.5rem;\r\n color: transparent;\r\n cursor: pointer;\r\n background-color: $border;\r\n border-color: transparent;\r\n border-radius: 1rem;\r\n background: rgba(0, 50, 126, 0.12);\r\n }\r\n &::-ms-thumb {\r\n width: 1rem;\r\n height: 1rem;\r\n border: 0;\r\n border-radius: 1rem;\r\n appearance: none;\r\n background: $white;\r\n border-radius: 50px;\r\n border: 1px solid rgba(0, 30, 75, 0.12);\r\n transition: .3s border-color, .3s background-color;\r\n &:focus {\r\n outline: none;\r\n box-shadow: 0 0 0 1px #f6f6fb, 0 0 0 2px rgba(98, 58, 162, 0.25);\r\n }\r\n &:active {\r\n background-color: #d4e1f4;\r\n }\r\n }\r\n &::-ms-track {\r\n width: 100%;\r\n height: 0.5rem;\r\n color: transparent;\r\n cursor: pointer;\r\n background-color: transparent;\r\n border-color: transparent;\r\n border-width: 0.5rem;\r\n background: transparent;\r\n border: 0;\r\n border-radius: 0;\r\n margin-top: 10px;\r\n }\r\n &::-ms-fill-lower {\r\n background-color: $border;\r\n border-radius: 1rem;\r\n background: #467fcf;\r\n }\r\n}\r\n\r\n.custom-controls-stacked .custom-control {\r\n margin-bottom: .25rem;\r\n}\r\n\r\n.custom-control-label {\r\n vertical-align: middle;\r\n position: unset;\r\n margin-bottom: 0;\r\n &:before {\r\n border: 1px solid $primary-02;\r\n background-color: $primary-005;\r\n background-size: .5rem;\r\n }\r\n}\r\n\r\n.custom-control-description {\r\n line-height: 1.5rem;\r\n}\r\n\r\n.form-range {\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n background: none;\r\n cursor: pointer;\r\n display: -ms-flexbox;\r\n display: flex;\r\n height: 100%;\r\n min-height: 2.375rem;\r\n overflow: hidden;\r\n padding: 0;\r\n border: 0;\r\n width: 100%;\r\n padding-left: 0;\r\n background-color: transparent;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n &:focus {\r\n box-shadow: none;\r\n outline: none;\r\n &::-webkit-slider-thumb,\r\n &::-moz-range-thumb,\r\n &::-ms-thumb {\r\n border-color: #467fcf;\r\n background-color: #467fcf;\r\n }\r\n }\r\n &::-moz-focus-outer {\r\n border: 0;\r\n }\r\n &::-moz-range-progress {\r\n height: 2px;\r\n background: #467fcf;\r\n border: 0;\r\n margin-top: 0;\r\n }\r\n &::-ms-fill-upper {\r\n background: rgba(0, 50, 126, 0.12);\r\n border-radius: 0;\r\n margin-right: 15px;\r\n background-color: $border;\r\n }\r\n &::-ms-tooltip {\r\n display: none;\r\n }\r\n}\r\n\r\n.custom-switch {\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 cursor: default;\r\n display: -ms-inline-flexbox;\r\n display: inline-flex;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n margin: 0;\r\n padding-left: 0;\r\n}\r\n\r\n.custom-switch-input:checked~.custom-switch-indicator:before {\r\n left: calc(1rem + 1px);\r\n}\r\n\r\n.custom-switch-description {\r\n margin-left: .5rem;\r\n color: #6e7687;\r\n transition: .3s color;\r\n}\r\n\r\n.custom-switch-input {\r\n &:checked~.custom-switch-description {\r\n color: #495057;\r\n }\r\n position: absolute;\r\n z-index: -1;\r\n opacity: 0;\r\n}\r\n\r\n.custom-switches-stacked {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n .custom-switch {\r\n margin-bottom: .5rem;\r\n }\r\n}\r\n\r\n.custom-switch-indicator {\r\n display: inline-block;\r\n height: 1.25rem;\r\n width: 2.25rem;\r\n background: $primary-005;\r\n border-radius: 50px;\r\n position: relative;\r\n vertical-align: bottom;\r\n border: 1px solid $primary-02;\r\n transition: .3s border-color, .3s background-color;\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n height: calc(1.25rem - 4px);\r\n width: calc(1.25rem - 4px);\r\n top: 1px;\r\n left: 1px;\r\n background: $white;\r\n border-radius: 50%;\r\n transition: .3s left;\r\n box-shadow: 0 1px 2px 0 $black-4;\r\n }\r\n}\r\n\r\n.custom-switch-input:focus~.custom-switch-indicator {\r\n box-shadow: none;\r\n border-color: #60529f;\r\n}\r\n\r\n.select2-sm {\r\n .select2-container .select2-selection--single {\r\n height: calc(1.5rem + 4px) !important;\r\n padding-top: 0.391rem;\r\n padding-bottom: 0.391rem;\r\n font-size: 0.75rem;\r\n }\r\n .select2-container--default .select2-selection--single .select2-selection__rendered {\r\n line-height: 13px !important;\r\n }\r\n .select2-container--default .select2-selection--single .select2-selection__arrow {\r\n height: 1.85rem !important;\r\n }\r\n}\r\n\r\n.select2-lg {\r\n .select2-container .select2-selection--single {\r\n height: calc(2.6975rem + 2px) !important;\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n font-size: 100%;\r\n }\r\n .select2-container--default .select2-selection--single .select2-selection__rendered {\r\n line-height: 28px !important;\r\n }\r\n .select2-container--default .select2-selection--single .select2-selection__arrow {\r\n height: 2.95rem !important;\r\n }\r\n}\r\n\r\n.custom-radio-md .custom-control-label {\r\n &::before {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n pointer-events: none;\r\n content: \"\";\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 background-color: $primary-005;\r\n border-radius: 50%;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n content: \"\";\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 50% 50%;\r\n }\r\n}\r\n\r\n.custom-radio-md {\r\n &.custom-control {\r\n margin-bottom: .75rem;\r\n padding-left: 2rem;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n }\r\n}\r\n\r\n.custom-radio-lg .custom-control-label {\r\n &::before {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 2rem;\r\n height: 2rem;\r\n pointer-events: none;\r\n content: \"\";\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 background-color: $primary-005;\r\n border-radius: 50%;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0.35rem;\r\n left: 1px;\r\n display: block;\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n content: \"\";\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 50% 50%;\r\n }\r\n}\r\n\r\n.custom-radio-lg {\r\n &.custom-control {\r\n margin-bottom: 1.5rem;\r\n padding-left: 3rem;\r\n padding-top: 9px;\r\n vertical-align: middle;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n }\r\n}\r\n\r\n.custom-checkbox-md .custom-control-label {\r\n &::before {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n pointer-events: none;\r\n content: \"\";\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 background-color: $primary-005;\r\n border-radius: 3px;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n content: \"\";\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 50% 50%;\r\n }\r\n}\r\n\r\n.custom-checkbox-md {\r\n &.custom-control {\r\n margin-bottom: .75rem;\r\n padding-left: 2rem;\r\n padding-top: 5px;\r\n vertical-align: middle;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\r\n }\r\n &:indeterminate~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled {\r\n &:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n &:indeterminate~.custom-control-label::before {\r\n background-color: rgba(212, 182, 228, 0.5);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.custom-checkbox-lg .custom-control-label {\r\n &::before {\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0;\r\n display: block;\r\n width: 2rem;\r\n height: 2rem;\r\n pointer-events: none;\r\n content: \"\";\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 background-color: $primary-005;\r\n border-radius: 3px;\r\n }\r\n &::after {\r\n position: absolute;\r\n top: 0.35rem;\r\n left: 1px;\r\n display: block;\r\n width: 1.8rem;\r\n height: 1.8rem;\r\n content: \"\";\r\n background-repeat: no-repeat;\r\n background-position: center center;\r\n background-size: 50% 50%;\r\n }\r\n}\r\n\r\n.custom-checkbox-lg {\r\n &.custom-control {\r\n margin-bottom: 1.5rem;\r\n padding-left: 3rem;\r\n padding-top: 9px;\r\n vertical-align: middle;\r\n }\r\n .custom-control-input {\r\n &:checked~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\");\r\n }\r\n &:indeterminate~.custom-control-label::after {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E\");\r\n }\r\n &:disabled {\r\n &:checked~.custom-control-label::before {\r\n opacity: 0.8;\r\n }\r\n &:indeterminate~.custom-control-label::before {\r\n background-color: rgba(212, 182, 228, 0.5);\r\n }\r\n }\r\n }\r\n}\r\n\r\n.custom-switch-input:disabled:checked~.custom-switch-indicator {\r\n opacity: .7;\r\n}\r\n\r\n.custom-switch-input:disabled~.custom-switch-indicator {\r\n background: $primary-005;\r\n opacity: .7;\r\n}\r\n\r\n.custom-switch-indicator-md {\r\n display: inline-block;\r\n height: 1.5rem;\r\n width: 3rem;\r\n background: $primary-005;\r\n border-radius: 50px;\r\n position: relative;\r\n vertical-align: bottom;\r\n border: 1px solid $primary-02;\r\n transition: .3s border-color, .3s background-color;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n height: calc(1.5rem - 4px);\r\n width: calc(1.5rem - 4px);\r\n top: 1px;\r\n left: 1px;\r\n background: #fff;\r\n border-radius: 50%;\r\n transition: .3s left;\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);\r\n }\r\n}\r\n\r\n.custom-switch-input:checked~.custom-switch-indicator.custom-switch-indicator-md:before {\r\n left: calc(1.46rem + 1px);\r\n}\r\n\r\n.custom-switch-indicator-lg {\r\n display: inline-block;\r\n height: 2rem;\r\n width: 4rem;\r\n background: $primary-005;\r\n border-radius: 50px;\r\n position: relative;\r\n vertical-align: bottom;\r\n border: 1px solid $primary-02;\r\n transition: .3s border-color, .3s background-color;\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n height: calc(2rem - 4px);\r\n width: calc(2rem - 4px);\r\n top: 1px;\r\n left: 1px;\r\n background: #fff;\r\n border-radius: 50%;\r\n transition: .3s left;\r\n box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .4);\r\n }\r\n}\r\n\r\n.custom-switch-input:checked~.custom-switch-indicator.custom-switch-indicator-lg:before {\r\n left: calc(1.96rem + 1px);\r\n}", ".fade {\r\n transition: opacity 0.15s linear;\r\n &:not(.show) {\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n .fade {\r\n transition: none;\r\n }\r\n}\r\n\r\n.collapse:not(.show) {\r\n display: none;\r\n background: $white;\r\n}\r\n\r\n.collapsing {\r\n position: relative;\r\n height: 0;\r\n overflow: hidden;\r\n transition: height 0.35s ease;\r\n}\r\n\r\n@media screen and (prefers-reduced-motion: reduce) {\r\n .collapsing {\r\n transition: none;\r\n }\r\n}\r\n\r\n.notifyimg {\r\n color: $white;\r\n float: left;\r\n height: 40px;\r\n line-height: 43px;\r\n margin-right: 10px;\r\n text-align: center;\r\n vertical-align: middle;\r\n width: 40px;\r\n font-size: 16px;\r\n}\r\n\r\n.block {\r\n display: block !important;\r\n}\r\n\r\n/*----- Global Loader -----*/\r\n\r\n#global-loader {\r\n position: fixed;\r\n z-index: 50000;\r\n background: rgb(255, 255, 255);\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n height: 100%;\r\n width: 100%;\r\n margin: 0 auto;\r\n text-align: center;\r\n}\r\n\r\nul {\r\n list-style-type: none;\r\n padding: 0px;\r\n margin: 0px;\r\n}\r\n\r\n#popup {\r\n position: absolute;\r\n width: auto;\r\n height: 30px;\r\n background: #fe6b1f;\r\n display: none;\r\n color: white;\r\n border-radius: 5px;\r\n}\r\n\r\n#copy {\r\n background: none;\r\n color: white;\r\n font-weight: bold;\r\n padding: 8px 25px;\r\n border: 0;\r\n}\r\n\r\n.popsecondary {\r\n color: #628dea;\r\n}\r\n\r\n.popinfo {\r\n color: #88c8f7;\r\n}\r\n\r\n.popsuccess {\r\n color: #bfff80;\r\n}\r\n\r\n.popdanger {\r\n color: #ea6262;\r\n}\r\n\r\n.popwarning {\r\n color: #f7db6e;\r\n}\r\n\r\n.more-less {\r\n float: right;\r\n color: #212121;\r\n}\r\n\r\n.wrap {\r\n box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px $black-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\r\n border-radius: 4px;\r\n}\r\n\r\na {\r\n &:focus,\r\n &:hover,\r\n &:active {\r\n outline: 0;\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n@-webkit-keyframes progress-bar-stripes {\r\n from {\r\n background-position: 1rem 0;\r\n }\r\n to {\r\n background-position: 0 0;\r\n }\r\n}\r\n\r\n@keyframes progress-bar-stripes {\r\n from {\r\n background-position: 1rem 0;\r\n }\r\n to {\r\n background-position: 0 0;\r\n }\r\n}\r\n\r\n.content-heading {\r\n font-weight: 400;\r\n margin: 2rem 0 1.5rem;\r\n font-size: 1.25rem;\r\n line-height: 1.25;\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n}\r\n\r\n.aside {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n width: 22rem;\r\n background: $white;\r\n border-left: 1px solid $border;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n z-index: 100;\r\n visibility: hidden;\r\n box-shadow: 0 0 5px 2px $black-05;\r\n}\r\n\r\n.center-block {\r\n margin-right: auto;\r\n margin-left: auto;\r\n float: inherit !important;\r\n}\r\n\r\n.tracking-tight {\r\n letter-spacing: -0.05em !important;\r\n}\r\n\r\n.tracking-normal {\r\n letter-spacing: 0 !important;\r\n}\r\n\r\n.tracking-wide {\r\n letter-spacing: 0.05em !important;\r\n}\r\n\r\n.leading-none {\r\n line-height: 1 !important;\r\n}\r\n\r\n.leading-tight {\r\n line-height: 1.25 !important;\r\n}\r\n\r\n.leading-normal {\r\n line-height: 1.5 !important;\r\n}\r\n\r\n.leading-loose {\r\n line-height: 3 !important;\r\n}\r\n\r\n.icon i {\r\n vertical-align: -1px;\r\n}\r\n\r\na.icon {\r\n text-decoration: none;\r\n cursor: pointer;\r\n &:hover {\r\n color: #1a1a1a !important;\r\n }\r\n}\r\n\r\n.o-auto {\r\n overflow: auto !important;\r\n}\r\n\r\n.o-hidden {\r\n overflow: hidden !important;\r\n}\r\n\r\n.shadow {\r\n box-shadow: 0 1px 2px 0 $black-05 !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .about-con {\r\n border-bottom: 1px solid $border;\r\n }\r\n .hor-content .container,\r\n .hor-header .container {\r\n max-width: none;\r\n }\r\n #navbar-example3 {\r\n border-radius: 7px 7px 0 0 !important;\r\n }\r\n}\r\n\r\n@media (max-width: 1024px) and (min-width: 768px) {\r\n .page-header .notifications {\r\n display: none !important;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .header {\r\n .nav-link {\r\n padding: 0.6rem 0.6rem !important;\r\n line-height: 1.9;\r\n &.leading-none::after {\r\n top: 12px !important;\r\n }\r\n }\r\n .navsearch i {\r\n font-size: 20px !important;\r\n margin-top: -2px;\r\n }\r\n .nav-link {\r\n &.icon {\r\n font-size: 16px;\r\n }\r\n .badge {\r\n position: absolute;\r\n top: -7px;\r\n right: 6px;\r\n width: 1rem;\r\n height: 1rem;\r\n font-size: 11px;\r\n text-align: center !important;\r\n padding: 0.25em 0.4em;\r\n line-height: 1;\r\n }\r\n }\r\n }\r\n #user-profile .tabs-menu2 ul li a {\r\n padding: 10px 8px 11px 8px;\r\n }\r\n .tabs-menu ul li {\r\n width: 100%;\r\n margin: 15px 15px 0 15px;\r\n &:last-child {\r\n margin-bottom: 15px;\r\n }\r\n a {\r\n width: 100%;\r\n border: 1px solid $border;\r\n border-radius: 5px;\r\n }\r\n }\r\n .cal1 .clndr .clndr-table tr {\r\n height: 50px !important;\r\n }\r\n .tabs-menu1 ul li {\r\n width: 100%;\r\n margin: 15px 15px 0 15px;\r\n border: 1px solid $border;\r\n &:last-child {\r\n margin-bottom: 15px;\r\n }\r\n a {\r\n width: 100%;\r\n }\r\n }\r\n .wizard-card .nav-pills > li {\r\n text-align: center;\r\n padding: 9px !important;\r\n }\r\n .form-control.form-select.w-auto {\r\n display: none;\r\n }\r\n .mail-inbox .badge {\r\n margin: 0;\r\n }\r\n .construction .display-5 {\r\n font-size: 1.5rem;\r\n }\r\n .mail-option .hidden-phone {\r\n display: none;\r\n }\r\n .error-page .display-1 {\r\n font-size: 8.5rem !important;\r\n text-align: center;\r\n margin-right: 2px;\r\n }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n .error-page .display-1 {\r\n font-size: 6.5rem !important;\r\n text-align: center;\r\n }\r\n .construction .btn.btn-icon {\r\n width: 40px !important;\r\n height: 40px !important;\r\n border-radius: 50%;\r\n text-align: center;\r\n padding: 0;\r\n background: transparent;\r\n font-size: 16px;\r\n color: $white;\r\n margin: 0 2px !important;\r\n }\r\n .display-2 {\r\n text-align: center;\r\n font-size: 3rem;\r\n }\r\n}\r\n\r\n@media (max-width: 360px) {\r\n .error-page .display-1 {\r\n font-size: 6.5rem !important;\r\n text-align: center;\r\n }\r\n .page-header {\r\n display: block !important;\r\n }\r\n .breadcrumb {\r\n flex-wrap: wrap;\r\n margin-bottom: 0;\r\n list-style: none;\r\n border-radius: 3px;\r\n position: relative;\r\n right: 0;\r\n top: 0px;\r\n padding-right: 0;\r\n color: $white;\r\n left: 0px;\r\n padding: 0;\r\n margin-top: 5px;\r\n }\r\n #user-profile .tabs-menu2 ul li a {\r\n padding: 10px 6px 11px 6px;\r\n }\r\n .header .nav-link {\r\n line-height: 1.9;\r\n }\r\n #user-profile {\r\n .user-pro-1 .media.media-xs {\r\n display: inline-block !important;\r\n }\r\n .user-pro-2 .media {\r\n display: inline-block !important;\r\n }\r\n }\r\n .toast {\r\n font-size: 11px;\r\n width: 100%;\r\n }\r\n .cal1 .clndr .clndr-controls .month {\r\n width: 100% !important;\r\n text-align: left !important;\r\n }\r\n .dropdown-menu.header-search:before {\r\n left: 200px !important;\r\n }\r\n}\r\n\r\n@media (max-width: 400px) {\r\n .page-header {\r\n display: block !important;\r\n }\r\n .hor-content .container .page-header .breadcrumb {\r\n margin-bottom: 0.8rem;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .footer .privacy {\r\n text-align: center !important;\r\n }\r\n .responsive-navbar{\r\n .pulse {\r\n top: 5px !important;\r\n }\r\n .pulse-danger {\r\n top: 5px !important;\r\n right: 5px !important;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .nav-tabs .nav-link {\r\n width: 100%;\r\n }\r\n .dataTables_wrapper {\r\n .dataTables_info,\r\n .dataTables_paginate {\r\n margin-top: 10px !important;\r\n }\r\n }\r\n div.dataTables_wrapper div.dataTables_paginate ul.pagination {\r\n justify-content: center !important;\r\n }\r\n .page-title {\r\n margin-bottom: 0;\r\n }\r\n .carousel-caption {\r\n display: none;\r\n }\r\n .demo-gallery > ul > li {\r\n width: 100% !important;\r\n }\r\n ul.inbox-pagination li span {\r\n display: none;\r\n }\r\n .header.hor-header .animated-arrow.hor-toggle {\r\n margin: 20px 0 0 18px;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .responsive-navbar {\r\n .collapsing .dropdown-menu {\r\n display: none !important;\r\n }\r\n .collapse.show .dropdown-menu.show {\r\n display: block !important;\r\n }\r\n }\r\n .responsive-navbar .dropdown-menu.dropdown-menu-end.show {\r\n left: 0 !important;\r\n top: 2.96rem !important;\r\n border-top-right-radius: 0;\r\n border-top-left-radius: 0;\r\n }\r\n .responsive-navbar {\r\n .dropdown-menu.header-search:before {\r\n display: none;\r\n }\r\n .dropdown-menu-arrow:before {\r\n display: none;\r\n }\r\n }\r\n .responsive-navbar .dropdown-menu.dropdown-menu-start.show {\r\n right: 0 !important;\r\n top: 2.96rem !important;\r\n border-top-right-radius: 0;\r\n border-top-left-radius: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n .wizard-card {\r\n .nav-pills > li > a,\r\n .moving-tab {\r\n font-size: 11px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .mb-sm-0,\r\n .my-sm-0 {\r\n margin-bottom: 0 !important;\r\n }\r\n .sm-mb-3 {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n .page-header {\r\n display: block;\r\n }\r\n .responsive-navbar{\r\n .full-screen-link{\r\n display: none;\r\n }\r\n .theme-layout.nav-link-bg.layout-setting{\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 990px) {\r\n .header-toggler {\r\n top: 6px;\r\n }\r\n .nav-tabs .nav-link {\r\n width: 100%;\r\n }\r\n form.convFormDynamic button.submit {\r\n margin: 4px !important;\r\n }\r\n .messages-list .media {\r\n padding: 9px !important;\r\n }\r\n .nav-tabs {\r\n z-index: 9;\r\n }\r\n}\r\n\r\n.icon-size {\r\n font-size: 2rem !important;\r\n}\r\n\r\n.visitor-list {\r\n p {\r\n font-size: 12px;\r\n }\r\n i {\r\n font-size: 20px;\r\n }\r\n}\r\n\r\n@-webkit-keyframes indeterminate {\r\n 0% {\r\n left: -35%;\r\n right: 100%;\r\n }\r\n 100%,\r\n 60% {\r\n left: 100%;\r\n right: -90%;\r\n }\r\n}\r\n\r\n@keyframes indeterminate {\r\n 0% {\r\n left: -35%;\r\n right: 100%;\r\n }\r\n 100%,\r\n 60% {\r\n left: 100%;\r\n right: -90%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes indeterminate-short {\r\n 0% {\r\n left: -200%;\r\n right: 100%;\r\n }\r\n 100%,\r\n 60% {\r\n left: 107%;\r\n right: -8%;\r\n }\r\n}\r\n\r\n@keyframes indeterminate-short {\r\n 0% {\r\n left: -200%;\r\n right: 100%;\r\n }\r\n 100%,\r\n 60% {\r\n left: 107%;\r\n right: -8%;\r\n }\r\n}\r\n\r\n@-webkit-keyframes loader {\r\n from {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n@keyframes loader {\r\n from {\r\n -webkit-transform: rotate(0deg);\r\n transform: rotate(0deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(360deg);\r\n transform: rotate(360deg);\r\n }\r\n}\r\n\r\n.fs {\r\n font-size: 25px;\r\n}\r\n\r\n.sparkline {\r\n display: inline-block;\r\n height: 2rem;\r\n}\r\n\r\n@-webkit-keyframes status-pulse {\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.32;\r\n }\r\n}\r\n\r\n@keyframes status-pulse {\r\n 0%,\r\n 100% {\r\n opacity: 1;\r\n }\r\n 50% {\r\n opacity: 0.32;\r\n }\r\n}\r\n\r\n.stamp {\r\n color: $white;\r\n background: #868e96;\r\n display: inline-block;\r\n min-width: 40px;\r\n height: 40px;\r\n padding: 0 0.25rem;\r\n line-height: 2rem;\r\n text-align: center;\r\n border-radius: 100%;\r\n font-weight: 600;\r\n}\r\n\r\n.example {\r\n padding: 1.5rem;\r\n border: 1px solid $border;\r\n border-radius: 3px 3px 0 0;\r\n font-size: 0.9375rem;\r\n}\r\n\r\n.example-bg {\r\n background: $white;\r\n}\r\n\r\n.example-column {\r\n margin: 0 auto;\r\n > .card:last-of-type {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.example-column-1 {\r\n max-width: 20rem;\r\n}\r\n\r\n.example-column-2 {\r\n max-width: 40rem;\r\n}\r\n\r\n.colorinput {\r\n margin: 0;\r\n position: relative;\r\n cursor: pointer;\r\n}\r\n\r\n.colorinput-input {\r\n position: absolute;\r\n z-index: -1;\r\n opacity: 0;\r\n}\r\n\r\n.colorinput-color {\r\n display: inline-block;\r\n width: 1.75rem;\r\n height: 1.75rem;\r\n border-radius: 50%;\r\n border: 3px solid $border;\r\n color: $white;\r\n box-shadow: 0 1px 2px 0 $black-05;\r\n &:before {\r\n content: \"\";\r\n opacity: 0;\r\n position: absolute;\r\n top: 0.25rem;\r\n left: 0.25rem;\r\n height: 1.25rem;\r\n width: 1.25rem;\r\n transition: 0.3s opacity;\r\n background: url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E\")\r\n no-repeat center (center / 50%) 50%;\r\n }\r\n}\r\n\r\n.colorinput-input {\r\n &:checked ~ .colorinput-color:before {\r\n opacity: 1;\r\n }\r\n &:focus ~ .colorinput-color {\r\n border-color: $border;\r\n box-shadow: 0 0 0 2px rgba(98, 58, 162, 0.25);\r\n }\r\n}\r\n\r\n* {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n &:before,\r\n &:after {\r\n -webkit-box-sizing: border-box;\r\n -moz-box-sizing: border-box;\r\n box-sizing: border-box;\r\n }\r\n}\r\n\r\n#back-to-top {\r\n color: $white;\r\n position: fixed;\r\n bottom: 20px;\r\n right: 20px;\r\n z-index: 99;\r\n display: none;\r\n text-align: center;\r\n z-index: 10000;\r\n height: 50px;\r\n width: 50px;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n transition: background-color 0.1s linear;\r\n -moz-transition: background-color 0.1s linear;\r\n -webkit-transition: background-color 0.1s linear;\r\n -o-transition: background-color 0.1s linear;\r\n border-radius: 7px;\r\n i {\r\n padding-top: 15px;\r\n font-size: 16px;\r\n }\r\n &:hover {\r\n background: $white !important;\r\n }\r\n}\r\n\r\n.features {\r\n overflow: hidden;\r\n h2 {\r\n font-weight: 600;\r\n margin-bottom: 12px;\r\n text-align: center;\r\n font-size: 2.2em;\r\n }\r\n h3 {\r\n font-size: 20px;\r\n font-weight: 600;\r\n }\r\n span {\r\n color: #43414e;\r\n display: block;\r\n font-weight: 400;\r\n text-align: center;\r\n }\r\n}\r\n\r\n.feature {\r\n .feature-svg {\r\n width: 25%;\r\n }\r\n .feature-svg3 {\r\n width: 12%;\r\n }\r\n}\r\n\r\n.col-sm-2 .feature {\r\n padding: 0;\r\n border: 0px;\r\n box-shadow: none;\r\n}\r\n\r\n.feature {\r\n .border {\r\n position: relative;\r\n display: inline-block;\r\n width: 3em;\r\n height: 3em;\r\n line-height: 2em;\r\n vertical-align: middle;\r\n padding-top: 8px;\r\n border-radius: 7px;\r\n color: $white;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.actions {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n > li {\r\n display: inline-block;\r\n }\r\n &:not(.a-alt) > li > a > i {\r\n color: #939393;\r\n }\r\n > li > a {\r\n > i {\r\n font-size: 20px;\r\n }\r\n display: block;\r\n padding: 0 10px;\r\n }\r\n}\r\n\r\n.rotation {\r\n -webkit-animation: rotation 2s infinite linear;\r\n}\r\n\r\n@-webkit-keyframes rotation {\r\n from {\r\n -webkit-transform: rotate(0deg);\r\n }\r\n to {\r\n -webkit-transform: rotate(359deg);\r\n }\r\n}\r\n\r\n/* --------Added--------- css*/\r\n\r\n#sidebar li a.active {\r\n background: $white;\r\n a[data-toggle=\"collapse\"] {\r\n background: #fff;\r\n }\r\n}\r\n\r\n.line-divide {\r\n border: 1px solid rgba(218, 216, 219, 0.2);\r\n}\r\n\r\n.activity {\r\n position: relative;\r\n border-left: 1px solid rgba(0, 0, 0, 0.125);\r\n margin-left: 16px;\r\n}\r\n\r\n.user-profile .box {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n transform: translateY(-50%);\r\n text-align: center;\r\n padding: 20px;\r\n box-sizing: border-box;\r\n width: 100%;\r\n .img {\r\n width: 120px;\r\n height: 120px;\r\n margin: 0 auto;\r\n border-radius: 50%;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.userlist a:hover {\r\n color: $white;\r\n opacity: 0.9;\r\n}\r\n\r\n.username {\r\n font-weight: 400;\r\n font-size: 20px;\r\n line-height: 20px;\r\n color: $white;\r\n margin-top: 20px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n + p {\r\n color: #f2f2f2;\r\n font-size: 13px;\r\n line-height: 15px;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n.error-template h2 {\r\n font-size: 3.5rem;\r\n}\r\n\r\n.counters h3 {\r\n font-weight: 400;\r\n}\r\n\r\n#user-profile {\r\n h2 {\r\n padding-right: 15px;\r\n }\r\n .profile-img {\r\n padding: 4px;\r\n }\r\n .profile-label {\r\n text-align: center;\r\n .label {\r\n padding: 5px 15px;\r\n font-size: 1em;\r\n }\r\n }\r\n .profile-details {\r\n ul {\r\n padding: 0;\r\n margin-top: 0;\r\n margin-bottom: 0;\r\n margin-left: 40px;\r\n > li {\r\n margin: 3px 0;\r\n line-height: 1.5;\r\n }\r\n }\r\n a > i {\r\n padding-top: 2px;\r\n }\r\n ul > li > span {\r\n color: #643ba2;\r\n }\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n #user-profile {\r\n .profile-social {\r\n margin-top: 20px;\r\n }\r\n }\r\n .dropdown .avatar.profile-user {\r\n width: 2rem !important;\r\n height: 2rem !important;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 420px) {\r\n #user-profile {\r\n .profile-message-btn .btn {\r\n display: block;\r\n }\r\n }\r\n .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-top{\r\n left: 0 !important;\r\n float: none;\r\n }\r\n .multi-wrapper .non-selected-wrapper, .multi-wrapper .selected-wrapper{\r\n width: 100%;\r\n }\r\n .header .dropdown.shopping-cart .dropdown-menu {\r\n min-width: 18rem !important;\r\n }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n body {\r\n &.search-show,\r\n &.sidebar-show {\r\n overflow: hidden;\r\n }\r\n &.search-show:before,\r\n &.sidebar-show:before {\r\n content: \"\";\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: $black-4;\r\n opacity: 0.6;\r\n z-index: 891;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n body.search-show .header .form-inline .search-element {\r\n display: block;\r\n }\r\n .header .form-inline .search-element .form-control {\r\n float: left;\r\n width: 100%;\r\n height: 40px;\r\n margin: 0 auto;\r\n background: $white;\r\n border-radius: 0;\r\n }\r\n .search-show .search-element {\r\n display: block;\r\n left: 0;\r\n top: 0;\r\n right: 0;\r\n width: 100%;\r\n padding: 10px 13px;\r\n }\r\n .form-control.header-search {\r\n color: $black;\r\n }\r\n .header {\r\n .form-inline {\r\n .search-element {\r\n position: absolute;\r\n z-index: 892;\r\n display: none;\r\n }\r\n .btn {\r\n color: #46494a !important;\r\n }\r\n .form-control::-webkit-input-placeholder {\r\n color: $white !important;\r\n }\r\n }\r\n .navsearch i {\r\n font-size: 20px;\r\n color: $white;\r\n padding-top: 4px;\r\n }\r\n .header-brand-img {\r\n &.desktop-logo {\r\n display: none;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.server i {\r\n width: 50px;\r\n height: 50px;\r\n font-size: 1.5rem;\r\n line-height: 50px;\r\n border-radius: 50%;\r\n text-align: center;\r\n position: relative;\r\n}\r\n\r\n#orders {\r\n position: relative;\r\n bottom: -10px;\r\n height: 102px !important;\r\n width: 100% !important;\r\n}\r\n\r\n#profit {\r\n position: relative;\r\n bottom: -13px;\r\n height: 111px !important;\r\n}\r\n\r\n.overflow-hidden {\r\n overflow: hidden;\r\n}\r\n\r\n.dot-label {\r\n width: 10px;\r\n height: 10px;\r\n display: inline-block;\r\n border-radius: 100%;\r\n margin-right: 5px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .page-header .breadcrumb {\r\n flex-wrap: wrap;\r\n margin-bottom: 0;\r\n list-style: none;\r\n margin-top: 5px;\r\n }\r\n}\r\n\r\n.settings {\r\n content: \"\\e8c3\";\r\n top: -7px;\r\n font-size: 18px;\r\n position: absolute;\r\n right: 4px;\r\n font-family: \"feather\";\r\n z-index: 1029;\r\n line-height: 1;\r\n color: $white;\r\n -webkit-transition: 0.3s ease-in-out;\r\n transition: 0.3s ease-in-out;\r\n -webkit-animation: anim-rotate 1.5s linear infinite;\r\n animation: anim-rotate 1.5s linear infinite;\r\n}\r\n\r\n.member {\r\n width: 100%;\r\n float: left;\r\n background: $white;\r\n border: 1px solid #e6eaea;\r\n padding: 3px;\r\n position: relative;\r\n overflow: hidden;\r\n text-decoration: none !important;\r\n}\r\n\r\n.floating {\r\n animation: floating 3s ease infinite;\r\n will-change: transform;\r\n &:hover {\r\n animation-play-state: paused;\r\n }\r\n}\r\n\r\n.floating-lg {\r\n animation: floating-lg 3s ease infinite;\r\n}\r\n\r\n.floating-sm {\r\n animation: floating-sm 3s ease infinite;\r\n}\r\n\r\n@keyframes floating-lg {\r\n 0% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(15px);\r\n }\r\n 100% {\r\n transform: translateY(0px);\r\n }\r\n}\r\n\r\n@keyframes floating {\r\n 0% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n transform: translateY(0px);\r\n }\r\n}\r\n\r\n@keyframes floating-sm {\r\n 0% {\r\n transform: translateY(0px);\r\n }\r\n 50% {\r\n transform: translateY(5px);\r\n }\r\n 100% {\r\n transform: translateY(0px);\r\n }\r\n}\r\n\r\n.statistics-info .counter-icon {\r\n i {\r\n font-size: 1.2rem;\r\n }\r\n margin-bottom: 1rem;\r\n display: inline-flex;\r\n width: 4rem;\r\n height: 4rem;\r\n padding: 1.3rem 1.4rem;\r\n border-radius: 50%;\r\n text-align: center;\r\n}\r\n\r\n.service .item-box i {\r\n font-size: 35px;\r\n}\r\n\r\n.productdesc {\r\n .list-unstyled li {\r\n border-bottom: 0 !important;\r\n margin-bottom: 18px;\r\n }\r\n i {\r\n color: inherit;\r\n }\r\n}\r\n\r\n@-webkit-keyframes circle {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 40% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n width: 200%;\r\n height: 200%;\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@keyframes circle {\r\n 0% {\r\n opacity: 1;\r\n }\r\n 40% {\r\n opacity: 1;\r\n }\r\n 100% {\r\n width: 200%;\r\n height: 200%;\r\n opacity: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 988px) {\r\n .note-toolbar {\r\n display: block !important;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 1279px) and (min-width: 992px) {\r\n #orders {\r\n position: relative;\r\n bottom: -6px;\r\n height: 102px !important;\r\n width: 100% !important;\r\n left: -6px;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 998px) and (min-width: 768px) {\r\n .note-popover .popover-content,\r\n .card-header.note-toolbar {\r\n padding: 14px 0 5px 5px !important;\r\n margin: 0;\r\n background: #f6f6fb;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 490px) {\r\n #smartwizard .nav-link {\r\n padding: 15px 21px;\r\n }\r\n}\r\n\r\n@media (max-width: 495px) {\r\n .nested-media .media {\r\n display: block;\r\n }\r\n}\r\n\r\n.material-switch > {\r\n input[type=\"checkbox\"] {\r\n display: none;\r\n }\r\n label {\r\n cursor: pointer;\r\n height: 0px;\r\n position: relative;\r\n width: 40px;\r\n &::before {\r\n background: #76839a;\r\n box-shadow: inset 0px 0px 10px rgba(228, 229, 237, 0.5);\r\n border-radius: 8px;\r\n content: \"\";\r\n height: 16px;\r\n margin-top: -8px;\r\n position: absolute;\r\n opacity: 0.3;\r\n transition: all 0.4s ease-in-out;\r\n width: 40px;\r\n }\r\n &::after {\r\n background: rgb(255, 255, 255);\r\n border-radius: 16px;\r\n box-shadow: 0px 0px 5px rgba(228, 229, 237, 0.9);\r\n content: \"\";\r\n height: 24px;\r\n left: -4px;\r\n margin-top: -8px;\r\n position: absolute;\r\n top: -4px;\r\n transition: all 0.3s ease-in-out;\r\n width: 24px;\r\n }\r\n }\r\n input[type=\"checkbox\"]:checked + label {\r\n &::before {\r\n background: inherit;\r\n opacity: 0.5;\r\n }\r\n &::after {\r\n background: inherit;\r\n left: 20px;\r\n }\r\n }\r\n}\r\n\r\n.counter-icon {\r\n margin-bottom: 1rem;\r\n width: 4.5rem;\r\n height: 4.5rem;\r\n line-height: 4rem;\r\n text-align: center;\r\n font-size: 24px;\r\n}\r\n\r\n.light-logo,\r\n.light-logo1,\r\n.mobile-light {\r\n display: none;\r\n}\r\n\r\n.hor-menu .desktop-logo {\r\n margin-right: 0;\r\n}\r\n\r\n.hor-content {\r\n min-height: calc(100vh - 56px) !important;\r\n}\r\n\r\n.sw-theme-default > ul.step-anchor > li > a::after {\r\n background: none !important;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .sticky {\r\n width: 100%;\r\n }\r\n .sticky-pin {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n z-index: 999;\r\n }\r\n .product-grid6 .product-image6 img {\r\n width: 100%;\r\n height: auto;\r\n }\r\n .hor-content .container,\r\n .hor-header .container,\r\n .horizontal-main.hor-menu .container {\r\n max-width: 85%;\r\n }\r\n}\r\n\r\n.input-group-btn .btn {\r\n border-radius: 0 4px 4px 0;\r\n}\r\n\r\n.card-body.scroll {\r\n overflow: hidden;\r\n}\r\n\r\n.border-transparet {\r\n border-color: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.breadcrumb .breadcrumb-item.active {\r\n color: $primary-1;\r\n}\r\n\r\n.breadcrumb-item1 a {\r\n color: $primary-1;\r\n}\r\n\r\n.input-group.input-indec .form-control {\r\n border-color: $border;\r\n}\r\n\r\n/*********************IE***************************/\r\n\r\n*::-ms-backdrop,\r\nhtml.fullscreenie .app-content {\r\n overflow: scroll;\r\n overflow-x: hidden;\r\n height: 100vh;\r\n}\r\n\r\n*::-ms-backdrop,\r\nhtml.fullscreenie .container.app-content {\r\n min-height: 0;\r\n}\r\n\r\n*::-ms-backdrop,\r\nhtml.fullscreenie {\r\n width: 100%;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.ieh-100 {\r\n height: 100%;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.mail-chats li.chat-persons {\r\n height: 100%;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.card-img-top {\r\n height: 252px;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.custom-control-label::before,\r\n*::-ms-backdrop,\r\n.custom-control-label::after {\r\n left: -25px;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.media-body,\r\n.media-left,\r\n.media-right {\r\n display: block;\r\n}\r\n\r\n*::-ms-backdrop,\r\n.resp-vtabs .resp-tabs-list li {\r\n display: block;\r\n}\r\n\r\n@media (min-width: 1135px) {\r\n .main-header-center .form-control {\r\n width: 350px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-header-center .form-control {\r\n height: 40px;\r\n border-radius: 7px;\r\n background: #ffffff;\r\n border: 1px solid $border;\r\n }\r\n}\r\n\r\n.main-header-center .form-control {\r\n padding: 1rem 1.03rem;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-header-center .btn {\r\n position: absolute;\r\n top: 0;\r\n right: 5px;\r\n background-color: transparent;\r\n height: 40px;\r\n color: #b4bdce;\r\n transition: none;\r\n font-size: 16px;\r\n }\r\n}\r\n\r\n.header .btn {\r\n // position: absolute;\r\n // top: -2px;\r\n}\r\n\r\n.header .main-header-center {\r\n position: relative;\r\n padding-left: 0px;\r\n align-items: center;\r\n}\r\n\r\n.pulse-danger {\r\n display: block;\r\n position: absolute;\r\n top: 7px;\r\n right: 8px;\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #ee335e;\r\n}\r\n\r\n.pulse-danger:before {\r\n content: \"\";\r\n top: -4px;\r\n right: -4px;\r\n width: 15px;\r\n height: 15px;\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(238, 51, 94, 0.8);\r\n cursor: pointer;\r\n box-shadow: 0 0 0 rgba(238, 51, 94, 0.9);\r\n animation: pulse 2s infinite;\r\n}\r\n\r\n@-webkit-keyframes pulse {\r\n 0% {\r\n -webkit-transform: scale(0);\r\n opacity: 0;\r\n }\r\n 8% {\r\n -webkit-transform: scale(0);\r\n opacity: 0;\r\n }\r\n 15% {\r\n -webkit-transform: scale(0.1);\r\n opacity: 1;\r\n }\r\n 30% {\r\n -webkit-transform: scale(0.5);\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(1.1);\r\n }\r\n}\r\n\r\n@-moz-keyframes pulse {\r\n 0% {\r\n -webkit-transform: scale(0);\r\n opacity: 0;\r\n }\r\n 8% {\r\n -webkit-transform: scale(0);\r\n opacity: 0;\r\n }\r\n 15% {\r\n -webkit-transform: scale(0.1);\r\n opacity: 1;\r\n }\r\n 30% {\r\n -webkit-transform: scale(0.5);\r\n opacity: 1;\r\n }\r\n 100% {\r\n opacity: 0;\r\n -webkit-transform: scale(1.1);\r\n }\r\n}\r\n\r\n.pulse {\r\n display: block;\r\n position: absolute;\r\n top: 7px;\r\n right: 8px;\r\n left: 22px;\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #22c03c;\r\n}\r\n\r\n.pulse:before {\r\n content: \"\";\r\n top: -4px;\r\n right: -4px;\r\n width: 15px;\r\n height: 15px;\r\n position: absolute;\r\n border-radius: 50%;\r\n background: rgba(34, 192, 60, 0.6);\r\n cursor: pointer;\r\n box-shadow: 0 0 0 rgba(34, 192, 60, 0.9);\r\n animation: pulse 1s linear infinite;\r\n}\r\n\r\n.progress.info1 {\r\n background: #fed5db;\r\n}\r\n\r\n.progress.secondary {\r\n background: #f9d1bd;\r\n}\r\n\r\n.header-right-icons .nav-link.icon {\r\n margin: 5px;\r\n padding: 9px !important;\r\n text-align: center;\r\n height: 2.5rem;\r\n font-size: 1.2rem;\r\n position: relative;\r\n color: $primary-1;\r\n}\r\n\r\na.icon:hover {\r\n color: $primary-1 !important;\r\n}\r\n\r\n.avatar {\r\n display: inline-block;\r\n position: relative;\r\n text-align: center;\r\n color: #fff;\r\n font-weight: 500;\r\n vertical-align: bottom;\r\n font-size: 0.875rem;\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.badge-success-light {\r\n background-color: rgba(19, 191, 27, 0.15) !important;\r\n color: #13bf1b;\r\n}\r\n\r\n.badge-orange-light {\r\n color: #e17626;\r\n background-color: rgba(225, 118, 38, 0.15);\r\n}\r\n\r\n.badge-danger-light {\r\n color: #f33819;\r\n background-color: rgba(243, 56, 25, 0.15);\r\n}\r\n\r\n.fa-user-plus:before {\r\n content: \"\\f234\";\r\n}\r\n\r\n.activity-details {\r\n margin-left: 15px;\r\n width: 80%;\r\n margin-top: 6px;\r\n}\r\n\r\n.chart-circle-sm {\r\n height: 4rem;\r\n width: 4rem;\r\n font-size: 0.8rem;\r\n}\r\n\r\n.chart-circle {\r\n display: block;\r\n height: 8rem;\r\n width: 8rem;\r\n position: relative;\r\n margin: 0 auto;\r\n}\r\n\r\nsmall,\r\n.small {\r\n font-size: 80%;\r\n font-weight: 400;\r\n}\r\n\r\n.fa-facebook-f:before {\r\n content: \"\\f39e\";\r\n}\r\n\r\n.fa-instagram:before {\r\n content: \"\\f16d\";\r\n}\r\n\r\n.fa-twitter:before {\r\n content: \"\\f099\";\r\n}\r\n\r\n.browser-stats {\r\n min-height: 70px;\r\n img {\r\n background: #f3f3fb;\r\n padding: 10px;\r\n border-radius: 50px;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n}\r\n\r\n@media (max-width: 320px) {\r\n .sidebar-mini .responsive-navbar .navbar-collapse,\r\n .responsive-navbar .navbar-collapse {\r\n margin-top: 72px !important;\r\n }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .app-header .header-right-icons .responsive-navbar .nav-link.icon {\r\n margin: 13px 3px !important;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .sidenav-toggled .app-header.header {\r\n padding-left: 0px !important;\r\n }\r\n .sidenav-toggled .header-brand1 .light-logo {\r\n display: none !important;\r\n }\r\n .header-brand1 {\r\n width: 100%;\r\n margin: 0 auto;\r\n }\r\n .header-brand1 .light-logo1 {\r\n margin-top: 7px !important;\r\n margin: 0 auto;\r\n }\r\n .app-header {\r\n position: fixed !important;\r\n z-index: 999999 !important;\r\n }\r\n .side-menu {\r\n padding: 0px !important;\r\n }\r\n .app-content .side-app {\r\n padding: 0px 15px 0 15px !important;\r\n }\r\n .app-header .header-right-icons .nav-link.icon {\r\n margin: 3px;\r\n height: 2.3rem;\r\n width: 2.3rem;\r\n }\r\n .sidebar-mini .responsive-navbar .navbar-collapse,\r\n .responsive-navbar .navbar-collapse {\r\n margin-top: 72px !important;\r\n }\r\n .header .header-right-icons .demo-icon.nav-link.icon{\r\n margin-bottom: 0;\r\n margin-top: 1px;\r\n }\r\n .sidebar-mini .app-sidebar {\r\n top: 69px;\r\n }\r\n .sidebar-mini .side-menu {\r\n margin-top: 0px !important;\r\n }\r\n}\r\n.sidebar-mini .side-menu {\r\n margin-top: 19px;\r\n}\r\n@media (max-width: 767px) {\r\n .sidebar-mini .responsive-navbar .navbar-collapse,\r\n .responsive-navbar .navbar-collapse {\r\n margin-top: 72px !important;\r\n }\r\n .sidebar-mini .side-menu {\r\n margin-top: 2px !important;\r\n }\r\n .card-img-left {\r\n border-radius: 7px 7px 0 0 !important;\r\n width: 100%;\r\n }\r\n .card-img-right {\r\n border-radius: 0 0 7px 7px !important;\r\n width: 100%;\r\n }\r\n}\r\n@media (max-width: 991px) {\r\n .main-header-center {\r\n .form-control {\r\n display: none !important;\r\n }\r\n .btn {\r\n display: none !important;\r\n }\r\n }\r\n .app-header.header .header-brand-img.toggle-logo {\r\n display: none;\r\n }\r\n .app-header.header .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .dropdown-menu.header-search:before {\r\n left: 15px !important;\r\n }\r\n .header .dropdown-menu {\r\n margin-top: 16px !important;\r\n }\r\n}\r\n\r\n.box-shadow-primary {\r\n box-shadow: 0 5px 10px $primary-03;\r\n}\r\n\r\n.box-shadow-secondary {\r\n box-shadow: 0 5px 10px #e1f1f9;\r\n}\r\n\r\n.box-shadow-success {\r\n box-shadow: 0 5px 10px #beefe7;\r\n}\r\n\r\n.box-shadow-danger {\r\n box-shadow: 0 5px 10px #efc2c9;\r\n}\r\n.box-shadow-pink {\r\n box-shadow: 0 5px 10px #fdc5db;\r\n}\r\n\r\n.sidebar .tab-menu-heading {\r\n background: $primary-1;\r\n color: #fff;\r\n}\r\n\r\n.sidebar-right {\r\n .tab-content i {\r\n font-size: 16px;\r\n line-height: 2;\r\n border-radius: 50%;\r\n height: 35px;\r\n width: 35px;\r\n text-align: center;\r\n }\r\n .dropdown-item h6 {\r\n color: $default-color;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n.nav.panel-tabs a.active {\r\n color: $primary-1;\r\n}\r\n\r\n.nav.panel-tabs.panel-secondary a.active {\r\n background-color: $secondary !important;\r\n color: $white;\r\n}\r\n\r\n.nav.panel-tabs.panel-secondary a {\r\n color: $secondary;\r\n}\r\n\r\n.nav.panel-tabs.panel-danger a.active {\r\n background-color: $danger !important;\r\n color: $white;\r\n}\r\n\r\n.nav.panel-tabs.panel-danger a {\r\n color: $danger;\r\n}\r\n\r\n.nav.panel-tabs.panel-success a {\r\n color: $success;\r\n}\r\n\r\n.nav.panel-tabs.panel-success a.active {\r\n background-color: $success !important;\r\n color: $white;\r\n}\r\n\r\n.nav.panel-tabs.panel-info a {\r\n color: $info;\r\n}\r\n\r\n.nav.panel-tabs.panel-info a.active {\r\n background-color: $info !important;\r\n color: $white;\r\n}\r\n\r\n.task-list {\r\n list-style: none;\r\n position: relative;\r\n margin: 0;\r\n padding: 0px 0 0;\r\n color: #3c4858;\r\n}\r\n\r\n.task-list li {\r\n margin-bottom: 23px;\r\n padding-left: 55px;\r\n position: relative;\r\n}\r\n\r\n.task-list li .task-icon {\r\n position: absolute;\r\n left: 10px;\r\n top: 5px;\r\n border-radius: 50%;\r\n padding: 2px;\r\n width: 12px;\r\n height: 12px;\r\n z-index: 2;\r\n}\r\n\r\n.task-list {\r\n &:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 4px;\r\n bottom: 0;\r\n height: 90%;\r\n left: 15px;\r\n border-left: 1px solid #e0e9f1;\r\n }\r\n li {\r\n position: relative;\r\n &:last-child:after {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n.cart-img {\r\n height: 55px !important;\r\n width: 55px;\r\n border-radius: 10px !important;\r\n}\r\n\r\n.mail-inbox .icons {\r\n text-align: center;\r\n font-size: 16px;\r\n color: #565b95 !important;\r\n margin-right: 8px;\r\n}\r\n\r\n[class^=\"ri-\"],\r\n[class*=\" ri-\"] {\r\n font-family: \"remixicon\" !important;\r\n font-style: normal;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.ri-mail-line:before {\r\n content: \"\\eef6\";\r\n}\r\n\r\n.table-inbox tr td i {\r\n color: #e6e9f1;\r\n}\r\n\r\n.table-inbox tr td i:hover {\r\n color: #f7284a;\r\n}\r\n\r\n.table-inbox tr td .fa-star:hover {\r\n color: #fbc518;\r\n}\r\n\r\n.mail-option {\r\n display: inline-block;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n}\r\n\r\n.mail-option .btn-group a.btn,\r\n.mail-option .chk-all {\r\n border: 1px solid #e9ebfa;\r\n border-radius: 3px !important;\r\n display: inline-block;\r\n padding: 5px 10px;\r\n}\r\n\r\n.mail-option .btn-group,\r\n.mail-option .chk-all {\r\n margin-right: 5px;\r\n}\r\n\r\n.mail-option .btn-group,\r\n.mail-option .chk-all {\r\n margin-right: 5px;\r\n}\r\n\r\n.btn-group,\r\n.btn-group-vertical {\r\n position: relative;\r\n display: -ms-inline-flexbox;\r\n display: inline-flex;\r\n vertical-align: middle;\r\n}\r\n\r\n.mail-option .btn-group a.all {\r\n border: 0 !important;\r\n padding: 0 !important;\r\n outline: 0;\r\n box-shadow: none;\r\n}\r\n\r\nul.inbox-pagination {\r\n float: right;\r\n}\r\n\r\nul.inbox-pagination li {\r\n float: left;\r\n}\r\n\r\n.inbox-pagination li span {\r\n display: inline-block;\r\n margin-right: 5px;\r\n margin-top: 7px;\r\n}\r\n\r\n.inbox-pagination a.np-btn {\r\n margin-left: 5px;\r\n}\r\n\r\n.inbox-pagination a.np-btn {\r\n border: 1px solid #e9ebfa;\r\n border-radius: 3px !important;\r\n display: inline-block;\r\n padding: 5px 15px;\r\n}\r\n\r\n.acc-header a.collapsed {\r\n border-radius: 5px;\r\n border: 1px solid #e9ebfa;\r\n}\r\n\r\n.acc-header a {\r\n display: block;\r\n padding: 15px;\r\n font-size: 14px;\r\n background-color: #f6f6fb;\r\n border-bottom: 0;\r\n border: 1px solid #e9ebfa;\r\n border-radius: 5px;\r\n}\r\n\r\n.acc-header a.active {\r\n border-radius: 5px 5px 0 0;\r\n}\r\n\r\n.acc-header a.active span {\r\n transform: rotate(-90deg);\r\n}\r\n\r\n.acc-header a.active.collapsed {\r\n border-radius: 5px;\r\n}\r\n\r\n.acc-card .collapse.show .acc-body {\r\n border-top: 0;\r\n}\r\n\r\n.acc-body {\r\n padding: 15px;\r\n border: 1px solid #e9ebfa;\r\n border-top: 0;\r\n border-radius: 0 0 5px 5px;\r\n}\r\n\r\n.card-pay .tabs-menu {\r\n margin-bottom: 25px;\r\n // border-radius: 7px;\r\n overflow: hidden;\r\n}\r\n\r\n.card-pay .tabs-menu li {\r\n width: 33.3%;\r\n display: block;\r\n}\r\n\r\n.card-pay .tabs-menu li a.active {\r\n background: $primary-1;\r\n color: #fff;\r\n text-align: center;\r\n}\r\n\r\n.card-pay .tabs-menu li a {\r\n padding: 0.7rem 1rem;\r\n display: block;\r\n text-align: center;\r\n border: 1px solid $border;\r\n color: $default-color;\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .card-pay .tabs-menu li {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.form-wizard-title {\r\n line-height: 25px;\r\n margin-left: 10px;\r\n}\r\n\r\n.acc-step-number {\r\n padding: 0;\r\n width: 25px;\r\n height: 25px;\r\n line-height: 25px;\r\n}\r\n\r\n.main-content-label,\r\n.card-table-two .card-title,\r\n.card-dashboard-eight .card-title {\r\n color: #1d212f;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n margin-bottom: 10px;\r\n letter-spacing: 0.2px;\r\n}\r\n\r\n.social-login {\r\n width: 40px;\r\n height: 40px;\r\n background: $primary-01;\r\n border-radius: 10px;\r\n line-height: 40px;\r\n font-size: 18px;\r\n border: 1px solid $border;\r\n}\r\n\r\n.error-bg {\r\n border-top-left-radius: 6px;\r\n border-bottom-left-radius: 6px;\r\n position: relative;\r\n background-size: cover;\r\n background-position: center;\r\n z-index: 0;\r\n background: url(../images/pngs/bg.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n}\r\n\r\n.user-social-detail .social-profile {\r\n height: 35px;\r\n width: 35px;\r\n background: #f6f6fb;\r\n font-size: 16px;\r\n line-height: 2.3;\r\n}\r\n\r\n.row.user-social-detail {\r\n margin: 0 auto;\r\n justify-content: center;\r\n}\r\n\r\n.sidebar {\r\n .list-group-flush .list-group-item {\r\n border-bottom: 0;\r\n }\r\n .tabs-menu ul li a {\r\n padding: 15px 17px 15px 22px;\r\n border-radius: 0 !important;\r\n }\r\n}\r\n\r\n.sticky.sticky-pin .horizontal-main.hor-menu {\r\n box-shadow: 5px 7px 26px -5px rgba(104, 113, 123, 0.1);\r\n}\r\n\r\n.mini-stat-icon {\r\n padding: 8px 12px;\r\n color: $white;\r\n display: block;\r\n border-radius: 50px;\r\n}\r\n\r\n.product-grid6 {\r\n overflow: hidden;\r\n .product-image6 {\r\n overflow: hidden;\r\n }\r\n &:hover {\r\n border-radius: 7px;\r\n }\r\n .product-image6 {\r\n a {\r\n display: block;\r\n }\r\n img {\r\n transition: all 0.5s ease 0s;\r\n margin: auto;\r\n display: block;\r\n }\r\n }\r\n .product-content {\r\n transition: all 0.5s ease 0s;\r\n padding: 0;\r\n }\r\n .title {\r\n font-size: 16px;\r\n font-weight: 500;\r\n text-transform: capitalize;\r\n margin: 0 0 10px;\r\n transition: all 0.3s ease 0s;\r\n margin-bottom: 7px;\r\n }\r\n .price {\r\n font-size: 18px;\r\n font-weight: 600;\r\n span {\r\n color: #76839a;\r\n font-size: 15px;\r\n font-weight: 400;\r\n text-decoration: line-through;\r\n margin-left: 7px;\r\n display: inline-block;\r\n }\r\n }\r\n .icons-wishlist {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n right: 25px;\r\n top: 30px;\r\n text-align: center;\r\n position: absolute;\r\n z-index: 1;\r\n transition: all 0.5s ease 0s;\r\n text-align: right;\r\n opacity: 1;\r\n bottom: 33px;\r\n }\r\n .icons-wishlist li {\r\n display: block;\r\n margin: 5px;\r\n .btn {\r\n font-size: 15px;\r\n line-height: 35px;\r\n text-align: center;\r\n height: 35px;\r\n width: 35px;\r\n margin: 2px 7px;\r\n padding: 0;\r\n border-radius: 50px;\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n min-width: inherit;\r\n i {\r\n color: inherit;\r\n }\r\n &:hover {\r\n color: $white;\r\n }\r\n &:after,\r\n &:before {\r\n content: attr(data-tip);\r\n color: $white;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n padding: 1px 5px;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n left: 50%;\r\n top: -30px;\r\n }\r\n &:after {\r\n content: \"\";\r\n height: 15px;\r\n width: 15px;\r\n border-radius: 0;\r\n transform: translateX(-50%) rotate(45deg);\r\n top: -20px;\r\n z-index: -1;\r\n }\r\n &:hover {\r\n &:after,\r\n &:before {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n .icons {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n opacity: 0;\r\n right: 25px;\r\n top: 30px;\r\n text-align: center;\r\n position: absolute;\r\n bottom: -3px;\r\n z-index: 1;\r\n transition: all 0.5s ease 0s;\r\n text-align: right;\r\n }\r\n &:hover .icons {\r\n opacity: 1;\r\n bottom: 33px;\r\n }\r\n .icons li {\r\n display: block;\r\n margin: 5px;\r\n .btn {\r\n font-size: 15px;\r\n line-height: 35px;\r\n text-align: center;\r\n height: 35px;\r\n width: 35px;\r\n margin: 2px 7px;\r\n padding: 0;\r\n border-radius: 50px;\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n min-width: inherit;\r\n i {\r\n color: inherit;\r\n }\r\n &:hover {\r\n color: $white;\r\n }\r\n &:after,\r\n &:before {\r\n content: attr(data-tip);\r\n color: $white;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n padding: 1px 5px;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n left: 50%;\r\n top: -30px;\r\n }\r\n &:after {\r\n content: \"\";\r\n height: 15px;\r\n width: 15px;\r\n border-radius: 0;\r\n transform: translateX(-50%) rotate(45deg);\r\n top: -20px;\r\n z-index: -1;\r\n }\r\n &:hover {\r\n &:after,\r\n &:before {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.light-layout {\r\n display: none;\r\n}\r\n\r\n.apexcharts-radialbar-track.apexcharts-track path {\r\n stroke: #f6f6fb;\r\n}\r\n\r\n.apex-charts text {\r\n fill: #000200;\r\n}\r\n\r\n.flot-background {\r\n position: absolute;\r\n left: 0px;\r\n right: 0px;\r\n height: 300px;\r\n top: 0;\r\n}\r\n\r\n.bg-recentorder {\r\n background-image: url(\"../images/media/bg2.jpg\");\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n position: relative;\r\n}\r\n.bg-recentorder {\r\n h3 {\r\n position: inherit;\r\n }\r\n &:before {\r\n content: \"\";\r\n width: 100%;\r\n height: 100%;\r\n position: absolute;\r\n background: linear-gradient(to right, $primary-1 100%, rgba(142, 119, 250, 0.1) 0%);\r\n right: 0;\r\n left: 0;\r\n top: 0;\r\n opacity: 0.7;\r\n }\r\n}\r\n\r\n/*--- Offcanvas ---*/\r\n\r\n.offcanvas-header h5 {\r\n font-weight: 500;\r\n}\r\n\r\n.offcanvas-start {\r\n border-right: 1px solid $border;\r\n}\r\n\r\n.offcanvas-end {\r\n border-left: 1px solid $border;\r\n}\r\n\r\n.offcanvas-bottom {\r\n border-top: 1px solid $border;\r\n}\r\n\r\n.offcanvas-top {\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\n/*--Toast ---*/\r\n\r\n.toast {\r\n border: 1px solid $border;\r\n box-shadow: 0 0.5rem 1rem rgba(104, 113, 123, 0.1);\r\n}\r\n\r\n.toast.showing {\r\n opacity: 1;\r\n}\r\n\r\n.world-map circle:nth-child(2) {\r\n fill: $danger;\r\n}\r\n\r\n.world-map circle:nth-child(3) {\r\n fill: $secondary;\r\n}\r\n\r\n.world-map circle:nth-child(4) {\r\n fill: $success;\r\n}\r\n\r\n.world-map circle:nth-child(5) {\r\n fill: $warning;\r\n}\r\n\r\n.circle-burst {\r\n animation: pulse 1.5s infinite linear;\r\n}\r\n\r\n.feeds.avatar-circle {\r\n display: inline-block;\r\n position: relative;\r\n text-align: center;\r\n width: 2rem;\r\n height: 2rem;\r\n}\r\n\r\n.feeds.avatar-circle::before {\r\n content: \"\";\r\n position: absolute;\r\n left: -15px;\r\n padding: 1px;\r\n height: 25px;\r\n background: $primary-1;\r\n top: 4px;\r\n}\r\n\r\n.feeds.avatar-circle-secondary::before {\r\n background: $secondary;\r\n}\r\n\r\n.feeds.avatar-circle-danger::before {\r\n background: $danger;\r\n}\r\n\r\n.feeds.avatar-circle-warning::before {\r\n background: $warning;\r\n}\r\n\r\n.feeds.avatar-circle-pink::before {\r\n background: $pink;\r\n}\r\n\r\n.feeds.avatar-circle-info::before {\r\n background: $info;\r\n}\r\n\r\n.task-icon1:first-child {\r\n border: 2px solid $primary-1;\r\n}\r\n\r\n.task-list li .task-icon1 {\r\n position: absolute;\r\n left: 20px;\r\n top: 2px;\r\n border-radius: 50%;\r\n padding: 2px;\r\n width: 12px;\r\n height: 12px;\r\n z-index: 2;\r\n}\r\n\r\n.nav.product-sale a.active {\r\n background-color: $white;\r\n border-bottom: none;\r\n}\r\n\r\n.nav.product-sale {\r\n position: absolute;\r\n top: -3rem;\r\n right: 5px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .nav.product-sale {\r\n position: inherit;\r\n margin-bottom: 10px;\r\n }\r\n}\r\n\r\n.task-list.timeline-task::before {\r\n left: 25px;\r\n}\r\n\r\n.app-header.header.custom-layout {\r\n position: absolute;\r\n left: -73px;\r\n right: auto;\r\n top: 32px;\r\n}\r\n\r\n.counter-icon.num-counter {\r\n border-radius: 40% 0 40% 0;\r\n}\r\n\r\n.profile-cover__action {\r\n display: -ms-flexbox;\r\n display: -webkit-box;\r\n display: flex;\r\n padding: 252px 30px 10px 185px;\r\n border-radius: 5px;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-pack: end;\r\n -webkit-box-pack: end;\r\n justify-content: flex-end;\r\n overflow: hidden;\r\n background: url(../images/media/profile-background1.jpg) no-repeat;\r\n background-size: cover;\r\n}\r\n\r\n.profile-cover__img {\r\n display: flex;\r\n border-radius: 11px;\r\n color: #fff;\r\n position: absolute;\r\n left: 50px;\r\n top: 183px;\r\n text-align: center;\r\n z-index: 1;\r\n}\r\n\r\n.profile-cover__img .profile-img-1 > img {\r\n max-width: 120px;\r\n border: 5px solid #ffffff;\r\n border-radius: 50%;\r\n margin-top: 55px;\r\n margin-left: -9px;\r\n}\r\n\r\n.profile-cover__img .profile-img-content {\r\n margin-top: 100px;\r\n display: flex;\r\n margin-left: 10px;\r\n}\r\n\r\n.profile-cover__img > .h3 {\r\n color: #393939;\r\n font-size: 20px;\r\n line-height: 30px;\r\n}\r\n\r\n.btn-profile {\r\n position: absolute;\r\n right: 32px;\r\n top: 10px;\r\n}\r\n\r\n.profile-cover__info .nav li {\r\n margin-top: 13px;\r\n margin-bottom: 13px;\r\n font-size: 14px;\r\n color: #464461;\r\n font-weight: 500;\r\n}\r\n\r\n.social.social-profile-buttons .social-icon {\r\n display: inline-block;\r\n width: 2rem;\r\n height: 2rem;\r\n line-height: 2rem;\r\n border-radius: 50%;\r\n background: $primary-01;\r\n border: 1px solid $primary-01;\r\n margin: 2px;\r\n text-align: center;\r\n color: #abb4c7;\r\n}\r\n\r\n.profile-edit {\r\n position: relative;\r\n}\r\n\r\n.profile-edit .form-control {\r\n border-radius: 5px 5px 0px 0px;\r\n}\r\n\r\n.profile-share {\r\n width: 100%;\r\n padding: 10px;\r\n border-radius: 0 0 5px 5px;\r\n border: 1px solid $border;\r\n display: flex;\r\n background: $white;\r\n}\r\n\r\n.option-dots:focus,\r\n.option-dots:hover,\r\n.option-dots[aria-expanded=\"true\"] {\r\n background: #f3f5fb;\r\n}\r\n\r\n.option-dots {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n line-height: 2.5rem;\r\n text-align: center;\r\n border-radius: 100%;\r\n font-size: 18px;\r\n color: #5c678f;\r\n padding: 10px 10px;\r\n}\r\n\r\n@media (min-width: 601px) {\r\n .social-profile-buttons .nav {\r\n margin-right: 28px;\r\n padding: 0px;\r\n color: #999;\r\n font-size: 16px;\r\n line-height: 26px;\r\n font-weight: 300;\r\n text-align: center;\r\n -ms-flex-pack: end;\r\n -webkit-box-pack: end;\r\n justify-content: flex-end;\r\n }\r\n}\r\n\r\n.social-profile-buttons .nav li {\r\n font-size: 14px;\r\n color: #464461;\r\n font-weight: 500;\r\n padding: 0px 10px 0px 10px;\r\n}\r\n\r\n.social-profile-buttons .nav strong {\r\n display: block;\r\n margin-bottom: 10px;\r\n font-size: 24px;\r\n}\r\n\r\n.item2-gl-menu {\r\n border: 1px solid $border;\r\n border-radius: 7px;\r\n}\r\n\r\n.item2-gl-menu li a {\r\n color: $black-5;\r\n}\r\n\r\n.item2-gl-menu li a i {\r\n padding: 8px 15px;\r\n font-size: 20px;\r\n border-radius: 7px;\r\n}\r\n\r\n.item2-gl-menu li .active {\r\n color: $primary-1;\r\n}\r\n\r\n.product-label {\r\n margin-bottom: 0.5rem;\r\n padding: 0.4em 0.6em;\r\n font-size: 75%;\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 7px;\r\n background: rgba(178, 177, 183, 0.1);\r\n float: right;\r\n}\r\n\r\n.ui-widget-header,\r\n.ui-state-default,\r\n.ui-widget-content .ui-state-default,\r\n.ui-widget-header .ui-state-default {\r\n background: $primary-1;\r\n}\r\n\r\n.ui-state-hover,\r\n.ui-widget-content .ui-state-hover,\r\n.ui-widget-header .ui-state-hover,\r\n.ui-state-focus,\r\n.ui-widget-content .ui-state-focus,\r\n.ui-widget-header .ui-state-focus {\r\n border: 1px solid $primary-1 !important;\r\n background: $primary-1 !important;\r\n outline: none;\r\n}\r\n\r\n.product-list:hover .icons {\r\n opacity: 1;\r\n bottom: 33px;\r\n}\r\n\r\n.product-list .icons {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n opacity: 0;\r\n right: 10px;\r\n top: 7px;\r\n text-align: center;\r\n position: absolute;\r\n bottom: -3px;\r\n z-index: 1;\r\n transition: all 0.5s ease 0s;\r\n text-align: right;\r\n}\r\n\r\n.product-list .icons li {\r\n display: block;\r\n margin: 5px;\r\n}\r\n\r\n.product-list .icons li .btn {\r\n font-size: 15px;\r\n line-height: 35px;\r\n text-align: center;\r\n height: 35px;\r\n width: 35px;\r\n margin: 2px 7px;\r\n padding: 0;\r\n border-radius: 50px;\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n min-width: inherit;\r\n}\r\n\r\n.product-list .icons li .btn:after,\r\n.product-list .icons li .btn:before {\r\n content: attr(data-tip);\r\n color: #fff;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n padding: 1px 5px;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n left: 50%;\r\n top: -30px;\r\n}\r\n\r\n.product-list .icons li .btn:after {\r\n content: \"\";\r\n height: 15px;\r\n width: 15px;\r\n border-radius: 0;\r\n transform: translateX(-50%) rotate(45deg);\r\n top: -20px;\r\n z-index: -1;\r\n}\r\n\r\n.product-grid6 .card-footer .btn-outline-primary:hover {\r\n color: $white;\r\n}\r\n\r\n.product-carousel .carousel-inner .carousel-item {\r\n padding: 70px;\r\n border-radius: 5px;\r\n}\r\n\r\n.carousel-slider #thumbcarousel {\r\n margin: 10px 0 0 0;\r\n padding: 0;\r\n}\r\n\r\n.carousel-slider #thumbcarousel .carousel-item .thumb {\r\n width: 100%;\r\n margin: 0px;\r\n display: inline-block;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n max-width: 100px;\r\n}\r\n\r\n.carousel-inner .carousel-item .thumb.active {\r\n border: 1px solid $border;\r\n}\r\n\r\n.carousel-inner .carousel-item .thumb {\r\n padding: 5px;\r\n border: 1px solid $border;\r\n border-radius: 5px;\r\n}\r\n.input-indec1 .input-group-btn .btn i {\r\n padding: 0px;\r\n font-size: 8px;\r\n}\r\n\r\n.input-indec1 .form-control {\r\n border: 0;\r\n}\r\n\r\n.customer-services .icon-content {\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.customer-services span {\r\n background-color: #fff;\r\n color: $primary-1;\r\n font-size: 32px;\r\n border-radius: 50px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.customer-services span svg {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 100%;\r\n}\r\n\r\n.customer-services h4 {\r\n font-size: 16px;\r\n margin-left: 27px;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n line-height: 1;\r\n margin-bottom: 0;\r\n}\r\n\r\n.customer-services {\r\n padding: 21px;\r\n border: 1px solid $border;\r\n border-radius: 5px;\r\n}\r\n\r\n.disable {\r\n opacity: 0.5 !important;\r\n}\r\n\r\n.login-social-icon {\r\n display: block;\r\n position: relative;\r\n text-align: center;\r\n margin: 20px 0;\r\n}\r\n\r\n.login-social-icon::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 28%;\r\n height: 1px;\r\n left: 0;\r\n right: 0;\r\n background-color: #e9e9ef;\r\n top: 10px;\r\n}\r\n.login-social-icon::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 28%;\r\n height: 1px;\r\n left: auto;\r\n right: 0;\r\n background-color: #e9e9ef;\r\n top: 10px;\r\n}\r\n\r\n.login-social-icon span {\r\n position: relative;\r\n font-size: 13px;\r\n font-weight: 500;\r\n letter-spacing: 1px;\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 4px;\r\n}\r\n\r\n.custom-layout {\r\n position: absolute;\r\n top: 50px;\r\n right: 50px;\r\n color: #fff;\r\n z-index: 1;\r\n}\r\n\r\n.custom-layout .nav-link.icon i {\r\n color: $white !important;\r\n box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 50px;\r\n padding: 10px;\r\n}\r\n.custom-layout .nav-link.icon i::after {\r\n background-color: transparent;\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .custom-layout {\r\n top: 7px;\r\n right: 7px;\r\n }\r\n}\r\n\r\n.dark-mode .custom-layout .nav-link.icon i {\r\n color: $white !important;\r\n}\r\n\r\n.avatar .avatar-icons i {\r\n font-size: 0.74rem;\r\n padding-top: 2px;\r\n display: block;\r\n}\r\n\r\n.country-selector {\r\n padding: 0.3rem;\r\n}\r\n\r\n.country-selector .nav-link {\r\n color: #495046;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .country {\r\n padding-right: 0px;\r\n }\r\n}\r\n\r\n.services-statistics .counter-icon {\r\n margin-bottom: 1.5rem;\r\n margin-top: 14px;\r\n display: inline-flex;\r\n width: 4rem;\r\n height: 4rem;\r\n padding: 1.3rem 1.4rem;\r\n border-radius: 7px;\r\n text-align: center;\r\n}\r\n\r\n.pickr .pcr-button {\r\n margin-top: 10px;\r\n}\r\n\r\n.theme-container .active {\r\n border: 1px solid $primary-1;\r\n padding: 5px 10px;\r\n background: white;\r\n border-radius: 5px;\r\n color: $primary-1;\r\n margin-right: 5px;\r\n}\r\n\r\n.theme-container1 .active {\r\n border: 1px solid $pink;\r\n padding: 5px 10px;\r\n background: white;\r\n border-radius: 5px;\r\n color: $pink;\r\n margin-right: 5px;\r\n}\r\n\r\n.theme-container2 .active {\r\n border: 1px solid $secondary;\r\n padding: 5px 10px;\r\n background: white;\r\n border-radius: 5px;\r\n color: $secondary;\r\n margin-right: 5px;\r\n}\r\n\r\n.pickr .pcr-button::before {\r\n border-radius: 5px !important;\r\n}\r\n\r\n.pickr .pcr-button::after {\r\n border-radius: 5px !important;\r\n}\r\n\r\n.pickr {\r\n text-align: center;\r\n}\r\n\r\n.settings-icon {\r\n border: 1px solid $primary-1;\r\n border-radius: 10px;\r\n padding: 11px 15px;\r\n font-size: 20px;\r\n}\r\n\r\ntable.table-bordered.dataTable thead tr:first-child th,\r\ntable.table-bordered.dataTable thead tr:first-child td {\r\n border-top-width: 0 !important;\r\n}\r\n\r\n.max-height-80 {\r\n max-height: 80px;\r\n}\r\n\r\n.max-height-60 {\r\n max-height: 60px;\r\n}\r\n\r\n.max-height-200 {\r\n max-height: 200px;\r\n}\r\n\r\n.flex-2 {\r\n flex: 2;\r\n}\r\n\r\n.input-group-text.input-text-color {\r\n background-color: #e9e9f1;\r\n}\r\n\r\n.payment-icon.active svg {\r\n fill: $white;\r\n}\r\n\r\n.payment-icon svg {\r\n fill: $dark;\r\n}\r\n.dt-buttons.btn-group {\r\n position: absolute;\r\n top: 0;\r\n left: 156px;\r\n}\r\n\r\n.notify-time {\r\n position: absolute;\r\n top: auto;\r\n bottom: auto;\r\n left: auto;\r\n right: 25px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .notify-time {\r\n display: none;\r\n }\r\n}\r\n\r\n.notification {\r\n list-style-type: none;\r\n padding: 0;\r\n position: relative;\r\n}\r\n\r\n.notification:before {\r\n content: \"\";\r\n position: absolute;\r\n top: 15px;\r\n bottom: 15px;\r\n width: 3px;\r\n background: $primary-02;\r\n left: 20%;\r\n margin-left: -1px;\r\n}\r\n\r\n.notification > li {\r\n position: relative;\r\n min-height: 50px;\r\n padding: 15px 0;\r\n}\r\n\r\n.notification .notification-time {\r\n position: absolute;\r\n left: -7px;\r\n width: 18%;\r\n text-align: right;\r\n top: 30px;\r\n}\r\n\r\n.notification .notification-time .date,\r\n.notification .notification-time .time {\r\n display: block;\r\n font-weight: 500;\r\n}\r\n\r\n.notification .notification-time .date {\r\n line-height: 16px;\r\n font-size: 13px;\r\n margin-bottom: 4px;\r\n color: #8f8fb1;\r\n}\r\n\r\n.notification .notification-time .time {\r\n line-height: 24px;\r\n font-size: 21px;\r\n color: #8f8fb1;\r\n}\r\n\r\n.notification .notification-icon {\r\n left: 15%;\r\n position: absolute;\r\n width: 10%;\r\n text-align: center;\r\n top: 41px;\r\n}\r\n\r\n.notification .notification-icon a {\r\n text-decoration: none;\r\n width: 18px;\r\n height: 18px;\r\n display: inline-block;\r\n border-radius: 50%;\r\n background: #fff;\r\n line-height: 10px;\r\n color: #fff;\r\n font-size: 14px;\r\n border: 3px solid $primary-1;\r\n transition: border-color 0.2s linear;\r\n}\r\n\r\n.notification .notification-body {\r\n box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.03);\r\n margin-left: 25%;\r\n margin-right: 18%;\r\n background: #fff;\r\n position: relative;\r\n padding: 14px 20px;\r\n border-radius: 6px;\r\n}\r\n\r\n.notification .notification-body:before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n border: 10px solid transparent;\r\n border-right-color: $white;\r\n left: -20px;\r\n top: 25px;\r\n}\r\n\r\n.notification .notification-body > div + div {\r\n margin-top: 15px;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .notification:before {\r\n display: none;\r\n }\r\n .notification .notification-time .date {\r\n display: none;\r\n }\r\n .notification .notification-time .time {\r\n display: none;\r\n }\r\n .notification .notification-icon {\r\n display: none;\r\n }\r\n .notification .notification-body {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n}\r\n\r\n.notification-time-date {\r\n color: #8f8fb1;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n//Country selector modal//\r\n.country-selector img {\r\n width: 28px;\r\n height: 20px;\r\n border-radius: 20%;\r\n}\r\n.btn-country {\r\n border: 1px solid #ededf5;\r\n box-shadow: none !important;\r\n text-align: justify !important;\r\n font-size: 15px !important;\r\n border-radius: 10px !important;\r\n padding: 0.8rem 0.8rem !important;\r\n box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1) !important;\r\n &:hover {\r\n border: 1px solid $primary-1 !important;\r\n box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.1) !important;\r\n }\r\n}\r\n\r\n.btn-country.active {\r\n border: 1px solid $primary-1 !important;\r\n}\r\n\r\n.btn-check:checked + .btn-country,\r\n.btn-country.active,\r\n.btn-country:active {\r\n border: 1px solid $primary-1 !important;\r\n}\r\n\r\n//Country selector modal//\r\n#login-otp {\r\n display: none;\r\n}\r\n\r\n.email-icon {\r\n display: block;\r\n height: 40px;\r\n width: 40px;\r\n line-height: 40px;\r\n text-align: center;\r\n border-radius: 100%;\r\n font-size: 16px !important;\r\n border: 1px solid #e6ebf1;\r\n vertical-align: middle;\r\n color: #5c678f;\r\n}\r\n\r\n.product-grid6 .card-footer .btn-outline-primary:hover {\r\n .wishlist-icon {\r\n color: $white;\r\n }\r\n}\r\n\r\n.btn-outline-primary {\r\n .wishlist-icon {\r\n color: $primary-1 !important;\r\n }\r\n}\r\n\r\n.btn-outline-primary:hover {\r\n .wishlist-icon {\r\n color: $white !important;\r\n }\r\n}\r\n\r\n.custom-emoji {\r\n position: relative;\r\n top: -10px;\r\n}\r\n\r\n#morrisBar9 path {\r\n stroke: none;\r\n}\r\n\r\n#morrisBar8 path {\r\n stroke: none;\r\n}\r\n\r\n#file-datatable_wrapper {\r\n .dropdown-menu {\r\n padding: 0 !important;\r\n }\r\n}\r\n\r\n.btn-primary.data-table-btn {\r\n position: absolute;\r\n left: 185px;\r\n z-index: 9;\r\n}\r\n\r\n#navbar-example2 {\r\n .nav-item {\r\n .dropdown-menu.show {\r\n margin-top: 2px !important;\r\n box-shadow: none;\r\n }\r\n }\r\n}\r\n\r\n#chartZoom {\r\n .btn-outline-primary:hover {\r\n color: $white;\r\n }\r\n}\r\n\r\n.sidebar-right {\r\n .list-group-item {\r\n &:hover,\r\n &:focus {\r\n z-index: 0;\r\n }\r\n }\r\n}\r\n\r\n.overflow-y-scroll {\r\n overflow-y: scroll !important;\r\n}\r\n\r\n.list-group-transparent.file-manager.file-manager-border .list-group-item {\r\n border: 1px solid $border;\r\n border-top: 0;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .radiobtns [class*=\"btn-outline-\"],\r\n .checkboxbtns [class*=\"btn-outline-\"] {\r\n padding: 0.3rem 0.35rem;\r\n font-size: 13px;\r\n }\r\n .color-card-radius {\r\n .card-body {\r\n padding: 13px;\r\n font-size: 13px;\r\n }\r\n }\r\n}\r\n\r\n.color-card-radius {\r\n border-radius: 7px;\r\n border: 1px solid $border !important;\r\n &.card .card-header {\r\n border-top-left-radius: 7px;\r\n border-bottom-left-radius: 7px;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n}\r\n@media (max-width: 500px) {\r\n .color-card-radius {\r\n &.card.card-aside {\r\n flex-direction: column;\r\n .card-header {\r\n border-top-left-radius: 7px;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 7px;\r\n border-bottom-right-radius: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.pcr-app {\r\n z-index: 8 !important;\r\n}\r\n\r\n.ms-drop {\r\n z-index: 8 !important;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .btn-primary.data-table-btn {\r\n position: inherit;\r\n }\r\n}\r\n\r\n@media (max-width: 1363px) {\r\n .dt-buttons.btn-group {\r\n position: relative;\r\n top: 0;\r\n left: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .wideget-user .social.social-profile-buttons {\r\n margin-top: 75px !important;\r\n float: left !important;\r\n margin-left: 153px;\r\n }\r\n .responsive-navbar{\r\n .pulse {\r\n top: 4px;\r\n }\r\n .pulse-danger {\r\n top: 5px;\r\n right: 5px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .wideget-user .social.social-profile-buttons {\r\n margin-top: 110px !important;\r\n float: right !important;\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n.irs-bar {\r\n background: $primary-1 !important;\r\n}\r\n\r\n.irs-slider:before {\r\n background-color: $primary-1 !important;\r\n}\r\n\r\n.irs-outline .irs-line {\r\n border-color: $primary-1 !important;\r\n}\r\n\r\n.irs-from,\r\n.irs-to,\r\n.irs-single {\r\n background-color: $primary-1 !important;\r\n}\r\n\r\n.form-floating > label {\r\n top: 2px;\r\n}\r\n\r\n.floating-label > label {\r\n top: -2px;\r\n left: -4px;\r\n}\r\n\r\n.floating-label1 > label {\r\n top: -2px;\r\n left: 0px;\r\n}\r\n\r\n.ms-choice > span.placeholder {\r\n display: none;\r\n}\r\n\r\n// GALLERY\r\n.masonry {\r\n .brick {\r\n width: auto;\r\n margin-bottom: 20px;\r\n }\r\n}\r\n\r\n.brick img {\r\n border-radius: 5px;\r\n}\r\n.smartphoto-img.active {\r\n border-radius: 5px;\r\n}\r\n.smartphoto-arrows li {\r\n padding: 8px;\r\n border-radius: 5px;\r\n background: $primary-1;\r\n}\r\n.smartphoto-arrows a {\r\n width: 50% !important;\r\n height: 50% !important;\r\n margin: 7px;\r\n}\r\n\r\n.smartphoto-dismiss {\r\n width: 15px !important;\r\n height: 15px !important;\r\n right: 22px !important;\r\n top: 18px !important;\r\n}\r\n.smartphoto {\r\n background-color: rgba(0, 0, 0, 0.8) !important;\r\n}\r\n.smartphoto-arrow-left {\r\n left: 15px !important;\r\n}\r\n.smartphoto-arrow-right {\r\n right: 15px !important;\r\n}\r\n.smartphoto-nav li {\r\n width: 70px !important;\r\n height: 70px !important;\r\n margin-left: 5px;\r\n}\r\n.smartphoto-nav {\r\n bottom: 10px !important;\r\n}\r\n.smartphoto-nav a {\r\n border-radius: 5px;\r\n opacity: 0.6 !important;\r\n border: 1px solid $border;\r\n}\r\n.smartphoto-list li {\r\n display: table !important;\r\n}\r\n\r\n.horizontalMenucontainer {\r\n background-size: cover;\r\n overflow: clip;\r\n background-attachment: fixed;\r\n background-position: 50% 0;\r\n background-repeat: no-repeat;\r\n}\r\n.error-template {\r\n h1 {\r\n direction: ltr;\r\n }\r\n}\r\n.pcr-app[data-theme=\"classic\"] {\r\n width: 16.5em !important;\r\n}\r\n.sidebar-mini .side-menu {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n}\r\n.horizontal .sub-slide.is-expanded .sub-angle {\r\n transform: none;\r\n}\r\n.ms-parent button {\r\n overflow: auto;\r\n}\r\n.app-header .container-fluid.main-container div:first-child {\r\n align-items: center !important;\r\n}\r\n.hor-header .container.main-container div:first-child {\r\n align-items: center !important;\r\n}\r\n.app-sidebar__toggle {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n@media (max-width: 991px) {\r\n .responsive-navbar .collapse.show .dropdown-menu.show {\r\n left: 5% !important;\r\n right: 5% !important;\r\n }\r\n}\r\n@media (orientation: landscape) and (max-width: 767px) {\r\n .smartphoto-img {\r\n width: 250px !important;\r\n left: 80%;\r\n display: block;\r\n right: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n width: 50%;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n .smartphoto-img-wrap {\r\n left: 0;\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 33%;\r\n right: 0;\r\n transform: none !important;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n}\r\n@media (orientation: landscape) and (min-width: 768px) and (max-width: 991px) {\r\n .smartphoto-img {\r\n width: 350px !important;\r\n left: 75%;\r\n display: block;\r\n right: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n width: 50%;\r\n justify-content: center;\r\n align-items: center;\r\n position: relative;\r\n }\r\n\r\n .smartphoto-img-wrap {\r\n left: 0;\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: 20%;\r\n right: 0;\r\n transform: none !important;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .wizard > .steps .done a .title,\r\n .wizard > .steps .done a:hover .title,\r\n .wizard > .steps .done a:active .title {\r\n display: none !important;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .cal1 .clndr .clndr-table tr .day .day-contents {\r\n padding: 7px !important;\r\n }\r\n .fc-col-header thead th {\r\n padding: 10px 0px !important;\r\n }\r\n}\r\n\r\n.fc .fc-button-group {\r\n margin-bottom: 2px;\r\n}\r\n\r\n.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {\r\n margin-bottom: 2px;\r\n}\r\n\r\n.fc-v-event .fc-event-main {\r\n color: $primary-1 !important;\r\n}\r\n\r\n.login-img {\r\n .page {\r\n position: relative;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 335px) {\r\n div.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n div.dataTables_wrapper div.dataTables_filter input {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n}\r\n.card-link {\r\n display: inline-block;\r\n}\r\n@media screen and (min-width: 1280px) {\r\n .main-chat-time::before {\r\n width: 100% !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n }\r\n}\r\n@media screen and (max-width: 991px) {\r\n .main-chat-time::before {\r\n width: 100% !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n }\r\n .product-carousel .carousel-inner .carousel-item {\r\n padding: 0px;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 992px) {\r\n .border-bottom.border-lg-0 {\r\n border: 0 !important;\r\n }\r\n}\r\n@media screen and (max-width: 605px) {\r\n .card.overflow-scroll {\r\n overflow: hidden !important;\r\n }\r\n}\r\n\r\n@media screen and (min-width: 1400px) and (max-width: 1600px) {\r\n .browser-stats img {\r\n padding: 5px;\r\n width: auto;\r\n height: auto;\r\n }\r\n}\r\n@media screen and (min-width: 1400px) {\r\n .file-manager-list {\r\n height: 124px;\r\n }\r\n}\r\n\r\n.card-header:first-child {\r\n border-radius: 7px 7px 0 0;\r\n}\r\n.card-footer:last-child {\r\n border-radius: 0 0 7px 7px;\r\n}\r\n.card-img-left {\r\n border-top-left-radius: 7px;\r\n border-bottom-left-radius: 7px;\r\n}\r\n.card-img-right {\r\n border-top-right-radius: 7px;\r\n border-bottom-right-radius: 7px;\r\n}\r\n@media (max-width: 320px) {\r\n .top-footer img {\r\n width: auto !important;\r\n height: auto !important;\r\n }\r\n .datepicker {\r\n left: 0 !important;\r\n }\r\n}\r\n.tab_wrapper.right_side .content_wrapper {\r\n border-right: 0 !important;\r\n top: 0;\r\n}\r\n.tab_wrapper.right_side > ul li {\r\n border-radius: 0;\r\n}\r\n@media (max-width: 347px) {\r\n .btn-profile {\r\n left: 21px;\r\n right: 21px;\r\n }\r\n .wideget-user .social.social-profile-buttons {\r\n margin-top: 152px !important;\r\n }\r\n .profile-cover__img {\r\n display: block;\r\n top: 70px;\r\n }\r\n .profile-cover__img .profile-img-content {\r\n margin-top: 0;\r\n /* text-align: center !important; */\r\n margin-left: 10px;\r\n }\r\n .profile-cover__action {\r\n padding-top: 170px !important;\r\n }\r\n .chart-circle canvas {\r\n width: auto !important;\r\n height: auto !important;\r\n }\r\n .chart-circle-value {\r\n top: -15px !important;\r\n }\r\n}\r\n@media screen and (min-width: 577px) {\r\n .card-pay .tabs-menu li:nth-child(2) a {\r\n border-left: 0;\r\n border-right: 0;\r\n }\r\n .card-pay .tabs-menu li:first-child a {\r\n border-radius: 7px 0px 0px 7px;\r\n }\r\n \r\n .card-pay .tabs-menu li:last-child a {\r\n border-radius: 0px 7px 7px 0px;\r\n }\r\n}\r\n@media screen and (max-width: 576px) {\r\n .card-pay .tabs-menu li:nth-child(2) a {\r\n border-top: 0;\r\n border-bottom: 0;\r\n }\r\n}\r\n.group-filter {\r\n .ms-choice > span {\r\n white-space: normal;\r\n overflow: scroll;\r\n text-overflow: initial;\r\n }\r\n}\r\n.multi-wrapper .header {\r\n white-space: nowrap;\r\n}\r\n.multi-wrapper .item-1 {\r\n white-space: nowrap;\r\n}\r\n.richText .richText-form input[type=\"text\"],\r\n.richText .richText-form input[type=\"file\"],\r\n.richText .richText-form input[type=\"number\"],\r\n.richText .richText-form select {\r\n min-width: 100% !important;\r\n}\r\n.tabs-menu ul li a {\r\n border-radius: 7px 7px 0 0;\r\n}\r\n.tabs-menu-border {\r\n &.tabs-menu ul li a {\r\n border-radius: 7px;\r\n }\r\n}\r\n.tabs-menu-boxed {\r\n ul li a {\r\n border-radius: 7px 7px 0 0;\r\n }\r\n}\r\n@media screen and(max-width:480px) {\r\n .tabs-menu ul li a {\r\n border-radius: 7px;\r\n }\r\n}\r\n@media screen and (max-width: 1440px) and (min-width: 1280px) {\r\n .wrp.text-wrapper {\r\n text-align: right;\r\n }\r\n .chart-circle canvas {\r\n width: auto !important;\r\n height: auto !important;\r\n }\r\n .chart-circle-value {\r\n top: -15px !important;\r\n }\r\n}\r\n.input-indec {\r\n .minus {\r\n background: none;\r\n padding-left: 0.5rem;\r\n display: inline-block;\r\n height: inherit;\r\n float: none;\r\n }\r\n}\r\n\r\n.wrap-login100 {\r\n background: #fff;\r\n overflow: hidden;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n padding: 137px 130px 137px 95px;\r\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.06);\r\n border-radius: 5px;\r\n z-index: 1;\r\n}\r\n.container-login100 {\r\n width: 100%;\r\n height: 100%;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 15px;\r\n z-index: 999;\r\n}\r\n.container-login100-form-btn {\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n padding-top: 15px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .wrap-login100 {\r\n padding: 35px 90px 35px 85px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .wrap-login100 {\r\n padding: 30px 80px 30px 80px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .wrap-login100 {\r\n padding: 25px 15px 25px 15px;\r\n }\r\n}\r\n\r\n.login100-form-title {\r\n font-size: 24px;\r\n line-height: 1.2;\r\n text-align: center;\r\n width: 100%;\r\n display: block;\r\n padding-bottom: 30px;\r\n color: #424344;\r\n}\r\n\r\n.wrap-input100 {\r\n position: relative;\r\n width: 100%;\r\n z-index: 1;\r\n margin-bottom: 10px;\r\n}\r\n\r\n.login100-form-btn {\r\n line-height: 1.5;\r\n color: #fff;\r\n width: 100%;\r\n height: 40px;\r\n display: -webkit-box;\r\n display: -webkit-flex;\r\n display: -moz-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 25px;\r\n border-radius: 5px;\r\n}\r\n\r\n.input100 {\r\n font-size: 15px;\r\n line-height: 1.5;\r\n color: #000;\r\n display: block;\r\n width: 80%;\r\n background: #ffffff;\r\n height: 44px;\r\n padding: 0 30px 0 20px;\r\n border-radius: 5px;\r\n border: 1px solid #ecf0fa;\r\n}\r\n.offcanvas {\r\n z-index: 9999;\r\n}\r\n\r\n@media (max-width: 1620px) and (min-width: 1280px) {\r\n #user-profile {\r\n .media.media-xs {\r\n display: block;\r\n overflow: auto !important;\r\n .social-profile-buttons,\r\n .text-end {\r\n float: left !important;\r\n }\r\n .avatar,\r\n .valign-middle {\r\n margin-bottom: 5px;\r\n }\r\n }\r\n }\r\n .main-profile-contact-list {\r\n .me-5 {\r\n .media {\r\n display: block;\r\n .media-icon {\r\n margin-bottom: 10px !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.smartphoto {\r\n z-index: 9999;\r\n}\r\n#example3,\r\n#example2 {\r\n width: 100% !important;\r\n}\r\n.ms-parent.group-filter {\r\n .ms-choice > span {\r\n white-space: wrap;\r\n }\r\n}\r\n.dtr-bs-modal {\r\n .dtr-details {\r\n border: 1px solid $border;\r\n tr {\r\n td {\r\n &:first-child {\r\n border-right: 1px solid $border;\r\n font-weight: bold;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n.custom-radio-lg .custom-control-label::after {\r\n left: 2px;\r\n}\r\n.ms-choice > span {\r\n white-space: break-spaces;\r\n position: relative;\r\n text-align: left;\r\n top: 0;\r\n}\r\n@media screen and (max-width: 428px) {\r\n .sw-toolbar.sw-toolbar-bottom {\r\n .sw-btn-group,\r\n .sw-btn-group-extra {\r\n margin-bottom: 5px;\r\n }\r\n }\r\n .wizard > .actions a {\r\n padding: 9px 19px !important;\r\n }\r\n .dataTables_paginate {\r\n .pagination {\r\n .page-link {\r\n padding: 0.5rem 5px;\r\n }\r\n }\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel:after{\r\n display: none !important;\r\n }\r\n}\r\n@media screen and (min-width: 992px) and (max-width: 1695px) {\r\n .product-grid6 {\r\n .card-footer {\r\n .btn {\r\n width: 100%;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.main-chat-time::before {\r\n content: \"\";\r\n position: absolute;\r\n width: 40% !important;\r\n height: 1px;\r\n left: 0;\r\n right: 0;\r\n background-color: #e9e9ef;\r\n top: 10px;\r\n}\r\n.main-chat-time::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 40% !important;\r\n height: 1px;\r\n left: auto;\r\n right: 0;\r\n background-color: #e9e9ef;\r\n top: 10px;\r\n}\r\n.handle-counter input {\r\n float: left;\r\n text-align: center;\r\n height: 44px;\r\n border-radius: 0;\r\n width: 70px;\r\n border: 1px solid #ededf5;\r\n outline: none;\r\n border-left: 0;\r\n border-right: 0;\r\n}\r\n.handle-counter .counter-plus {\r\n border-radius: 0px 3px 3px 0px !important;\r\n}\r\n\r\n.handle-counter .btn {\r\n padding: 9px 10px !important;\r\n}\r\n.handle-counter .counter-minus {\r\n border-radius: 3px 0px 0px 3px !important;\r\n}\r\n\r\n.handle-counter .counter-minus,\r\n.handle-counter .handle-counter .counter-plus {\r\n float: left;\r\n text-align: center;\r\n border-radius: 1px;\r\n}\r\n.handle-counter {\r\n overflow: hidden;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n@media (max-width: 465px) {\r\n .main-chat-time::before {\r\n width: 33% !important;\r\n }\r\n .main-chat-time::after {\r\n width: 33% !important;\r\n }\r\n}\r\n.page-options .select2-container{\r\n width: 100px !important;\r\n}\r\n\r\n.ql-snow .ql-tooltip{\r\n left: 0 !important;\r\n}\r\n\r\n@media (max-width: 575.98px) {\r\n\t.construction .display-2 {\r\n\t\tfont-size: 2.3rem !important;\r\n\t}\r\n}\r\n.countdown span:first-child {\r\n\tfont-size: 30px;\r\n}\r\n\r\n.item-box {\r\n\t.item-box-wrap {\r\n\t\tmargin-top: 15px;\r\n\t}\r\n\t.stamp i {\r\n\t\tfont-size: 18px;\r\n\t\tfont-size: 25px;\r\n\t\tline-height: 2;\r\n\t}\r\n\t.item-box-wrap h5 {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n}\r\n.demo_changer h4{\r\n background-color: $primary-01 !important;\r\n}\r\n.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {\r\n width: 100%;\r\n}\r\n.modal-open{\r\n .app-header{\r\n z-index: 99 !important;\r\n }\r\n}\r\n\r\n.header{\r\n .header-right-icons .nav-link.icon .header-badge{\r\n position: absolute;\r\n top: -3px;\r\n right: 0px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n font-size: 10px;\r\n border-radius: 50px;\r\n line-height: 1.1;\r\n }\r\n .dropdown.shopping-cart .dropdown-menu {\r\n min-width: 25rem;\r\n }\r\n} \r\n@media(max-width:1440px){\r\n #scroll-stickybar{\r\n top: unset !important;\r\n left: unset !important;\r\n width: 100% !important;\r\n margin-top: unset !important;\r\n }\r\n}\r\n#scroll-stickybar{\r\n margin-bottom: 20px;\r\n}\r\n.count-down{\r\n .countdown{\r\n border-radius: 5px;\r\n }\r\n}\r\n.shopping-cart .dropdown-menu{\r\n .header-dropdown-list.message-menu{\r\n .dropdown-item{\r\n align-items: inherit !important;\r\n position: relative;\r\n .cart-trash{\r\n z-index: 1;\r\n }\r\n }\r\n }\r\n}\r\n\r\n", "\r\n.file-sm {\r\n font-size: 12px;\r\n padding: 4px 12px;\r\n}\r\n\r\n.file-md {\r\n font-size: 15px;\r\n padding: 4px 13px;\r\n}\r\n\r\n.file-lg {\r\n font-size: 17px;\r\n padding: 6px 15px;\r\n}\r\n\r\n.file-image img {\r\n border-radius: 7px;\r\n}\r\n\r\n.file-image .icons {\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n opacity: 0;\r\n right: 22px;\r\n top: 14px;\r\n text-align: center;\r\n position: absolute;\r\n bottom: -3px;\r\n z-index: 1;\r\n transition: all .5s ease 0s;\r\n text-align: right;\r\n}\r\n\r\n.file-image .icons li {\r\n display: block;\r\n margin: 5px;\r\n}\r\n\r\n.file-image .icons .btn {\r\n color: #fff;\r\n}\r\n\r\n.file-image .icons .btn {\r\n font-size: 15px;\r\n line-height: 35px;\r\n text-align: center;\r\n height: 35px;\r\n width: 35px;\r\n margin: 2px 7px;\r\n padding: 0;\r\n border-radius: 50px;\r\n display: block;\r\n position: relative;\r\n transition: all .3s ease-in-out;\r\n min-width: inherit;\r\n}\r\n\r\n.file-image .icons .btn:after,\r\n.file-image .icons .btn:before {\r\n content: attr(data-tip);\r\n color: #fff;\r\n font-size: 12px;\r\n letter-spacing: 1px;\r\n line-height: 20px;\r\n padding: 1px 5px;\r\n border-radius: 5px;\r\n white-space: nowrap;\r\n opacity: 0;\r\n transform: translateX(-50%);\r\n position: absolute;\r\n left: 50%;\r\n top: -30px;\r\n}\r\n\r\n.file-image .icons .btn:after {\r\n content: '';\r\n height: 15px;\r\n width: 15px;\r\n border-radius: 0;\r\n transform: translateX(-50%) rotate( 45deg);\r\n top: -20px;\r\n z-index: -1;\r\n}\r\n\r\n.file-image:hover {\r\n border-radius: 7px;\r\n}\r\n\r\n.file-image:hover .icons {\r\n opacity: 1;\r\n bottom: 33px;\r\n}\r\n\r\n.file-image .icons .btn:hover {\r\n color: #fff;\r\n}\r\n\r\n.file-name {\r\n position: absolute;\r\n bottom: 20px;\r\n left: 0;\r\n right: 0;\r\n color: #fff;\r\n font-size: 16px;\r\n text-align: center;\r\n font-weight: 500;\r\n}\r\n\r\n.file-manager-image {\r\n background: #e5bc4a40;\r\n border-radius: 50px;\r\n margin-bottom: 23px;\r\n padding: 6px;\r\n width: 75px;\r\n}\r\n\r\n.open-file {\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n z-index: 1;\r\n right: 0;\r\n left: 0;\r\n top: 0;\r\n}\r\n\r\n.file-dropdown {\r\n z-index: 2;\r\n}\r\n\r\n.tag-outline {\r\n border: 1px solid #e8e8f7;\r\n color: #1d212f;\r\n background-color: transparent;\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .file-lg {\r\n padding: 6px 4px;\r\n }\r\n}\r\n\r\n.file-image-1{\r\n width: 100px;\r\n height: 100px;\r\n display: inline-table;\r\n margin: 4px;\r\n position: relative;\r\n border: 1px solid $border;\r\n border-radius: 5px;\r\n margin-bottom: 20px;\r\n}\r\n.file-image-1 .product-image img {\r\n height: 100%;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n }\r\n.file-image-1 .icons{\r\n padding: 0;\r\n margin: 0;\r\n list-style: none;\r\n opacity: 0;\r\n right: 7px;\r\n top: 6px;\r\n text-align: center;\r\n position: absolute;\r\n bottom: 0;\r\n z-index: 1;\r\n transition: all 0.5s ease 0s;\r\n text-align: right;\r\n\r\n}\r\n.file-image-1:hover .icons {\r\n opacity: 1;\r\n bottom: 33px;\r\n}\r\n.file-image-1 .icons .btn {\r\n font-size: 12px;\r\n line-height: 26px;\r\n text-align: center;\r\n height: 25px;\r\n width: 25px;\r\n margin: 4px 1px;\r\n padding: 0;\r\n border-radius: 50px;\r\n display: block;\r\n position: relative;\r\n transition: all 0.3s ease-in-out;\r\n color: $white;\r\n min-width: inherit;\r\n}\r\n.file-image-1 .file-name-1{\r\n position: absolute;\r\n right: 0;\r\n left: 0;\r\n bottom: -22px;\r\n color: #524d4d;\r\n font-size: 12px;\r\n text-align: center;\r\n font-weight: 500;\r\n}\r\n\r\n\r\n//File image-2 styles\r\n\r\n.file-image-md{\r\n width: 150px;\r\n height: 150px;\r\n}\r\n.file-image-md .icons .btn {\r\n font-size: 13px;\r\n line-height: 30px;\r\n height: 28px;\r\n width: 28px;\r\n}\r\n\r\n//File image-2 styles\r\n\r\n.file-image-lg{\r\n width: 200px;\r\n height: 200px;\r\n}\r\n.file-image-lg .icons .btn {\r\n font-size: 15px;\r\n line-height: 35px;\r\n height: 35px;\r\n width: 35px;\r\n}\r\n.card.pos-relative{\r\n .card-body{\r\n .bg-primary-transparent{\r\n path{\r\n fill: $primary-1;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n.btn-group.file-attach .btn-close {\r\n padding: 9px;\r\n border-radius: 0px 4px 4px 0px;\r\n opacity: 1;\r\n font-weight: 300;\r\n background-image: none;\r\n\t&.btn-pill {\r\n\t\tborder-radius: 0px 50px 50px 0px ;\r\n\t}\r\n\t&.btn-outline-secondary {\r\n\t\tborder: 1px solid $secondary !important;\r\n\t\tcolor: $secondary !important;\r\n\t}\r\n\t&.btn-outline-secondary:hover {\r\n\t\tcolor: $white !important;\r\n\t}\r\n\t&.btn-outline-primary {\r\n\t\tborder: 1px solid $primary-1;\r\n\t\tcolor: $primary-1;\r\n\t}\r\n\t&.btn-outline-primary:hover {\r\n\t\tcolor: $white !important;\r\n\t\tborder-color: $primary-1 !important;\r\n\t}\r\n\t&.btn-outline-info {\r\n\t\tborder: 1px solid $azure !important;\r\n\t\tcolor: $azure !important;\r\n\t}\r\n\t&.btn-outline-info:hover {\r\n\t\tcolor: $white !important;\r\n\t}\r\n\t&.btn-outline-warning {\r\n\r\n\t\tborder: 1px solid $warning !important;\r\n\t\tcolor: $warning !important;\r\n\t}\r\n\t&.btn-outline-warning:hover {\r\n\t\tcolor: $white !important;\r\n\t}\r\n\t&.btn-outline-danger {\r\n\t\tborder: 1px solid $danger !important;\r\n\t\tcolor: $danger !important;\r\n\t}\r\n\t&.btn-outline-danger:hover {\r\n\t\tcolor: $white !important;\r\n\t}\r\n\t&.btn-outline-success {\r\n\t\tborder: 1px solid $success !important;\r\n\t\tcolor: $success !important;\r\n\t}\r\n\t&.btn-outline-success:hover {\r\n\t\tcolor: $white !important;\r\n\t}\r\n}\r\n.btn-group.file-attach .btn-close.btn-lg {\r\n padding: 10px;\r\n background-image: none;\r\n font-size: 31px;\r\n}\r\n.btn-group.file-attach .btn-close.btn-sm {\r\n font-size: 1rem !important;\r\n background-image: none;\r\n}\r\n.btn-group.file-attach .btn-sm {\r\n font-size: 12px !important;\r\n}\r\n.btn-group.file-attach{\r\n button.btn-close{\r\n right: 0;\r\n }\r\n\t.btn-primary-light {\r\n\t\tborder: 0 !important;\r\n\t}\r\n .btn-pill.btn-close{\r\n padding-left: 2px;\r\n }\r\n .btn{\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .btn+.btn.btn-primary-light, .btn+.btn-group {\r\n margin-left: 0px;\r\n }\r\n}\r\n\r\n", ".fs-10 {\r\n font-size: 10px !important;\r\n}\r\n\r\n.fs-11 {\r\n font-size: 11px !important;\r\n}\r\n\r\n.fs-12 {\r\n font-size: 12px !important;\r\n}\r\n\r\n.fs-13 {\r\n font-size: 13px !important;\r\n}\r\n\r\n.fs-14 {\r\n font-size: 14px !important;\r\n}\r\n\r\n.fs-15 {\r\n font-size: 15px !important;\r\n}\r\n\r\n.fs-16 {\r\n font-size: 16px !important;\r\n}\r\n\r\n.fs-18 {\r\n font-size: 18px !important;\r\n}\r\n\r\n.fs-19 {\r\n font-size: 19px !important;\r\n}\r\n\r\n.fs-17 {\r\n font-size: 17px !important;\r\n}\r\n\r\n.fs-20 {\r\n font-size: 20px !important;\r\n}\r\n\r\n.fs-23 {\r\n font-size: 23px !important;\r\n}\r\n\r\n.fs-25 {\r\n font-size: 25px !important;\r\n}\r\n\r\n.fs-30 {\r\n font-size: 30px !important;\r\n}\r\n\r\n.fs-40 {\r\n font-size: 40px;\r\n}\r\n\r\n.fs-50 {\r\n font-size: 50px;\r\n}\r\n\r\n.fs-100 {\r\n font-size: 100px;\r\n}\r\n\r\n.fw-light {\r\n font-weight: 300 !important;\r\n}\r\n\r\n.fw-normal {\r\n font-weight: 400 !important;\r\n}\r\n\r\n.fw-600 {\r\n font-weight: 600;\r\n}\r\n\r\n.fw-semibold {\r\n font-weight: 500 !important;\r\n}\r\n\r\n.fw-bold {\r\n font-weight: 700 !important;\r\n}\r\n\r\n.font-italic {\r\n font-style: italic !important;\r\n}\r\n\r\n.fs-70 {\r\n font-size: 70px !important;\r\n}\r\n\r\n.fs-8 {\r\n font-size: 8px !important;\r\n}", "figure {\r\n\tmargin: 0 0 1rem;\r\n}\r\n.image {\r\n\tposition: relative;\r\n}\r\nimg {\r\n\tvertical-align: middle;\r\n\tborder-style: none;\r\n}\r\n.img-1 {\r\n\tvertical-align: middle;\r\n\tposition: absolute;\r\n\ttext-align: center;\r\n\tleft: 0;\r\n\tright: 0;\r\n\tbottom: -62px;\r\n\timg {\r\n\t\tborder-radius: 100%;\r\n\t\tborder: 6px solid rgba(225, 225, 225, 0.5);\r\n\t}\r\n}\r\n.img-2 img {\r\n\tborder-radius: 5px;\r\n}\r\n.img-fluid {\r\n\tmax-width: 100%;\r\n\theight: auto;\r\n}\r\n.figure {\r\n\tdisplay: inline-block;\r\n}\r\nimg {\r\n\tmax-width: 100%;\r\n}\r\n.loader-img {\r\n\tposition: absolute;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\ttop: 43%;\r\n\tleft: 0;\r\n\tmargin: 0 auto;\r\n\ttext-align: center;\r\n}\r\n.login-img {\r\n\theight: 100%;\r\n\twidth: 100%;\r\n\tbackground-position: center;\r\n\tbackground-repeat: no-repeat;\r\n\tbackground-size: cover;\r\n\tdisplay: inline-table;\r\n}\r\n.profie-img .flex-md-row img {\r\n\twidth: 60px;\r\n}\r\n.profile-img {\r\n\tdisplay: block;\r\n\tborder: 1px solid rgba(167, 180, 201, 0.2);\r\n\tborder-radius: 50%;\r\n\tfont-size: 10px;\r\n\ttext-align: center;\r\n\tbackground: rgba(225, 225, 225, 0.2);\r\n\tz-index: 1000;\r\n\tposition: relative;\r\n}\r\n.cover-image {\r\n\tbackground-size: cover !important;\r\n}\r\n/*-----Gallery-----*/\r\n\r\n.demo-gallery {\r\n\t>ul {\r\n\t\tmargin-bottom: 0;\r\n\t\t>li {\r\n\t\t\tfloat: left;\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t\twidth: 200px;\r\n\t\t\tborder: 0;\r\n\t\t\ta {\r\n\t\t\t\tborder: 3px solid #FFF;\r\n\t\t\t\tborder-radius: 3px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tfloat: left;\r\n\t\t\t\t>img {\r\n\t\t\t\t\t-webkit-transition: -webkit-transform 0.15s ease 0s;\r\n\t\t\t\t\t-moz-transition: -moz-transform 0.15s ease 0s;\r\n\t\t\t\t\t-o-transition: -o-transform 0.15s ease 0s;\r\n\t\t\t\t\ttransition: transform 0.15s ease 0s;\r\n\t\t\t\t\t-webkit-transform: scale3d(1, 1, 1);\r\n\t\t\t\t\ttransform: scale3d(1, 1, 1);\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\t>img {\r\n\t\t\t\t\t\t-webkit-transform: scale3d(1.1, 1.1, 1.1);\r\n\t\t\t\t\t\ttransform: scale3d(1.1, 1.1, 1.1);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&.dark>ul>li a {\r\n\t\tborder: 3px solid #04070a;\r\n\t}\r\n}\r\n.home .demo-gallery {\r\n\tpadding-bottom: 80px;\r\n}\r\n.member img {\r\n\twidth: 100%;\r\n}\r\n.gallery a img {\r\n\tfloat: left;\r\n\theight: auto;\r\n\tborder: 1px solid $black-2;\r\n\t-webkit-transition: -webkit-transform .15s ease;\r\n\t-moz-transition: -moz-transform .15s ease;\r\n\t-o-transition: -o-transform .15s ease;\r\n\t-ms-transition: -ms-transform .15s ease;\r\n\ttransition: transform .15s ease;\r\n\tposition: relative;\r\n}\r\n.img-card:before {\r\n\tcontent: '';\r\n\tposition: absolute;\r\n\tbackground: url(../images/svgs/circle.svg);\r\n\tbackground-position: right;\r\n\tbackground-repeat: no-repeat;\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\topacity: 0.5;\r\n}\r\n\r\n\r\n.link-overlay:hover .link-overlay-bg {\r\n opacity: 1;\r\n}\r\n\r\n.link-overlay-bg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n display: -ms-flexbox;\r\n display: flex;\r\n color: #fff;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n font-size: 1.25rem;\r\n opacity: 0;\r\n transition: .3s opacity;\r\n background: rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.img-gallery>.col, .img-gallery>[class*=\"col-\"] {\r\n padding-left: 0.25rem;\r\n padding-right: 0.25rem;\r\n padding-bottom: 0.5rem;\r\n}\r\n.img-gallery {\r\n margin-right: -0.25rem;\r\n margin-left: -0.25rem;\r\n margin-bottom: -0.5rem;\r\n}", ".example+.highlight {\r\n\tborder-top: none;\r\n\tmargin-top: 0;\r\n\tborder-radius: 0 0 3px 3px;\r\n\toverflow: auto;\r\n}\r\n.highlight {\r\n\tmargin: 1rem 0 2rem;\r\n\tborder-radius: 3px;\r\n\tfont-size: 0.9375rem;\r\n\tmax-height: 40rem;\r\n\tbackground: #f6f6fb;\r\n\tpre {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\t.hll {\r\n\t\tbackground-color: #ffc;\r\n\t}\r\n\t.c {\r\n\t\tcolor: #999;\r\n\t}\r\n\t.k {\r\n\t\tcolor: #069;\r\n\t}\r\n\t.o {\r\n\t\tcolor: #555;\r\n\t}\r\n\t.cm {\r\n\t\tcolor: #999;\r\n\t}\r\n\t.cp {\r\n\t\tcolor: #099;\r\n\t}\r\n\t.c1, .cs {\r\n\t\tcolor: #999;\r\n\t}\r\n\t.gd {\r\n\t\tbackground-color: #fcc;\r\n\t\tborder: 1px solid #c00;\r\n\t}\r\n\t.ge {\r\n\t\tfont-style: italic;\r\n\t}\r\n\t.gr {\r\n\t\tcolor: #f00;\r\n\t}\r\n\t.gh {\r\n\t\tcolor: #030;\r\n\t}\r\n\t.gi {\r\n\t\tbackground-color: #cfc;\r\n\t\tborder: 1px solid #0c0;\r\n\t}\r\n\t.go {\r\n\t\tcolor: #aaa;\r\n\t}\r\n\t.gp {\r\n\t\tcolor: #009;\r\n\t}\r\n\t.gu {\r\n\t\tcolor: #030;\r\n\t}\r\n\t.gt {\r\n\t\tcolor: #9c6;\r\n\t}\r\n\t.kc, .kd, .kn, .kp, .kr {\r\n\t\tcolor: #069;\r\n\t}\r\n\t.kt {\r\n\t\tcolor: #078;\r\n\t}\r\n\t.m {\r\n\t\tcolor: #f60;\r\n\t}\r\n\t.s {\r\n\t\tcolor: #cc0099;\r\n\t}\r\n\t.na {\r\n\t\tcolor: #00cc7a;\r\n\t}\r\n\t.nb {\r\n\t\tcolor: #366;\r\n\t}\r\n\t.nc {\r\n\t\tcolor: #0a8;\r\n\t}\r\n\t.no {\r\n\t\tcolor: #360;\r\n\t}\r\n\t.nd {\r\n\t\tcolor: #99f;\r\n\t}\r\n\t.ni {\r\n\t\tcolor: #999;\r\n\t}\r\n\t.ne {\r\n\t\tcolor: #c00;\r\n\t}\r\n\t.nf {\r\n\t\tcolor: #c0f;\r\n\t}\r\n\t.nl {\r\n\t\tcolor: #99f;\r\n\t}\r\n\t.nn {\r\n\t\tcolor: #0cf;\r\n\t}\r\n\t.nt {\r\n\t\tcolor: #800000;\r\n\t}\r\n\t.nv {\r\n\t\tcolor: #033;\r\n\t}\r\n\t.ow {\r\n\t\tcolor: $black;\r\n\t}\r\n\t.w {\r\n\t\tcolor: #bbb;\r\n\t}\r\n\t.mf, .mh, .mi, .mo {\r\n\t\tcolor: #f60;\r\n\t}\r\n\t.sb, .sc {\r\n\t\tcolor: #c30;\r\n\t}\r\n\t.sd {\r\n\t\tfont-style: italic;\r\n\t\tcolor: #c30;\r\n\t}\r\n\t.s2, .se, .sh {\r\n\t\tcolor: #c30;\r\n\t}\r\n\t.si {\r\n\t\tcolor: #a00;\r\n\t}\r\n\t.sx {\r\n\t\tcolor: #c30;\r\n\t}\r\n\t.sr {\r\n\t\tcolor: #3aa;\r\n\t}\r\n\t.s1 {\r\n\t\tcolor: #c30;\r\n\t}\r\n\t.ss {\r\n\t\tcolor: #fc3;\r\n\t}\r\n\t.bp {\r\n\t\tcolor: #366;\r\n\t}\r\n\t.vc, .vg, .vi {\r\n\t\tcolor: #033;\r\n\t}\r\n\t.il {\r\n\t\tcolor: #f60;\r\n\t}\r\n\t.css {\r\n\t\t.o {\r\n\t\t\tcolor: #999;\r\n\t\t\t+.nt {\r\n\t\t\t\tcolor: #999;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.nt+.nt {\r\n\t\t\tcolor: #999;\r\n\t\t}\r\n\t}\r\n\t.language-bash::before, .language-sh::before {\r\n\t\tcolor: #009;\r\n\t\tcontent: \"$ \";\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\t-ms-user-select: none;\r\n\t\tuser-select: none;\r\n\t}\r\n\t.language-powershell::before {\r\n\t\tcolor: #009;\r\n\t\tcontent: \"PM> \";\r\n\t\t-webkit-user-select: none;\r\n\t\t-moz-user-select: none;\r\n\t\t-ms-user-select: none;\r\n\t\tuser-select: none;\r\n\t}\r\n}", ".label {\r\n\tdisplay: inline-block;\r\n\tmargin-bottom: .5rem;\r\n\tpadding-right: .6em;\r\n\tpadding-left: .6em;\r\n}\r\n\r\n.labels li {\r\n\tdisplay: inline;\r\n}\r\n\r\n.label-default {\r\n\tbackground: #d5e0ec;\r\n\tcolor: $white;\r\n}\r\n\r\n.label-success {\r\n\tbackground: $success;\r\n\tcolor: $white;\r\n}\r\n\r\n.label-danger {\r\n\tbackground: #f5334f;\r\n\tcolor: $white;\r\n}\r\n\r\n.label-warning {\r\n\tbackground: $warning;\r\n\tcolor: $white;\r\n}\r\n\r\n.label-info {\r\n\tbackground: $info;\r\n\tcolor: $white;\r\n}", "/*-----Lists-----*/\r\n\r\n.list-group-item.active {\r\n z-index: 2;\r\n background-color: $primary-01;\r\n color: $default-color;\r\n border-color: $border;\r\n}\r\n\r\n.list-group {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n}\r\n\r\n.list-group-item-action {\r\n width: 100%;\r\n color: #76839a;\r\n text-align: inherit;\r\n &:hover,\r\n &:focus {\r\n color: #76839a;\r\n text-decoration: none;\r\n background-color: $primary-01;\r\n }\r\n &:active {\r\n color: #76839a;\r\n background-color: $primary-01;\r\n }\r\n}\r\n\r\n.list-group-item {\r\n position: relative;\r\n display: block;\r\n padding: 0.75rem 1.25rem;\r\n background-color: $white;\r\n border: 1px solid $border;\r\n}\r\n\r\n.listorder {\r\n position: relative;\r\n padding: 0.75rem 1.25rem;\r\n margin-bottom: -1px;\r\n background-color: $white;\r\n border: 1px solid $border;\r\n list-style-type: decimal;\r\n list-style-position: inside;\r\n}\r\n\r\n.listorder1 {\r\n position: relative;\r\n padding: 0.75rem 1.25rem;\r\n margin-bottom: -1px;\r\n background-color: $white;\r\n border: 1px solid $border;\r\n list-style-type: upper-alpha;\r\n list-style-position: inside;\r\n}\r\n\r\n.listunorder {\r\n position: relative;\r\n padding: 0.75rem 1.25rem;\r\n margin-bottom: -1px;\r\n background-color: $white;\r\n border: 1px solid $border;\r\n list-style-type: circle;\r\n list-style-position: inside;\r\n}\r\n\r\n.listunorder1 {\r\n position: relative;\r\n padding: 0.75rem 1.25rem;\r\n margin-bottom: -1px;\r\n background-color: $white;\r\n border: 1px solid $border;\r\n list-style-type: square;\r\n list-style-position: inside;\r\n}\r\n\r\n.list-group-item {\r\n &:first-child {\r\n border-top-left-radius: 3px;\r\n border-top-right-radius: 3px;\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n border-bottom-right-radius: 3px;\r\n border-bottom-left-radius: 3px;\r\n }\r\n &:hover,\r\n &:focus {\r\n z-index: 1;\r\n text-decoration: none;\r\n }\r\n &.disabled,\r\n &:disabled {\r\n color: #c6cad8;\r\n background-color: $white;\r\n }\r\n}\r\n\r\n.list-group-item-primary {\r\n color: #24426c;\r\n background-color: #cbdbf2;\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: #24426c;\r\n background-color: #b7cded;\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: #24426c;\r\n border-color: #24426c;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-secondary {\r\n color: #464a4e;\r\n background-color: #dddfe2;\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: #464a4e;\r\n background-color: #cfd2d6;\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: #464a4e;\r\n border-color: #464a4e;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-success {\r\n color: $success;\r\n background-color: rgba(9, 173, 149, .2);\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: $success;\r\n background-color: rgba(9, 173, 149, .2);\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: $success;\r\n border-color: $success;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-info {\r\n color: $info;\r\n background-color: rgba(17, 112, 228, .2);\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: $info;\r\n background-color: rgba(17, 112, 228, .2);\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: rgba(17, 112, 228, .2);\r\n border-color: rgba(17, 112, 228, .2);\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-warning {\r\n color: $warning;\r\n background-color: rgba(247, 183, 49, .2);\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: $warning;\r\n background-color: rgba(247, 183, 49, .2);\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: $warning;\r\n border-color: $warning;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-danger {\r\n color: $danger;\r\n background-color: rgba(232, 38, 70, .2);\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: $danger;\r\n background-color: rgba(232, 38, 70, .2);\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: $danger;\r\n border-color: $danger;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-light {\r\n color: #818182;\r\n background-color: #fdfdfe;\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: #818182;\r\n background-color: #ececf6;\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: #818182;\r\n border-color: #818182;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item-dark {\r\n color: #1b1e21;\r\n background-color: #c6c8ca;\r\n &.list-group-item-action {\r\n &:hover,\r\n &:focus {\r\n color: #1b1e21;\r\n background-color: #b9bbbe;\r\n }\r\n &.active {\r\n color: $white;\r\n background-color: #1b1e21;\r\n border-color: #1b1e21;\r\n }\r\n }\r\n}\r\n\r\n.list-group-item {\r\n &.active .icon {\r\n color: inherit !important;\r\n }\r\n .icon {\r\n color: #74829c!important;\r\n }\r\n}\r\n\r\n.list-group-transparent .list-group-item {\r\n background: none;\r\n border: 0;\r\n padding: .5rem 1rem;\r\n border-radius: 3px;\r\n &.active {\r\n background: $primary-01;\r\n font-weight: 500;\r\n color: $black;\r\n }\r\n}\r\n\r\n.list-group-transparent.file-manager .list-group-item {\r\n // border: 1px solid $border;\r\n border-top: 0;\r\n}\r\n\r\n.list-group.lg-alt .list-group-item {\r\n border: 0;\r\n}\r\n\r\n.list.d-flex img {\r\n width: 60px;\r\n}\r\n\r\n.order-list li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style-1 {\r\n list-style: inherit;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style-1 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style-1 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style-1 ul {\r\n list-style: inherit;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style2 {\r\n list-style: decimal;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style2 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style2 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style3 {\r\n list-style: circle !important;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style3 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style3 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style4 {\r\n list-style: lower-alpha;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style4 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style4 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style4 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style5 {\r\n list-style: square;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style5 li {\r\n line-height: 30px;\r\n}\r\n\r\n.list-style5 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style6 {\r\n list-style: lower-roman;\r\n padding-left: inherit;\r\n}\r\n\r\n.list-style6 li {\r\n line-height: 30px;\r\n}\r\n\r\nlist-style6 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n\r\n.list-style6 ul {\r\n list-style: decimal;\r\n padding-left: 30px;\r\n}\r\n.list-group-item a{\r\n color: $default-color;\r\n}", "/*------ Media object ------*/\r\n\r\n.media {\r\n zoom: 1;\r\n overflow: hidden;\r\n}\r\n\r\n.media-body {\r\n zoom: 1;\r\n overflow: hidden;\r\n width: auto;\r\n -ms-flex: 1;\r\n flex: 1;\r\n}\r\n\r\n.media-object {\r\n display: block;\r\n}\r\n\r\n.media img {\r\n width: 40px;\r\n height: 40px;\r\n}\r\n\r\n.media-right,\r\n.media>.pull-right {\r\n padding-left: 10px;\r\n}\r\n\r\n.media-body,\r\n.media-left,\r\n.media-right {\r\n display: block;\r\n vertical-align: top;\r\n}\r\n\r\n.media-left,\r\n.media>.pull-left {\r\n padding-right: 10px;\r\n}\r\n\r\n.media-heading {\r\n margin-top: 0;\r\n margin-bottom: 5px;\r\n}\r\n\r\n.media-body h4 {\r\n font-weight: 500;\r\n font-size: 16px;\r\n}\r\n\r\n.media-middle {\r\n vertical-align: middle;\r\n}\r\n\r\n.media-bottom {\r\n vertical-align: bottom;\r\n}\r\n\r\n.media-icon {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 4;\r\n text-align: center;\r\n border-radius: 100%;\r\n}\r\n\r\n.media-list {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.media {\r\n display: flex;\r\n align-items: flex-start;\r\n}\r\n\r\n.media {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n}\r\n\r\n.btn-close {\r\n float: right;\r\n font-size: 1.40625rem;\r\n font-weight: 700;\r\n line-height: 1;\r\n color: $black;\r\n text-shadow: none;\r\n opacity: .5;\r\n transition: .3s color;\r\n &:hover,\r\n &:focus {\r\n color: $black;\r\n text-decoration: none;\r\n opacity: .75;\r\n }\r\n &:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n }\r\n}", ".navbar {\r\n position: relative;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n padding: 0.5rem 1rem;\r\n > {\r\n .container,\r\n .container-fluid {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n }\r\n }\r\n}\r\n\r\n.navbar-brand {\r\n display: inline-block;\r\n padding-top: 0.359375rem;\r\n padding-bottom: 0.359375rem;\r\n margin-right: 1rem;\r\n font-size: 1.125rem;\r\n line-height: inherit;\r\n white-space: nowrap;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n.navbar-nav {\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n padding-left: 0;\r\n margin-bottom: 0;\r\n list-style: none;\r\n .nav-link {\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n .dropdown-menu {\r\n position: static;\r\n float: none;\r\n }\r\n}\r\n\r\n.navbar-text {\r\n display: inline-block;\r\n padding-top: 0.5rem;\r\n padding-bottom: 0.5rem;\r\n}\r\n\r\n.navbar-collapse {\r\n -ms-flex-preferred-size: 100%;\r\n flex-basis: 100%;\r\n -ms-flex-positive: 1;\r\n flex-grow: 1;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n}\r\n\r\n.navbar-toggler {\r\n padding: 0.25rem 0.75rem;\r\n font-size: 1.125rem;\r\n line-height: 1;\r\n background-color: transparent;\r\n border: 1px solid transparent;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n &:not(:disabled):not(.disabled) {\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n.navbar-toggler-icon {\r\n display: inline-block;\r\n width: 1.5em;\r\n height: 1.5em;\r\n vertical-align: middle;\r\n content: \"\";\r\n background: no-repeat center center;\r\n background-size: 100% 100%;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .responsive-navbar .navbar-collapse {\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n background: transparent;\r\n }\r\n}\r\n\r\n.navbar-expand {\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -ms-flex-pack: start;\r\n justify-content: flex-start;\r\n > {\r\n .container,\r\n .container-fluid {\r\n padding-right: 0;\r\n padding-left: 0;\r\n -ms-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n }\r\n }\r\n .navbar-nav {\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n .dropdown-menu {\r\n position: absolute;\r\n }\r\n .nav-link {\r\n padding-right: 0.5rem;\r\n padding-left: 0.5rem;\r\n }\r\n }\r\n .navbar-collapse {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n -ms-flex-preferred-size: auto;\r\n flex-basis: auto;\r\n }\r\n .navbar-toggler {\r\n display: none;\r\n }\r\n}\r\n\r\n.navbar-light {\r\n .navbar-brand {\r\n color: $black-9;\r\n &:hover,\r\n &:focus {\r\n color: $black-9;\r\n }\r\n }\r\n .navbar-nav {\r\n .nav-link {\r\n color: $black-5;\r\n &:hover,\r\n &:focus {\r\n color: $black-7;\r\n }\r\n &.disabled {\r\n color: $black-3;\r\n }\r\n }\r\n .show>.nav-link,\r\n .active>.nav-link {\r\n color: $black-9;\r\n }\r\n .nav-link {\r\n &.show,\r\n &.active {\r\n color: $black-9;\r\n }\r\n }\r\n }\r\n .navbar-toggler {\r\n color: $black-5;\r\n border-color: $black-1;\r\n }\r\n .navbar-toggler-icon {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$black-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\r\n }\r\n .navbar-text {\r\n color: $black-5;\r\n a {\r\n color: $black-9;\r\n &:hover,\r\n &:focus {\r\n color: $black-9;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.navbar-dark {\r\n .navbar-brand {\r\n color: $white;\r\n &:hover,\r\n &:focus {\r\n color: $white;\r\n }\r\n }\r\n .navbar-nav {\r\n .nav-link {\r\n color: $white-5;\r\n &:hover,\r\n &:focus {\r\n color: rgba(255, 255, 255, 0.75);\r\n }\r\n &.disabled {\r\n color: rgba(255, 255, 255, 0.25);\r\n }\r\n }\r\n .show>.nav-link,\r\n .active>.nav-link {\r\n color: $white;\r\n }\r\n .nav-link {\r\n &.show,\r\n &.active {\r\n color: $white;\r\n }\r\n }\r\n }\r\n .navbar-toggler {\r\n color: $white-5;\r\n border-color: $white-1;\r\n }\r\n .navbar-toggler-icon {\r\n background-image: url(\"data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='$white-5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E\");\r\n }\r\n .navbar-text {\r\n color: $white-5;\r\n a {\r\n color: $white;\r\n &:hover,\r\n &:focus {\r\n color: $white;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .navresponsive-toggler {\r\n span {\r\n margin-top: 8px;\r\n text-align: center;\r\n position: relative;\r\n color: $primary-1;\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n width: 4px;\r\n height: 12px;\r\n top: 4px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 11px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n padding: 2px;\r\n }\r\n .dropdown-menu.dropdown-menu-right {\r\n left: 0 !important;\r\n }\r\n .responsive-navbar .navbar-collapse .icon.navsearch {\r\n i {\r\n line-height: 20px;\r\n }\r\n padding: 7px 10px !important;\r\n border: 1px solid #e4e6f9;\r\n margin: 2px;\r\n border-radius: 25px;\r\n }\r\n}\r\n\r\n.navbar-nav {\r\n flex-direction: initial !important;\r\n}\r\n\r\n@media (max-width:320px) {\r\n .responsive-navbar {\r\n .nav-link.icon {\r\n height: 2rem !important;\r\n width: 2rem !important;\r\n font-size: 1.2rem !important;\r\n }\r\n .avatar.profile-user {\r\n width: 2rem !important;\r\n height: 2rem !important;\r\n line-height: 1.5rem !important;\r\n margin-top: 0 !important;\r\n }\r\n .dropdown-menu.dropdown-menu-end.show {\r\n top: 2.65rem !important;\r\n }\r\n .dropdown-menu.header-search.dropdown-menu-start.show {\r\n top: 2.65rem !important;\r\n }\r\n }\r\n .header .dropdown.message .dropdown-menu {\r\n min-width: 18rem !important;\r\n }\r\n}\r\n\r\n@media (max-width:991px) {\r\n .responsive-navbar {\r\n .navbar-collapse {\r\n padding: 0px 10px;\r\n position: fixed;\r\n width: 100%;\r\n background: $white;\r\n margin-top: 41px;\r\n z-index: 999;\r\n box-shadow: 0 12px 11px -3px rgba(104, 113, 123, .1);\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n }\r\n .dropdown-menu.dropdown-menu-left {\r\n left: -1px;\r\n right: -1px;\r\n position: absolute;\r\n }\r\n .dropdown {\r\n position: initial;\r\n }\r\n .nav-link.icon {\r\n padding: 10px !important;\r\n margin: 13px 4px !important;\r\n border-radius: 50px;\r\n height: 2.5rem;\r\n width: 2.5rem;\r\n font-size: 1.2rem;\r\n }\r\n .profile-1 .nav-link {\r\n padding: 2px 9px 0 9px !important;\r\n }\r\n .header-search {\r\n .input-group {\r\n position: relative;\r\n .input-group-text.btn {\r\n // right: 6px;\r\n // top: 8px;\r\n }\r\n }\r\n }\r\n }\r\n .horizontal .header.hor-header .responsive-navbar {\r\n .navbar-collapse {\r\n margin-top: 72px !important;\r\n }\r\n }\r\n}\r\n\r\n.responsive-navbar {\r\n display: initial;\r\n flex-basis: inherit;\r\n flex-wrap: inherit;\r\n}\r\n\r\n\r\n/*--scrollspy ---*/\r\n\r\n.scrollspy-example {\r\n position: relative;\r\n height: 200px;\r\n overflow: auto;\r\n padding: .75rem;\r\n border-right: 1px solid $border;\r\n border-left: 1px solid $border;\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\n.scrollspy-example-2 {\r\n position: relative;\r\n height: 409px;\r\n overflow: auto;\r\n padding: .75rem;\r\n border: 1px solid $border;\r\n border-radius: 0 5px 5px 0;\r\n .nav-link {\r\n padding: 10px;\r\n }\r\n}\r\n\r\n#navbar-example2 {\r\n .nav-link {\r\n padding: .5rem .75rem;\r\n }\r\n}\r\n\r\n#navbar-example3 {\r\n .nav-link {\r\n padding: .75rem;\r\n color: $default-color;\r\n &.active {\r\n color: $white;\r\n }\r\n }\r\n}\r\n\r\n.nav-link:focus,\r\n.nav-link:hover {\r\n color: $primary-1;\r\n}", "/*-----Pricing tables-----*/\r\n\r\n.pricing {\r\n color: $white;\r\n}\r\n\r\n.pricing {\r\n .list-unstyled li {\r\n border-bottom: 1px solid $white-1;\r\n padding: 7px 0;\r\n }\r\n}\r\n\r\n.table> {\r\n tbody>tr>th {\r\n font-weight: 500;\r\n -webkit-transition: all .3s ease;\r\n }\r\n tfoot>tr> {\r\n td,\r\n th {\r\n font-weight: 500;\r\n -webkit-transition: all .3s ease;\r\n }\r\n }\r\n thead>tr> {\r\n td,\r\n th {\r\n font-weight: 500;\r\n -webkit-transition: all .3s ease;\r\n }\r\n }\r\n}\r\n\r\n\r\n/*------ Pricing Styles ---------*/\r\n\r\n.panel.price {\r\n -moz-transition: all .3s ease;\r\n -o-transition: all .3s ease;\r\n -webkit-transition: all .3s ease;\r\n >.panel-heading {\r\n -moz-transition: all .3s ease;\r\n -o-transition: all .3s ease;\r\n -webkit-transition: all .3s ease;\r\n }\r\n h3 {\r\n margin-bottom: 0;\r\n padding: 20px 0;\r\n }\r\n}\r\n\r\n.panel-heading {\r\n padding: 10px 15px;\r\n border-bottom: 1px solid $white-2;\r\n background: $white;\r\n}\r\n\r\n.panel.price {\r\n >.panel-heading {\r\n color: $white;\r\n }\r\n .list-group-item {\r\n &:last-child {\r\n border-bottom-right-radius: 0px;\r\n border-bottom-left-radius: 0px;\r\n }\r\n &:first-child {\r\n border-top-right-radius: 0px;\r\n border-top-left-radius: 0px;\r\n }\r\n }\r\n margin-bottom: 1.5rem;\r\n box-shadow: 0 4px 25px 0 rgba(168, 180, 208, .1);\r\n border-radius: 7px;\r\n background: $white;\r\n}\r\n\r\n.price {\r\n .panel-footer {\r\n border-bottom: 0px;\r\n background-color: $white;\r\n border-left: 0;\r\n border-right: 0;\r\n }\r\n &.panel-color>.panel-body {\r\n background-color: $white;\r\n }\r\n}\r\n\r\n.product-price {\r\n font-size: 1rem;\r\n strong {\r\n font-size: 1.5rem;\r\n }\r\n}\r\n\r\n.pricing-divider-img {\r\n position: absolute;\r\n left: 0;\r\n width: 100%;\r\n}\r\n\r\n.price-detail-wrap .rating-stars {\r\n text-align: left !important;\r\n}\r\n\r\n.ribbon-price {\r\n position: absolute;\r\n top: 0;\r\n z-index: 8;\r\n right: 0;\r\n width: 100%;\r\n display: block;\r\n font-size: 15px;\r\n padding: 0;\r\n overflow: hidden;\r\n height: 100px;\r\n}\r\n\r\n.ribbon-price .badge {\r\n float: right;\r\n transform: rotate( 45deg);\r\n right: -70px;\r\n top: 21px;\r\n position: relative;\r\n text-align: center;\r\n width: 212px;\r\n font-size: 13px;\r\n margin: 0;\r\n padding: 7px 10px;\r\n font-weight: 500;\r\n}\r\n.pricing.bg-primary-gradient {\r\n border-radius: 0px 60px 0 60px;\r\n}\r\n\r\n.pricing.bg-warning-gradient {\r\n border-radius: 0px 60px 0 60px;\r\n}\r\n\r\n.pricing.bg-success-gradient {\r\n border-radius: 0px 60px 0 60px;\r\n}\r\n\r\n.pricing.bg-danger-gradient {\r\n border-radius: 0px 60px 0 60px;\r\n}\r\n\r\n.price .panel-body .lead strong {\r\n line-height: 2;\r\n font-size: 30px;\r\n}\r\n\r\n.ribbone1-price .ribbon {\r\n position: absolute;\r\n right: 6px;\r\n top: -5px;\r\n z-index: 1;\r\n overflow: hidden;\r\n width: 75px;\r\n height: 75px;\r\n text-align: right;\r\n}\r\n\r\n.ribbone1-price .ribbon span {\r\n font-size: 10px;\r\n font-weight: bold;\r\n color: #FFF;\r\n text-transform: uppercase;\r\n text-align: center;\r\n line-height: 20px;\r\n transform: rotate( 45deg);\r\n -webkit-transform: rotate( 45deg);\r\n width: 100px;\r\n display: block;\r\n background: #79A70A;\r\n background: $primary-1;\r\n box-shadow: 0 3px 10px -5px black;\r\n position: absolute;\r\n top: 19px;\r\n right: -21px;\r\n}\r\n\r\n.ribbone1-price .ribbon span::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0px;\r\n top: 100%;\r\n z-index: -1;\r\n border-left: 3px solid $primary-1;\r\n border-right: 3px solid transparent;\r\n border-bottom: 3px solid transparent;\r\n border-top: 3px solid $primary-1;\r\n}\r\n\r\n.ribbone1-price .ribbon span::after {\r\n content: \"\";\r\n position: absolute;\r\n right: 0px;\r\n top: 100%;\r\n z-index: -1;\r\n border-left: 3px solid transparent;\r\n border-right: 3px solid $primary-1;\r\n border-bottom: 3px solid transparent;\r\n border-top: 3px solid $primary-1;\r\n}\r\n\r\n.price .list-group-flush .list-group-item {\r\n border: 0 !important;\r\n padding: 0px 0px 0px 16px;\r\n}\r\n\r\n.primary .pricing-divider {\r\n padding: 1em 0 1em;\r\n position: relative;\r\n}\r\n\r\n.secondary .pricing-divider {\r\n background: $white;\r\n padding: 1em 0 1em;\r\n position: relative;\r\n}\r\n\r\n.danger .pricing-divider {\r\n background: $white !important;\r\n padding: 1em 0 1em;\r\n position: relative;\r\n}\r\n\r\n.success .pricing-divider {\r\n background: $white;\r\n padding: 1em 0 1em;\r\n position: relative;\r\n}", "/*-- rating--*/\r\n\r\n.rating-stars {\r\n width: 100%;\r\n text-align: center;\r\n font-size: 30px;\r\n i{\r\n padding: 5px;\r\n }\r\n input {\r\n display: block;\r\n margin: 0 auto;\r\n text-align: center;\r\n padding: 0.375rem 0.75rem;\r\n font-size: 0.9375rem;\r\n line-height: 1.6;\r\n color: #495057;\r\n background-color: $white;\r\n background-clip: padding-box;\r\n border: 1px solid $border;\r\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\r\n }\r\n}\r\n\r\n.star-ratings .stars {\r\n width: 120px;\r\n text-align: center;\r\n margin: auto;\r\n}\r\n\r\n.star-ratings .stars-example-fontawesome-o {\r\n width: 200px;\r\n}\r\n\r\n.box select {\r\n width: 120px;\r\n margin: 10px auto 0 auto;\r\n display: block;\r\n font-size: 16px;\r\n}\r\n\r\n.box .box-body {\r\n padding-top: 2em;\r\n height: 85px;\r\n position: relative;\r\n}", ".tab-content> {\r\n .tab-pane {\r\n display: none;\r\n }\r\n .active {\r\n display: block;\r\n }\r\n}\r\n\r\n.tabs-menu ul li {\r\n a {\r\n padding: 10px 12px 11px 13px;\r\n display: block;\r\n color: $default-color;\r\n }\r\n .active {\r\n color: $primary-1;\r\n }\r\n}\r\n\r\n.tabs-menu1 ul li a {\r\n padding: 10px 20px 11px 20px;\r\n display: block;\r\n color: $default-color;\r\n}\r\n\r\n.tabs-menu-body {\r\n // border: 1px solid $border;\r\n p:last-child {\r\n margin-bottom: 0;\r\n }\r\n}\r\n\r\n.tab-menu-heading {\r\n padding: 0px;\r\n border-bottom: 1px solid $border !important;\r\n font-size: 16px;\r\n font-weight: 500;\r\n}\r\n\r\n.tab_wrapper .content_wrapper .tab_content.active p:last-child {\r\n margin-bottom: 0;\r\n}\r\n\r\n.tabs-menu2 ul li {\r\n a {\r\n color: #636262;\r\n padding: 10px 20px 11px 20px;\r\n }\r\n .active {\r\n font-weight: 600;\r\n }\r\n .fade {\r\n color: #eeee;\r\n }\r\n}\r\n\r\n.search-tabs ul li a.active {\r\n border-bottom: 3px solid $primary-1;\r\n background-color: transparent !important;\r\n // border-radius: 0 !important;\r\n}\r\n\r\n.search-tabs ul li a:hover {\r\n background-color: transparent !important;\r\n // border-radius: 0 !important;\r\n}\r\n\r\n.tabs-menu-border ul li .active {\r\n border: 1px solid $border;\r\n}\r\n\r\n.tabs-menu-boxed ul li a {\r\n padding: 10px 20px 11px 20px;\r\n display: block;\r\n color: $default-color;\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\n.tabs-menu-boxed ul li .active {\r\n border: 1px solid $border;\r\n border-bottom-color: transparent;\r\n}\r\n\r\n.tab-menu-heading .tabs-menu-boxed {\r\n border-bottom: 0;\r\n}\r\n\r\n.tab-menu-heading.tab-menu-heading-boxed {\r\n border-bottom: 0 !important;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .tabs-menu-boxed ul li a {\r\n padding: 6px 10px 6px 9px;\r\n }\r\n}", "/***** time-line*****/\r\n\r\n.timeline__item:after {\r\n background: $white !important;\r\n}\r\n\r\n.timeline__content {\r\n background-color: $white;\r\n border-radius: 10px;\r\n display: block;\r\n padding: 1.25rem;\r\n position: relative;\r\n}\r\n\r\n\r\n/*---- Time line -----*/\r\n\r\n.timeline {\r\n position: relative;\r\n margin: 0 0 2rem;\r\n padding: 0;\r\n list-style: none;\r\n top: 2px;\r\n &:before {\r\n background-color: #e9ecef;\r\n position: absolute;\r\n display: block;\r\n content: '';\r\n height: 100%;\r\n top: 0;\r\n bottom: 0;\r\n left: 4px;\r\n }\r\n}\r\n\r\n.timeline-item {\r\n position: relative;\r\n display: -ms-flexbox;\r\n display: flex;\r\n padding-left: 2rem;\r\n margin: .5rem 0;\r\n &:first-child:before,\r\n &:last-child:before {\r\n content: '';\r\n position: absolute;\r\n background: $white;\r\n width: 1px;\r\n left: .25rem;\r\n }\r\n &:first-child {\r\n margin-top: 0;\r\n &:before {\r\n top: 0;\r\n height: .5rem;\r\n }\r\n }\r\n &:last-child {\r\n margin-bottom: 0;\r\n &:before {\r\n top: .5rem;\r\n bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n.timeline-badge {\r\n position: absolute;\r\n display: block;\r\n width: 0.4375rem;\r\n height: 0.4375rem;\r\n left: 1px;\r\n top: .5rem;\r\n border-radius: 100%;\r\n border: 1px solid $white;\r\n background: #adb5bd;\r\n}\r\n\r\n.timeline-time {\r\n white-space: nowrap;\r\n margin-left: auto;\r\n color: #9aa0ac;\r\n font-size: 87.5%;\r\n}\r\n\r\n.timeline__item--right .timeline__content:before {\r\n border-right: 12px solid rgba(238, 232, 239, 0.9);\r\n}\r\n\r\n.timeline__items img {\r\n border-radius: 7px;\r\n}\r\n\r\nul.timeline {\r\n list-style-type: none;\r\n position: relative;\r\n &:before {\r\n content: ' ';\r\n background: #d4d9df;\r\n display: inline-block;\r\n position: absolute;\r\n left: 29px;\r\n width: 2px;\r\n height: 100%;\r\n z-index: 400;\r\n }\r\n >li {\r\n margin: -5px 42px;\r\n padding-left: 20px;\r\n &:before {\r\n content: ' ';\r\n display: inline-block;\r\n position: absolute;\r\n border-radius: 50%;\r\n border: 1px solid #6c6c6f;\r\n left: 20px;\r\n width: 20px;\r\n height: 20px;\r\n z-index: 400;\r\n }\r\n }\r\n}\r\n\r\n\r\n/*----Timeline---*/\r\n\r\n.vtimeline {\r\n list-style: none;\r\n padding: 0;\r\n position: relative;\r\n margin-bottom: 20px;\r\n &:before {\r\n top: 0;\r\n bottom: 0;\r\n position: absolute;\r\n content: \" \";\r\n width: 3px;\r\n background-color: #d1d4e4;\r\n left: 50%;\r\n margin-left: -1.5px;\r\n }\r\n .timeline-wrapper {\r\n display: block;\r\n margin-bottom: 20px;\r\n position: relative;\r\n width: 100%;\r\n padding-right: 90px;\r\n &:before {\r\n content: \" \";\r\n display: table;\r\n }\r\n &:after {\r\n content: \" \";\r\n display: table;\r\n clear: both;\r\n }\r\n .timeline-panel {\r\n border-radius: 2px;\r\n padding: 20px;\r\n position: relative;\r\n background: $white;\r\n border-radius: 5px;\r\n box-shadow: 0 8px 16px 0 rgba(162, 169, 204, 0.24);\r\n width: 35%;\r\n margin-left: 14%;\r\n &:before {\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 2px;\r\n content: \"\";\r\n left: 0;\r\n right: 0;\r\n }\r\n &:after {\r\n position: absolute;\r\n top: 10px;\r\n right: -10px;\r\n display: inline-block;\r\n border-top: 10px solid transparent;\r\n border-left: 10px solid $border;\r\n border-right: 0 solid $border;\r\n border-bottom: 10px solid transparent;\r\n content: \" \";\r\n }\r\n .timeline-title {\r\n font-size: 1rem;\r\n font-weight: 700;\r\n margin: 0 0 .625rem;\r\n }\r\n .timeline-body {\r\n p+p {\r\n margin-top: 5px;\r\n }\r\n ul {\r\n margin-bottom: 0;\r\n }\r\n }\r\n .timeline-footer span {\r\n font-size: .6875rem;\r\n }\r\n }\r\n .timeline-badge {\r\n width: 55px;\r\n height: 55px;\r\n position: absolute;\r\n top: -2px;\r\n left: calc(50% - 26px);\r\n z-index: 0;\r\n border-radius: 50px;\r\n border: 2px solid $white;\r\n i {\r\n color: $white;\r\n }\r\n }\r\n &.timeline-inverted {\r\n padding-right: 0;\r\n padding-left: 90px;\r\n .timeline-panel {\r\n margin-left: auto;\r\n margin-right: 14%;\r\n &:after {\r\n border-left-width: 0;\r\n border-right-width: 10px;\r\n left: -10px;\r\n right: auto;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.timeline-wrapper-primary .timeline-panel:before,\r\n.timeline-wrapper-primary .timeline-badge {\r\n background: $primary-1;\r\n}\r\n\r\n.timeline-wrapper-secondary {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: $secondary;\r\n }\r\n}\r\n\r\n.timeline-wrapper-success {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: $success;\r\n }\r\n}\r\n\r\n.timeline-wrapper-green {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: $green;\r\n }\r\n}\r\n\r\n.timeline-wrapper-warning {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: #fcd539;\r\n }\r\n}\r\n\r\n.timeline-wrapper-danger {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: #f16d75;\r\n }\r\n}\r\n\r\n.timeline-wrapper-light {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: #f6f6fb;\r\n }\r\n}\r\n\r\n.timeline-wrapper-dark {\r\n .timeline-panel:before,\r\n .timeline-badge {\r\n background: #828db1;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n .vtimeline .timeline-wrapper {\r\n padding-right: 0 !important;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-badge {\r\n left: -13px !important;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel {\r\n width: auto !important;\r\n margin-left: 20% !important;\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted {\r\n padding-left: 0 !important;\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {\r\n margin-right: 0 !important;\r\n width: auto !important;\r\n }\r\n .vtimeline:before {\r\n left: 14px !important;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel:after {\r\n border-right: 14px solid #cad4e4 !important;\r\n border-left: 0 solid #cad4e4 !important;\r\n left: -14px !important;\r\n right: auto !important;\r\n top: 15px;\r\n }\r\n}\r\n\r\n.timeline-date {\r\n margin: auto;\r\n}\r\n\r\n.timeline-wrapper .timeline-badge .timeline-icon {\r\n display: block;\r\n margin-top: 3px;\r\n}", ".footer {\r\n background: transparent;\r\n font-size: 0.875rem;\r\n padding: 1.25rem 1.25rem;\r\n border-top: 1px solid $black-1;\r\n .container {\r\n padding-left: 0.75rem;\r\n padding-right: 0.75rem;\r\n }\r\n .social {\r\n ul li {\r\n float: left;\r\n padding: 7px;\r\n a {\r\n width: 29px;\r\n height: 29px;\r\n display: block;\r\n border: 1px solid $primary-1;\r\n line-height: 25px;\r\n border-radius: 50%;\r\n background: $primary-01;\r\n color: $primary-1;\r\n }\r\n }\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media print {\r\n .footer {\r\n display: none;\r\n }\r\n}\r\n\r\n.footer-1.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 1.25rem;\r\n}\r\n\r\n.top-footer {\r\n width: 100%;\r\n line-height: 1.25rem;\r\n opacity: 1;\r\n transform: translate(0px, 0px);\r\n font-size: 14px;\r\n flex: 0 0 auto;\r\n h6 {\r\n font-size: 14px;\r\n margin-bottom: 1rem;\r\n font-weight: 500;\r\n }\r\n p {\r\n color: #76839a;\r\n }\r\n a {\r\n color: #76839a;\r\n line-height: 2;\r\n address {\r\n color: #76839a;\r\n margin-bottom: 0;\r\n line-height: 2;\r\n }\r\n }\r\n img {\r\n width: 80px;\r\n padding: 2px;\r\n height: 80px;\r\n border-radius: 5px;\r\n &:hover {\r\n color: #8e9090;\r\n opacity: .6;\r\n }\r\n }\r\n .list-unstyled li {\r\n border-bottom: 0;\r\n }\r\n}\r\n\r\n.footer-payments {\r\n padding-left: 0;\r\n list-style: none;\r\n margin: 0;\r\n line-height: 1.25rem;\r\n li {\r\n &:not(:last-child) {\r\n margin-right: 1.5rem;\r\n }\r\n display: inline-block;\r\n }\r\n a {\r\n color: #a7a8c7;\r\n text-decoration: none;\r\n font-size: 2rem;\r\n &:hover {\r\n opacity: .9;\r\n }\r\n }\r\n}\r\n\r\n.main-footer {\r\n padding: 20px 30px 20px 280px;\r\n font-size: 14px;\r\n font-weight: 400;\r\n background-color: $white;\r\n border-top: 1px solid #e6eaea;\r\n}\r\n\r\n.footer-social-list {\r\n li {\r\n &:not(:last-child) {\r\n margin-right: 0.7rem;\r\n }\r\n display: inline-block;\r\n }\r\n a {\r\n text-decoration: none;\r\n font-size: 1rem;\r\n }\r\n padding-left: 0;\r\n list-style: none;\r\n margin: 0;\r\n line-height: 1.25rem;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n .footer-social-list {\r\n text-align: center;\r\n margin-top: 1rem;\r\n }\r\n .footer1 {\r\n text-align: center;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 767px) {\r\n .footer {\r\n padding: 1.25rem 0;\r\n }\r\n}", ".header-search {\r\n min-width: 18rem !important;\r\n}\r\n\r\n.header {\r\n background: $white;\r\n padding-top: .75rem;\r\n padding-bottom: .75rem;\r\n border-bottom: 1px solid $border;\r\n}\r\n\r\n@media print {\r\n .header {\r\n display: none;\r\n }\r\n}\r\n\r\n.header {\r\n .dropdown-menu {\r\n margin-top: 0;\r\n }\r\n .mega-menu {\r\n width: 350px;\r\n }\r\n .nav-tabs {\r\n margin: 0;\r\n }\r\n}\r\n\r\n.header-right-icons {\r\n a {\r\n padding-top: 9px;\r\n }\r\n .dropdown-menu a {\r\n padding: 12px;\r\n }\r\n .profile-1 a {\r\n padding-top: 5px;\r\n }\r\n}\r\n\r\n.header-brand {\r\n color: inherit;\r\n font-size: 1.25rem;\r\n white-space: nowrap;\r\n font-weight: 600;\r\n padding: 0;\r\n transition: .3s opacity;\r\n line-height: 2.6rem;\r\n}\r\n\r\n.app-header .header-brand {\r\n color: inherit;\r\n margin-right: 0;\r\n font-size: 1.25rem;\r\n white-space: nowrap;\r\n font-weight: 600;\r\n padding: 0;\r\n transition: .3s opacity;\r\n line-height: 2.9rem;\r\n min-width: 200px;\r\n text-align: center;\r\n .header-brand-img {\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.header-brand:hover {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n.header-brand-img {\r\n line-height: 2rem;\r\n vertical-align: middle;\r\n width: auto;\r\n}\r\n\r\n.header-avatar {\r\n width: 2rem;\r\n height: 2rem;\r\n display: inline-block;\r\n vertical-align: bottom;\r\n border-radius: 50%;\r\n}\r\n\r\n.header-btn {\r\n display: inline-block;\r\n width: 2rem;\r\n height: 2rem;\r\n line-height: 2rem;\r\n text-align: center;\r\n font-size: 1rem;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .header .form-inline {\r\n margin-right: -2px;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .sidebar-mini.sidenav-toggled {\r\n .side-header {\r\n display: none;\r\n }\r\n }\r\n .header.hor-header {\r\n position: fixed;\r\n border-bottom: 1px solid $border;\r\n width: 100%;\r\n z-index: 999;\r\n top: 0;\r\n }\r\n .header.hor-header {\r\n .header-brand-img {\r\n &.light-logo {\r\n display: none;\r\n }\r\n &.desktop-logo {\r\n display: none;\r\n margin: 0 auto;\r\n }\r\n &.light-logo1 {\r\n display: block;\r\n }\r\n }\r\n .header-brand1 {\r\n width: 100%;\r\n margin: 0 auto;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n text-align: center;\r\n margin-top: 0 !important;\r\n }\r\n }\r\n}\r\n@media (max-width: 991px) {\r\n .header-brand-img {\r\n margin-left: 1.5rem;\r\n margin: 3px auto;\r\n }\r\n .side-header {\r\n display: none !important;\r\n }\r\n}\r\n\r\n@media (max-width: 992px) and (min-width: 768px) {\r\n .animated-arrow {\r\n cursor: pointer;\r\n padding: 25px 35px 16px 0px !important;\r\n margin: 11px 0 0 15px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .app-content .side-app {\r\n padding-top: 0px !important;\r\n }\r\n}\r\n\r\n.header {\r\n .form-inline {\r\n .form-control {\r\n border-color: rgba(225, 225, 225, 0.1);\r\n padding-left: 20px;\r\n width: 220px;\r\n padding-right: 40px;\r\n background: rgba(225, 225, 225, 0.3);\r\n color: $black !important;\r\n }\r\n .btn {\r\n border-radius: 0;\r\n padding: 5px 15px 6px 15px;\r\n border: 2px solid transparent;\r\n box-shadow: none;\r\n border-bottom-right-radius: 3px;\r\n border-top-right-radius: 3px;\r\n background: transparent;\r\n color: $white;\r\n margin-left: -56px;\r\n font-size: 15px;\r\n }\r\n }\r\n .dropdown-menu {\r\n padding: 0;\r\n border: 0;\r\n }\r\n}\r\n\r\n@media (max-width: 767.98px) and (min-width: 576px) {\r\n .header .form-inline .search-element {\r\n position: absolute;\r\n top: 8px;\r\n left: 10px;\r\n right: 10px;\r\n z-index: 892;\r\n display: none;\r\n }\r\n body.search-show .header .form-inline .search-element {\r\n display: block;\r\n }\r\n .header .navsearch i {\r\n font-size: 20px;\r\n color: $white;\r\n }\r\n .search-element .form-control {\r\n float: left;\r\n width: 100% !important;\r\n height: 40px;\r\n margin: 0 auto;\r\n background: $white !important;\r\n color: $black;\r\n }\r\n .search-show .search-element {\r\n display: block;\r\n left: 0 !important;\r\n top: 0 !important;\r\n right: 0;\r\n width: 100%;\r\n padding: 10px 13px;\r\n }\r\n .header {\r\n .form-inline .form-control::-webkit-input-placeholder {\r\n color: #76839a;\r\n }\r\n .navsearch i {\r\n font-size: 20px;\r\n color: $white;\r\n padding-top: 5px;\r\n }\r\n .form-inline .btn {\r\n color: #46494a !important;\r\n padding: 8px 15px 6px 15px;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 568px) {\r\n .page-main .header {\r\n top: 0px !important;\r\n }\r\n}\r\n\r\n.animated-arrow span {\r\n &:before,\r\n &:after {\r\n display: none;\r\n }\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n .animated-arrow span {\r\n &:before,\r\n &:after {\r\n cursor: pointer;\r\n height: 2px;\r\n width: 17px;\r\n background: $default-color;\r\n position: absolute;\r\n display: block;\r\n content: '';\r\n }\r\n }\r\n .animated-arrow span {\r\n &:before,\r\n &:after {\r\n cursor: pointer;\r\n height: 2px;\r\n width: 17px;\r\n background: $default-color;\r\n position: absolute;\r\n display: block;\r\n content: '';\r\n }\r\n }\r\n}\r\n\r\n.header-style .header-brand {\r\n margin-left: 0 !important;\r\n}\r\n\r\n@media only screen and (max-width: 991px) {\r\n .page-header {\r\n padding: 4px;\r\n }\r\n .app-header {\r\n box-shadow: none !important;\r\n position: fixed !important;\r\n }\r\n .page {\r\n position: inherit;\r\n background: none;\r\n }\r\n body {\r\n background-color: #f6f6fb;\r\n }\r\n .page-main {\r\n z-index: inherit;\r\n }\r\n}\r\n\r\n@media only screen and (min-width: 768px) {\r\n .header .form-inline .form-control {\r\n width: 200px;\r\n }\r\n}\r\n\r\n.hor-header {\r\n .header-brand1 {\r\n color: inherit;\r\n font-size: 1.25rem;\r\n white-space: nowrap;\r\n font-weight: 600;\r\n padding: 0;\r\n transition: .3s opacity;\r\n line-height: 2.8rem;\r\n margin-top: 2px;\r\n }\r\n}\r\n\r\n.header-right-icons {\r\n .nav-link.icon:hover {\r\n background: none;\r\n border-radius: 50px;\r\n }\r\n .profile-user:hover {\r\n box-shadow: none;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .app-header .header-brand,\r\n .app-header1 .header-brand {\r\n min-width: auto;\r\n }\r\n .header-right-icons .dropdown .header-toggler {\r\n margin-top: 9px;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .header {\r\n border-bottom: 1px solid $white-2;\r\n padding-top: 0.95rem;\r\n padding-bottom: 0.95rem;\r\n }\r\n}\r\n\r\n.header {\r\n .notifications {\r\n .dropdown-menu {\r\n min-width: 18rem;\r\n }\r\n }\r\n .dropdown.message {\r\n .dropdown-menu {\r\n min-width: 19rem;\r\n }\r\n }\r\n .dropdown.notifications,\r\n .dropdown.message {\r\n .dropdown-item {\r\n padding: 1rem !important;\r\n }\r\n }\r\n .dropdown-menu {\r\n box-shadow: 0 10px 40px 0 rgba(104, 113, 123, .2);\r\n border: 1px solid $border;\r\n top: 3.5rem !important;\r\n .badge {\r\n padding: 3px 6px;\r\n }\r\n .dropdown-item {\r\n border-bottom: 1px solid $border;\r\n &:last-child {\r\n border-bottom: 0;\r\n }\r\n }\r\n }\r\n .dropdown-item {\r\n color: $default-color;\r\n }\r\n .notifications-menu,\r\n .message-menu {\r\n h5 {\r\n font-size: 13.5px;\r\n color: $default-color;\r\n font-weight: 500;\r\n }\r\n span {\r\n font-size: 12px;\r\n color: #76839a;\r\n }\r\n }\r\n .dropdown-menu {\r\n box-shadow: 0 10px 40px 0 rgba(104, 113, 123, .2);\r\n border: 1px solid $border;\r\n .badge {\r\n padding: 3px 6px;\r\n }\r\n .dropdown-item {\r\n border-bottom: 1px solid $border;\r\n &:last-child {\r\n border-bottom: 0;\r\n }\r\n }\r\n }\r\n .message-menu .wd-90p {\r\n width: 90%;\r\n }\r\n .profile-1 {\r\n .dropdown-item {\r\n padding: .75rem 1.75rem !important;\r\n .dropdown-icon {\r\n font-size: 16px;\r\n color: $primary-1;\r\n position: relative;\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 5px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.responsive-navbar {\r\n .notifications-menu,\r\n .message-menu {\r\n h5 {\r\n font-size: 13.5px;\r\n color: $default-color;\r\n font-weight: 500;\r\n }\r\n span {\r\n font-size: 12px;\r\n color: #76839a;\r\n }\r\n }\r\n .dropdown-menu {\r\n box-shadow: 0 10px 40px 0 rgba(104, 113, 123, .2);\r\n border: 1px solid $border;\r\n .badge {\r\n padding: 4px 8px;\r\n }\r\n .dropdown-item {\r\n border-bottom: 1px solid $border;\r\n &:last-child {\r\n border-bottom: 0;\r\n }\r\n }\r\n }\r\n .message-menu .wd-90p {\r\n width: 90%;\r\n }\r\n .profile-1 {\r\n .dropdown-item {\r\n padding: .75rem 1.75rem !important;\r\n .dropdown-icon {\r\n font-size: 16px;\r\n color: $primary-1;\r\n position: relative;\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 5px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n.dropdown .avatar.profile-user {\r\n width: 2.2rem;\r\n height: 2.2rem;\r\n line-height: 2.2rem;\r\n}\r\n@media only screen and (max-width: 460px) {\r\n .profile-cover__img .profile-img-1>img{\r\n margin-left: -29px;\r\n }\r\n}\r\n.app-header, .hor-header{\r\n .responsive-navbar{\r\n .notifications-menu, .message-menu{\r\n .dropdown-item h5, .dropdown-item span{\r\n white-space: normal !important;\r\n }\r\n }\r\n .notifications-menu .wd-80p{\r\n width: 80%;\r\n }\r\n }\r\n .profile-1{\r\n .dropdown-item{\r\n white-space: normal;\r\n }\r\n }\r\n}\r\n\r\n.header{\r\n .header-dropdown-list {\r\n height: 300px;\r\n }\r\n .notifications-menu{\r\n height: 300px;\r\n }\r\n .message-menu-scroll{\r\n height: 290px;\r\n }\r\n} \r\n\r\n.dropdown-footer{\r\n padding: 10px;\r\n border-radius: 0px 0px 10px 10px;\r\n}\r\n.shopping-cart, .notifications, .message{\r\n .ps__rail-y{\r\n height: 234px !important;\r\n }\r\n .ps__thumb-y{\r\n height: 118px !important;\r\n background-color: transparent ;\r\n }\r\n .ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y {\r\n background-color: transparent;\r\n }\r\n .header-dropdown-list{\r\n .wd-50p{\r\n width: 50% !important;\r\n }\r\n }\r\n}", "@media (min-width: 992px) {\r\n .horizontal-hover.horizontal {\r\n .slide {\r\n &:hover {\r\n ul.slide-menu {\r\n display: block !important;\r\n }\r\n }\r\n }\r\n .sub-slide {\r\n &:hover {\r\n .sub-slide-menu {\r\n display: block !important;\r\n }\r\n }\r\n }\r\n .sub-slide2 {\r\n &:hover {\r\n .sub-slide-menu2 {\r\n display: block !important;\r\n }\r\n }\r\n }\r\n .sub-slide.is-expanded .sub-angle {\r\n transform: none;\r\n }\r\n }\r\n .horizontal {\r\n &.dark-theme {\r\n .horizontal-main .slide .slide-menu,\r\n .horizontal-main .slide .sub-slide-menu {\r\n background-color: $dark-theme !important;\r\n border: 1px solid #404353;\r\n box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;\r\n }\r\n }\r\n .horizontal-main {\r\n z-index: 7 !important;\r\n }\r\n &.dark-theme {\r\n .logo-1 {\r\n display: none !important;\r\n }\r\n .dark-logo-1 {\r\n display: block !important;\r\n }\r\n }\r\n .hor-header .container,\r\n .horizontal-main .container,\r\n .main-content.hor-content .container {\r\n max-width: 85% !important;\r\n padding: 0;\r\n }\r\n .header.fixed-header.hor-header {\r\n position: relative;\r\n }\r\n &.scrollable-layout .horizontal-main {\r\n position: relative;\r\n }\r\n .app-sidebar.horizontal-main .side-menu .sub-category {\r\n display: none;\r\n }\r\n .app-sidebar.horizontal-main .side-menu .side-badge {\r\n display: none;\r\n }\r\n .side-menu {\r\n display: flex;\r\n overflow: hidden;\r\n padding: 0;\r\n }\r\n .main-sidemenu {\r\n margin-top: 0;\r\n }\r\n .main-sidemenu {\r\n overflow: hidden;\r\n }\r\n .side-header {\r\n display: none;\r\n }\r\n .stickyClass .horizontal-main {\r\n width: 100%;\r\n }\r\n .horizontal-main {\r\n position: relative;\r\n bottom: initial;\r\n &.ps {\r\n overflow: visible !important;\r\n }\r\n .slide {\r\n .slide-menu,\r\n .sub-slide-menu,\r\n .sub-slide-menu2 {\r\n width: 190px;\r\n position: absolute;\r\n background-color: $white;\r\n z-index: 9999;\r\n padding: 5px;\r\n min-width: fit-content;\r\n box-shadow: 0px 16px 18px rgba(135, 135, 182, 0.1) !important;\r\n border: 1px solid #e7eaf3;\r\n .slide-item:before {\r\n left: -15px;\r\n margin-right: 0px;\r\n }\r\n }\r\n .slide-menu{\r\n border-radius: 0 0px 5px 5px;\r\n }\r\n .sub-slide-menu,\r\n .sub-slide-menu2 {\r\n border-radius: 0 5px 5px 5px;\r\n }\r\n }\r\n }\r\n .slide-item {\r\n padding: 8px 35px;\r\n }\r\n .fixed-header {\r\n position: fixed;\r\n }\r\n .sub-slide-menu .sub-slide-item2 {\r\n padding: 8px 20px 8px 20px !important;\r\n }\r\n .sub-slide .sub-angle {\r\n right: 0px;\r\n left: auto;\r\n margin-right: 0 !important;\r\n position: relative;\r\n }\r\n .sub-angle2 {\r\n margin-right: 11px;\r\n }\r\n .app-sidebar {\r\n transition: none;\r\n }\r\n .sub-slide .sub-slide-menu {\r\n position: absolute;\r\n background-color: $white;\r\n z-index: 9999;\r\n box-shadow: 5px 5px 5px #b9b9b9;\r\n border-radius: 5px;\r\n padding: 0px;\r\n min-width: fit-content;\r\n border: 1px solid #f0f0f8;\r\n left: 180px;\r\n top: 13px;\r\n }\r\n .sub-slide .sub-slide-menu2 {\r\n position: absolute;\r\n background-color: $white;\r\n z-index: 9999;\r\n box-shadow: 5px 5px 5px #b9b9b9;\r\n border-radius: 5px;\r\n padding: 0px;\r\n min-width: fit-content;\r\n border: 1px solid #f0f0f8;\r\n left: 180px;\r\n top: 13px;\r\n }\r\n .sub-side-menu__item {\r\n padding: 8px 35px;\r\n }\r\n .side-menu > li > a {\r\n display: flex;\r\n margin: -3px -4px !important;\r\n text-decoration: none;\r\n position: relative;\r\n color: #7b8191;\r\n padding: 16px 16px !important;\r\n font-weight: 400;\r\n }\r\n .side-menu > li > a.active {\r\n color: $primary-1;\r\n }\r\n .main-sidemenu i.angle {\r\n position: relative;\r\n top: 2px;\r\n right: -4px;\r\n transform: rotate(90deg);\r\n font-size: 15px;\r\n }\r\n .main-sidemenu .slide.is-expanded i.angle {\r\n transform: rotate(-90deg);\r\n position: relative;\r\n top: 0px;\r\n // right: 0;\r\n font-size: 15px;\r\n }\r\n .breadcrumb-header {\r\n margin-top: 20px;\r\n }\r\n .side-menu .slide .side-menu__item.active {\r\n // border-bottom: 3px solid $primary;//\r\n border-right: none;\r\n }\r\n .slide {\r\n margin: 0 3px;\r\n }\r\n .logo-horizontal {\r\n display: block;\r\n }\r\n .app-sidebar__toggle {\r\n display: none;\r\n }\r\n .logo-horizontal .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .logo-horizontal .header-brand-img.light-logo1 {\r\n display: block;\r\n }\r\n }\r\n .mobile-logo.dark-logo-1 {\r\n display: none;\r\n }\r\n .main-sidemenu .slide-right {\r\n right: 20px;\r\n }\r\n .main-sidemenu .slide-left,\r\n .main-sidemenu .slide-right {\r\n position: absolute;\r\n top: 9px;\r\n padding: 6px;\r\n color: $white;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1;\r\n cursor: pointer;\r\n border: 1px solid $border;\r\n border-radius: 50px;\r\n }\r\n .main-sidemenu .slide-left {\r\n left: 23px;\r\n }\r\n .horizontal-main {\r\n position: relative;\r\n margin: 0 auto;\r\n }\r\n .sticky-pin {\r\n position: fixed;\r\n top: 0;\r\n width: 100%;\r\n z-index: 1;\r\n }\r\n}\r\n\r\n.app-sidebar.horizontal-main {\r\n padding-top: 0px;\r\n}\r\n\r\n.logo-horizontal {\r\n display: none;\r\n}\r\n\r\n.horizontal {\r\n @media (max-width: 991.98px) {\r\n .app-sidebar.horizontal-main {\r\n left: -300px;\r\n }\r\n .main-header.hor-header {\r\n box-shadow: 0px 7px 26px rgba(154, 154, 204, 0.1);\r\n }\r\n .main-sidemenu {\r\n padding: 0;\r\n }\r\n .horizontalMenucontainer .main-header.hor-header {\r\n position: fixed;\r\n }\r\n &.app {\r\n .main-sidemenu {\r\n .slide-left,\r\n .slide-right {\r\n display: none;\r\n }\r\n }\r\n }\r\n .app-sidebar {\r\n width: 270px;\r\n }\r\n }\r\n &.transparent-mode .horizontal-main.fixed-header {\r\n background-color: transparent;\r\n backdrop-filter: blur(20px);\r\n -webkit-backdrop-filter: blur(20px);\r\n }\r\n\r\n .leftmenu-styles {\r\n display: none;\r\n }\r\n}\r\n\r\n.app.sidebar-mini {\r\n .main-sidemenu {\r\n .slide-left,\r\n .slide-right {\r\n display: none;\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 991.98px) {\r\n .transparent-mode.horizontal {\r\n .app-sidebar.horizontal-main {\r\n background: $black-1;\r\n backdrop-filter: blur(20px);\r\n }\r\n }\r\n}\r\n@media (max-width: 991px) {\r\n .logo-horizontal {\r\n display: block;\r\n left: 0;\r\n position: absolute;\r\n right: 0;\r\n width: inherit;\r\n }\r\n}\r\n@media (max-width: 991px) {\r\n .horizontal.app .app-sidebar {\r\n top: 71px;\r\n }\r\n .hor-angle {\r\n display: none;\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n .horizontal .horizontal-main .slide .slide-menu .sub-side-menu__item:before {\r\n left: -15px;\r\n margin-right: 0px;\r\n \r\n }\r\n}", ".icons-list {\r\n list-style: none;\r\n margin: 0 -1px -1px 0;\r\n padding: 0;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n >li {\r\n -ms-flex: 1 0 3rem;\r\n flex: 1 0 3rem;\r\n }\r\n}\r\n\r\n.icons-list-wrap {\r\n overflow: hidden;\r\n}\r\n\r\n.icons-list-item {\r\n text-align: center;\r\n height: 3rem;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n border: 1px solid #e9ebfa;\r\n margin: 4px;\r\n border-radius: 50px;\r\n // background: #f6f6fb;\r\n i {\r\n font-size: 1.05rem;\r\n color: #656585;\r\n }\r\n}\r\n\r\n\r\n/*------ Icons List ------*/\r\n\r\n.browser {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n display: inline-block;\r\n background: no-repeat center/100% 100%;\r\n vertical-align: bottom;\r\n font-style: normal;\r\n}\r\n\r\n.browser-android-browser {\r\n background-image: url(\"../images/browsers/android-browser.svg\");\r\n}\r\n\r\n.browser-aol-explorer {\r\n background-image: url(\"../images/browsers/aol-explorer.svg\");\r\n}\r\n\r\n.browser-blackberry {\r\n background-image: url(\"../images/browsers/blackberry.svg\");\r\n}\r\n\r\n.browser-camino {\r\n background-image: url(\"../images/browsers/camino.svg\");\r\n}\r\n\r\n.browser-chrome {\r\n background-image: url(\"../images/browsers/chrome.svg\");\r\n}\r\n\r\n.browser-chromium {\r\n background-image: url(\"../images/browsers/chromium.svg\");\r\n}\r\n\r\n.browser-dolphin {\r\n background-image: url(\"../images/browsers/dolphin.svg\");\r\n}\r\n\r\n.browser-edge {\r\n background-image: url(\"../images/browsers/edge.svg\");\r\n}\r\n\r\n.browser-firefox {\r\n background-image: url(\"../images/browsers/firefox.svg\");\r\n}\r\n\r\n.browser-ie {\r\n background-image: url(\"../images/browsers/ie.svg\");\r\n}\r\n\r\n.browser-maxthon {\r\n background-image: url(\"../images/browsers/maxthon.svg\");\r\n}\r\n\r\n.browser-mozilla {\r\n background-image: url(\"../images/browsers/mozilla.svg\");\r\n}\r\n\r\n.browser-netscape {\r\n background-image: url(\"../images/browsers/netscape.svg\");\r\n}\r\n\r\n.browser-opera {\r\n background-image: url(\"../images/browsers/opera.svg\");\r\n}\r\n\r\n.browser-safari {\r\n background-image: url(\"../images/browsers/safari.svg\");\r\n}\r\n\r\n.browser-sleipnir {\r\n background-image: url(\"../images/browsers/sleipnir.svg\");\r\n}\r\n\r\n.browser-uc-browser {\r\n background-image: url(\"../images/browsers/uc-browser.svg\");\r\n}\r\n\r\n.browser-vivaldi {\r\n background-image: url(\"../images/browsers/vivaldi.svg\");\r\n}\r\n\r\n.flag {\r\n width: 1.6rem;\r\n height: 1.2rem;\r\n display: inline-block;\r\n background: no-repeat center/100% 100%;\r\n vertical-align: bottom;\r\n font-style: normal;\r\n box-shadow: 0 0 1px 1px $black-1;\r\n border-radius: 2px;\r\n}\r\n\r\n.flag-ad {\r\n background-image: url(\"../images/flags/ad.svg\");\r\n}\r\n\r\n.flag-ae {\r\n background-image: url(\"../images/flags/ae.svg\");\r\n}\r\n\r\n.flag-af {\r\n background-image: url(\"../images/flags/af.svg\");\r\n}\r\n\r\n.flag-ag {\r\n background-image: url(\"../images/flags/ag.svg\");\r\n}\r\n\r\n.flag-ai {\r\n background-image: url(\"../images/flags/ai.svg\");\r\n}\r\n\r\n.flag-al {\r\n background-image: url(\"../images/flags/al.svg\");\r\n}\r\n\r\n.flag-am {\r\n background-image: url(\"../images/flags/am.svg\");\r\n}\r\n\r\n.flag-ao {\r\n background-image: url(\"../images/flags/ao.svg\");\r\n}\r\n\r\n.flag-aq {\r\n background-image: url(\"../images/flags/aq.svg\");\r\n}\r\n\r\n.flag-ar {\r\n background-image: url(\"../images/flags/ar.svg\");\r\n}\r\n\r\n.flag-as {\r\n background-image: url(\"../images/flags/as.svg\");\r\n}\r\n\r\n.flag-at {\r\n background-image: url(\"../images/flags/at.svg\");\r\n}\r\n\r\n.flag-au {\r\n background-image: url(\"../images/flags/au.svg\");\r\n}\r\n\r\n.flag-aw {\r\n background-image: url(\"../images/flags/aw.svg\");\r\n}\r\n\r\n.flag-ax {\r\n background-image: url(\"../images/flags/ax.svg\");\r\n}\r\n\r\n.flag-az {\r\n background-image: url(\"../images/flags/az.svg\");\r\n}\r\n\r\n.flag-ba {\r\n background-image: url(\"../images/flags/ba.svg\");\r\n}\r\n\r\n.flag-bb {\r\n background-image: url(\"../images/flags/bb.svg\");\r\n}\r\n\r\n.flag-bd {\r\n background-image: url(\"../images/flags/bd.svg\");\r\n}\r\n\r\n.flag-be {\r\n background-image: url(\"../images/flags/be.svg\");\r\n}\r\n\r\n.flag-bf {\r\n background-image: url(\"../images/flags/bf.svg\");\r\n}\r\n\r\n.flag-bg {\r\n background-image: url(\"../images/flags/bg.svg\");\r\n}\r\n\r\n.flag-bh {\r\n background-image: url(\"../images/flags/bh.svg\");\r\n}\r\n\r\n.flag-bi {\r\n background-image: url(\"../images/flags/bi.svg\");\r\n}\r\n\r\n.flag-bj {\r\n background-image: url(\"../images/flags/bj.svg\");\r\n}\r\n\r\n.flag-bl {\r\n background-image: url(\"../images/flags/bl.svg\");\r\n}\r\n\r\n.flag-bm {\r\n background-image: url(\"../images/flags/bm.svg\");\r\n}\r\n\r\n.flag-bn {\r\n background-image: url(\"../images/flags/bn.svg\");\r\n}\r\n\r\n.flag-bo {\r\n background-image: url(\"../images/flags/bo.svg\");\r\n}\r\n\r\n.flag-bq {\r\n background-image: url(\"../images/flags/bq.svg\");\r\n}\r\n\r\n.flag-br {\r\n background-image: url(\"../images/flags/br.svg\");\r\n}\r\n\r\n.flag-bs {\r\n background-image: url(\"../images/flags/bs.svg\");\r\n}\r\n\r\n.flag-bt {\r\n background-image: url(\"../images/flags/bt.svg\");\r\n}\r\n\r\n.flag-bv {\r\n background-image: url(\"../images/flags/bv.svg\");\r\n}\r\n\r\n.flag-bw {\r\n background-image: url(\"../images/flags/bw.svg\");\r\n}\r\n\r\n.flag-by {\r\n background-image: url(\"../images/flags/by.svg\");\r\n}\r\n\r\n.flag-bz {\r\n background-image: url(\"../images/flags/bz.svg\");\r\n}\r\n\r\n.flag-ca {\r\n background-image: url(\"../images/flags/ca.svg\");\r\n}\r\n\r\n.flag-cc {\r\n background-image: url(\"../images/flags/cc.svg\");\r\n}\r\n\r\n.flag-cd {\r\n background-image: url(\"../images/flags/cd.svg\");\r\n}\r\n\r\n.flag-cf {\r\n background-image: url(\"../images/flags/cf.svg\");\r\n}\r\n\r\n.flag-cg {\r\n background-image: url(\"../images/flags/cg.svg\");\r\n}\r\n\r\n.flag-ch {\r\n background-image: url(\"../images/flags/ch.svg\");\r\n}\r\n\r\n.flag-ci {\r\n background-image: url(\"../images/flags/ci.svg\");\r\n}\r\n\r\n.flag-ck {\r\n background-image: url(\"../images/flags/ck.svg\");\r\n}\r\n\r\n.flag-cl {\r\n background-image: url(\"../images/flags/cl.svg\");\r\n}\r\n\r\n.flag-cm {\r\n background-image: url(\"../images/flags/cm.svg\");\r\n}\r\n\r\n.flag-cn {\r\n background-image: url(\"../images/flags/cn.svg\");\r\n}\r\n\r\n.flag-co {\r\n background-image: url(\"../images/flags/co.svg\");\r\n}\r\n\r\n.flag-cr {\r\n background-image: url(\"../images/flags/cr.svg\");\r\n}\r\n\r\n.flag-cu {\r\n background-image: url(\"../images/flags/cu.svg\");\r\n}\r\n\r\n.flag-cv {\r\n background-image: url(\"../images/flags/cv.svg\");\r\n}\r\n\r\n.flag-cw {\r\n background-image: url(\"../images/flags/cw.svg\");\r\n}\r\n\r\n.flag-cx {\r\n background-image: url(\"../images/flags/cx.svg\");\r\n}\r\n\r\n.flag-cy {\r\n background-image: url(\"../images/flags/cy.svg\");\r\n}\r\n\r\n.flag-cz {\r\n background-image: url(\"../images/flags/cz.svg\");\r\n}\r\n\r\n.flag-de {\r\n background-image: url(\"../images/flags/de.svg\");\r\n}\r\n\r\n.flag-dj {\r\n background-image: url(\"../images/flags/dj.svg\");\r\n}\r\n\r\n.flag-dk {\r\n background-image: url(\"../images/flags/dk.svg\");\r\n}\r\n\r\n.flag-dm {\r\n background-image: url(\"../images/flags/dm.svg\");\r\n}\r\n\r\n.flag-do {\r\n background-image: url(\"../images/flags/do.svg\");\r\n}\r\n\r\n.flag-dz {\r\n background-image: url(\"../images/flags/dz.svg\");\r\n}\r\n\r\n.flag-ec {\r\n background-image: url(\"../images/flags/ec.svg\");\r\n}\r\n\r\n.flag-ee {\r\n background-image: url(\"../images/flags/ee.svg\");\r\n}\r\n\r\n.flag-eg {\r\n background-image: url(\"../images/flags/eg.svg\");\r\n}\r\n\r\n.flag-eh {\r\n background-image: url(\"../images/flags/eh.svg\");\r\n}\r\n\r\n.flag-er {\r\n background-image: url(\"../images/flags/er.svg\");\r\n}\r\n\r\n.flag-es {\r\n background-image: url(\"../images/flags/es.svg\");\r\n}\r\n\r\n.flag-et {\r\n background-image: url(\"../images/flags/et.svg\");\r\n}\r\n\r\n.flag-eu {\r\n background-image: url(\"../images/flags/eu.svg\");\r\n}\r\n\r\n.flag-fi {\r\n background-image: url(\"../images/flags/fi.svg\");\r\n}\r\n\r\n.flag-fj {\r\n background-image: url(\"../images/flags/fj.svg\");\r\n}\r\n\r\n.flag-fk {\r\n background-image: url(\"../images/flags/fk.svg\");\r\n}\r\n\r\n.flag-fm {\r\n background-image: url(\"../images/flags/fm.svg\");\r\n}\r\n\r\n.flag-fo {\r\n background-image: url(\"../images/flags/fo.svg\");\r\n}\r\n\r\n.flag-fr {\r\n background-image: url(\"../images/flags/fr.svg\");\r\n}\r\n\r\n.flag-ga {\r\n background-image: url(\"../images/flags/ga.svg\");\r\n}\r\n\r\n.flag-gb-eng {\r\n background-image: url(\"../images/flags/gb-eng.svg\");\r\n}\r\n\r\n.flag-gb-nir {\r\n background-image: url(\"../images/flags/gb-nir.svg\");\r\n}\r\n\r\n.flag-gb-sct {\r\n background-image: url(\"../images/flags/gb-sct.svg\");\r\n}\r\n\r\n.flag-gb-wls {\r\n background-image: url(\"../images/flags/gb-wls.svg\");\r\n}\r\n\r\n.flag-gb {\r\n background-image: url(\"../images/flags/gb.svg\");\r\n}\r\n\r\n.flag-gd {\r\n background-image: url(\"../images/flags/gd.svg\");\r\n}\r\n\r\n.flag-ge {\r\n background-image: url(\"../images/flags/ge.svg\");\r\n}\r\n\r\n.flag-gf {\r\n background-image: url(\"../images/flags/gf.svg\");\r\n}\r\n\r\n.flag-gg {\r\n background-image: url(\"../images/flags/gg.svg\");\r\n}\r\n\r\n.flag-gh {\r\n background-image: url(\"../images/flags/gh.svg\");\r\n}\r\n\r\n.flag-gi {\r\n background-image: url(\"../images/flags/gi.svg\");\r\n}\r\n\r\n.flag-gl {\r\n background-image: url(\"../images/flags/gl.svg\");\r\n}\r\n\r\n.flag-gm {\r\n background-image: url(\"../images/flags/gm.svg\");\r\n}\r\n\r\n.flag-gn {\r\n background-image: url(\"../images/flags/gn.svg\");\r\n}\r\n\r\n.flag-gp {\r\n background-image: url(\"../images/flags/gp.svg\");\r\n}\r\n\r\n.flag-gq {\r\n background-image: url(\"../images/flags/gq.svg\");\r\n}\r\n\r\n.flag-gr {\r\n background-image: url(\"../images/flags/gr.svg\");\r\n}\r\n\r\n.flag-gs {\r\n background-image: url(\"../images/flags/gs.svg\");\r\n}\r\n\r\n.flag-gt {\r\n background-image: url(\"../images/flags/gt.svg\");\r\n}\r\n\r\n.flag-gu {\r\n background-image: url(\"../images/flags/gu.svg\");\r\n}\r\n\r\n.flag-gw {\r\n background-image: url(\"../images/flags/gw.svg\");\r\n}\r\n\r\n.flag-gy {\r\n background-image: url(\"../images/flags/gy.svg\");\r\n}\r\n\r\n.flag-hk {\r\n background-image: url(\"../images/flags/hk.svg\");\r\n}\r\n\r\n.flag-hm {\r\n background-image: url(\"../images/flags/hm.svg\");\r\n}\r\n\r\n.flag-hn {\r\n background-image: url(\"../images/flags/hn.svg\");\r\n}\r\n\r\n.flag-hr {\r\n background-image: url(\"../images/flags/hr.svg\");\r\n}\r\n\r\n.flag-ht {\r\n background-image: url(\"../images/flags/ht.svg\");\r\n}\r\n\r\n.flag-hu {\r\n background-image: url(\"../images/flags/hu.svg\");\r\n}\r\n\r\n.flag-id {\r\n background-image: url(\"../images/flags/id.svg\");\r\n}\r\n\r\n.flag-ie {\r\n background-image: url(\"../images/flags/ie.svg\");\r\n}\r\n\r\n.flag-il {\r\n background-image: url(\"../images/flags/il.svg\");\r\n}\r\n\r\n.flag-im {\r\n background-image: url(\"../images/flags/im.svg\");\r\n}\r\n\r\n.flag-in {\r\n background-image: url(\"../images/flags/in.svg\");\r\n}\r\n\r\n.flag-io {\r\n background-image: url(\"../images/flags/io.svg\");\r\n}\r\n\r\n.flag-iq {\r\n background-image: url(\"../images/flags/iq.svg\");\r\n}\r\n\r\n.flag-ir {\r\n background-image: url(\"../images/flags/ir.svg\");\r\n}\r\n\r\n.flag-is {\r\n background-image: url(\"../images/flags/is.svg\");\r\n}\r\n\r\n.flag-it {\r\n background-image: url(\"../images/flags/it.svg\");\r\n}\r\n\r\n.flag-je {\r\n background-image: url(\"../images/flags/je.svg\");\r\n}\r\n\r\n.flag-jm {\r\n background-image: url(\"../images/flags/jm.svg\");\r\n}\r\n\r\n.flag-jo {\r\n background-image: url(\"../images/flags/jo.svg\");\r\n}\r\n\r\n.flag-jp {\r\n background-image: url(\"../images/flags/jp.svg\");\r\n}\r\n\r\n.flag-ke {\r\n background-image: url(\"../images/flags/ke.svg\");\r\n}\r\n\r\n.flag-kg {\r\n background-image: url(\"../images/flags/kg.svg\");\r\n}\r\n\r\n.flag-kh {\r\n background-image: url(\"../images/flags/kh.svg\");\r\n}\r\n\r\n.flag-ki {\r\n background-image: url(\"../images/flags/ki.svg\");\r\n}\r\n\r\n.flag-km {\r\n background-image: url(\"../images/flags/km.svg\");\r\n}\r\n\r\n.flag-kn {\r\n background-image: url(\"../images/flags/kn.svg\");\r\n}\r\n\r\n.flag-kp {\r\n background-image: url(\"../images/flags/kp.svg\");\r\n}\r\n\r\n.flag-kr {\r\n background-image: url(\"../images/flags/kr.svg\");\r\n}\r\n\r\n.flag-kw {\r\n background-image: url(\"../images/flags/kw.svg\");\r\n}\r\n\r\n.flag-ky {\r\n background-image: url(\"../images/flags/ky.svg\");\r\n}\r\n\r\n.flag-kz {\r\n background-image: url(\"../images/flags/kz.svg\");\r\n}\r\n\r\n.flag-la {\r\n background-image: url(\"../images/flags/la.svg\");\r\n}\r\n\r\n.flag-lb {\r\n background-image: url(\"../images/flags/lb.svg\");\r\n}\r\n\r\n.flag-lc {\r\n background-image: url(\"../images/flags/lc.svg\");\r\n}\r\n\r\n.flag-li {\r\n background-image: url(\"../images/flags/li.svg\");\r\n}\r\n\r\n.flag-lk {\r\n background-image: url(\"../images/flags/lk.svg\");\r\n}\r\n\r\n.flag-lr {\r\n background-image: url(\"../images/flags/lr.svg\");\r\n}\r\n\r\n.flag-ls {\r\n background-image: url(\"../images/flags/ls.svg\");\r\n}\r\n\r\n.flag-lt {\r\n background-image: url(\"../images/flags/lt.svg\");\r\n}\r\n\r\n.flag-lu {\r\n background-image: url(\"../images/flags/lu.svg\");\r\n}\r\n\r\n.flag-lv {\r\n background-image: url(\"../images/flags/lv.svg\");\r\n}\r\n\r\n.flag-ly {\r\n background-image: url(\"../images/flags/ly.svg\");\r\n}\r\n\r\n.flag-ma {\r\n background-image: url(\"../images/flags/ma.svg\");\r\n}\r\n\r\n.flag-mc {\r\n background-image: url(\"../images/flags/mc.svg\");\r\n}\r\n\r\n.flag-md {\r\n background-image: url(\"../images/flags/md.svg\");\r\n}\r\n\r\n.flag-me {\r\n background-image: url(\"../images/flags/me.svg\");\r\n}\r\n\r\n.flag-mf {\r\n background-image: url(\"../images/flags/mf.svg\");\r\n}\r\n\r\n.flag-mg {\r\n background-image: url(\"../images/flags/mg.svg\");\r\n}\r\n\r\n.flag-mh {\r\n background-image: url(\"../images/flags/mh.svg\");\r\n}\r\n\r\n.flag-mk {\r\n background-image: url(\"../images/flags/mk.svg\");\r\n}\r\n\r\n.flag-ml {\r\n background-image: url(\"../images/flags/ml.svg\");\r\n}\r\n\r\n.flag-mm {\r\n background-image: url(\"../images/flags/mm.svg\");\r\n}\r\n\r\n.flag-mn {\r\n background-image: url(\"../images/flags/mn.svg\");\r\n}\r\n\r\n.flag-mo {\r\n background-image: url(\"../images/flags/mo.svg\");\r\n}\r\n\r\n.flag-mp {\r\n background-image: url(\"../images/flags/mp.svg\");\r\n}\r\n\r\n.flag-mq {\r\n background-image: url(\"../images/flags/mq.svg\");\r\n}\r\n\r\n.flag-mr {\r\n background-image: url(\"../images/flags/mr.svg\");\r\n}\r\n\r\n.flag-ms {\r\n background-image: url(\"../images/flags/ms.svg\");\r\n}\r\n\r\n.flag-mt {\r\n background-image: url(\"../images/flags/mt.svg\");\r\n}\r\n\r\n.flag-mu {\r\n background-image: url(\"../images/flags/mu.svg\");\r\n}\r\n\r\n.flag-mv {\r\n background-image: url(\"../images/flags/mv.svg\");\r\n}\r\n\r\n.flag-mw {\r\n background-image: url(\"../images/flags/mw.svg\");\r\n}\r\n\r\n.flag-mx {\r\n background-image: url(\"../images/flags/mx.svg\");\r\n}\r\n\r\n.flag-my {\r\n background-image: url(\"../images/flags/my.svg\");\r\n}\r\n\r\n.flag-mz {\r\n background-image: url(\"../images/flags/mz.svg\");\r\n}\r\n\r\n.flag-na {\r\n background-image: url(\"../images/flags/na.svg\");\r\n}\r\n\r\n.flag-nc {\r\n background-image: url(\"../images/flags/nc.svg\");\r\n}\r\n\r\n.flag-ne {\r\n background-image: url(\"../images/flags/ne.svg\");\r\n}\r\n\r\n.flag-nf {\r\n background-image: url(\"../images/flags/nf.svg\");\r\n}\r\n\r\n.flag-ng {\r\n background-image: url(\"../images/flags/ng.svg\");\r\n}\r\n\r\n.flag-ni {\r\n background-image: url(\"../images/flags/ni.svg\");\r\n}\r\n\r\n.flag-nl {\r\n background-image: url(\"../images/flags/nl.svg\");\r\n}\r\n\r\n.flag-no {\r\n background-image: url(\"../images/flags/no.svg\");\r\n}\r\n\r\n.flag-np {\r\n background-image: url(\"../images/flags/np.svg\");\r\n}\r\n\r\n.flag-nr {\r\n background-image: url(\"../images/flags/nr.svg\");\r\n}\r\n\r\n.flag-nu {\r\n background-image: url(\"../images/flags/nu.svg\");\r\n}\r\n\r\n.flag-nz {\r\n background-image: url(\"../images/flags/nz.svg\");\r\n}\r\n\r\n.flag-om {\r\n background-image: url(\"../images/flags/om.svg\");\r\n}\r\n\r\n.flag-pa {\r\n background-image: url(\"../images/flags/pa.svg\");\r\n}\r\n\r\n.flag-pe {\r\n background-image: url(\"../images/flags/pe.svg\");\r\n}\r\n\r\n.flag-pf {\r\n background-image: url(\"../images/flags/pf.svg\");\r\n}\r\n\r\n.flag-pg {\r\n background-image: url(\"../images/flags/pg.svg\");\r\n}\r\n\r\n.flag-ph {\r\n background-image: url(\"../images/flags/ph.svg\");\r\n}\r\n\r\n.flag-pk {\r\n background-image: url(\"../images/flags/pk.svg\");\r\n}\r\n\r\n.flag-pl {\r\n background-image: url(\"../images/flags/pl.svg\");\r\n}\r\n\r\n.flag-pm {\r\n background-image: url(\"../images/flags/pm.svg\");\r\n}\r\n\r\n.flag-pn {\r\n background-image: url(\"../images/flags/pn.svg\");\r\n}\r\n\r\n.flag-pr {\r\n background-image: url(\"../images/flags/pr.svg\");\r\n}\r\n\r\n.flag-ps {\r\n background-image: url(\"../images/flags/ps.svg\");\r\n}\r\n\r\n.flag-pt {\r\n background-image: url(\"../images/flags/pt.svg\");\r\n}\r\n\r\n.flag-pw {\r\n background-image: url(\"../images/flags/pw.svg\");\r\n}\r\n\r\n.flag-py {\r\n background-image: url(\"../images/flags/py.svg\");\r\n}\r\n\r\n.flag-qa {\r\n background-image: url(\"../images/flags/qa.svg\");\r\n}\r\n\r\n.flag-re {\r\n background-image: url(\"../images/flags/re.svg\");\r\n}\r\n\r\n.flag-ro {\r\n background-image: url(\"../images/flags/ro.svg\");\r\n}\r\n\r\n.flag-rs {\r\n background-image: url(\"../images/flags/rs.svg\");\r\n}\r\n\r\n.flag-ru {\r\n background-image: url(\"../images/flags/ru.svg\");\r\n}\r\n\r\n.flag-rw {\r\n background-image: url(\"../images/flags/rw.svg\");\r\n}\r\n\r\n.flag-sa {\r\n background-image: url(\"../images/flags/sa.svg\");\r\n}\r\n\r\n.flag-sb {\r\n background-image: url(\"../images/flags/sb.svg\");\r\n}\r\n\r\n.flag-sc {\r\n background-image: url(\"../images/flags/sc.svg\");\r\n}\r\n\r\n.flag-sd {\r\n background-image: url(\"../images/flags/sd.svg\");\r\n}\r\n\r\n.flag-se {\r\n background-image: url(\"../images/flags/se.svg\");\r\n}\r\n\r\n.flag-sg {\r\n background-image: url(\"../images/flags/sg.svg\");\r\n}\r\n\r\n.flag-sh {\r\n background-image: url(\"../images/flags/sh.svg\");\r\n}\r\n\r\n.flag-si {\r\n background-image: url(\"../images/flags/si.svg\");\r\n}\r\n\r\n.flag-sj {\r\n background-image: url(\"../images/flags/sj.svg\");\r\n}\r\n\r\n.flag-sk {\r\n background-image: url(\"../images/flags/sk.svg\");\r\n}\r\n\r\n.flag-sl {\r\n background-image: url(\"../images/flags/sl.svg\");\r\n}\r\n\r\n.flag-sm {\r\n background-image: url(\"../images/flags/sm.svg\");\r\n}\r\n\r\n.flag-sn {\r\n background-image: url(\"../images/flags/sn.svg\");\r\n}\r\n\r\n.flag-so {\r\n background-image: url(\"../images/flags/so.svg\");\r\n}\r\n\r\n.flag-sr {\r\n background-image: url(\"../images/flags/sr.svg\");\r\n}\r\n\r\n.flag-ss {\r\n background-image: url(\"../images/flags/ss.svg\");\r\n}\r\n\r\n.flag-st {\r\n background-image: url(\"../images/flags/st.svg\");\r\n}\r\n\r\n.flag-sv {\r\n background-image: url(\"../images/flags/sv.svg\");\r\n}\r\n\r\n.flag-sx {\r\n background-image: url(\"../images/flags/sx.svg\");\r\n}\r\n\r\n.flag-sy {\r\n background-image: url(\"../images/flags/sy.svg\");\r\n}\r\n\r\n.flag-sz {\r\n background-image: url(\"../images/flags/sz.svg\");\r\n}\r\n\r\n.flag-tc {\r\n background-image: url(\"../images/flags/tc.svg\");\r\n}\r\n\r\n.flag-td {\r\n background-image: url(\"../images/flags/td.svg\");\r\n}\r\n\r\n.flag-tf {\r\n background-image: url(\"../images/flags/tf.svg\");\r\n}\r\n\r\n.flag-tg {\r\n background-image: url(\"../images/flags/tg.svg\");\r\n}\r\n\r\n.flag-th {\r\n background-image: url(\"../images/flags/th.svg\");\r\n}\r\n\r\n.flag-tj {\r\n background-image: url(\"../images/flags/tj.svg\");\r\n}\r\n\r\n.flag-tk {\r\n background-image: url(\"../images/flags/tk.svg\");\r\n}\r\n\r\n.flag-tl {\r\n background-image: url(\"../images/flags/tl.svg\");\r\n}\r\n\r\n.flag-tm {\r\n background-image: url(\"../images/flags/tm.svg\");\r\n}\r\n\r\n.flag-tn {\r\n background-image: url(\"../images/flags/tn.svg\");\r\n}\r\n\r\n.flag-to {\r\n background-image: url(\"../images/flags/to.svg\");\r\n}\r\n\r\n.flag-tr {\r\n background-image: url(\"../images/flags/tr.svg\");\r\n}\r\n\r\n.flag-tt {\r\n background-image: url(\"../images/flags/tt.svg\");\r\n}\r\n\r\n.flag-tv {\r\n background-image: url(\"../images/flags/tv.svg\");\r\n}\r\n\r\n.flag-tw {\r\n background-image: url(\"../images/flags/tw.svg\");\r\n}\r\n\r\n.flag-tz {\r\n background-image: url(\"../images/flags/tz.svg\");\r\n}\r\n\r\n.flag-ua {\r\n background-image: url(\"../images/flags/ua.svg\");\r\n}\r\n\r\n.flag-ug {\r\n background-image: url(\"../images/flags/ug.svg\");\r\n}\r\n\r\n.flag-um {\r\n background-image: url(\"../images/flags/um.svg\");\r\n}\r\n\r\n.flag-un {\r\n background-image: url(\"../images/flags/un.svg\");\r\n}\r\n\r\n.flag-us {\r\n background-image: url(\"../images/flags/us.svg\");\r\n}\r\n\r\n.flag-uy {\r\n background-image: url(\"../images/flags/uy.svg\");\r\n}\r\n\r\n.flag-uz {\r\n background-image: url(\"../images/flags/uz.svg\");\r\n}\r\n\r\n.flag-va {\r\n background-image: url(\"../images/flags/va.svg\");\r\n}\r\n\r\n.flag-vc {\r\n background-image: url(\"../images/flags/vc.svg\");\r\n}\r\n\r\n.flag-ve {\r\n background-image: url(\"../images/flags/ve.svg\");\r\n}\r\n\r\n.flag-vg {\r\n background-image: url(\"../images/flags/vg.svg\");\r\n}\r\n\r\n.flag-vi {\r\n background-image: url(\"../images/flags/vi.svg\");\r\n}\r\n\r\n.flag-vn {\r\n background-image: url(\"../images/flags/vn.svg\");\r\n}\r\n\r\n.flag-vu {\r\n background-image: url(\"../images/flags/vu.svg\");\r\n}\r\n\r\n.flag-wf {\r\n background-image: url(\"../images/flags/wf.svg\");\r\n}\r\n\r\n.flag-ws {\r\n background-image: url(\"../images/flags/ws.svg\");\r\n}\r\n\r\n.flag-ye {\r\n background-image: url(\"../images/flags/ye.svg\");\r\n}\r\n\r\n.flag-yt {\r\n background-image: url(\"../images/flags/yt.svg\");\r\n}\r\n\r\n.flag-za {\r\n background-image: url(\"../images/flags/za.svg\");\r\n}\r\n\r\n.flag-zm {\r\n background-image: url(\"../images/flags/zm.svg\");\r\n}\r\n\r\n.flag-zw {\r\n background-image: url(\"../images/flags/zw.svg\");\r\n}\r\n\r\n.payment {\r\n width: 2rem;\r\n height: 1.5rem;\r\n display: inline-block;\r\n background: no-repeat center/100% 100%;\r\n vertical-align: bottom;\r\n font-style: normal;\r\n box-shadow: 0 0 1px 1px $black-1;\r\n border-radius: 2px;\r\n}\r\n\r\n.payment-2checkout-dark {\r\n background-image: url(\"../images/payments/2checkout-dark.svg\");\r\n}\r\n\r\n.payment-2checkout {\r\n background-image: url(\"../images/payments/2checkout.svg\");\r\n}\r\n\r\n.payment-alipay-dark {\r\n background-image: url(\"../images/payments/alipay-dark.svg\");\r\n}\r\n\r\n.payment-alipay {\r\n background-image: url(\"../images/payments/alipay.svg\");\r\n}\r\n\r\n.payment-amazon-dark {\r\n background-image: url(\"../images/payments/amazon-dark.svg\");\r\n}\r\n\r\n.payment-amazon {\r\n background-image: url(\"../images/payments/amazon.svg\");\r\n}\r\n\r\n.payment-americanexpress-dark {\r\n background-image: url(\"../images/payments/americanexpress-dark.svg\");\r\n}\r\n\r\n.payment-americanexpress {\r\n background-image: url(\"../images/payments/americanexpress.svg\");\r\n}\r\n\r\n.payment-applepay-dark {\r\n background-image: url(\"../images/payments/applepay-dark.svg\");\r\n}\r\n\r\n.payment-applepay {\r\n background-image: url(\"../images/payments/applepay.svg\");\r\n}\r\n\r\n.payment-bancontact-dark {\r\n background-image: url(\"../images/payments/bancontact-dark.svg\");\r\n}\r\n\r\n.payment-bancontact {\r\n background-image: url(\"../images/payments/bancontact.svg\");\r\n}\r\n\r\n.payment-bitcoin-dark {\r\n background-image: url(\"../images/payments/bitcoin-dark.svg\");\r\n}\r\n\r\n.payment-bitcoin {\r\n background-image: url(\"../images/payments/bitcoin.svg\");\r\n}\r\n\r\n.payment-bitpay-dark {\r\n background-image: url(\"../images/payments/bitpay-dark.svg\");\r\n}\r\n\r\n.payment-bitpay {\r\n background-image: url(\"../images/payments/bitpay.svg\");\r\n}\r\n\r\n.payment-cirrus-dark {\r\n background-image: url(\"../images/payments/cirrus-dark.svg\");\r\n}\r\n\r\n.payment-cirrus {\r\n background-image: url(\"../images/payments/cirrus.svg\");\r\n}\r\n\r\n.payment-clickandbuy-dark {\r\n background-image: url(\"../images/payments/clickandbuy-dark.svg\");\r\n}\r\n\r\n.payment-clickandbuy {\r\n background-image: url(\"../images/payments/clickandbuy.svg\");\r\n}\r\n\r\n.payment-coinkite-dark {\r\n background-image: url(\"../images/payments/coinkite-dark.svg\");\r\n}\r\n\r\n.payment-coinkite {\r\n background-image: url(\"../images/payments/coinkite.svg\");\r\n}\r\n\r\n.payment-dinersclub-dark {\r\n background-image: url(\"../images/payments/dinersclub-dark.svg\");\r\n}\r\n\r\n.payment-dinersclub {\r\n background-image: url(\"../images/payments/dinersclub.svg\");\r\n}\r\n\r\n.payment-directdebit-dark {\r\n background-image: url(\"../images/payments/directdebit-dark.svg\");\r\n}\r\n\r\n.payment-directdebit {\r\n background-image: url(\"../images/payments/directdebit.svg\");\r\n}\r\n\r\n.payment-discover-dark {\r\n background-image: url(\"../images/payments/discover-dark.svg\");\r\n}\r\n\r\n.payment-discover {\r\n background-image: url(\"../images/payments/discover.svg\");\r\n}\r\n\r\n.payment-dwolla-dark {\r\n background-image: url(\"../images/payments/dwolla-dark.svg\");\r\n}\r\n\r\n.payment-dwolla {\r\n background-image: url(\"../images/payments/dwolla.svg\");\r\n}\r\n\r\n.payment-ebay-dark {\r\n background-image: url(\"../images/payments/ebay-dark.svg\");\r\n}\r\n\r\n.payment-ebay {\r\n background-image: url(\"../images/payments/ebay.svg\");\r\n}\r\n\r\n.payment-eway-dark {\r\n background-image: url(\"../images/payments/eway-dark.svg\");\r\n}\r\n\r\n.payment-eway {\r\n background-image: url(\"../images/payments/eway.svg\");\r\n}\r\n\r\n.payment-giropay-dark {\r\n background-image: url(\"../images/payments/giropay-dark.svg\");\r\n}\r\n\r\n.payment-giropay {\r\n background-image: url(\"../images/payments/giropay.svg\");\r\n}\r\n\r\n.payment-googlewallet-dark {\r\n background-image: url(\"../images/payments/googlewallet-dark.svg\");\r\n}\r\n\r\n.payment-googlewallet {\r\n background-image: url(\"../images/payments/googlewallet.svg\");\r\n}\r\n\r\n.payment-ingenico-dark {\r\n background-image: url(\"../images/payments/ingenico-dark.svg\");\r\n}\r\n\r\n.payment-ingenico {\r\n background-image: url(\"../images/payments/ingenico.svg\");\r\n}\r\n\r\n.payment-jcb-dark {\r\n background-image: url(\"../images/payments/jcb-dark.svg\");\r\n}\r\n\r\n.payment-jcb {\r\n background-image: url(\"../images/payments/jcb.svg\");\r\n}\r\n\r\n.payment-klarna-dark {\r\n background-image: url(\"../images/payments/klarna-dark.svg\");\r\n}\r\n\r\n.payment-klarna {\r\n background-image: url(\"../images/payments/klarna.svg\");\r\n}\r\n\r\n.payment-laser-dark {\r\n background-image: url(\"../images/payments/laser-dark.svg\");\r\n}\r\n\r\n.payment-laser {\r\n background-image: url(\"../images/payments/laser.svg\");\r\n}\r\n\r\n.payment-maestro-dark {\r\n background-image: url(\"../images/payments/maestro-dark.svg\");\r\n}\r\n\r\n.payment-maestro {\r\n background-image: url(\"../images/payments/maestro.svg\");\r\n}\r\n\r\n.payment-mastercard-dark {\r\n background-image: url(\"../images/payments/mastercard-dark.svg\");\r\n}\r\n\r\n.payment-mastercard {\r\n background-image: url(\"../images/payments/mastercard.svg\");\r\n}\r\n\r\n.payment-monero-dark {\r\n background-image: url(\"../images/payments/monero-dark.svg\");\r\n}\r\n\r\n.payment-monero {\r\n background-image: url(\"../images/payments/monero.svg\");\r\n}\r\n\r\n.payment-neteller-dark {\r\n background-image: url(\"../images/payments/neteller-dark.svg\");\r\n}\r\n\r\n.payment-neteller {\r\n background-image: url(\"../images/payments/neteller.svg\");\r\n}\r\n\r\n.payment-ogone-dark {\r\n background-image: url(\"../images/payments/ogone-dark.svg\");\r\n}\r\n\r\n.payment-ogone {\r\n background-image: url(\"../images/payments/ogone.svg\");\r\n}\r\n\r\n.payment-okpay-dark {\r\n background-image: url(\"../images/payments/okpay-dark.svg\");\r\n}\r\n\r\n.payment-okpay {\r\n background-image: url(\"../images/payments/okpay.svg\");\r\n}\r\n\r\n.payment-paybox-dark {\r\n background-image: url(\"../images/payments/paybox-dark.svg\");\r\n}\r\n\r\n.payment-paybox {\r\n background-image: url(\"../images/payments/paybox.svg\");\r\n}\r\n\r\n.payment-paymill-dark {\r\n background-image: url(\"../images/payments/paymill-dark.svg\");\r\n}\r\n\r\n.payment-paymill {\r\n background-image: url(\"../images/payments/paymill.svg\");\r\n}\r\n\r\n.payment-payone-dark {\r\n background-image: url(\"../images/payments/payone-dark.svg\");\r\n}\r\n\r\n.payment-payone {\r\n background-image: url(\"../images/payments/payone.svg\");\r\n}\r\n\r\n.payment-payoneer-dark {\r\n background-image: url(\"../images/payments/payoneer-dark.svg\");\r\n}\r\n\r\n.payment-payoneer {\r\n background-image: url(\"../images/payments/payoneer.svg\");\r\n}\r\n\r\n.payment-paypal-dark {\r\n background-image: url(\"../images/payments/paypal-dark.svg\");\r\n}\r\n\r\n.payment-paypal {\r\n background-image: url(\"../images/payments/paypal.svg\");\r\n}\r\n\r\n.payment-paysafecard-dark {\r\n background-image: url(\"../images/payments/paysafecard-dark.svg\");\r\n}\r\n\r\n.payment-paysafecard {\r\n background-image: url(\"../images/payments/paysafecard.svg\");\r\n}\r\n\r\n.payment-payu-dark {\r\n background-image: url(\"../images/payments/payu-dark.svg\");\r\n}\r\n\r\n.payment-payu {\r\n background-image: url(\"../images/payments/payu.svg\");\r\n}\r\n\r\n.payment-payza-dark {\r\n background-image: url(\"../images/payments/payza-dark.svg\");\r\n}\r\n\r\n.payment-payza {\r\n background-image: url(\"../images/payments/payza.svg\");\r\n}\r\n\r\n.payment-ripple-dark {\r\n background-image: url(\"../images/payments/ripple-dark.svg\");\r\n}\r\n\r\n.payment-ripple {\r\n background-image: url(\"../images/payments/ripple.svg\");\r\n}\r\n\r\n.payment-sage-dark {\r\n background-image: url(\"../images/payments/sage-dark.svg\");\r\n}\r\n\r\n.payment-sage {\r\n background-image: url(\"../images/payments/sage.svg\");\r\n}\r\n\r\n.payment-sepa-dark {\r\n background-image: url(\"../images/payments/sepa-dark.svg\");\r\n}\r\n\r\n.payment-sepa {\r\n background-image: url(\"../images/payments/sepa.svg\");\r\n}\r\n\r\n.payment-shopify-dark {\r\n background-image: url(\"../images/payments/shopify-dark.svg\");\r\n}\r\n\r\n.payment-shopify {\r\n background-image: url(\"../images/payments/shopify.svg\");\r\n}\r\n\r\n.payment-skrill-dark {\r\n background-image: url(\"../images/payments/skrill-dark.svg\");\r\n}\r\n\r\n.payment-skrill {\r\n background-image: url(\"../images/payments/skrill.svg\");\r\n}\r\n\r\n.payment-solo-dark {\r\n background-image: url(\"../images/payments/solo-dark.svg\");\r\n}\r\n\r\n.payment-solo {\r\n background-image: url(\"../images/payments/solo.svg\");\r\n}\r\n\r\n.payment-square-dark {\r\n background-image: url(\"../images/payments/square-dark.svg\");\r\n}\r\n\r\n.payment-square {\r\n background-image: url(\"../images/payments/square.svg\");\r\n}\r\n\r\n.payment-stripe-dark {\r\n background-image: url(\"../images/payments/stripe-dark.svg\");\r\n}\r\n\r\n.payment-stripe {\r\n background-image: url(\"../images/payments/stripe.svg\");\r\n}\r\n\r\n.payment-switch-dark {\r\n background-image: url(\"../images/payments/switch-dark.svg\");\r\n}\r\n\r\n.payment-switch {\r\n background-image: url(\"../images/payments/switch.svg\");\r\n}\r\n\r\n.payment-ukash-dark {\r\n background-image: url(\"../images/payments/ukash-dark.svg\");\r\n}\r\n\r\n.payment-ukash {\r\n background-image: url(\"../images/payments/ukash.svg\");\r\n}\r\n\r\n.payment-unionpay-dark {\r\n background-image: url(\"../images/payments/unionpay-dark.svg\");\r\n}\r\n\r\n.payment-unionpay {\r\n background-image: url(\"../images/payments/unionpay.svg\");\r\n}\r\n\r\n.payment-verifone-dark {\r\n background-image: url(\"../images/payments/verifone-dark.svg\");\r\n}\r\n\r\n.payment-verifone {\r\n background-image: url(\"../images/payments/verifone.svg\");\r\n}\r\n\r\n.payment-verisign-dark {\r\n background-image: url(\"../images/payments/verisign-dark.svg\");\r\n}\r\n\r\n.payment-verisign {\r\n background-image: url(\"../images/payments/verisign.svg\");\r\n}\r\n\r\n.payment-visa-dark {\r\n background-image: url(\"../images/payments/visa-dark.svg\");\r\n}\r\n\r\n.payment-visa {\r\n background-image: url(\"../images/payments/visa.svg\");\r\n}\r\n\r\n.payment-webmoney-dark {\r\n background-image: url(\"../images/payments/webmoney-dark.svg\");\r\n}\r\n\r\n.payment-webmoney {\r\n background-image: url(\"../images/payments/webmoney.svg\");\r\n}\r\n\r\n.payment-westernunion-dark {\r\n background-image: url(\"../images/payments/westernunion-dark.svg\");\r\n}\r\n\r\n.payment-westernunion {\r\n background-image: url(\"../images/payments/westernunion.svg\");\r\n}\r\n\r\n.payment-worldpay-dark {\r\n background-image: url(\"../images/payments/worldpay-dark.svg\");\r\n}\r\n\r\n.payment-worldpay {\r\n background-image: url(\"../images/payments/worldpay.svg\");\r\n}\r\n\r\nsvg {\r\n -ms-touch-action: none;\r\n touch-action: none;\r\n}\r\n\r\n.col-sm-3 a {\r\n border: 1px solid transparent;\r\n border-radius: 0;\r\n transition: all 3s ease;\r\n &:hover {\r\n border: 1px solid #ff4647;\r\n border-radius: 100% 60% / 30% 10%;\r\n background: linear-gradient(rgba(56, 123, 131, 0.7), rgba(56, 123, 131, 0.7));\r\n }\r\n}\r\n\r\n\r\n/*-----Feather icons-----*/\r\n\r\n@font-face {\r\n font-family: \"feather\";\r\n src: url(\"../iconfonts/feather/fonts/feather-webfont.eot?t=1501841394106\");\r\n /* IE9*/\r\n src: url(\"../iconfonts/feather/fonts/feather-webfont.eot?t=1501841394106#iefix\") format(\"embedded-opentype\"), url(\"../iconfonts/feather/fonts/feather-webfont.woff?t=1501841394106\") format(\"woff\"), url(\"../iconfonts/feather/fonts/feather-webfont.ttf?t=1501841394106\") format(\"truetype\"), url(\"../iconfonts/feather/fonts/feather-webfont.svg?t=1501841394106#feather\") format(\"svg\");\r\n /* iOS 4.1- */\r\n}\r\n\r\n.fe {\r\n font-family: 'feather' !important;\r\n font-style: normal;\r\n font-weight: normal;\r\n font-variant: normal;\r\n text-transform: none;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.fe-activity:before {\r\n content: \"\\e900\";\r\n}\r\n\r\n.fe-airplay:before {\r\n content: \"\\e901\";\r\n}\r\n\r\n.fe-alert-circle:before {\r\n content: \"\\e902\";\r\n}\r\n\r\n.fe-alert-octagon:before {\r\n content: \"\\e903\";\r\n}\r\n\r\n.fe-alert-triangle:before {\r\n content: \"\\e904\";\r\n}\r\n\r\n.fe-align-center:before {\r\n content: \"\\e905\";\r\n}\r\n\r\n.fe-align-justify:before {\r\n content: \"\\e906\";\r\n}\r\n\r\n.fe-align-left:before {\r\n content: \"\\e907\";\r\n}\r\n\r\n.fe-align-right:before {\r\n content: \"\\e908\";\r\n}\r\n\r\n.fe-anchor:before {\r\n content: \"\\e909\";\r\n}\r\n\r\n.fe-aperture:before {\r\n content: \"\\e90a\";\r\n}\r\n\r\n.fe-arrow-down:before {\r\n content: \"\\e90b\";\r\n}\r\n\r\n.fe-arrow-down-circle:before {\r\n content: \"\\e90c\";\r\n}\r\n\r\n.fe-arrow-down-left:before {\r\n content: \"\\e90d\";\r\n}\r\n\r\n.fe-arrow-down-right:before {\r\n content: \"\\e90e\";\r\n}\r\n\r\n.fe-arrow-left:before {\r\n content: \"\\e90f\";\r\n}\r\n\r\n.fe-arrow-left-circle:before {\r\n content: \"\\e910\";\r\n}\r\n\r\n.fe-arrow-right:before {\r\n content: \"\\e911\";\r\n}\r\n\r\n.fe-arrow-right-circle:before {\r\n content: \"\\e912\";\r\n}\r\n\r\n.fe-arrow-up:before {\r\n content: \"\\e913\";\r\n}\r\n\r\n.fe-arrow-up-circle:before {\r\n content: \"\\e914\";\r\n}\r\n\r\n.fe-arrow-up-left:before {\r\n content: \"\\e915\";\r\n}\r\n\r\n.fe-arrow-up-right:before {\r\n content: \"\\e916\";\r\n}\r\n\r\n.fe-at-sign:before {\r\n content: \"\\e917\";\r\n}\r\n\r\n.fe-award:before {\r\n content: \"\\e918\";\r\n}\r\n\r\n.fe-bar-chart:before {\r\n content: \"\\e919\";\r\n}\r\n\r\n.fe-bar-chart-2:before {\r\n content: \"\\e91a\";\r\n}\r\n\r\n.fe-battery:before {\r\n content: \"\\e91b\";\r\n}\r\n\r\n.fe-battery-charging:before {\r\n content: \"\\e91c\";\r\n}\r\n\r\n.fe-bell:before {\r\n content: \"\\e91d\";\r\n}\r\n\r\n.fe-bell-off:before {\r\n content: \"\\e91e\";\r\n}\r\n\r\n.fe-bluetooth:before {\r\n content: \"\\e91f\";\r\n}\r\n\r\n.fe-bold:before {\r\n content: \"\\e920\";\r\n}\r\n\r\n.fe-book:before {\r\n content: \"\\e921\";\r\n}\r\n\r\n.fe-book-open:before {\r\n content: \"\\e922\";\r\n}\r\n\r\n.fe-bookmark:before {\r\n content: \"\\e923\";\r\n}\r\n\r\n.fe-box:before {\r\n content: \"\\e924\";\r\n}\r\n\r\n.fe-briefcase:before {\r\n content: \"\\e925\";\r\n}\r\n\r\n.fe-calendar:before {\r\n content: \"\\e926\";\r\n}\r\n\r\n.fe-camera:before {\r\n content: \"\\e927\";\r\n}\r\n\r\n.fe-camera-off:before {\r\n content: \"\\e928\";\r\n}\r\n\r\n.fe-cast:before {\r\n content: \"\\e929\";\r\n}\r\n\r\n.fe-check:before {\r\n content: \"\\e92a\";\r\n}\r\n\r\n.fe-check-circle:before {\r\n content: \"\\e92b\";\r\n}\r\n\r\n.fe-check-square:before {\r\n content: \"\\e92c\";\r\n}\r\n\r\n.fe-chevron-down:before {\r\n content: \"\\e92d\";\r\n}\r\n\r\n.fe-chevron-left:before {\r\n content: \"\\e92e\";\r\n}\r\n\r\n.fe-chevron-right:before {\r\n content: \"\\e92f\";\r\n}\r\n\r\n.fe-chevron-up:before {\r\n content: \"\\e930\";\r\n}\r\n\r\n.fe-chevrons-down:before {\r\n content: \"\\e931\";\r\n}\r\n\r\n.fe-chevrons-left:before {\r\n content: \"\\e932\";\r\n}\r\n\r\n.fe-chevrons-right:before {\r\n content: \"\\e933\";\r\n}\r\n\r\n.fe-chevrons-up:before {\r\n content: \"\\e934\";\r\n}\r\n\r\n.fe-chrome:before {\r\n content: \"\\e935\";\r\n}\r\n\r\n.fe-circle:before {\r\n content: \"\\e936\";\r\n}\r\n\r\n.fe-clipboard:before {\r\n content: \"\\e937\";\r\n}\r\n\r\n.fe-clock:before {\r\n content: \"\\e938\";\r\n}\r\n\r\n.fe-cloud:before {\r\n content: \"\\e939\";\r\n}\r\n\r\n.fe-cloud-drizzle:before {\r\n content: \"\\e93a\";\r\n}\r\n\r\n.fe-cloud-lightning:before {\r\n content: \"\\e93b\";\r\n}\r\n\r\n.fe-cloud-off:before {\r\n content: \"\\e93c\";\r\n}\r\n\r\n.fe-cloud-rain:before {\r\n content: \"\\e93d\";\r\n}\r\n\r\n.fe-cloud-snow:before {\r\n content: \"\\e93e\";\r\n}\r\n\r\n.fe-code:before {\r\n content: \"\\e93f\";\r\n}\r\n\r\n.fe-codepen:before {\r\n content: \"\\e940\";\r\n}\r\n\r\n.fe-command:before {\r\n content: \"\\e941\";\r\n}\r\n\r\n.fe-compass:before {\r\n content: \"\\e942\";\r\n}\r\n\r\n.fe-copy:before {\r\n content: \"\\e943\";\r\n}\r\n\r\n.fe-corner-down-left:before {\r\n content: \"\\e944\";\r\n}\r\n\r\n.fe-corner-down-right:before {\r\n content: \"\\e945\";\r\n}\r\n\r\n.fe-corner-left-down:before {\r\n content: \"\\e946\";\r\n}\r\n\r\n.fe-corner-left-up:before {\r\n content: \"\\e947\";\r\n}\r\n\r\n.fe-corner-right-down:before {\r\n content: \"\\e948\";\r\n}\r\n\r\n.fe-corner-right-up:before {\r\n content: \"\\e949\";\r\n}\r\n\r\n.fe-corner-up-left:before {\r\n content: \"\\e94a\";\r\n}\r\n\r\n.fe-corner-up-right:before {\r\n content: \"\\e94b\";\r\n}\r\n\r\n.fe-cpu:before {\r\n content: \"\\e94c\";\r\n}\r\n\r\n.fe-credit-card:before {\r\n content: \"\\e94d\";\r\n}\r\n\r\n.fe-crop:before {\r\n content: \"\\e94e\";\r\n}\r\n\r\n.fe-crosshair:before {\r\n content: \"\\e94f\";\r\n}\r\n\r\n.fe-database:before {\r\n content: \"\\e950\";\r\n}\r\n\r\n.fe-delete:before {\r\n content: \"\\e951\";\r\n}\r\n\r\n.fe-disc:before {\r\n content: \"\\e952\";\r\n}\r\n\r\n.fe-dollar-sign:before {\r\n content: \"\\e953\";\r\n}\r\n\r\n.fe-download:before {\r\n content: \"\\e954\";\r\n}\r\n\r\n.fe-download-cloud:before {\r\n content: \"\\e955\";\r\n}\r\n\r\n.fe-droplet:before {\r\n content: \"\\e956\";\r\n}\r\n\r\n.fe-edit:before {\r\n content: \"\\e957\";\r\n}\r\n\r\n.fe-edit-2:before {\r\n content: \"\\e958\";\r\n}\r\n\r\n.fe-edit-3:before {\r\n content: \"\\e959\";\r\n}\r\n\r\n.fe-external-link:before {\r\n content: \"\\e95a\";\r\n}\r\n\r\n.fe-eye:before {\r\n content: \"\\e95b\";\r\n}\r\n\r\n.fe-eye-off:before {\r\n content: \"\\e95c\";\r\n}\r\n\r\n.fe-facebook:before {\r\n content: \"\\e95d\";\r\n}\r\n\r\n.fe-fast-forward:before {\r\n content: \"\\e95e\";\r\n}\r\n\r\n.fe-feather:before {\r\n content: \"\\e95f\";\r\n}\r\n\r\n.fe-file:before {\r\n content: \"\\e960\";\r\n}\r\n\r\n.fe-file-minus:before {\r\n content: \"\\e961\";\r\n}\r\n\r\n.fe-file-plus:before {\r\n content: \"\\e962\";\r\n}\r\n\r\n.fe-file-text:before {\r\n content: \"\\e963\";\r\n}\r\n\r\n.fe-film:before {\r\n content: \"\\e964\";\r\n}\r\n\r\n.fe-filter:before {\r\n content: \"\\e965\";\r\n}\r\n\r\n.fe-flag:before {\r\n content: \"\\e966\";\r\n}\r\n\r\n.fe-folder:before {\r\n content: \"\\e967\";\r\n}\r\n\r\n.fe-folder-minus:before {\r\n content: \"\\e968\";\r\n}\r\n\r\n.fe-folder-plus:before {\r\n content: \"\\e969\";\r\n}\r\n\r\n.fe-git-branch:before {\r\n content: \"\\e96a\";\r\n}\r\n\r\n.fe-git-commit:before {\r\n content: \"\\e96b\";\r\n}\r\n\r\n.fe-git-merge:before {\r\n content: \"\\e96c\";\r\n}\r\n\r\n.fe-git-pull-request:before {\r\n content: \"\\e96d\";\r\n}\r\n\r\n.fe-github:before {\r\n content: \"\\e96e\";\r\n}\r\n\r\n.fe-gitlab:before {\r\n content: \"\\e96f\";\r\n}\r\n\r\n.fe-globe:before {\r\n content: \"\\e970\";\r\n}\r\n\r\n.fe-grid:before {\r\n content: \"\\e971\";\r\n}\r\n\r\n.fe-hard-drive:before {\r\n content: \"\\e972\";\r\n}\r\n\r\n.fe-hash:before {\r\n content: \"\\e973\";\r\n}\r\n\r\n.fe-headphones:before {\r\n content: \"\\e974\";\r\n}\r\n\r\n.fe-heart:before {\r\n content: \"\\e975\";\r\n}\r\n\r\n.fe-help-circle:before {\r\n content: \"\\e976\";\r\n}\r\n\r\n.fe-home:before {\r\n content: \"\\e977\";\r\n}\r\n\r\n.fe-image:before {\r\n content: \"\\e978\";\r\n}\r\n\r\n.fe-inbox:before {\r\n content: \"\\e979\";\r\n}\r\n\r\n.fe-info:before {\r\n content: \"\\e97a\";\r\n}\r\n\r\n.fe-instagram:before {\r\n content: \"\\e97b\";\r\n}\r\n\r\n.fe-italic:before {\r\n content: \"\\e97c\";\r\n}\r\n\r\n.fe-layers:before {\r\n content: \"\\e97d\";\r\n}\r\n\r\n.fe-layout:before {\r\n content: \"\\e97e\";\r\n}\r\n\r\n.fe-life-buoy:before {\r\n content: \"\\e97f\";\r\n}\r\n\r\n.fe-link:before {\r\n content: \"\\e980\";\r\n}\r\n\r\n.fe-link-2:before {\r\n content: \"\\e981\";\r\n}\r\n\r\n.fe-linkedin:before {\r\n content: \"\\e982\";\r\n}\r\n\r\n.fe-list:before {\r\n content: \"\\e983\";\r\n}\r\n\r\n.fe-loader:before {\r\n content: \"\\e984\";\r\n}\r\n\r\n.fe-lock:before {\r\n content: \"\\e985\";\r\n}\r\n\r\n.fe-log-in:before {\r\n content: \"\\e986\";\r\n}\r\n\r\n.fe-log-out:before {\r\n content: \"\\e987\";\r\n}\r\n\r\n.fe-mail:before {\r\n content: \"\\e988\";\r\n}\r\n\r\n.fe-map:before {\r\n content: \"\\e989\";\r\n}\r\n\r\n.fe-map-pin:before {\r\n content: \"\\e98a\";\r\n}\r\n\r\n.fe-maximize:before {\r\n content: \"\\e98b\";\r\n}\r\n\r\n.fe-maximize-2:before {\r\n content: \"\\e98c\";\r\n}\r\n\r\n.fe-menu:before {\r\n content: \"\\e98d\";\r\n}\r\n\r\n.fe-message-circle:before {\r\n content: \"\\e98e\";\r\n}\r\n\r\n.fe-message-square:before {\r\n content: \"\\e98f\";\r\n}\r\n\r\n.fe-mic:before {\r\n content: \"\\e990\";\r\n}\r\n\r\n.fe-mic-off:before {\r\n content: \"\\e991\";\r\n}\r\n\r\n.fe-minimize:before {\r\n content: \"\\e992\";\r\n}\r\n\r\n.fe-minimize-2:before {\r\n content: \"\\e993\";\r\n}\r\n\r\n.fe-minus:before {\r\n content: \"\\e994\";\r\n}\r\n\r\n.fe-minus-circle:before {\r\n content: \"\\e995\";\r\n}\r\n\r\n.fe-minus-square:before {\r\n content: \"\\e996\";\r\n}\r\n\r\n.fe-monitor:before {\r\n content: \"\\e997\";\r\n}\r\n\r\n.fe-moon:before {\r\n content: \"\\e998\";\r\n}\r\n\r\n.fe-more-horizontal:before {\r\n content: \"\\e999\";\r\n}\r\n\r\n.fe-more-vertical:before {\r\n content: \"\\e99a\";\r\n}\r\n\r\n.fe-move:before {\r\n content: \"\\e99b\";\r\n}\r\n\r\n.fe-music:before {\r\n content: \"\\e99c\";\r\n}\r\n\r\n.fe-navigation:before {\r\n content: \"\\e99d\";\r\n}\r\n\r\n.fe-navigation-2:before {\r\n content: \"\\e99e\";\r\n}\r\n\r\n.fe-octagon:before {\r\n content: \"\\e99f\";\r\n}\r\n\r\n.fe-package:before {\r\n content: \"\\e9a0\";\r\n}\r\n\r\n.fe-paperclip:before {\r\n content: \"\\e9a1\";\r\n}\r\n\r\n.fe-pause:before {\r\n content: \"\\e9a2\";\r\n}\r\n\r\n.fe-pause-circle:before {\r\n content: \"\\e9a3\";\r\n}\r\n\r\n.fe-percent:before {\r\n content: \"\\e9a4\";\r\n}\r\n\r\n.fe-phone:before {\r\n content: \"\\e9a5\";\r\n}\r\n\r\n.fe-phone-call:before {\r\n content: \"\\e9a6\";\r\n}\r\n\r\n.fe-phone-forwarded:before {\r\n content: \"\\e9a7\";\r\n}\r\n\r\n.fe-phone-incoming:before {\r\n content: \"\\e9a8\";\r\n}\r\n\r\n.fe-phone-missed:before {\r\n content: \"\\e9a9\";\r\n}\r\n\r\n.fe-phone-off:before {\r\n content: \"\\e9aa\";\r\n}\r\n\r\n.fe-phone-outgoing:before {\r\n content: \"\\e9ab\";\r\n}\r\n\r\n.fe-pie-chart:before {\r\n content: \"\\e9ac\";\r\n}\r\n\r\n.fe-play:before {\r\n content: \"\\e9ad\";\r\n}\r\n\r\n.fe-play-circle:before {\r\n content: \"\\e9ae\";\r\n}\r\n\r\n.fe-plus:before {\r\n content: \"\\e9af\";\r\n}\r\n\r\n.fe-plus-circle:before {\r\n content: \"\\e9b0\";\r\n}\r\n\r\n.fe-plus-square:before {\r\n content: \"\\e9b1\";\r\n}\r\n\r\n.fe-pocket:before {\r\n content: \"\\e9b2\";\r\n}\r\n\r\n.fe-power:before {\r\n content: \"\\e9b3\";\r\n}\r\n\r\n.fe-printer:before {\r\n content: \"\\e9b4\";\r\n}\r\n\r\n.fe-radio:before {\r\n content: \"\\e9b5\";\r\n}\r\n\r\n.fe-refresh-ccw:before {\r\n content: \"\\e9b6\";\r\n}\r\n\r\n.fe-refresh-cw:before {\r\n content: \"\\e9b7\";\r\n}\r\n\r\n.fe-repeat:before {\r\n content: \"\\e9b8\";\r\n}\r\n\r\n.fe-rewind:before {\r\n content: \"\\e9b9\";\r\n}\r\n\r\n.fe-rotate-ccw:before {\r\n content: \"\\e9ba\";\r\n}\r\n\r\n.fe-rotate-cw:before {\r\n content: \"\\e9bb\";\r\n}\r\n\r\n.fe-rss:before {\r\n content: \"\\e9bc\";\r\n}\r\n\r\n.fe-save:before {\r\n content: \"\\e9bd\";\r\n}\r\n\r\n.fe-scissors:before {\r\n content: \"\\e9be\";\r\n}\r\n\r\n.fe-search:before {\r\n content: \"\\e9bf\";\r\n}\r\n\r\n.fe-send:before {\r\n content: \"\\e9c0\";\r\n}\r\n\r\n.fe-server:before {\r\n content: \"\\e9c1\";\r\n}\r\n\r\n.fe-settings:before {\r\n content: \"\\e9c2\";\r\n}\r\n\r\n.fe-share:before {\r\n content: \"\\e9c3\";\r\n}\r\n\r\n.fe-share-2:before {\r\n content: \"\\e9c4\";\r\n}\r\n\r\n.fe-shield:before {\r\n content: \"\\e9c5\";\r\n}\r\n\r\n.fe-shield-off:before {\r\n content: \"\\e9c6\";\r\n}\r\n\r\n.fe-shopping-bag:before {\r\n content: \"\\e9c7\";\r\n}\r\n\r\n.fe-shopping-cart:before {\r\n content: \"\\e9c8\";\r\n}\r\n\r\n.fe-shuffle:before {\r\n content: \"\\e9c9\";\r\n}\r\n\r\n.fe-sidebar:before {\r\n content: \"\\e9ca\";\r\n}\r\n\r\n.fe-skip-back:before {\r\n content: \"\\e9cb\";\r\n}\r\n\r\n.fe-skip-forward:before {\r\n content: \"\\e9cc\";\r\n}\r\n\r\n.fe-slack:before {\r\n content: \"\\e9cd\";\r\n}\r\n\r\n.fe-slash:before {\r\n content: \"\\e9ce\";\r\n}\r\n\r\n.fe-sliders:before {\r\n content: \"\\e9cf\";\r\n}\r\n\r\n.fe-smartphone:before {\r\n content: \"\\e9d0\";\r\n}\r\n\r\n.fe-speaker:before {\r\n content: \"\\e9d1\";\r\n}\r\n\r\n.fe-square:before {\r\n content: \"\\e9d2\";\r\n}\r\n\r\n.fe-star:before {\r\n content: \"\\e9d3\";\r\n}\r\n\r\n.fe-stop-circle:before {\r\n content: \"\\e9d4\";\r\n}\r\n\r\n.fe-sun:before {\r\n content: \"\\e9d5\";\r\n}\r\n\r\n.fe-sunrise:before {\r\n content: \"\\e9d6\";\r\n}\r\n\r\n.fe-sunset:before {\r\n content: \"\\e9d7\";\r\n}\r\n\r\n.fe-tablet:before {\r\n content: \"\\e9d8\";\r\n}\r\n\r\n.fe-tag:before {\r\n content: \"\\e9d9\";\r\n}\r\n\r\n.fe-target:before {\r\n content: \"\\e9da\";\r\n}\r\n\r\n.fe-terminal:before {\r\n content: \"\\e9db\";\r\n}\r\n\r\n.fe-thermometer:before {\r\n content: \"\\e9dc\";\r\n}\r\n\r\n.fe-thumbs-down:before {\r\n content: \"\\e9dd\";\r\n}\r\n\r\n.fe-thumbs-up:before {\r\n content: \"\\e9de\";\r\n}\r\n\r\n.fe-toggle-left:before {\r\n content: \"\\e9df\";\r\n}\r\n\r\n.fe-toggle-right:before {\r\n content: \"\\e9e0\";\r\n}\r\n\r\n.fe-trash:before {\r\n content: \"\\e9e1\";\r\n}\r\n\r\n.fe-trash-2:before {\r\n content: \"\\e9e2\";\r\n}\r\n\r\n.fe-trending-down:before {\r\n content: \"\\e9e3\";\r\n}\r\n\r\n.fe-trending-up:before {\r\n content: \"\\e9e4\";\r\n}\r\n\r\n.fe-triangle:before {\r\n content: \"\\e9e5\";\r\n}\r\n\r\n.fe-truck:before {\r\n content: \"\\e9e6\";\r\n}\r\n\r\n.fe-tv:before {\r\n content: \"\\e9e7\";\r\n}\r\n\r\n.fe-twitter:before {\r\n content: \"\\e9e8\";\r\n}\r\n\r\n.fe-type:before {\r\n content: \"\\e9e9\";\r\n}\r\n\r\n.fe-umbrella:before {\r\n content: \"\\e9ea\";\r\n}\r\n\r\n.fe-underline:before {\r\n content: \"\\e9eb\";\r\n}\r\n\r\n.fe-unlock:before {\r\n content: \"\\e9ec\";\r\n}\r\n\r\n.fe-upload:before {\r\n content: \"\\e9ed\";\r\n}\r\n\r\n.fe-upload-cloud:before {\r\n content: \"\\e9ee\";\r\n}\r\n\r\n.fe-user:before {\r\n content: \"\\e9ef\";\r\n}\r\n\r\n.fe-user-check:before {\r\n content: \"\\e9f0\";\r\n}\r\n\r\n.fe-user-minus:before {\r\n content: \"\\e9f1\";\r\n}\r\n\r\n.fe-user-plus:before {\r\n content: \"\\e9f2\";\r\n}\r\n\r\n.fe-user-x:before {\r\n content: \"\\e9f3\";\r\n}\r\n\r\n.fe-users:before {\r\n content: \"\\e9f4\";\r\n}\r\n\r\n.fe-video:before {\r\n content: \"\\e9f5\";\r\n}\r\n\r\n.fe-video-off:before {\r\n content: \"\\e9f6\";\r\n}\r\n\r\n.fe-voicemail:before {\r\n content: \"\\e9f7\";\r\n}\r\n\r\n.fe-volume:before {\r\n content: \"\\e9f8\";\r\n}\r\n\r\n.fe-volume-1:before {\r\n content: \"\\e9f9\";\r\n}\r\n\r\n.fe-volume-2:before {\r\n content: \"\\e9fa\";\r\n}\r\n\r\n.fe-volume-x:before {\r\n content: \"\\e9fb\";\r\n}\r\n\r\n.fe-watch:before {\r\n content: \"\\e9fc\";\r\n}\r\n\r\n.fe-wifi:before {\r\n content: \"\\e9fd\";\r\n}\r\n\r\n.fe-wifi-off:before {\r\n content: \"\\e9fe\";\r\n}\r\n\r\n.fe-wind:before {\r\n content: \"\\e9ff\";\r\n}\r\n\r\n.fe-x:before {\r\n content: \"\\ea00\";\r\n}\r\n\r\n.fe-x-circle:before {\r\n content: \"\\ea01\";\r\n}\r\n\r\n.fe-x-square:before {\r\n content: \"\\ea02\";\r\n}\r\n\r\n.fe-zap:before {\r\n content: \"\\ea03\";\r\n}\r\n\r\n.fe-zap-off:before {\r\n content: \"\\ea04\";\r\n}\r\n\r\n.fe-zoom-in:before {\r\n content: \"\\ea05\";\r\n}\r\n\r\n.fe-zoom-out:before {\r\n content: \"\\ea06\";\r\n}\r\n\r\n@font-face {\r\n font-family: 'Glyphicons Halflings';\r\n src: url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.eot');\r\n src: url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.eot?#iefix') format(\"embedded-opentype\"), url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.woff2') format(\"woff2\"), url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.woff') format(\"woff\"), url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.ttf') format(\"truetype\"), url('../iconfonts/glyphicons/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format(\"svg\");\r\n}\r\n\r\n.glyphicon {\r\n position: relative;\r\n top: 1px;\r\n display: inline-block;\r\n font-family: 'Glyphicons Halflings';\r\n font-style: normal;\r\n font-weight: normal;\r\n line-height: 1;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n.glyphicon-asterisk:before {\r\n content: \"\\2a\";\r\n}\r\n\r\n.glyphicon-plus:before {\r\n content: \"\\2b\";\r\n}\r\n\r\n.glyphicon-euro:before,\r\n.glyphicon-eur:before {\r\n content: \"\\20ac\";\r\n}\r\n\r\n.glyphicon-minus:before {\r\n content: \"\\2212\";\r\n}\r\n\r\n.glyphicon-cloud:before {\r\n content: \"\\2601\";\r\n}\r\n\r\n.glyphicon-envelope:before {\r\n content: \"\\2709\";\r\n}\r\n\r\n.glyphicon-pencil:before {\r\n content: \"\\270f\";\r\n}\r\n\r\n.glyphicon-glass:before {\r\n content: \"\\e001\";\r\n}\r\n\r\n.glyphicon-music:before {\r\n content: \"\\e002\";\r\n}\r\n\r\n.glyphicon-search:before {\r\n content: \"\\e003\";\r\n}\r\n\r\n.glyphicon-heart:before {\r\n content: \"\\e005\";\r\n}\r\n\r\n.glyphicon-star:before {\r\n content: \"\\e006\";\r\n}\r\n\r\n.glyphicon-star-empty:before {\r\n content: \"\\e007\";\r\n}\r\n\r\n.glyphicon-user:before {\r\n content: \"\\e008\";\r\n}\r\n\r\n.glyphicon-film:before {\r\n content: \"\\e009\";\r\n}\r\n\r\n.glyphicon-th-large:before {\r\n content: \"\\e010\";\r\n}\r\n\r\n.glyphicon-th:before {\r\n content: \"\\e011\";\r\n}\r\n\r\n.glyphicon-th-list:before {\r\n content: \"\\e012\";\r\n}\r\n\r\n.glyphicon-ok:before {\r\n content: \"\\e013\";\r\n}\r\n\r\n.glyphicon-remove:before {\r\n content: \"\\e014\";\r\n}\r\n\r\n.glyphicon-zoom-in:before {\r\n content: \"\\e015\";\r\n}\r\n\r\n.glyphicon-zoom-out:before {\r\n content: \"\\e016\";\r\n}\r\n\r\n.glyphicon-off:before {\r\n content: \"\\e017\";\r\n}\r\n\r\n.glyphicon-signal:before {\r\n content: \"\\e018\";\r\n}\r\n\r\n.glyphicon-cog:before {\r\n content: \"\\e019\";\r\n}\r\n\r\n.glyphicon-trash:before {\r\n content: \"\\e020\";\r\n}\r\n\r\n.glyphicon-home:before {\r\n content: \"\\e021\";\r\n}\r\n\r\n.glyphicon-file:before {\r\n content: \"\\e022\";\r\n}\r\n\r\n.glyphicon-time:before {\r\n content: \"\\e023\";\r\n}\r\n\r\n.glyphicon-road:before {\r\n content: \"\\e024\";\r\n}\r\n\r\n.glyphicon-download-alt:before {\r\n content: \"\\e025\";\r\n}\r\n\r\n.glyphicon-download:before {\r\n content: \"\\e026\";\r\n}\r\n\r\n.glyphicon-upload:before {\r\n content: \"\\e027\";\r\n}\r\n\r\n.glyphicon-inbox:before {\r\n content: \"\\e028\";\r\n}\r\n\r\n.glyphicon-play-circle:before {\r\n content: \"\\e029\";\r\n}\r\n\r\n.glyphicon-repeat:before {\r\n content: \"\\e030\";\r\n}\r\n\r\n.glyphicon-refresh:before {\r\n content: \"\\e031\";\r\n}\r\n\r\n.glyphicon-list-alt:before {\r\n content: \"\\e032\";\r\n}\r\n\r\n.glyphicon-lock:before {\r\n content: \"\\e033\";\r\n}\r\n\r\n.glyphicon-flag:before {\r\n content: \"\\e034\";\r\n}\r\n\r\n.glyphicon-headphones:before {\r\n content: \"\\e035\";\r\n}\r\n\r\n.glyphicon-volume-off:before {\r\n content: \"\\e036\";\r\n}\r\n\r\n.glyphicon-volume-down:before {\r\n content: \"\\e037\";\r\n}\r\n\r\n.glyphicon-volume-up:before {\r\n content: \"\\e038\";\r\n}\r\n\r\n.glyphicon-qrcode:before {\r\n content: \"\\e039\";\r\n}\r\n\r\n.glyphicon-barcode:before {\r\n content: \"\\e040\";\r\n}\r\n\r\n.glyphicon-tag:before {\r\n content: \"\\e041\";\r\n}\r\n\r\n.glyphicon-tags:before {\r\n content: \"\\e042\";\r\n}\r\n\r\n.glyphicon-book:before {\r\n content: \"\\e043\";\r\n}\r\n\r\n.glyphicon-bookmark:before {\r\n content: \"\\e044\";\r\n}\r\n\r\n.glyphicon-print:before {\r\n content: \"\\e045\";\r\n}\r\n\r\n.glyphicon-camera:before {\r\n content: \"\\e046\";\r\n}\r\n\r\n.glyphicon-font:before {\r\n content: \"\\e047\";\r\n}\r\n\r\n.glyphicon-bold:before {\r\n content: \"\\e048\";\r\n}\r\n\r\n.glyphicon-italic:before {\r\n content: \"\\e049\";\r\n}\r\n\r\n.glyphicon-text-height:before {\r\n content: \"\\e050\";\r\n}\r\n\r\n.glyphicon-text-width:before {\r\n content: \"\\e051\";\r\n}\r\n\r\n.glyphicon-align-left:before {\r\n content: \"\\e052\";\r\n}\r\n\r\n.glyphicon-align-center:before {\r\n content: \"\\e053\";\r\n}\r\n\r\n.glyphicon-align-right:before {\r\n content: \"\\e054\";\r\n}\r\n\r\n.glyphicon-align-justify:before {\r\n content: \"\\e055\";\r\n}\r\n\r\n.glyphicon-list:before {\r\n content: \"\\e056\";\r\n}\r\n\r\n.glyphicon-indent-left:before {\r\n content: \"\\e057\";\r\n}\r\n\r\n.glyphicon-indent-right:before {\r\n content: \"\\e058\";\r\n}\r\n\r\n.glyphicon-facetime-video:before {\r\n content: \"\\e059\";\r\n}\r\n\r\n.glyphicon-picture:before {\r\n content: \"\\e060\";\r\n}\r\n\r\n.glyphicon-map-marker:before {\r\n content: \"\\e062\";\r\n}\r\n\r\n.glyphicon-adjust:before {\r\n content: \"\\e063\";\r\n}\r\n\r\n.glyphicon-tint:before {\r\n content: \"\\e064\";\r\n}\r\n\r\n.glyphicon-edit:before {\r\n content: \"\\e065\";\r\n}\r\n\r\n.glyphicon-share:before {\r\n content: \"\\e066\";\r\n}\r\n\r\n.glyphicon-check:before {\r\n content: \"\\e067\";\r\n}\r\n\r\n.glyphicon-move:before {\r\n content: \"\\e068\";\r\n}\r\n\r\n.glyphicon-step-backward:before {\r\n content: \"\\e069\";\r\n}\r\n\r\n.glyphicon-fast-backward:before {\r\n content: \"\\e070\";\r\n}\r\n\r\n.glyphicon-backward:before {\r\n content: \"\\e071\";\r\n}\r\n\r\n.glyphicon-play:before {\r\n content: \"\\e072\";\r\n}\r\n\r\n.glyphicon-pause:before {\r\n content: \"\\e073\";\r\n}\r\n\r\n.glyphicon-stop:before {\r\n content: \"\\e074\";\r\n}\r\n\r\n.glyphicon-forward:before {\r\n content: \"\\e075\";\r\n}\r\n\r\n.glyphicon-fast-forward:before {\r\n content: \"\\e076\";\r\n}\r\n\r\n.glyphicon-step-forward:before {\r\n content: \"\\e077\";\r\n}\r\n\r\n.glyphicon-eject:before {\r\n content: \"\\e078\";\r\n}\r\n\r\n.glyphicon-chevron-left:before {\r\n content: \"\\e079\";\r\n}\r\n\r\n.glyphicon-chevron-right:before {\r\n content: \"\\e080\";\r\n}\r\n\r\n.glyphicon-plus-sign:before {\r\n content: \"\\e081\";\r\n}\r\n\r\n.glyphicon-minus-sign:before {\r\n content: \"\\e082\";\r\n}\r\n\r\n.glyphicon-remove-sign:before {\r\n content: \"\\e083\";\r\n}\r\n\r\n.glyphicon-ok-sign:before {\r\n content: \"\\e084\";\r\n}\r\n\r\n.glyphicon-question-sign:before {\r\n content: \"\\e085\";\r\n}\r\n\r\n.glyphicon-info-sign:before {\r\n content: \"\\e086\";\r\n}\r\n\r\n.glyphicon-screenshot:before {\r\n content: \"\\e087\";\r\n}\r\n\r\n.glyphicon-remove-circle:before {\r\n content: \"\\e088\";\r\n}\r\n\r\n.glyphicon-ok-circle:before {\r\n content: \"\\e089\";\r\n}\r\n\r\n.glyphicon-ban-circle:before {\r\n content: \"\\e090\";\r\n}\r\n\r\n.glyphicon-arrow-left:before {\r\n content: \"\\e091\";\r\n}\r\n\r\n.glyphicon-arrow-right:before {\r\n content: \"\\e092\";\r\n}\r\n\r\n.glyphicon-arrow-up:before {\r\n content: \"\\e093\";\r\n}\r\n\r\n.glyphicon-arrow-down:before {\r\n content: \"\\e094\";\r\n}\r\n\r\n.glyphicon-share-alt:before {\r\n content: \"\\e095\";\r\n}\r\n\r\n.glyphicon-resize-full:before {\r\n content: \"\\e096\";\r\n}\r\n\r\n.glyphicon-resize-small:before {\r\n content: \"\\e097\";\r\n}\r\n\r\n.glyphicon-exclamation-sign:before {\r\n content: \"\\e101\";\r\n}\r\n\r\n.glyphicon-gift:before {\r\n content: \"\\e102\";\r\n}\r\n\r\n.glyphicon-leaf:before {\r\n content: \"\\e103\";\r\n}\r\n\r\n.glyphicon-fire:before {\r\n content: \"\\e104\";\r\n}\r\n\r\n.glyphicon-eye-open:before {\r\n content: \"\\e105\";\r\n}\r\n\r\n.glyphicon-eye-close:before {\r\n content: \"\\e106\";\r\n}\r\n\r\n.glyphicon-warning-sign:before {\r\n content: \"\\e107\";\r\n}\r\n\r\n.glyphicon-plane:before {\r\n content: \"\\e108\";\r\n}\r\n\r\n.glyphicon-calendar:before {\r\n content: \"\\e109\";\r\n}\r\n\r\n.glyphicon-random:before {\r\n content: \"\\e110\";\r\n}\r\n\r\n.glyphicon-comment:before {\r\n content: \"\\e111\";\r\n}\r\n\r\n.glyphicon-magnet:before {\r\n content: \"\\e112\";\r\n}\r\n\r\n.glyphicon-chevron-up:before {\r\n content: \"\\e113\";\r\n}\r\n\r\n.glyphicon-chevron-down:before {\r\n content: \"\\e114\";\r\n}\r\n\r\n.glyphicon-retweet:before {\r\n content: \"\\e115\";\r\n}\r\n\r\n.glyphicon-shopping-cart:before {\r\n content: \"\\e116\";\r\n}\r\n\r\n.glyphicon-folder-close:before {\r\n content: \"\\e117\";\r\n}\r\n\r\n.glyphicon-folder-open:before {\r\n content: \"\\e118\";\r\n}\r\n\r\n.glyphicon-resize-vertical:before {\r\n content: \"\\e119\";\r\n}\r\n\r\n.glyphicon-resize-horizontal:before {\r\n content: \"\\e120\";\r\n}\r\n\r\n.glyphicon-hdd:before {\r\n content: \"\\e121\";\r\n}\r\n\r\n.glyphicon-bullhorn:before {\r\n content: \"\\e122\";\r\n}\r\n\r\n.glyphicon-bell:before {\r\n content: \"\\e123\";\r\n}\r\n\r\n.glyphicon-certificate:before {\r\n content: \"\\e124\";\r\n}\r\n\r\n.glyphicon-thumbs-up:before {\r\n content: \"\\e125\";\r\n}\r\n\r\n.glyphicon-thumbs-down:before {\r\n content: \"\\e126\";\r\n}\r\n\r\n.glyphicon-hand-right:before {\r\n content: \"\\e127\";\r\n}\r\n\r\n.glyphicon-hand-left:before {\r\n content: \"\\e128\";\r\n}\r\n\r\n.glyphicon-hand-up:before {\r\n content: \"\\e129\";\r\n}\r\n\r\n.glyphicon-hand-down:before {\r\n content: \"\\e130\";\r\n}\r\n\r\n.glyphicon-circle-arrow-right:before {\r\n content: \"\\e131\";\r\n}\r\n\r\n.glyphicon-circle-arrow-left:before {\r\n content: \"\\e132\";\r\n}\r\n\r\n.glyphicon-circle-arrow-up:before {\r\n content: \"\\e133\";\r\n}\r\n\r\n.glyphicon-circle-arrow-down:before {\r\n content: \"\\e134\";\r\n}\r\n\r\n.glyphicon-globe:before {\r\n content: \"\\e135\";\r\n}\r\n\r\n.glyphicon-wrench:before {\r\n content: \"\\e136\";\r\n}\r\n\r\n.glyphicon-tasks:before {\r\n content: \"\\e137\";\r\n}\r\n\r\n.glyphicon-filter:before {\r\n content: \"\\e138\";\r\n}\r\n\r\n.glyphicon-briefcase:before {\r\n content: \"\\e139\";\r\n}\r\n\r\n.glyphicon-fullscreen:before {\r\n content: \"\\e140\";\r\n}\r\n\r\n.glyphicon-dashboard:before {\r\n content: \"\\e141\";\r\n}\r\n\r\n.glyphicon-paperclip:before {\r\n content: \"\\e142\";\r\n}\r\n\r\n.glyphicon-heart-empty:before {\r\n content: \"\\e143\";\r\n}\r\n\r\n.glyphicon-link:before {\r\n content: \"\\e144\";\r\n}\r\n\r\n.glyphicon-phone:before {\r\n content: \"\\e145\";\r\n}\r\n\r\n.glyphicon-pushpin:before {\r\n content: \"\\e146\";\r\n}\r\n\r\n.glyphicon-usd:before {\r\n content: \"\\e148\";\r\n}\r\n\r\n.glyphicon-gbp:before {\r\n content: \"\\e149\";\r\n}\r\n\r\n.glyphicon-sort:before {\r\n content: \"\\e150\";\r\n}\r\n\r\n.glyphicon-sort-by-alphabet:before {\r\n content: \"\\e151\";\r\n}\r\n\r\n.glyphicon-sort-by-alphabet-alt:before {\r\n content: \"\\e152\";\r\n}\r\n\r\n.glyphicon-sort-by-order:before {\r\n content: \"\\e153\";\r\n}\r\n\r\n.glyphicon-sort-by-order-alt:before {\r\n content: \"\\e154\";\r\n}\r\n\r\n.glyphicon-sort-by-attributes:before {\r\n content: \"\\e155\";\r\n}\r\n\r\n.glyphicon-sort-by-attributes-alt:before {\r\n content: \"\\e156\";\r\n}\r\n\r\n.glyphicon-unchecked:before {\r\n content: \"\\e157\";\r\n}\r\n\r\n.glyphicon-expand:before {\r\n content: \"\\e158\";\r\n}\r\n\r\n.glyphicon-collapse-down:before {\r\n content: \"\\e159\";\r\n}\r\n\r\n.glyphicon-collapse-up:before {\r\n content: \"\\e160\";\r\n}\r\n\r\n.glyphicon-log-in:before {\r\n content: \"\\e161\";\r\n}\r\n\r\n.glyphicon-flash:before {\r\n content: \"\\e162\";\r\n}\r\n\r\n.glyphicon-log-out:before {\r\n content: \"\\e163\";\r\n}\r\n\r\n.glyphicon-new-window:before {\r\n content: \"\\e164\";\r\n}\r\n\r\n.glyphicon-record:before {\r\n content: \"\\e165\";\r\n}\r\n\r\n.glyphicon-save:before {\r\n content: \"\\e166\";\r\n}\r\n\r\n.glyphicon-open:before {\r\n content: \"\\e167\";\r\n}\r\n\r\n.glyphicon-saved:before {\r\n content: \"\\e168\";\r\n}\r\n\r\n.glyphicon-import:before {\r\n content: \"\\e169\";\r\n}\r\n\r\n.glyphicon-export:before {\r\n content: \"\\e170\";\r\n}\r\n\r\n.glyphicon-send:before {\r\n content: \"\\e171\";\r\n}\r\n\r\n.glyphicon-floppy-disk:before {\r\n content: \"\\e172\";\r\n}\r\n\r\n.glyphicon-floppy-saved:before {\r\n content: \"\\e173\";\r\n}\r\n\r\n.glyphicon-floppy-remove:before {\r\n content: \"\\e174\";\r\n}\r\n\r\n.glyphicon-floppy-save:before {\r\n content: \"\\e175\";\r\n}\r\n\r\n.glyphicon-floppy-open:before {\r\n content: \"\\e176\";\r\n}\r\n\r\n.glyphicon-credit-card:before {\r\n content: \"\\e177\";\r\n}\r\n\r\n.glyphicon-transfer:before {\r\n content: \"\\e178\";\r\n}\r\n\r\n.glyphicon-cutlery:before {\r\n content: \"\\e179\";\r\n}\r\n\r\n.glyphicon-header:before {\r\n content: \"\\e180\";\r\n}\r\n\r\n.glyphicon-compressed:before {\r\n content: \"\\e181\";\r\n}\r\n\r\n.glyphicon-earphone:before {\r\n content: \"\\e182\";\r\n}\r\n\r\n.glyphicon-phone-alt:before {\r\n content: \"\\e183\";\r\n}\r\n\r\n.glyphicon-tower:before {\r\n content: \"\\e184\";\r\n}\r\n\r\n.glyphicon-stats:before {\r\n content: \"\\e185\";\r\n}\r\n\r\n.glyphicon-sd-video:before {\r\n content: \"\\e186\";\r\n}\r\n\r\n.glyphicon-hd-video:before {\r\n content: \"\\e187\";\r\n}\r\n\r\n.glyphicon-subtitles:before {\r\n content: \"\\e188\";\r\n}\r\n\r\n.glyphicon-sound-stereo:before {\r\n content: \"\\e189\";\r\n}\r\n\r\n.glyphicon-sound-dolby:before {\r\n content: \"\\e190\";\r\n}\r\n\r\n.glyphicon-sound-5-1:before {\r\n content: \"\\e191\";\r\n}\r\n\r\n.glyphicon-sound-6-1:before {\r\n content: \"\\e192\";\r\n}\r\n\r\n.glyphicon-sound-7-1:before {\r\n content: \"\\e193\";\r\n}\r\n\r\n.glyphicon-copyright-mark:before {\r\n content: \"\\e194\";\r\n}\r\n\r\n.glyphicon-registration-mark:before {\r\n content: \"\\e195\";\r\n}\r\n\r\n.glyphicon-cloud-download:before {\r\n content: \"\\e197\";\r\n}\r\n\r\n.glyphicon-cloud-upload:before {\r\n content: \"\\e198\";\r\n}\r\n\r\n.glyphicon-tree-conifer:before {\r\n content: \"\\e199\";\r\n}\r\n\r\n.glyphicon-tree-deciduous:before {\r\n content: \"\\e200\";\r\n}\r\n\r\n.glyphicon-cd:before {\r\n content: \"\\e201\";\r\n}\r\n\r\n.glyphicon-save-file:before {\r\n content: \"\\e202\";\r\n}\r\n\r\n.glyphicon-open-file:before {\r\n content: \"\\e203\";\r\n}\r\n\r\n.glyphicon-level-up:before {\r\n content: \"\\e204\";\r\n}\r\n\r\n.glyphicon-copy:before {\r\n content: \"\\e205\";\r\n}\r\n\r\n.glyphicon-paste:before {\r\n content: \"\\e206\";\r\n}\r\n\r\n.glyphicon-alert:before {\r\n content: \"\\e209\";\r\n}\r\n\r\n.glyphicon-equalizer:before {\r\n content: \"\\e210\";\r\n}\r\n\r\n.glyphicon-king:before {\r\n content: \"\\e211\";\r\n}\r\n\r\n.glyphicon-queen:before {\r\n content: \"\\e212\";\r\n}\r\n\r\n.glyphicon-pawn:before {\r\n content: \"\\e213\";\r\n}\r\n\r\n.glyphicon-bishop:before {\r\n content: \"\\e214\";\r\n}\r\n\r\n.glyphicon-knight:before {\r\n content: \"\\e215\";\r\n}\r\n\r\n.glyphicon-baby-formula:before {\r\n content: \"\\e216\";\r\n}\r\n\r\n.glyphicon-tent:before {\r\n content: \"\\26fa\";\r\n}\r\n\r\n.glyphicon-blackboard:before {\r\n content: \"\\e218\";\r\n}\r\n\r\n.glyphicon-bed:before {\r\n content: \"\\e219\";\r\n}\r\n\r\n.glyphicon-apple:before {\r\n content: \"\\f8ff\";\r\n}\r\n\r\n.glyphicon-erase:before {\r\n content: \"\\e221\";\r\n}\r\n\r\n.glyphicon-hourglass:before {\r\n content: \"\\231b\";\r\n}\r\n\r\n.glyphicon-lamp:before {\r\n content: \"\\e223\";\r\n}\r\n\r\n.glyphicon-duplicate:before {\r\n content: \"\\e224\";\r\n}\r\n\r\n.glyphicon-piggy-bank:before {\r\n content: \"\\e225\";\r\n}\r\n\r\n.glyphicon-scissors:before {\r\n content: \"\\e226\";\r\n}\r\n\r\n.glyphicon-bitcoin:before,\r\n.glyphicon-btc:before,\r\n.glyphicon-xbt:before {\r\n content: \"\\e227\";\r\n}\r\n\r\n.glyphicon-yen:before,\r\n.glyphicon-jpy:before {\r\n content: \"\\00a5\";\r\n}\r\n\r\n.glyphicon-ruble:before,\r\n.glyphicon-rub:before {\r\n content: \"\\20bd\";\r\n}\r\n\r\n.glyphicon-scale:before {\r\n content: \"\\e230\";\r\n}\r\n\r\n.glyphicon-ice-lolly:before {\r\n content: \"\\e231\";\r\n}\r\n\r\n.glyphicon-ice-lolly-tasted:before {\r\n content: \"\\e232\";\r\n}\r\n\r\n.glyphicon-education:before {\r\n content: \"\\e233\";\r\n}\r\n\r\n.glyphicon-option-horizontal:before {\r\n content: \"\\e234\";\r\n}\r\n\r\n.glyphicon-option-vertical:before {\r\n content: \"\\e235\";\r\n}\r\n\r\n.glyphicon-menu-hamburger:before {\r\n content: \"\\e236\";\r\n}\r\n\r\n.glyphicon-modal-window:before {\r\n content: \"\\e237\";\r\n}\r\n\r\n.glyphicon-oil:before {\r\n content: \"\\e238\";\r\n}\r\n\r\n.glyphicon-grain:before {\r\n content: \"\\e239\";\r\n}\r\n\r\n.glyphicon-sunglasses:before {\r\n content: \"\\e240\";\r\n}\r\n\r\n.glyphicon-text-size:before {\r\n content: \"\\e241\";\r\n}\r\n\r\n.glyphicon-text-color:before {\r\n content: \"\\e242\";\r\n}\r\n\r\n.glyphicon-text-background:before {\r\n content: \"\\e243\";\r\n}\r\n\r\n.glyphicon-object-align-top:before {\r\n content: \"\\e244\";\r\n}\r\n\r\n.glyphicon-object-align-bottom:before {\r\n content: \"\\e245\";\r\n}\r\n\r\n.glyphicon-object-align-horizontal:before {\r\n content: \"\\e246\";\r\n}\r\n\r\n.glyphicon-object-align-left:before {\r\n content: \"\\e247\";\r\n}\r\n\r\n.glyphicon-object-align-vertical:before {\r\n content: \"\\e248\";\r\n}\r\n\r\n.glyphicon-object-align-right:before {\r\n content: \"\\e249\";\r\n}\r\n\r\n.glyphicon-triangle-right:before {\r\n content: \"\\e250\";\r\n}\r\n\r\n.glyphicon-triangle-left:before {\r\n content: \"\\e251\";\r\n}\r\n\r\n.glyphicon-triangle-bottom:before {\r\n content: \"\\e252\";\r\n}\r\n\r\n.glyphicon-triangle-top:before {\r\n content: \"\\e253\";\r\n}\r\n\r\n.glyphicon-console:before {\r\n content: \"\\e254\";\r\n}\r\n\r\n.glyphicon-superscript:before {\r\n content: \"\\e255\";\r\n}\r\n\r\n.glyphicon-subscript:before {\r\n content: \"\\e256\";\r\n}\r\n\r\n.glyphicon-menu-left:before {\r\n content: \"\\e257\";\r\n}\r\n\r\n.glyphicon-menu-right:before {\r\n content: \"\\e258\";\r\n}\r\n\r\n.glyphicon-menu-down:before {\r\n content: \"\\e259\";\r\n}\r\n\r\n.glyphicon-menu-up:before {\r\n content: \"\\e260\";\r\n}\r\n\r\n.icon-icon-shape {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 50%;\r\n text-align: center;\r\n i {\r\n font-size: 24px;\r\n line-height: 2;\r\n }\r\n}", "/**\r\nDimmer\r\n*/\r\n\r\n.dimmer {\r\n\tposition: relative;\r\n\t.loader {\r\n\t\tdisplay: none;\r\n\t\tmargin: 0 auto;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\t-webkit-transform: translateY(-50%);\r\n\t\ttransform: translateY(-50%);\r\n\t}\r\n\t&.active {\r\n\t\t.loader {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\t\t.dimmer-content {\r\n\t\t\topacity: .04;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n\r\n/*-------- Loaders ---------*/\r\n\r\n.spinner {\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\tmargin: 100px auto;\r\n\t-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\r\n\tanimation: sk-rotateplane 1.2s infinite ease-in-out;\r\n}\r\n\r\n.spinner-lg {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\tmargin: 100px auto;\r\n\t-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;\r\n\tanimation: sk-rotateplane 1.2s infinite ease-in-out;\r\n}\r\n\r\n@-webkit-keyframes sk-rotateplane {\r\n\t0% {\r\n\t\t-webkit-transform: perspective(120px);\r\n\t}\r\n\t50% {\r\n\t\t-webkit-transform: perspective(120px) rotateY(180deg);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);\r\n\t}\r\n}\r\n\r\n@keyframes sk-rotateplane {\r\n\t0% {\r\n\t\ttransform: perspective(120px) rotateX(0deg) rotateY(0deg);\r\n\t\t-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);\r\n\t}\r\n\t50% {\r\n\t\ttransform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\r\n\t\t-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\r\n\t\t-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);\r\n\t}\r\n}\r\n\r\n.spinner1 {\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\tposition: relative;\r\n\tmargin: 100px auto;\r\n}\r\n\r\n.spinner1-lg {\r\n\twidth: 100px;\r\n\theight: 100px;\r\n\tposition: relative;\r\n\tmargin: 100px auto;\r\n}\r\n\r\n.double-bounce1 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder-radius: 50%;\r\n\topacity: 0.6;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t-webkit-animation: sk-bounce 2.0s infinite ease-in-out;\r\n\tanimation: sk-bounce 2.0s infinite ease-in-out;\r\n}\r\n\r\n.double-bounce2 {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tborder-radius: 50%;\r\n\topacity: 0.6;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t-webkit-animation: sk-bounce 2.0s infinite ease-in-out;\r\n\tanimation: sk-bounce 2.0s infinite ease-in-out;\r\n\t-webkit-animation-delay: -1.0s;\r\n\tanimation-delay: -1.0s;\r\n}\r\n\r\n@-webkit-keyframes sk-bounce {\r\n\t0%,\r\n\t100% {\r\n\t\t-webkit-transform: scale(0);\r\n\t}\r\n\t50% {\r\n\t\t-webkit-transform: scale(1);\r\n\t}\r\n}\r\n\r\n@keyframes sk-bounce {\r\n\t0%,\r\n\t100% {\r\n\t\ttransform: scale(0);\r\n\t\t-webkit-transform: scale(0);\r\n\t}\r\n\t50% {\r\n\t\ttransform: scale(1);\r\n\t\t-webkit-transform: scale(1);\r\n\t}\r\n}\r\n\r\n.spinner2 {\r\n\tmargin: 100px auto;\r\n\twidth: 40px;\r\n\theight: 40px;\r\n\tposition: relative;\r\n}\r\n\r\n.cube1 {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;\r\n\tanimation: sk-cubemove 1.8s infinite ease-in-out;\r\n}\r\n\r\n.cube2 {\r\n\twidth: 15px;\r\n\theight: 15px;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tleft: 0;\r\n\t-webkit-animation: sk-cubemove 1.8s infinite ease-in-out;\r\n\tanimation: sk-cubemove 1.8s infinite ease-in-out;\r\n\t-webkit-animation-delay: -0.9s;\r\n\tanimation-delay: -0.9s;\r\n}\r\n\r\n@-webkit-keyframes sk-cubemove {\r\n\t25% {\r\n\t\t-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);\r\n\t}\r\n\t50% {\r\n\t\t-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);\r\n\t}\r\n\t75% {\r\n\t\t-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);\r\n\t}\r\n\t100% {\r\n\t\t-webkit-transform: rotate(-360deg);\r\n\t}\r\n}\r\n\r\n@keyframes sk-cubemove {\r\n\t25% {\r\n\t\ttransform: translateX(42px) rotate(-90deg) scale(0.5);\r\n\t\t-webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);\r\n\t}\r\n\t50% {\r\n\t\ttransform: translateX(42px) translateY(42px) rotate(-179deg);\r\n\t\t-webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);\r\n\t}\r\n\t50.1% {\r\n\t\ttransform: translateX(42px) translateY(42px) rotate(-180deg);\r\n\t\t-webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);\r\n\t}\r\n\t75% {\r\n\t\ttransform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);\r\n\t\t-webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(-360deg);\r\n\t\t-webkit-transform: rotate(-360deg);\r\n\t}\r\n}\r\n\r\n.lds-heart {\r\n\tposition: relative;\r\n\twidth: 64px;\r\n\theight: 64px;\r\n\ttransform: rotate(45deg);\r\n\ttransform-origin: 32px 32px;\r\n\tmargin: 100px auto;\r\n\tdiv {\r\n\t\ttop: 23px;\r\n\t\tleft: 19px;\r\n\t\tposition: absolute;\r\n\t\twidth: 26px;\r\n\t\theight: 26px;\r\n\t\tanimation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);\r\n\t\t&:after {\r\n\t\t\tcontent: \" \";\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 26px;\r\n\t\t\theight: 26px;\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\tcontent: \" \";\r\n\t\t\tposition: absolute;\r\n\t\t\tdisplay: block;\r\n\t\t\twidth: 26px;\r\n\t\t\theight: 26px;\r\n\t\t\tleft: -17px;\r\n\t\t\tborder-radius: 50% 0 0 50%;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\ttop: -17px;\r\n\t\t\tborder-radius: 50% 50% 0 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes lds-heart {\r\n\t0% {\r\n\t\ttransform: scale(0.95);\r\n\t}\r\n\t5% {\r\n\t\ttransform: scale(1.1);\r\n\t}\r\n\t39% {\r\n\t\ttransform: scale(0.85);\r\n\t}\r\n\t45% {\r\n\t\ttransform: scale(1);\r\n\t}\r\n\t60% {\r\n\t\ttransform: scale(0.95);\r\n\t}\r\n\t100% {\r\n\t\ttransform: scale(0.9);\r\n\t}\r\n}\r\n\r\n.lds-ring {\r\n\tposition: relative;\r\n\twidth: 64px;\r\n\theight: 64px;\r\n\tmargin: 100px auto;\r\n\tdiv {\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: block;\r\n\t\tposition: absolute;\r\n\t\twidth: 51px;\r\n\t\theight: 51px;\r\n\t\tmargin: 6px;\r\n\t\tborder-radius: 50%;\r\n\t\tanimation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\r\n\t\t&:nth-child(1) {\r\n\t\t\tanimation-delay: -0.45s;\r\n\t\t}\r\n\t\t&:nth-child(2) {\r\n\t\t\tanimation-delay: -0.3s;\r\n\t\t}\r\n\t\t&:nth-child(3) {\r\n\t\t\tanimation-delay: -0.15s;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@keyframes lds-ring {\r\n\t0% {\r\n\t\ttransform: rotate(0deg);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(360deg);\r\n\t}\r\n}\r\n\r\n.lds-hourglass {\r\n\tposition: relative;\r\n\twidth: 64px;\r\n\theight: 64px;\r\n\tmargin: 100px auto;\r\n\t&:after {\r\n\t\tcontent: \" \";\r\n\t\tdisplay: block;\r\n\t\tborder-radius: 50%;\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tmargin: 6px;\r\n\t\tbox-sizing: border-box;\r\n\t\tanimation: lds-hourglass 1.2s infinite;\r\n\t}\r\n}\r\n\r\n@keyframes lds-hourglass {\r\n\t0% {\r\n\t\ttransform: rotate(0);\r\n\t\tanimation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\r\n\t}\r\n\t50% {\r\n\t\ttransform: rotate(900deg);\r\n\t\tanimation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\r\n\t}\r\n\t100% {\r\n\t\ttransform: rotate(1800deg);\r\n\t}\r\n}", "body.rtl {\r\n text-align: right;\r\n direction: rtl;\r\n}\r\n\r\n.rtl {\r\n .custom-radio-lg .custom-control-label::after {\r\n right: 2px;\r\n left: inherit;\r\n }\r\n .app-sidebar {\r\n right: 0;\r\n left: inherit;\r\n -webkit-transition: right 450ms ease, width 450ms ease;\r\n -o-transition: right 450ms ease, width 450ms ease;\r\n transition: right 450ms ease, width 450ms ease;\r\n border-left: 1px solid $border;\r\n border-right: inherit;\r\n }\r\n .app-content {\r\n -webkit-transition: margin-right 450ms ease;\r\n -o-transition: margin-right 450ms ease;\r\n transition: margin-right 450ms ease;\r\n }\r\n @media (min-width: 992px) {\r\n .app-content {\r\n margin-left: inherit;\r\n margin-right: 270px;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 80px;\r\n margin-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-left: inherit;\r\n padding-right: 100px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n &.app.sidenav-toggled .app-sidebar {\r\n right: 0 !important;\r\n left: inherit;\r\n }\r\n &.app .app-sidebar {\r\n right: -270px !important;\r\n left: inherit;\r\n }\r\n .responsive-navbar .header-search .input-group .input-group-text.btn {\r\n // left: 6px;\r\n // right: inherit;\r\n }\r\n .fc .fc-toolbar-title {\r\n left: 10px;\r\n right: inherit;\r\n }\r\n }\r\n .app-header {\r\n transition: padding-right 0.3s ease;\r\n }\r\n .app-sidebar__toggle {\r\n transition: padding-right 0.3s ease;\r\n right: initial;\r\n left: 7px;\r\n }\r\n .app-sidebar__toggle:after {\r\n right: 12px;\r\n left: inherit;\r\n }\r\n .header .main-header-center {\r\n padding-left: inherit;\r\n padding-right: 0px;\r\n }\r\n @media (min-width: 992px) {\r\n .main-header-center .btn {\r\n right: inherit;\r\n left: 5px;\r\n }\r\n .main-chat-contacts-wrapper {\r\n padding: 10px 0 10px 15px;\r\n }\r\n }\r\n .dropdown-menu-end[data-bs-popper] {\r\n left: 0;\r\n right: auto;\r\n }\r\n // Dropdown //\r\n .dropdown-menu-arrow.dropdown-menu-end:before,\r\n .dropdown-menu-arrow.dropdown-menu-end:after {\r\n right: auto;\r\n left: 12px;\r\n }\r\n .dropdown-menu {\r\n text-align: right;\r\n }\r\n .dropdown-icon {\r\n margin-left: 0.5rem;\r\n margin-right: -0.5rem;\r\n }\r\n // @media (max-width: 768px) {\r\n // .app-header.header .dropdown-menu.header-search {\r\n // right: 0 !important;\r\n // }\r\n // }\r\n .input-group\r\n > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {\r\n margin-left: inherit;\r\n margin-right: -1px;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n border-top-left-radius: 7px;\r\n border-bottom-left-radius: 7px;\r\n }\r\n .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),\r\n .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 7px;\r\n border-bottom-right-radius: 7px;\r\n }\r\n .input-group-btn .btn {\r\n border-radius: 4px 0px 0px 4px;\r\n }\r\n .page-header .breadcrumb {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .breadcrumb {\r\n right: inherit;\r\n left: 0;\r\n }\r\n .breadcrumb-item + .breadcrumb-item {\r\n padding-left: 0.5rem;\r\n padding-right: inherit;\r\n }\r\n .breadcrumb-item + .breadcrumb-item::before {\r\n float: right;\r\n padding-left: inherit;\r\n padding-right: 0.5rem;\r\n }\r\n .modal-header .btn-close {\r\n padding: 1rem;\r\n margin: -1rem auto -1rem -1rem;\r\n }\r\n // Sidebar //\r\n .sidebar.sidebar-right {\r\n left: 0;\r\n right: initial;\r\n transform: translate(-100%, 0);\r\n .latest-tasks {\r\n .tabs-menu {\r\n .nav {\r\n &.panel-tabs {\r\n li {\r\n a {\r\n i {\r\n float: right;\r\n margin-top: 3px;\r\n margin-left: 3px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .sidebar-right .panel-primary .tab-menu-heading i {\r\n float: right;\r\n margin-top: 4px;\r\n }\r\n .side-header {\r\n border-left: 1px solid $border;\r\n border-right: initial;\r\n -webkit-transition: right 0.3s ease, width 450ms ease;\r\n -o-transition: right 0.3s ease, width 450ms ease;\r\n transition: right 0.3s ease, width 450ms ease;\r\n }\r\n // SIDEMENU STYLES //\r\n .side-menu .sub-category {\r\n padding: 12px 20px 2px 30px;\r\n }\r\n .slide.is-expanded a {\r\n text-decoration: none;\r\n }\r\n .side-menu__item.active {\r\n color: var(--primary-bg-color);\r\n }\r\n .side-menu__item.active {\r\n text-decoration: none;\r\n color: var(--primary-bg-color);\r\n }\r\n .side-menu__item {\r\n -webkit-transition: border-right-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-right-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-right-color 0.3s ease, background-color 0.3s ease;\r\n }\r\n .side-menu .side-menu__icon {\r\n margin-left: 8px;\r\n margin-right: inherit;\r\n }\r\n .side-menu .side-menu__icon::after {\r\n left: 3px;\r\n right: inherit;\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n left: 20px;\r\n right: inherit;\r\n }\r\n .slide-menu {\r\n padding-right: 30px;\r\n padding-left: inherit;\r\n }\r\n .slide-menu li .slide-item:before {\r\n content: \"\\e046\";\r\n margin-left: 7px;\r\n margin-right: inherit;\r\n }\r\n .slide-menu a:before {\r\n content: \"\\e046\";\r\n margin-left: 10px;\r\n margin-right: inherit;\r\n }\r\n .sub-slide-menu {\r\n padding: 0 0 15px 15px;\r\n }\r\n .sub-slide-item {\r\n padding: 8px 24px 8px 0 !important;\r\n }\r\n .sub-side-menu__item2 {\r\n padding: 8px 24px 8px 2px;\r\n }\r\n .sub-angle2 {\r\n float: left;\r\n margin-left: -9px;\r\n margin-right: inherit;\r\n }\r\n .sub-angle {\r\n margin-left: 35px;\r\n margin-right: inherit;\r\n }\r\n .sub-slide-menu2 {\r\n padding-right: 0;\r\n padding-left: inherit;\r\n }\r\n .sub-slide-item2 {\r\n padding: 8px 40px 8px 0px !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidebar-mini.sidenav-toggled .side-badge,\r\n &.sidebar-mini.sidenav-toggled .slide-menu open.slide-menu hide .side-badge {\r\n left: 21px;\r\n right: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {\r\n left: 20px;\r\n right: inherit;\r\n }\r\n &.sidebar-mini footer.footer {\r\n padding: 1.25rem 270px 1.25rem 1.25rem;\r\n }\r\n &.horizontal{\r\n .horizontal-main .slide .slide-menu .sub-side-menu__item:before {\r\n right: -15px;\r\n left: inherit;\r\n margin-left: 0px;\r\n margin-right: inherit;\r\n }\r\n .sub-slide .sub-angle {\r\n left: 0px;\r\n right: auto;\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n .horizontal-main .slide .slide-menu .slide-item:before, .horizontal-main .slide .sub-slide-menu .slide-item:before, .horizontal-main .slide .sub-slide-menu2 .slide-item:before {\r\n right: -15px;\r\n left: inherit;\r\n margin-left: 0px;\r\n margin-right: inherit !important;\r\n }\r\n } \r\n }\r\n .pulse {\r\n left: 8px;\r\n right: 22px;\r\n }\r\n .pulse:before {\r\n left: -4px;\r\n right: initial;\r\n }\r\n .pulse-danger {\r\n left: 8px;\r\n right: inherit;\r\n }\r\n .pulse-danger:before {\r\n left: -4px;\r\n right: inherit;\r\n }\r\n @media (max-width: 992px){\r\n .responsive-navbar .pulse-danger {\r\n left: 2px;\r\n right: inherit;\r\n }\r\n }\r\n @media (max-width: 767px){\r\n .responsive-navbar .pulse-danger {\r\n left: 5px !important;\r\n right: inherit !important;\r\n }\r\n }\r\n .sidebar .tabs-menu ul li a {\r\n padding: 15px 22px 15px 17px;\r\n }\r\n .feeds.avatar-circle::before {\r\n right: -15px;\r\n left: inherit;\r\n }\r\n .task-list.timeline-task::before {\r\n right: 25px;\r\n left: inherit;\r\n }\r\n .task-list:before {\r\n right: 15px;\r\n left: inherit;\r\n border-right: 1px solid #e0e9f1;\r\n border-right: initial;\r\n }\r\n .task-list li {\r\n padding-right: 55px;\r\n padding-left: 8px;\r\n }\r\n .task-list li .task-icon1 {\r\n right: 20px;\r\n left: inherit;\r\n }\r\n .task-list li .task-icon {\r\n right: 10px;\r\n left: inherit;\r\n }\r\n .nav.product-sale {\r\n left: 5px;\r\n right: inherit;\r\n }\r\n //TABLES STYLES //\r\n .select2-container--default .select2-selection--single .select2-selection__arrow {\r\n left: 10px !important;\r\n right: inherit !important;\r\n }\r\n div.dataTables_wrapper div.dataTables_length label {\r\n text-align: right;\r\n }\r\n div.dataTables_wrapper div.dataTables_filter {\r\n text-align: left;\r\n }\r\n div.dataTables_wrapper div.dataTables_filter input {\r\n margin-right: 0.5em;\r\n margin-left: inherit;\r\n }\r\n @media (max-width: 1363px) {\r\n .dt-buttons.btn-group {\r\n right: 0 !important;\r\n left: inherit;\r\n }\r\n }\r\n .card-options {\r\n margin-right: auto;\r\n margin-left: inherit;\r\n }\r\n // CALENDAR STYLES //\r\n .cal1 .clndr .clndr-controls .clndr-control-button.rightalign {\r\n text-align: left;\r\n }\r\n .fc-h-event .fc-event-title {\r\n float: right;\r\n }\r\n .fc-direction-ltr {\r\n direction: rtl;\r\n text-align: right;\r\n }\r\n .fc-direction-ltr .fc-list-day-side-text,\r\n .fc-direction-rtl .fc-list-day-text {\r\n float: left;\r\n }\r\n .fc-direction-ltr .fc-list-day-text,\r\n .fc-direction-rtl .fc-list-day-side-text {\r\n float: right;\r\n }\r\n .fc-direction-ltr .fc-button-group > .fc-button:last-child {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n border-top-left-radius: 5px !important;\r\n border-bottom-left-radius: 5px !important;\r\n }\r\n .fc-direction-ltr .fc-button-group > .fc-button:first-child {\r\n margin-right: -1px;\r\n margin-left: inherit;\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 5px !important;\r\n border-bottom-right-radius: 5px !important;\r\n }\r\n\r\n .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child),\r\n .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .fc-direction-ltr .fc-toolbar > * > :not(:first-child) {\r\n margin-right: 0.75em;\r\n margin-left: inherit;\r\n }\r\n .fc-icon-chevron-right {\r\n transform: rotate(180deg);\r\n }\r\n .fc-icon-chevron-left {\r\n transform: rotate(-180deg);\r\n }\r\n // CHAT //\r\n .main-chat-msg-name {\r\n margin-right: 15px;\r\n margin-left: inherit;\r\n }\r\n .dot-label {\r\n margin-left: 5px !important;\r\n margin-right: 0 !important;\r\n }\r\n .main-content-app .dropdown i {\r\n float: right;\r\n }\r\n .main-content-app {\r\n .main-chat-body {\r\n .content-inner {\r\n .main-msg-wrapper {\r\n .fe-download {\r\n float: left;\r\n margin-top: 4px !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .main-chat-contacts .lslide {\r\n margin-left: 10px;\r\n margin-right: inherit;\r\n }\r\n .main-chat-list .media-body {\r\n margin-right: 15px;\r\n margin-left: inherit;\r\n }\r\n .main-chat-list .main-img-user span {\r\n right: -2px;\r\n left: inherit;\r\n }\r\n .main-chat-header .nav {\r\n margin-right: auto;\r\n margin-left: inherit;\r\n }\r\n .main-chat-time::before {\r\n right: 148px;\r\n left: 0;\r\n }\r\n .main-chat-body .media.flex-row-reverse .media-body {\r\n margin-right: 0 !important;\r\n margin-left: 20px !important;\r\n }\r\n .main-chat-body .media-body {\r\n margin-right: 20px !important;\r\n margin-left: inherit !important;\r\n }\r\n .btn-list > .btn:not(:last-child),\r\n .btn-list > .dropdown:not(:last-child) {\r\n margin-left: 0.5rem;\r\n margin-right: inherit;\r\n }\r\n .growl .growl-close {\r\n float: left;\r\n }\r\n // TIMELINE //\r\n .vtimeline .timeline-wrapper.timeline-inverted {\r\n padding-left: 0;\r\n padding-right: 90px;\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {\r\n margin-right: auto;\r\n margin-left: 14%;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel {\r\n margin-right: 14%;\r\n margin-left: initial;\r\n }\r\n .vtimeline .timeline-wrapper {\r\n padding-left: 90px;\r\n padding-right: inherit;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel:after {\r\n left: -10px;\r\n right: inherit;\r\n border-left: 0 solid $border;\r\n border-right: 10px solid $border;\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {\r\n border-right-width: 0;\r\n border-left-width: 10px;\r\n right: -10px;\r\n left: auto;\r\n }\r\n // TREEVIEW //\r\n .tree li i {\r\n margin-left: 10px;\r\n margin-right: inherit;\r\n float: right;\r\n margin-top: 6px;\r\n }\r\n .tree ul {\r\n margin-right: 1em;\r\n margin-left: inherit;\r\n }\r\n .tree li {\r\n padding: 0em 0em 0em 1em;\r\n }\r\n .tree ul:before {\r\n border-right: 1px dotted #9eabc0;\r\n border-left: inherit;\r\n }\r\n .tree ul:before {\r\n right: -10px;\r\n left: inherit;\r\n }\r\n .tree ul li:before {\r\n right: -10px;\r\n left: inherit;\r\n }\r\n .main {\r\n float: right;\r\n }\r\n .join {\r\n float: right;\r\n transform: rotate(180deg);\r\n }\r\n .dTree .page-tree {\r\n float: right;\r\n }\r\n .dTree .plus {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n transform: rotate(180deg);\r\n }\r\n .folder {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n }\r\n .last .plus {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n }\r\n .dTree a {\r\n padding-right: 8px;\r\n }\r\n .dTree .minus {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n }\r\n .folder-open {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n }\r\n .folder-group ul {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n }\r\n .folder-group.last .minus {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n float: right;\r\n }\r\n .join-last .join {\r\n float: right;\r\n }\r\n .folder-group {\r\n background: none;\r\n }\r\n code,\r\n kbd,\r\n pre,\r\n samp {\r\n direction: rtl;\r\n unicode-bidi: normal;\r\n }\r\n // HEADER STYLES //\r\n .header .form-inline .form-control {\r\n padding-right: 20px;\r\n padding-left: 40px;\r\n }\r\n // FOOTERS STYLES //\r\n .footer .social ul li {\r\n float: right;\r\n }\r\n .footer-social-list li:not(:last-child) {\r\n margin-left: 0.7rem;\r\n margin-right: inherit;\r\n }\r\n .footer-payments li:not(:last-child) {\r\n margin-left: 1.5rem;\r\n margin-right: inherit;\r\n }\r\n .page-options {\r\n margin-right: auto;\r\n margin-left: inherit;\r\n }\r\n .btn-group > .btn-group:not(:first-child) > .btn,\r\n .btn-group > .btn:nth-child(n + 3),\r\n .btn-group > :not(.btn-check) + .btn {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n border-top-left-radius: 3px;\r\n border-bottom-left-radius: 3px;\r\n }\r\n .btn-group .btn + .btn,\r\n .btn-group .btn + .btn-group {\r\n margin-right: -1px;\r\n margin-left: initial;\r\n }\r\n .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 3px;\r\n border-bottom-right-radius: 3px;\r\n }\r\n .tags > .tag:not(:last-child) {\r\n margin-left: 0.5rem;\r\n margin-right: inherit;\r\n }\r\n .tag-addon:last-child {\r\n border-top-left-radius: 3px;\r\n border-bottom-left-radius: 3px;\r\n border-top-right-radius: inherit;\r\n border-bottom-right-radius: inherit;\r\n }\r\n .tag-addon {\r\n margin: 0 0.5rem 0 -0.5rem;\r\n }\r\n .card-options a:not(.btn) {\r\n margin-right: 0.5rem;\r\n margin-left: inherit;\r\n }\r\n // ALERTS STYLES //\r\n .btn-close {\r\n float: left;\r\n }\r\n .alert-avatar .avatar {\r\n right: 0.75rem;\r\n left: inherit;\r\n }\r\n button.btn-close {\r\n left: 15px;\r\n right: inherit;\r\n }\r\n .alert-dismissible .btn-close {\r\n left: 0;\r\n right: inherit;\r\n }\r\n .alert-dismissible {\r\n padding-left: 3.90625rem;\r\n }\r\n .alert-avatar {\r\n padding-right: 3.75rem !important;\r\n }\r\n .alert-inner--icon {\r\n float: right;\r\n padding-left: 5px;\r\n }\r\n // COLORS STYLES //\r\n .color-card-radius .card-header {\r\n border-top-right-radius: 7px;\r\n border-bottom-right-radius: 7px;\r\n border-top-left-radius: 0px;\r\n border-bottom-left-radius: 0px;\r\n }\r\n // AVATARS STYLES //\r\n .avatar-list .avatar:not(:last-child) {\r\n margin-left: 0.5rem;\r\n margin-right: initial;\r\n }\r\n .avatar-status {\r\n left: -2px;\r\n right: initial;\r\n }\r\n .avatar-badges {\r\n left: -4px;\r\n right: initial;\r\n }\r\n .avatar-icons {\r\n left: 0px;\r\n right: initial;\r\n }\r\n [type=\"email\"],\r\n [type=\"number\"],\r\n [type=\"tel\"],\r\n [type=\"url\"] {\r\n direction: rtl;\r\n }\r\n .badgetext {\r\n float: left;\r\n }\r\n // LIST GROUP //\r\n .list-style-1 {\r\n padding-right: inherit;\r\n }\r\n .list-style2 {\r\n padding-right: inherit;\r\n }\r\n .list-style4 {\r\n padding-right: inherit;\r\n }\r\n .list-style3 {\r\n padding-right: inherit;\r\n }\r\n .list-style6 {\r\n padding-right: inherit;\r\n }\r\n .list-style5 {\r\n padding-right: inherit;\r\n }\r\n .list-style2 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n .list-style-1 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n .list-style4 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n .list-style3 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n .list-style6 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n .list-style5 ul {\r\n padding-right: 30px;\r\n padding-left: initial;\r\n }\r\n // TAGS STYLES //\r\n .tag-round::before {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n .tag-addon.tag-addon-cross {\r\n border-radius: 50px 0px 0px 50px;\r\n }\r\n .tag-avatar {\r\n margin: 0 -0.5rem 0 0.5rem;\r\n border-radius: 0px 3px 3px 0;\r\n }\r\n .tag-radius {\r\n border-radius: 0px 50px 50px 0px;\r\n }\r\n // PAGINATION //\r\n .page-item:last-child .page-link {\r\n border-top-left-radius: 5px;\r\n border-bottom-left-radius: 5px;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .page-item:not(:first-child) .page-link {\r\n margin-left: 0;\r\n }\r\n .fa.fa-angle-right {\r\n transform: rotate(180deg);\r\n }\r\n .fa.fa-angle-left {\r\n transform: rotate(180deg);\r\n }\r\n .page-item:first-child .page-link {\r\n border-top-right-radius: 5px;\r\n border-bottom-right-radius: 5px;\r\n border-top-left-radius: 0px;\r\n border-bottom-left-radius: 0px;\r\n }\r\n .fa.fa-angle-double-right {\r\n transform: rotate(180deg);\r\n }\r\n .fa.fa-angle-double-left {\r\n transform: rotate(180deg);\r\n }\r\n // ACCORDION STYLES //\r\n .accordion-button:not(.collapsed)::after {\r\n margin-left: 5px;\r\n margin-right: auto;\r\n }\r\n .accordionjs .acc_section .acc_head h3:before {\r\n right: 12px;\r\n left: inherit;\r\n }\r\n .accordionjs .acc_section .acc_head h3 {\r\n padding-right: 25px;\r\n padding-left: inherit;\r\n }\r\n .panel-heading1 a:before {\r\n left: 16px;\r\n right: inherit;\r\n }\r\n // TOOLTIP & POPOVER STYLES //\r\n\r\n .tooltip-info.bs-tooltip-end .tooltip-arrow::before,\r\n .tooltip-info.bs-tooltip-auto[data-popper-placement^=\"right\"] .tooltip-arrow::before {\r\n border-right-color: #1170e4 !important;\r\n border-left-color: inherit !important;\r\n }\r\n .bs-tooltip-end .tooltip-arrow,\r\n .bs-tooltip-auto[data-popper-placement^=\"right\"] .tooltip-arrow {\r\n left: 0;\r\n }\r\n .bs-tooltip-auto[data-popper-placement^=\"right\"] .tooltip-arrow,\r\n .bs-tooltip-end .tooltip-arrow {\r\n left: 0;\r\n right: inherit;\r\n }\r\n\r\n .bs-popover-end,\r\n .bs-popover-auto[data-popper-placement^=\"end\"] {\r\n margin-right: 0.5rem;\r\n }\r\n\r\n .bs-popover-end > .popover-arrow,\r\n .bs-popover-auto[data-popper-placement^=\"end\"] > .popover-arrow {\r\n left: calc((0.5rem + 1px) * -1);\r\n right: auto;\r\n }\r\n\r\n .bs-popover-end > .popover-arrow::before,\r\n .bs-popover-auto[data-popper-placement^=\"end\"] > .popover-arrow::before {\r\n right: 0;\r\n border-width: 0.5rem 0.5rem 0.5rem 0;\r\n border-right-color: #ededf5;\r\n }\r\n\r\n .bs-popover-end > .popover-arrow::after,\r\n .bs-popover-auto[data-popper-placement^=\"end\"] > .popover-arrow::after {\r\n right: -1px;\r\n border-width: 0.5rem 0.5rem 0.5rem 0;\r\n border-right-color: #fff;\r\n }\r\n // CAROUSEL STYLES//\r\n .carousel-control-prev {\r\n left: 0;\r\n right: inherit;\r\n }\r\n .carousel-control-next {\r\n right: 0;\r\n left: inherit;\r\n }\r\n .active.carousel-item-start,\r\n .carousel-item-prev:not(.carousel-item-end) {\r\n transform: translateX(100%) !important;\r\n }\r\n .active.carousel-item-end {\r\n transform: translateX(-100%) !important;\r\n }\r\n .carousel-item-next:not(.carousel-item-start) {\r\n transform: translateX(-100%) !important;\r\n transform: translateX(-100%) !important;\r\n }\r\n // FORM ELEMENTS //\r\n .custom-control-label::after {\r\n right: 0;\r\n left: inherit;\r\n }\r\n .custom-control-label::before {\r\n right: 0;\r\n left: inherit;\r\n }\r\n .custom-control {\r\n padding-right: 1.5rem;\r\n padding-left: inherit;\r\n }\r\n .custom-radio-md.custom-control {\r\n padding-right: 2rem;\r\n padding-left: inherit;\r\n }\r\n .custom-radio-lg.custom-control {\r\n padding-right: 3rem;\r\n padding-left: inherit;\r\n }\r\n .custom-checkbox-md.custom-control {\r\n padding-right: 2rem;\r\n padding-left: inherit;\r\n }\r\n .custom-checkbox-lg.custom-control {\r\n padding-right: 3rem;\r\n padding-left: inherit;\r\n }\r\n .custom-switch-indicator:before {\r\n left: 1px;\r\n right: inherit;\r\n }\r\n .custom-switch-description {\r\n margin-right: 0.5rem;\r\n margin-left: inherit;\r\n }\r\n .custom-switch {\r\n padding-right: 0;\r\n padding-left: inherit;\r\n }\r\n .pull-right {\r\n float: left;\r\n }\r\n .select2-container--default .select2-selection--multiple .select2-selection__choice {\r\n float: right;\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n .pcr-app .pcr-interaction .pcr-result {\r\n text-align: right;\r\n }\r\n .ms-choice > div {\r\n left: 7px;\r\n right: inherit;\r\n }\r\n .ms-choice > span {\r\n right: 0;\r\n left: inherit;\r\n padding-right: 8px;\r\n padding-left: inherit;\r\n }\r\n .checkbox-group label:before {\r\n right: 0;\r\n left: inherit;\r\n }\r\n .checkbox-group label {\r\n padding-right: 25px;\r\n padding-left: inherit;\r\n }\r\n .transfer-double-list-main\r\n .transfer-double-group-list-ul\r\n .transfer-double-group-list-li\r\n .transfer-double-group-list-li-ul {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n }\r\n .transfer-double-list-footer label {\r\n margin-right: 10px;\r\n margin-left: inherit;\r\n }\r\n .transfer-double-list-search-input {\r\n padding: 5px 8px 4px 0px;\r\n }\r\n .transfer-double-list-main .transfer-double-group-list-ul {\r\n padding-right: 7px;\r\n padding-left: inherit;\r\n }\r\n .iti--allow-dropdown .iti__flag-container,\r\n .iti--separate-dial-code .iti__flag-container {\r\n right: 0;\r\n left: auto;\r\n }\r\n .iti__selected-flag {\r\n padding: 0 8px 0 0px;\r\n border-left: 1px solid #ecf0fa;\r\n border-right: inherit;\r\n }\r\n .iti--allow-dropdown input,\r\n .iti--allow-dropdown input[type=\"text\"],\r\n .iti--allow-dropdown input[type=\"tel\"],\r\n .iti--separate-dial-code input,\r\n .iti--separate-dial-code input[type=\"text\"],\r\n .iti--separate-dial-code input[type=\"tel\"] {\r\n padding-left: 6px;\r\n padding-right: 52px;\r\n margin-right: 0;\r\n margin-left: 0;\r\n }\r\n .iti__arrow {\r\n margin-right: 6px;\r\n margin-left: inherit;\r\n }\r\n .iti__country-list {\r\n text-align: right;\r\n margin: 0 -1px 0 0;\r\n }\r\n .iti__flag-box,\r\n .iti__country-name {\r\n margin-left: 6px;\r\n margin-right: inherit;\r\n }\r\n // FORM EDITOR //\r\n input[type=\"radio\"],\r\n input[type=\"checkbox\"] {\r\n margin-left: 7px;\r\n margin-right: inherit;\r\n }\r\n .richText .richText-toolbar ul li {\r\n float: right;\r\n }\r\n .richText .richText-toolbar ul li a .richText-dropdown-outer .richText-dropdown .richText-dropdown-close {\r\n left: 5px;\r\n right: inherit;\r\n }\r\n .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {\r\n left: 6px;\r\n right: inherit;\r\n }\r\n .ql-toolbar.ql-snow .ql-formats {\r\n margin-left: 25px;\r\n margin-right: inherit;\r\n }\r\n .ql-editor {\r\n text-align: right;\r\n }\r\n // FORM WIZARD //\r\n .sw-theme-dots > ul.step-anchor > li > a:before {\r\n right: 37%;\r\n left: inherit;\r\n }\r\n .sw-theme-dots > ul.step-anchor > li > a:after {\r\n right: 35%;\r\n left: inherit;\r\n }\r\n .sw-theme-dots .step-content {\r\n text-align: right;\r\n }\r\n .form-wizard-title {\r\n margin-right: 10px;\r\n margin-left: inherit;\r\n }\r\n @media (min-width: 576px) {\r\n .wizard > .steps > ul li .title {\r\n margin-right: 10px;\r\n margin-left: auto;\r\n }\r\n .wizard.vertical > .steps {\r\n float: right;\r\n }\r\n .wizard.vertical > .steps ul li + li {\r\n margin-right: 0;\r\n // margin-left: auto;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .wizard > .steps > ul li + li {\r\n margin-right: 30px;\r\n margin-left: inherit;\r\n }\r\n }\r\n .wizard > .steps a .number,\r\n .wizard > .steps a:hover .number,\r\n .wizard > .steps a:active .number {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n .form-check .form-check-input {\r\n float: left;\r\n margin-right: -1.5em;\r\n margin-left: inherit;\r\n }\r\n .form-check {\r\n padding-right: 1.25rem;\r\n padding-left: inherit;\r\n }\r\n .form-file-label::after {\r\n left: 0;\r\n right: initial;\r\n border-right: 1px solid $border;\r\n border-left: inherit;\r\n border-radius: 3px 0px 0px 3px;\r\n }\r\n // TABLE //\r\n div.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:first-child {\r\n padding-right: 0;\r\n padding-left: initial;\r\n }\r\n .dt-buttons.btn-group {\r\n right: 156px;\r\n left: inherit;\r\n }\r\n .data-table-btn {\r\n right: 185px;\r\n }\r\n // PROFILE //\r\n .btn-profile {\r\n left: 32px;\r\n right: inherit;\r\n }\r\n .profile-cover__action {\r\n padding: 252px 185px 10px 30px;\r\n }\r\n .profile-cover__img {\r\n right: 50px;\r\n left: inherit;\r\n }\r\n .profile-cover__img .profile-img-1 > img {\r\n margin-right: -9px;\r\n margin-left: inherit;\r\n }\r\n .profile-cover__img .profile-img-content {\r\n margin-right: 10px;\r\n margin-left: inherit;\r\n }\r\n @media (max-width: 992px) {\r\n .wideget-user .social.social-profile-buttons {\r\n float: left !important;\r\n margin-right: 153px;\r\n margin-left: inherit;\r\n }\r\n }\r\n .avatar-list-stacked .avatar {\r\n margin-left: -0.8em !important;\r\n margin-right: inherit !important;\r\n }\r\n // NOTIFICATION //\r\n .notification:before {\r\n right: 20%;\r\n left: inherit;\r\n margin-right: -1px;\r\n margin-left: inherit;\r\n }\r\n .notification .notification-time {\r\n right: -7px;\r\n left: inherit;\r\n text-align: left;\r\n }\r\n .notification .notification-icon {\r\n right: 15%;\r\n left: inherit;\r\n }\r\n .notification .notification-body {\r\n margin-right: 25%;\r\n margin-left: 18%;\r\n }\r\n .notification .notification-body:before {\r\n border-left-color: #fff;\r\n border-right-color: transparent;\r\n right: -20px;\r\n left: inherit;\r\n }\r\n .notify-time {\r\n right: auto;\r\n left: 25px;\r\n }\r\n #growls-default {\r\n left: 10px;\r\n right: inherit;\r\n }\r\n #ui_notifIt {\r\n left: 10px !important;\r\n right: inherit !important;\r\n }\r\n // MAIL STYLES //\r\n .mail-inbox .icons {\r\n margin-left: 8px;\r\n margin-right: 0;\r\n }\r\n .mail-option .btn-group,\r\n .mail-option .chk-all {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n ul.inbox-pagination {\r\n float: left;\r\n }\r\n // GALLERY //\r\n .lg-toolbar .lg-icon {\r\n float: left;\r\n }\r\n #lg-counter {\r\n padding-right: 20px;\r\n padding-left: inherit;\r\n }\r\n // ECOMMERCE //\r\n .product-label {\r\n float: left;\r\n }\r\n .product-grid6 .icons {\r\n left: 25px;\r\n right: inherit;\r\n text-align: left;\r\n }\r\n .customer-services h4 {\r\n margin-right: 27px;\r\n margin-left: inherit;\r\n }\r\n .product-grid6 .icons-wishlist {\r\n left: 25px;\r\n right: inherit;\r\n text-align: left;\r\n }\r\n .owl-nav .owl-next {\r\n left: -25px;\r\n right: inherit;\r\n }\r\n // FILE ATTACHMENT //\r\n .file-transparent-rounded i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-secondary i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-primary i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-success i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-warning i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-danger i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-pink i {\r\n margin-right: 5px !important;\r\n }\r\n .tag-outline-info i {\r\n margin-right: 5px !important;\r\n }\r\n .file-image .icons {\r\n left: 22px;\r\n right: inherit;\r\n text-align: left;\r\n }\r\n .file-image-1 .icons {\r\n left: 7px;\r\n right: inherit;\r\n text-align: left;\r\n }\r\n // WIDGETS //\r\n .card-img-absolute {\r\n margin-right: -40px;\r\n margin-left: inherit;\r\n }\r\n .circle-icon {\r\n margin-right: 13px;\r\n margin-left: inherit;\r\n float: left;\r\n }\r\n // PRICING TABLES //\r\n .price .list-group-flush .list-group-item {\r\n padding: 0px 16px 0px 0px;\r\n }\r\n .ion-chevron-right {\r\n transform: rotate(180deg);\r\n }\r\n #external-events {\r\n text-align: right;\r\n }\r\n @media only screen and (max-width: 991px) {\r\n .animated-arrow {\r\n right: 0;\r\n left: inherit;\r\n padding: 25px 0px 16px 35px !important;\r\n }\r\n }\r\n .tab_wrapper .content_wrapper .accordian_header .arrow {\r\n float: left;\r\n }\r\n // FORM WIZARD //\r\n @media screen and (max-width: 480px) {\r\n .sw-theme-dots > ul.step-anchor:before {\r\n right: 19px;\r\n left: auto;\r\n margin-left: 10px;\r\n margin-right: auto;\r\n }\r\n .sw-theme-dots > ul.step-anchor > li > a:before {\r\n right: -14px;\r\n left: 0;\r\n margin-left: 10px;\r\n margin-right: 0;\r\n }\r\n .sw-theme-dots > ul.step-anchor > li > a:after {\r\n right: -36px;\r\n left: 0;\r\n margin-left: 10px;\r\n margin-right: 0;\r\n }\r\n .sw-theme-dots > ul.step-anchor > li > a {\r\n text-align: right;\r\n margin-right: 0;\r\n margin-left: inherit;\r\n }\r\n }\r\n #back-to-top {\r\n left: 20px;\r\n right: inherit;\r\n }\r\n .custom-layout {\r\n left: 50px;\r\n right: inherit;\r\n }\r\n //icon-text sidemenu//\r\n @media (min-width: 992px) {\r\n &.icontext-menu &.hover-submenu {\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 120px;\r\n margin-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-right: 130px;\r\n padding-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .side-badge {\r\n left: 40px;\r\n right: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {\r\n left: 20px !important;\r\n right: inherit !important;\r\n }\r\n .app-content {\r\n margin-right: 270px;\r\n margin-left: inherit;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n .side-badge {\r\n left: 20px;\r\n right: inherit !important;\r\n }\r\n }\r\n }\r\n //icon-text sidemenu//\r\n @media (min-width: 992px) {\r\n &.icontext-menu {\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 120px;\r\n margin-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-right: 130px;\r\n padding-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .side-badge {\r\n left: 40px;\r\n right: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-badge {\r\n left: 20px !important;\r\n right: inherit !important;\r\n }\r\n .app-content {\r\n margin-right: 270px;\r\n margin-left: inherit;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n .side-badge {\r\n left: 20px;\r\n right: inherit !important;\r\n }\r\n .app-sidebar__toggle {\r\n left: 4px;\r\n right: inherit;\r\n }\r\n }\r\n }\r\n //Hover-submenu//\r\n @media (min-width: 992px) {\r\n &.hover-submenu {\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 120px;\r\n margin-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-right: 130px;\r\n padding-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .side-badge {\r\n left: 40px;\r\n right: inherit;\r\n }\r\n .app-content {\r\n margin-right: 270px;\r\n margin-left: inherit;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n .side-badge {\r\n left: 20px;\r\n right: inherit !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n right: 106px;\r\n left: inherit;\r\n }\r\n .app-sidebar__toggle {\r\n left: 4px;\r\n right: inherit;\r\n }\r\n .sub-slide-item2 {\r\n padding: 8px 40px 8px 0px !important;\r\n }\r\n .sub-slide-menu {\r\n padding: 0 0px 15px 15px;\r\n } \r\n .sub-slide-item {\r\n padding: 8px 27px 8px 0px !important;\r\n }\r\n .sub-side-menu__item2 {\r\n padding: 8px 27px 8px 2px;\r\n }\r\n }\r\n // .slide-menu {\r\n // padding-right: 3px !important;\r\n // padding-left: inherit !important;\r\n // margin-right: 12px !important;\r\n // margin-left: inherit !important;\r\n // }\r\n }\r\n //Hover-submenu1//\r\n @media (min-width: 992px) {\r\n &.hover-submenu1 {\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 80px;\r\n margin-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-right: 100px;\r\n padding-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .side-badge {\r\n left: 40px;\r\n right: inherit;\r\n }\r\n .app-content {\r\n margin-right: 270px;\r\n margin-left: inherit;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n right: 62px;\r\n left: inherit;\r\n }\r\n .app-sidebar__toggle {\r\n left: 10px;\r\n right: inherit;\r\n }\r\n .sub-slide-item2 {\r\n padding: 8px 40px 8px 0px !important;\r\n }\r\n .sub-slide-menu {\r\n padding: 0 0px 15px 15px;\r\n } \r\n .sub-slide-item {\r\n padding: 8px 27px 8px 0px !important;\r\n } \r\n .sub-side-menu__item2 {\r\n padding: 8px 27px 8px 2px;\r\n } \r\n }\r\n // .slide-menu {\r\n // padding-right: 3px !important;\r\n // padding-left: inherit !important;\r\n // margin-right: 12px !important;\r\n // margin-left: inherit !important;\r\n // }\r\n }\r\n //closed-menu//\r\n @media (min-width: 992px) {\r\n &.closed-leftmenu {\r\n &.sidebar-mini.sidenav-toggled .app-header.header {\r\n padding-right: 0px;\r\n padding-left: inherit;\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-content {\r\n margin-right: 0px;\r\n margin-left: inherit;\r\n }\r\n .app-content {\r\n margin-right: 270px;\r\n margin-left: inherit;\r\n }\r\n .app-header {\r\n padding-left: 10px;\r\n padding-right: 285px;\r\n }\r\n .side-badge {\r\n left: 20px;\r\n right: inherit !important;\r\n }\r\n .app-sidebar__toggle {\r\n right: initial;\r\n left: 0px;\r\n }\r\n }\r\n }\r\n .side-badge {\r\n left: 20px;\r\n right: inherit !important;\r\n }\r\n}\r\n\r\n// BORDERS //\r\n.rtl {\r\n .border-end {\r\n border-left: 1px solid $border !important;\r\n border-right: initial !important;\r\n }\r\n\r\n .border-start {\r\n border-right: 1px solid $border !important;\r\n border-left: initial !important;\r\n }\r\n\r\n .border-end-0 {\r\n border-left: 0 !important;\r\n border-right: 1px solid $border !important;\r\n }\r\n\r\n .border-start-0 {\r\n border-right: 0 !important;\r\n border-left: 1px solid $border !important;\r\n }\r\n\r\n .br-ts-7 {\r\n border-top-right-radius: 7px !important;\r\n border-top-left-radius: initial !important;\r\n }\r\n\r\n .br-bs-7 {\r\n border-bottom-left-radius: 7px !important;\r\n border-bottom-left-radius: initial !important;\r\n }\r\n\r\n .br-ts-5 {\r\n border-top-right-radius: 5px !important;\r\n border-top-left-radius: initial !important;\r\n }\r\n\r\n .br-bs-5 {\r\n border-bottom-right-radius: 5px !important;\r\n border-bottom-left-radius: initial !important;\r\n }\r\n\r\n .br-te-7 {\r\n border-top-left-radius: 7px !important;\r\n border-top-right-radius: inherit !important;\r\n }\r\n\r\n .br-be-7 {\r\n border-bottom-left-radius: 7px !important;\r\n border-bottom-right-radius: inherit !important;\r\n }\r\n\r\n .br-ts-0 {\r\n border-top-right-radius: 0px !important;\r\n border-top-left-radius: 5px !important;\r\n }\r\n\r\n .br-bs-0 {\r\n border-bottom-right-radius: 0px !important;\r\n border-bottom-left-radius: 5px !important;\r\n }\r\n\r\n .br-te-0 {\r\n border-top-left-radius: 0px !important;\r\n border-top-right-radius: 5px !important;\r\n }\r\n\r\n .br-be-0 {\r\n border-bottom-left-radius: 0px !important;\r\n border-bottom-right-radius: 5px !important;\r\n }\r\n\r\n .border-end-1 {\r\n border-left: 1px solid #d5dce3;\r\n border-right: inherit;\r\n }\r\n .theme-container .active {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n\r\n .theme-container1 .active {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n\r\n .theme-container2 .active {\r\n margin-left: 5px;\r\n margin-right: inherit;\r\n }\r\n}\r\n\r\n// FLOAT STYLES//\r\n\r\n.rtl {\r\n .float-start {\r\n float: right !important;\r\n }\r\n .float-end {\r\n float: left !important;\r\n }\r\n @media (min-width: 576px) {\r\n .float-sm-start {\r\n float: right !important;\r\n }\r\n .float-sm-end {\r\n float: left !important;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .float-md-start {\r\n float: right !important;\r\n }\r\n .float-md-end {\r\n float: left !important;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .float-lg-start {\r\n float: right !important;\r\n }\r\n .float-lg-end {\r\n float: left !important;\r\n }\r\n }\r\n @media (min-width: 1280px) {\r\n .float-xl-start {\r\n float: right !important;\r\n }\r\n .float-xl-end {\r\n float: left !important;\r\n }\r\n .float-xl-none {\r\n float: none !important;\r\n }\r\n }\r\n}\r\n\r\n// MARGINS STYLES//\r\n\r\n.rtl {\r\n /*--------- Margin--------------*/\r\n\r\n .me-0 {\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-0 {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n\r\n .ms-0 {\r\n margin-right: 0 !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: 0.25rem !important;\r\n }\r\n\r\n .ms-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: 0.5rem !important;\r\n }\r\n\r\n .ms-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: initial !important;\r\n }\r\n\r\n .mx-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: 0.75rem !important;\r\n }\r\n\r\n .ms-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-4 {\r\n margin-left: 1rem !important;\r\n margin-right: initial !important;\r\n }\r\n\r\n .mx-4 {\r\n margin-left: 1rem !important;\r\n margin-right: 1rem !important;\r\n }\r\n\r\n .ms-4 {\r\n margin-right: 1rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: 1.5rem !important;\r\n }\r\n\r\n .ms-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-6 {\r\n margin-left: 2rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-6 {\r\n margin-left: 2rem !important;\r\n margin-right: 2rem !important;\r\n }\r\n\r\n .ms-6 {\r\n margin-right: 2rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-7 {\r\n margin-left: 3rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-7 {\r\n margin-left: 3rem !important;\r\n margin-right: 3rem !important;\r\n }\r\n\r\n .ms-7 {\r\n margin-right: 3rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .mx-7 {\r\n margin-right: 3rem !important;\r\n margin-left: 3rem !important;\r\n }\r\n\r\n .me-8 {\r\n margin-left: 4rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-8 {\r\n margin-left: 4rem !important;\r\n margin-right: 4rem !important;\r\n }\r\n\r\n .ms-8 {\r\n margin-right: 4rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .mx-8 {\r\n margin-right: 4rem !important;\r\n margin-left: 4rem !important;\r\n }\r\n\r\n .me-9 {\r\n margin-left: 6rem !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-9 {\r\n margin-left: 6rem !important;\r\n margin-right: 6rem !important;\r\n }\r\n\r\n .ms-9 {\r\n margin-right: 6rem !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n .me-auto {\r\n margin-left: auto !important;\r\n margin-right: inherit !important;\r\n }\r\n\r\n .mx-auto {\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n\r\n .ms-auto {\r\n margin-right: auto !important;\r\n margin-left: inherit !important;\r\n }\r\n\r\n @media (min-width: 576px) {\r\n .me-sm-0 {\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-0 {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n .ms-sm-0 {\r\n margin-right: 0 !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: 0.25rem !important;\r\n }\r\n .ms-sm-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: 0.5rem !important;\r\n }\r\n .ms-sm-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: 0.75rem !important;\r\n }\r\n .ms-sm-3,\r\n .mx-sm-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-4 {\r\n margin-left: 1rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-4 {\r\n margin-left: 1rem !important;\r\n margin-right: 1rem !important;\r\n }\r\n .ms-sm-4 {\r\n margin-right: 1rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: 1.5rem !important;\r\n }\r\n .ms-sm-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-6 {\r\n margin-left: 2rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-6 {\r\n margin-left: 2rem !important;\r\n margin-right: 2rem !important;\r\n }\r\n .ms-sm-6 {\r\n margin-right: 2rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-7 {\r\n margin-left: 3rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-7 {\r\n margin-left: 3rem !important;\r\n margin-right: 3rem !important;\r\n }\r\n .ms-sm-7 {\r\n margin-right: 3rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-8 {\r\n margin-left: 4rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-8 {\r\n margin-left: 4rem !important;\r\n margin-right: 4rem !important;\r\n }\r\n .ms-sm-8 {\r\n margin-right: 4rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-9 {\r\n margin-left: 6rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-9 {\r\n margin-left: 6rem !important;\r\n margin-right: 6rem !important;\r\n }\r\n .ms-sm-9 {\r\n margin-right: 6rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-sm-auto {\r\n margin-left: auto !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-sm-auto {\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n .ms-sm-auto {\r\n margin-right: auto !important;\r\n margin-left: inherit !important;\r\n }\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .me-md-0 {\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-0 {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n .ms-md-0 {\r\n margin-right: 0 !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: 0.25rem !important;\r\n }\r\n .ms-md-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: 0.5rem !important;\r\n }\r\n .ms-md-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: 0.75rem !important;\r\n }\r\n .ms-md-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-4 {\r\n margin-left: 1rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-4 {\r\n margin-left: 1rem !important;\r\n margin-right: 1rem !important;\r\n }\r\n .ms-md-4 {\r\n margin-right: 1rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: 1.5rem !important;\r\n }\r\n .ms-md-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-6 {\r\n margin-left: 2rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-6 {\r\n margin-left: 2rem !important;\r\n margin-right: 2rem !important;\r\n }\r\n .ms-md-6 {\r\n margin-right: 2rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-7 {\r\n margin-left: 3rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-7 {\r\n margin-left: 3rem !important;\r\n margin-right: 3rem !important;\r\n }\r\n .ms-md-7 {\r\n margin-right: 3rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-8 {\r\n margin-left: 4rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-8 {\r\n margin-left: 4rem !important;\r\n margin-right: 4rem !important;\r\n }\r\n .ms-md-8 {\r\n margin-right: 4rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-9 {\r\n margin-left: 6rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-9 {\r\n margin-left: 6rem !important;\r\n margin-right: 6rem !important;\r\n }\r\n .ms-md-9 {\r\n margin-right: 6rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-md-auto {\r\n margin-left: auto !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-md-auto {\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n .ms-md-auto {\r\n margin-right: auto !important;\r\n margin-left: inherit !important;\r\n }\r\n }\r\n\r\n @media (min-width: 992px) {\r\n .me-lg-0 {\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-0 {\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n .ms-lg-0 {\r\n margin-right: 0 !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: 0.25rem !important;\r\n }\r\n .ms-lg-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: 0.5rem !important;\r\n }\r\n .ms-lg-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: 0.75rem !important;\r\n }\r\n .ms-lg-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-4 {\r\n margin-left: 1rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-4 {\r\n margin-left: 1rem !important;\r\n margin-right: 1rem !important;\r\n }\r\n .ms-lg-4 {\r\n margin-right: 1rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: 1.5rem !important;\r\n }\r\n .ms-lg-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-6 {\r\n margin-left: 2rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-6 {\r\n margin-left: 2rem !important;\r\n margin-right: 2rem !important;\r\n }\r\n .ms-lg-6 {\r\n margin-right: 2rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .me-lg-7 {\r\n margin-left: 3rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .mx-lg-7 {\r\n margin-left: 3rem !important;\r\n margin-right: 3rem !important;\r\n }\r\n .ms-lg-7 {\r\n margin-right: 3rem !important;\r\n margin-left: 3rem !important;\r\n }\r\n .me-lg-8 {\r\n margin-left: 4rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-lg-8 {\r\n margin-right: 4rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-lg-8 {\r\n margin-right: 4rem !important;\r\n margin-left: 4rem !important;\r\n }\r\n .me-lg-9 {\r\n margin-left: 6rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-lg-9 {\r\n margin-right: 6rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-lg-9 {\r\n margin-right: 6rem !important;\r\n margin-left: 6rem !important;\r\n }\r\n .me-lg-auto {\r\n margin-left: auto !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-lg-auto {\r\n margin-right: auto !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-lg-auto {\r\n margin-right: auto !important;\r\n margin-left: auto !important;\r\n }\r\n }\r\n\r\n @media (min-width: 1280px) {\r\n .me-xl-0 {\r\n margin-left: 0 !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-0 {\r\n margin-right: 0 !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-0 {\r\n margin-right: 0 !important;\r\n margin-left: 0 !important;\r\n }\r\n .me-xl-1 {\r\n margin-left: 0.25rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-1 {\r\n margin-right: 0.25rem !important;\r\n margin-left: 0.25rem !important;\r\n }\r\n .me-xl-2 {\r\n margin-left: 0.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-2 {\r\n margin-right: 0.5rem !important;\r\n margin-left: 0.5rem !important;\r\n }\r\n .me-xl-3 {\r\n margin-left: 0.75rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-3 {\r\n margin-right: 0.75rem !important;\r\n margin-left: 0.75rem !important;\r\n }\r\n .me-xl-4 {\r\n margin-left: 1rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-4 {\r\n margin-right: 1rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-4 {\r\n margin-right: 1rem !important;\r\n margin-left: 1rem !important;\r\n }\r\n .me-xl-5 {\r\n margin-left: 1.5rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-5 {\r\n margin-right: 1.5rem !important;\r\n margin-left: 1.5rem !important;\r\n }\r\n .me-xl-6 {\r\n margin-left: 2rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-6 {\r\n margin-right: 2rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-6 {\r\n margin-right: 2rem !important;\r\n margin-left: 2rem !important;\r\n }\r\n .me-xl-7 {\r\n margin-left: 3rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-7 {\r\n margin-right: 3rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-7 {\r\n margin-right: 3rem !important;\r\n margin-left: 3rem !important;\r\n }\r\n .me-xl-8 {\r\n margin-left: 4rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-8 {\r\n margin-right: 4rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-8 {\r\n margin-right: 4rem !important;\r\n margin-left: 4rem !important;\r\n }\r\n .me-xl-9 {\r\n margin-left: 6rem !important;\r\n margin-right: inherit !important;\r\n }\r\n .ms-xl-9 {\r\n margin-right: 6rem !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-9 {\r\n margin-right: 6rem !important;\r\n margin-left: 6rem !important;\r\n }\r\n .me-xl-auto {\r\n margin-left: auto !important;\r\n margin-right: auto !important;\r\n }\r\n .ms-xl-auto {\r\n margin-right: auto !important;\r\n margin-left: inherit !important;\r\n }\r\n .mx-xl-auto {\r\n margin-right: auto !important;\r\n margin-left: auto !important;\r\n }\r\n }\r\n}\r\n\r\n/*--------- Paddings--------------*/\r\n\r\n.rtl {\r\n .pe-0 {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n .ps-0 {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: 0.25rem !important;\r\n }\r\n .ps-1 {\r\n padding-right: 0.25rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: 0.5rem !important;\r\n }\r\n .ps-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: 0.75rem !important;\r\n }\r\n .ps-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-4 {\r\n padding-left: 1rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-4 {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n .ps-4 {\r\n padding-right: 1rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n }\r\n .ps-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .px-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: 1.5rem !important;\r\n }\r\n .pe-6 {\r\n padding-left: 2rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-6 {\r\n padding-left: 2rem !important;\r\n padding-right: 2rem !important;\r\n }\r\n .ps-6 {\r\n padding-right: 2rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-7 {\r\n padding-left: 3rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-7 {\r\n padding-left: 3rem !important;\r\n padding-right: 3rem !important;\r\n }\r\n .ps-7 {\r\n padding-right: 3rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-8 {\r\n padding-left: 4rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-8 {\r\n padding-left: 4rem !important;\r\n padding-right: 4rem !important;\r\n }\r\n .ps-8 {\r\n padding-right: 4rem !important;\r\n padding-left: 4rem !important;\r\n }\r\n .pe-9 {\r\n padding-left: 6rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-9 {\r\n padding-left: 6rem !important;\r\n padding-right: 6rem !important;\r\n }\r\n .ps-9 {\r\n padding-right: 6rem !important;\r\n padding-left: inherit !important;\r\n }\r\n @media (min-width: 576px) {\r\n .pe-sm-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n .px-sm-0 {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .ps-sm-0 {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: 0.25rem !important;\r\n }\r\n .ps-sm-1 {\r\n padding-right: 0.25rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: 0.5rem !important;\r\n }\r\n .ps-sm-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: 0.75rem !important;\r\n }\r\n .ps-sm-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-4 {\r\n padding-left: 1rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-4 {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n .ps-sm-4 {\r\n padding-right: 1rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n }\r\n .ps-sm-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-6 {\r\n padding-left: 2rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-6 {\r\n padding-left: 2rem !important;\r\n padding-right: 2rem !important;\r\n }\r\n .ps-sm-6 {\r\n padding-right: 2rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-7 {\r\n padding-left: 3rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-7 {\r\n padding-left: 3rem !important;\r\n padding-right: 3rem !important;\r\n }\r\n .ps-sm-7 {\r\n padding-right: 3rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-8 {\r\n padding-left: 4rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-8 {\r\n padding-left: 4rem !important;\r\n padding-right: 4rem !important;\r\n }\r\n .ps-sm-8 {\r\n padding-right: 4rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-sm-9 {\r\n padding-left: 6rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-sm-9 {\r\n padding-left: 6rem !important;\r\n padding-right: 6rem !important;\r\n }\r\n .ps-sm-9 {\r\n padding-right: 6rem !important;\r\n padding-left: inherit !important;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .pe-md-0 {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n .ps-md-0 {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: 0.25rem !important;\r\n }\r\n .ps-md-1 {\r\n padding-right: 0.25rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: 0.5rem !important;\r\n }\r\n .ps-md-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .ps-md-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .px-md-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: 0.75rem !important;\r\n }\r\n .pe-md-4 {\r\n padding-left: 1rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-4 {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n .ps-md-4 {\r\n padding-right: 1rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n }\r\n .ps-md-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .px-md-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: 1.5rem !important;\r\n }\r\n .pe-md-6 {\r\n padding-left: 2rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-6 {\r\n padding-left: 2rem !important;\r\n padding-right: 2rem !important;\r\n }\r\n .ps-md-6 {\r\n padding-right: 2rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-7 {\r\n padding-left: 3rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-7 {\r\n padding-left: 3rem !important;\r\n padding-right: 3rem !important;\r\n }\r\n .ps-md-7 {\r\n padding-right: 3rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-8 {\r\n padding-left: 4rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-8 {\r\n padding-left: 4rem !important;\r\n padding-right: 4rem !important;\r\n }\r\n .ps-md-8 {\r\n padding-right: 4rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-md-9 {\r\n padding-left: 6rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-md-9 {\r\n padding-left: 6rem !important;\r\n padding-right: 6rem !important;\r\n }\r\n .ps-md-9 {\r\n padding-right: 6rem !important;\r\n padding-left: 6rem !important;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .pe-lg-0 {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n .ps-lg-0 {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: 0.25rem !important;\r\n }\r\n .ps-lg-1 {\r\n padding-right: 0.25rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: 0.5rem !important;\r\n }\r\n .ps-lg-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .px-lg-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: 0.5rem !important;\r\n }\r\n .pe-lg-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: 0.75rem !important;\r\n }\r\n .ps-lg-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-4 {\r\n padding-left: 1rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-4 {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n .ps-lg-4 {\r\n padding-right: 1rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n }\r\n .ps-lg-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-6 {\r\n padding-left: 2rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-6 {\r\n padding-left: 2rem !important;\r\n padding-right: 2rem !important;\r\n }\r\n .ps-lg-6 {\r\n padding-right: 2rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-7 {\r\n padding-left: 3rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-7 {\r\n padding-left: 3rem !important;\r\n padding-right: 3rem !important;\r\n }\r\n .ps-lg-7 {\r\n padding-right: 3rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-8 {\r\n padding-left: 4rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-8 {\r\n padding-left: 4rem !important;\r\n padding-right: 4rem !important;\r\n }\r\n .ps-lg-8 {\r\n padding-right: 4rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-lg-9 {\r\n padding-left: 6rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-lg-9 {\r\n padding-left: 6rem !important;\r\n padding-right: 6rem !important;\r\n }\r\n .ps-lg-9 {\r\n padding-right: 6rem !important;\r\n padding-left: onh !important;\r\n }\r\n }\r\n @media (min-width: 1280px) {\r\n .pe-xl-0 {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-0 {\r\n padding-left: 0 !important;\r\n padding-right: 0 !important;\r\n }\r\n .ps-xl-0 {\r\n padding-right: 0 !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-1 {\r\n padding-left: 0.25rem !important;\r\n padding-right: 0.25rem !important;\r\n }\r\n .ps-xl-1 {\r\n padding-right: 0.25rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-2 {\r\n padding-left: 0.5rem !important;\r\n padding-right: 0.5rem !important;\r\n }\r\n .ps-xl-2 {\r\n padding-right: 0.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-3 {\r\n padding-left: 0.75rem !important;\r\n padding-right: 0.75rem !important;\r\n }\r\n .ps-xl-3 {\r\n padding-right: 0.75rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-4 {\r\n padding-left: 1rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-4 {\r\n padding-left: 1rem !important;\r\n padding-right: 1rem !important;\r\n }\r\n .ps-xl-4 {\r\n padding-right: 1rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-5 {\r\n padding-left: 1.5rem !important;\r\n padding-right: 1.5rem !important;\r\n }\r\n .ps-xl-5 {\r\n padding-right: 1.5rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-6 {\r\n padding-left: 2rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-6 {\r\n padding-left: 2rem !important;\r\n padding-right: 2rem !important;\r\n }\r\n .ps-xl-6,\r\n .px-xl-6 {\r\n padding-right: 2rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-7 {\r\n padding-left: 3rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-7 {\r\n padding-left: 3rem !important;\r\n padding-right: 3rem !important;\r\n }\r\n .ps-xl-7 {\r\n padding-right: 3rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-8 {\r\n padding-left: 4rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-8 {\r\n padding-left: 4rem !important;\r\n padding-right: 4rem !important;\r\n }\r\n .ps-xl-8 {\r\n padding-right: 4rem !important;\r\n padding-left: inherit !important;\r\n }\r\n .pe-xl-9 {\r\n padding-left: 6rem !important;\r\n padding-right: inherit !important;\r\n }\r\n .px-xl-9 {\r\n padding-left: 6rem !important;\r\n padding-right: 6rem !important;\r\n }\r\n .ps-xl-9 {\r\n padding-right: 6rem !important;\r\n padding-left: inherit !important;\r\n }\r\n }\r\n}\r\n\r\n// TYPOGRAPHY //@at-root\r\n\r\n.rtl {\r\n .text-start {\r\n text-align: right !important;\r\n }\r\n .text-end {\r\n text-align: left !important;\r\n }\r\n @media (min-width: 576px) {\r\n .text-sm-left {\r\n text-align: right !important;\r\n }\r\n .text-sm-right {\r\n text-align: left !important;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .text-md-left {\r\n text-align: right !important;\r\n }\r\n .text-md-right {\r\n text-align: left !important;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .text-lg-left {\r\n text-align: right !important;\r\n }\r\n .text-lg-right {\r\n text-align: left !important;\r\n }\r\n }\r\n @media (min-width: 1280px) {\r\n .text-xl-left {\r\n text-align: right !important;\r\n }\r\n .text-xl-right {\r\n text-align: left !important;\r\n }\r\n }\r\n .text-end {\r\n text-align: left;\r\n }\r\n}\r\n\r\n.rtl .fc .fc-scroller-harness {\r\n direction: rtl;\r\n}\r\n.rtl {\r\n &.hover-submenu .sub-angle {\r\n margin-left: 0;\r\n margin-right: inherit;\r\n }\r\n &.hover-submenu1 .sub-angle {\r\n margin-left: 0;\r\n margin-right: inherit;\r\n }\r\n .fe-chevron-right:before {\r\n content: \"\\e92e\";\r\n }\r\n // .slide-menu a:before{\r\n // content: '\\e047';\r\n // }\r\n &.hover-submenu .slide-menu li .slide-item:before {\r\n content: \"\\e046\";\r\n }\r\n &.hover-submenu .slide-menu a:before {\r\n content: \"\\e046\";\r\n }\r\n &.icontext-menu .slide-menu li .slide-item:before {\r\n content: \"\\e046\";\r\n }\r\n &.icontext-menu .slide-menu a:before {\r\n content: \"\\e046\";\r\n }\r\n &.closed-leftmenu .slide-menu a:before {\r\n content: \"\\e046\";\r\n }\r\n &.closed-leftmenu .slide-menu li .slide-item:before {\r\n content: \"\\e046\";\r\n }\r\n &.hover-submenu1 .slide-menu li .slide-item:before {\r\n content: \"\\e046\";\r\n }\r\n &.hover-submenu1 .slide-menu a:before {\r\n content: \"\\e046\";\r\n }\r\n #transactions {\r\n width: 100% !important;\r\n }\r\n #chartBar1 {\r\n width: 100% !important;\r\n }\r\n #chartLine {\r\n width: 100% !important;\r\n }\r\n #chartArea {\r\n width: 100% !important;\r\n }\r\n #chartBar2 {\r\n width: 100% !important;\r\n }\r\n}\r\n.rtl {\r\n &.horizontal {\r\n .sub-slide .sub-slide-menu {\r\n right: 180px;\r\n left: inherit;\r\n } \r\n .main-sidemenu i.angle {\r\n left: -4px;\r\n right: inherit;\r\n transform: rotate(270deg);\r\n }\r\n .sub-slide .sub-slide-menu2 {\r\n right: 180px;\r\n left: inherit;\r\n }\r\n .sub-angle2 {\r\n margin-left: 11px;\r\n margin-right: 11px;\r\n }\r\n .main-sidemenu .slide.is-expanded i.angle {\r\n transform: rotate(90deg);\r\n }\r\n .slide .sub-slide-menu, .slide .sub-slide-menu2 {\r\n border-radius: 5px 0 5px 5px;\r\n }\r\n }\r\n}\r\n\r\n.rtl.dark-mode .bs-popover-end > .popover-arrow::before,\r\n.dark-mode .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::before {\r\n border-left-color: $dark-body;\r\n border-right-color: inherit;\r\n}\r\n\r\n.rtl {\r\n &.color-header.gradient-menu .app-sidebar {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.dark-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.color-header.color-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.color-header.gradient-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.gradient-header.color-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.gradient-header.gradient-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.dark-header.color-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.dark-header.gradient-menu .side-header {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.dark-header.gradient-menu .app-sidebar {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n &.gradient-header.gradient-menu .app-sidebar {\r\n border-left: 1px solid rgba(255, 255, 255, 0.1);\r\n border-right: inherit;\r\n }\r\n}\r\n@media (min-width: 768px) {\r\n .rtl.horizontal .main-sidemenu .slide-right {\r\n right: initial !important;\r\n left: 20px;\r\n transform: rotate(180deg);\r\n }\r\n .rtl.horizontal .main-sidemenu .slide-left {\r\n left: initial !important;\r\n right: 20px;\r\n transform: rotate(180deg);\r\n }\r\n}\r\n.rtl .cal1 .clndr .clndr-table tr .day {\r\n border-right: 1px solid $border;\r\n}\r\n.rtl .cal1 .clndr .clndr-table tr .day:last-child {\r\n border-right: 1px solid $border;\r\n border-left: 1px solid $border;\r\n}\r\n.rtl .main-content-body-chat {\r\n .border-start-0 {\r\n border-left: 1px solid $border !important;\r\n }\r\n}\r\n\r\n.rtl .main-chat-footer {\r\n padding-right: inherit;\r\n padding-left: 20px;\r\n}\r\n.rtl .main-chat-footer .form-control {\r\n padding-left: 0;\r\n padding-right: 12px;\r\n}\r\n.rtl table.dataTable > thead .sorting::before,\r\n.rtl table.dataTable > thead .sorting_asc::before,\r\n.rtl table.dataTable > thead .sorting_desc::before,\r\n.rtl table.dataTable > thead .sorting_asc_disabled::before,\r\n.rtl table.dataTable > thead .sorting_desc_disabled::before {\r\n left: 1em;\r\n right: auto;\r\n}\r\n.rtl table.dataTable > thead .sorting::after,\r\n.rtl table.dataTable > thead .sorting_asc::after,\r\n.rtl table.dataTable > thead .sorting_desc::after,\r\n.rtl table.dataTable > thead .sorting_asc_disabled::after,\r\n.rtl table.dataTable > thead .sorting_desc_disabled::after {\r\n left: 0.5em;\r\n right: auto;\r\n}\r\n.rtl .like,\r\n.rtl .reply {\r\n i {\r\n float: right;\r\n }\r\n}\r\n.rtl .file-dropdown {\r\n .dropdown-item {\r\n i {\r\n float: right;\r\n }\r\n }\r\n}\r\n.rtl {\r\n &.dark-mode.light-menu.header-light .app-sidebar {\r\n border-left-color: #e6e6e6;\r\n border-right-color: #e6e6e6;\r\n }\r\n &.transparent-mode.header-light .app-sidebar {\r\n border-left-color: rgba(185, 185, 185, 0.22);\r\n border-right-color: rgba(185, 185, 185, 0.22);\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n .rtl.dark-mode.light-menu .side-header {\r\n border-left: 1px solid $border;\r\n border-right: 0px;\r\n }\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .rtl .wideget-user .social.social-profile-buttons {\r\n margin-right: 0;\r\n }\r\n}\r\n@media only screen and (max-width: 460px) {\r\n .rtl .profile-cover__img .profile-img-1 > img {\r\n margin-right: -29px;\r\n margin-left: inherit;\r\n }\r\n}\r\n@media (min-width: 576px) {\r\n .rtl .wizard > .steps > ul li + li {\r\n margin-right: 20px;\r\n margin-left: inherit;\r\n }\r\n .rtl .wizard.vertical > .actions {\r\n float: left;\r\n border-right: 1px solid $border;\r\n border-left: 0;\r\n }\r\n .rtl .wizard.vertical > .content {\r\n float: left;\r\n border-right: 1px solid $border;\r\n border-left: 0;\r\n }\r\n}\r\n.rtl .wizard > .steps > ul li + li {\r\n margin-right: 5px;\r\n margin-left: inherit;\r\n}\r\n\r\n.rtl.dark-menu .app-sidebar {\r\n border-left-color: $dark-theme-1;\r\n border-right: inherit;\r\n}\r\n\r\n.rtl.transparent-mode .cal1 .clndr .clndr-table tr .day:last-child {\r\n border-left-color: $border-dark;\r\n border-right-color: $border-dark;\r\n}\r\n.rtl.transparent-mode .cal1 .clndr .clndr-table tr .day {\r\n border-right-color: $border-dark;\r\n}\r\n\r\n.rtl.dark-mode .cal1 .clndr .clndr-table tr .day:last-child {\r\n border-left-color: $border-dark;\r\n border-right-color: $border-dark;\r\n}\r\n.rtl.dark-mode .cal1 .clndr .clndr-table tr .day {\r\n border-right-color: $border-dark;\r\n}\r\n.rtl {\r\n &.header-light.transparent-mode .side-header {\r\n border-right-color: inherit;\r\n border-left-color: $border;\r\n }\r\n &.icontext-menu.header-light.transparent-mode .side-header {\r\n border-right-color: inherit;\r\n border-left-color: $border;\r\n }\r\n}\r\n\r\n.rtl {\r\n &.transparent-mode .bs-popover-end > .popover-arrow::after,\r\n &.transparent-mode .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::after {\r\n border-left-color: var(--transparent-body);\r\n border-right-color: var(--transparent-body);\r\n }\r\n &.transparent-mode .bs-popover-end > .popover-arrow::before,\r\n &.transparent-mode .bs-popover-auto[data-popper-placement^=\"right\"] > .popover-arrow::before {\r\n border-left-color: transparent;\r\n // border-right-color: initial;\r\n }\r\n}\r\n.rtl {\r\n table.dataTable > thead > tr > th:not(.sorting_disabled),\r\n table.dataTable > thead > tr > td:not(.sorting_disabled) {\r\n padding-right: 0.75rem;\r\n padding-left: 30px;\r\n }\r\n table.table-bordered.dataTable th:last-child,\r\n table.table-bordered.dataTable th:last-child,\r\n table.table-bordered.dataTable td:last-child,\r\n table.table-bordered.dataTable td:last-child {\r\n border-left-width: 1px;\r\n }\r\n blockquote {\r\n padding-left: 0;\r\n border-left: 0;\r\n padding-right: 2rem;\r\n border-right: 2px solid $border;\r\n }\r\n .btn-list-icon {\r\n i {\r\n float: right;\r\n margin-top: 4px;\r\n }\r\n }\r\n .btn-list {\r\n .dropdown {\r\n i {\r\n float: right;\r\n margin-top: 4px;\r\n }\r\n }\r\n }\r\n \r\n .ql-snow .ql-tooltip{\r\n right: 0 !important;\r\n left: inherit !important;\r\n }\r\n .card-img-left {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n border-top-right-radius: 7px;\r\n border-bottom-right-radius: 7px;\r\n }\r\n .card-img-right {\r\n border-top-left-radius: 7px;\r\n border-bottom-left-radius: 7px;\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n .panel-tabs {\r\n li a {\r\n i {\r\n float: right;\r\n margin-top: 3px;\r\n }\r\n }\r\n }\r\n .product-list .icons {\r\n right: auto;\r\n left: 10px;\r\n text-align: left;\r\n }\r\n .chart-circle.chart-circle-sm {\r\n margin-left: auto !important;\r\n }\r\n div.table-responsive > div.dataTables_wrapper > div.row > div[class^=\"col-\"]:last-child {\r\n padding-left: 0;\r\n padding-right: initial;\r\n }\r\n .blockquote-reverse {\r\n border-left: 2px solid #e9edf4;\r\n border-right: 0;\r\n text-align: left;\r\n padding-right: 0;\r\n padding-left: 2rem;\r\n }\r\n}\r\n@media screen and (max-width: 1354px) {\r\n .rtl #tab5 table.table-bordered.dataTable th:last-child,\r\n .rtl #tab5 table.table-bordered.dataTable th:last-child,\r\n .rtl #tab5 table.table-bordered.dataTable td:last-child,\r\n .rtl #tab5 table.table-bordered.dataTable td:last-child {\r\n border-left-width: 1px;\r\n }\r\n .rtl {\r\n .example {\r\n .btn {\r\n .badge {\r\n margin-left: 0 !important;\r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (max-width: 1620px) and (min-width: 1280px) {\r\n .rtl #user-profile {\r\n .media.media-xs {\r\n .social-profile-buttons,\r\n .text-end {\r\n float: right !important;\r\n }\r\n }\r\n }\r\n}\r\n.rtl {\r\n .list-group {\r\n .list-group-item.border-0.p-0 {\r\n a {\r\n i {\r\n float: right;\r\n margin-top: 4px;\r\n }\r\n }\r\n }\r\n }\r\n table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {\r\n padding-right: 30px;\r\n padding-left: auto;\r\n }\r\n table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,\r\n table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {\r\n right: 5px;\r\n left: 0;\r\n }\r\n @media (max-width: 767px) {\r\n .vtimeline:before {\r\n right: 14px !important;\r\n left: auto !important;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel:after {\r\n right: -14px !important;\r\n left: auto !important;\r\n transform: rotate(180deg);\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel:after {\r\n transform: rotate(0deg);\r\n }\r\n .vtimeline .timeline-wrapper .timeline-badge {\r\n right: -13px !important;\r\n left: auto !important;\r\n }\r\n\r\n .vtimeline .timeline-wrapper {\r\n padding-left: 0 !important;\r\n padding-right: inherit !important;\r\n }\r\n .vtimeline .timeline-wrapper.timeline-inverted .timeline-panel {\r\n margin-left: auto !important;\r\n margin-right: 20% !important;\r\n }\r\n .vtimeline .timeline-wrapper .timeline-panel {\r\n margin-right: 20% !important;\r\n margin-left: inherit !important;\r\n }\r\n .table-inbox {\r\n td,\r\n th {\r\n &:last-child {\r\n border-left-width: 2px;\r\n }\r\n }\r\n }\r\n }\r\n .scrollspy-example-2 {\r\n border-radius: 5px 0 0 5px;\r\n }\r\n\r\n .dtr-bs-modal {\r\n .dtr-details {\r\n tr {\r\n td {\r\n &:first-child {\r\n border-left: 1px solid $border;\r\n border-right: 0px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n @media screen and (max-width: 480px) {\r\n .sw-theme-dots > ul.step-anchor > li {\r\n margin-left: auto;\r\n margin-right: 20px;\r\n }\r\n }\r\n .login-social-icon::after {\r\n left: 0;\r\n right: auto;\r\n }\r\n .main-chat-time::after {\r\n left: 0;\r\n right: auto;\r\n }\r\n @media (max-width: 576px) {\r\n .custom-layout {\r\n right: auto;\r\n left: 7px;\r\n }\r\n }\r\n .ps__rail-y {\r\n left: 0;\r\n right: auto !important;\r\n }\r\n .ps__thumb-y {\r\n left: 0px !important;\r\n right: auto;\r\n }\r\n .smartphoto-dismiss {\r\n left: 22px !important;\r\n right: inherit !important;\r\n }\r\n .dropdown-menu.show{\r\n li{\r\n .dropdown-item{\r\n .float-end{\r\n .fe-chevron-right{\r\n float: inherit;\r\n margin-top: 4px;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n #enable-autofill_wrapper .dt-buttons.btn-group.flex-wrap {\r\n right: inherit !important;\r\n }\r\n .btn-group.file-attach .btn-close.btn-pill {\r\n border-radius: 50px 0px 0px 50px !important;\r\n }\r\n .btn-group.file-attach>.btn.btn-pill:not(:last-child):not(.dropdown-toggle) {\r\n border-top-right-radius: 10rem;\r\n border-bottom-right-radius: 10rem;\r\n border-top-left-radius: 0px;\r\n border-bottom-left-radius: 0px;\r\n }\r\n @media screen and (min-width: 577px) {\r\n .card-pay .tabs-menu li:last-child a {\r\n border-radius: 7px 0px 0px 7px;\r\n }\r\n \r\n .card-pay .tabs-menu li:first-child a {\r\n border-radius: 0px 7px 7px 0px;\r\n }\r\n }\r\n}\r\n", "/*----- Date Picker ----*/\r\n\r\n.ui-datepicker {\r\n\tbackground-color: $white;\r\n\tborder: 1px solid #e9ebfa;\r\n\tfont-family: inherit;\r\n\tfont-size: inherit;\r\n\tpadding: 10px;\r\n\tmargin: 1px 0 0;\r\n\tdisplay: none;\r\n\twidth: auto !important;\r\n\tz-index: 5 !important;\r\n\tbox-shadow: 0px 16px 18px rgba(104, 113, 123, .2);\r\n\tborder-radius: 7px;\r\n\t.ui-datepicker-header {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tposition: relative;\r\n\t\tfont-weight: 500;\r\n\t\tfont-size: 12px;\r\n\t\ttext-transform: uppercase;\r\n\t\tcolor: #473b52;\r\n\t\tpadding: 0 0 5px;\r\n\t\tletter-spacing: 1px;\r\n\t\tborder: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tborder-top-left-radius: 7px;\r\n\t\tborder-top-right-radius: 7px;\r\n\t\t.ui-datepicker-next,\r\n\t\t.ui-datepicker-prev {\r\n\t\t\ttext-indent: -99999px;\r\n\t\t\tcolor: #6c757d;\r\n\t\t\ttop: 1px;\r\n\t\t}\r\n\t\t.ui-datepicker-next::before,\r\n\t\t.ui-datepicker-prev::before {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-family: 'FontAwesome';\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: -4px;\r\n\t\t\ttext-indent: 0;\r\n\t\t}\r\n\t\t.ui-datepicker-next {\r\n\t\t\t&:hover::before,\r\n\t\t\t&:focus::before {\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.ui-datepicker-prev {\r\n\t\t\t&:hover::before,\r\n\t\t\t&:focus::before {\r\n\t\t\t\tcolor: $dark;\r\n\t\t\t}\r\n\t\t}\r\n\t\t.ui-datepicker-next {\r\n\t\t\torder: 3;\r\n\t\t\t&:before {\r\n\t\t\t\tright: 5px;\r\n\t\t\t\tcontent: '\\f105';\r\n\t\t\t}\r\n\t\t}\r\n\t\t.ui-datepicker-prev:before {\r\n\t\t\tleft: 5px;\r\n\t\t\tcontent: '\\f104';\r\n\t\t}\r\n\t\t.ui-datepicker-next-hover,\r\n\t\t.ui-datepicker-prev-hover {\r\n\t\t\tcolor: #495057;\r\n\t\t\tcursor: pointer;\r\n\t\t\ttop: 1px;\r\n\t\t\tborder: 0;\r\n\t\t\tbackground-color: transparent;\r\n\t\t}\r\n\t}\r\n\t.ui-datepicker-calendar {\r\n\t\tmargin: 0;\r\n\t\tbackground-color: transparent;\r\n\t\tborder-bottom-right-radius: 3px;\r\n\t\tborder-bottom-left-radius: 3px;\r\n\t\tth {\r\n\t\t\ttext-transform: uppercase;\r\n\t\t\tfont-size: 10px;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tletter-spacing: 1px;\r\n\t\t\tpadding: 6px 10px;\r\n\t\t\tcolor: #a3a7b7;\r\n\t\t}\r\n\t\ttd {\r\n\t\t\tborder: 1px solid #eceef9;\r\n\t\t\tpadding: 0;\r\n\t\t\tbackground-color: #eceef9;\r\n\t\t\ttext-align: right;\r\n\t\t\t&:last-child {\r\n\t\t\t\tborder-right: 0;\r\n\t\t\t}\r\n\t\t\t&.ui-datepicker-other-month .ui-state-default {\r\n\t\t\t\tcolor: #ccc;\r\n\t\t\t}\r\n\t\t\tspan {\r\n\t\t\t\ttransition: all 0.2s ease-in-out;\r\n\t\t\t\tpadding: 5px;\r\n\t\t\t\tbackground-color: $white;\r\n\t\t\t\tcolor: #473b52;\r\n\t\t\t\tpadding: 6px 10px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tborder-radius: 1px;\r\n\t\t\t}\r\n\t\t\ta {\r\n\t\t\t\ttransition: all 0.2s ease-in-out;\r\n\t\t\t\tpadding: 5px;\r\n\t\t\t\tbackground-color: $white;\r\n\t\t\t\tcolor: #473b52;\r\n\t\t\t\tpadding: 6px 10px;\r\n\t\t\t\tdisplay: block;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tfont-size: 12px;\r\n\t\t\t\tborder: 0;\r\n\t\t\t\tborder-radius: 1px;\r\n\t\t\t\t&:hover {\r\n\t\t\t\t\tbackground-color: #f0f2f7;\r\n\t\t\t\t\tcolor: #473b52;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.ui-datepicker-today a {\r\n\t\t\tbackground-color: #f8f9fa;\r\n\t\t\tcolor: #473b52;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (max-width: 320px) {\r\n\t.ui-datepicker .ui-datepicker-calendar th {\r\n\t\tpadding: 4px 0;\r\n\t\tletter-spacing: normal;\r\n\t}\r\n}\r\n\r\n.ui-datepicker-multi {\r\n\t.ui-datepicker-group {\r\n\t\tpadding-right: 15px;\r\n\t\twidth: auto;\r\n\t\tfloat: left;\r\n\t\t.ui-datepicker-title {\r\n\t\t\tmargin: auto;\r\n\t\t}\r\n\t\t.ui-datepicker-prev::before {\r\n\t\t\tleft: 10px;\r\n\t\t}\r\n\t\t.ui-datepicker-next::before {\r\n\t\t\tright: 10px;\r\n\t\t}\r\n\t\ttable {\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\t}\r\n\t.ui-datepicker-group-last {\r\n\t\tpadding-right: 0;\r\n\t}\r\n}\r\n\r\n.ui-datepicker-inline {\r\n\tmax-width: 270px;\r\n\tborder-radius: 12px;\r\n}", ".jvectormap-container {\r\n\twidth: 100%;\r\n\theight: 100%;\r\n\tposition: relative;\r\n\toverflow: hidden;\r\n\t-ms-touch-action: none;\r\n\ttouch-action: none;\r\n}\r\n\r\n.jvectormap-tip {\r\n\tposition: absolute;\r\n\tdisplay: none;\r\n\tborder-radius: 3px;\r\n\tbackground: #212529;\r\n\tcolor: white;\r\n\tpadding: 6px;\r\n\tfont-size: 11px;\r\n\tline-height: 1;\r\n\tfont-weight: 700;\r\n\tsmall {\r\n\t\tfont-size: inherit;\r\n\t\tfont-weight: 400;\r\n\t}\r\n}\r\n\r\n.jvectormap-zoomin,\r\n.jvectormap-zoomout,\r\n.jvectormap-goback {\r\n\tposition: absolute;\r\n\tleft: 10px;\r\n\tborder-radius: 3px;\r\n\tbackground: #292929;\r\n\tpadding: 3px;\r\n\tcolor: white;\r\n\tcursor: pointer;\r\n\tline-height: 10px;\r\n\ttext-align: center;\r\n\tbox-sizing: content-box;\r\n}\r\n\r\n.jvectormap-zoomin,\r\n.jvectormap-zoomout {\r\n\twidth: 10px;\r\n\theight: 10px;\r\n}\r\n\r\n.jvectormap-zoomin {\r\n\ttop: 10px;\r\n}\r\n\r\n.jvectormap-zoomout {\r\n\ttop: 30px;\r\n}\r\n\r\n.jvectormap-goback {\r\n\tbottom: 10px;\r\n\tz-index: 1000;\r\n\tpadding: 6px;\r\n}\r\n\r\n.jvectormap-spinner {\r\n\tposition: absolute;\r\n\tleft: 0;\r\n\ttop: 0;\r\n\tright: 0;\r\n\tbottom: 0;\r\n\tbackground: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);\r\n}\r\n\r\n.jvectormap-legend-title {\r\n\tfont-weight: bold;\r\n\tfont-size: 14px;\r\n\ttext-align: center;\r\n}\r\n\r\n.jvectormap-legend-cnt {\r\n\tposition: absolute;\r\n}\r\n\r\n.jvectormap-legend-cnt-h {\r\n\tbottom: 0;\r\n\tright: 0;\r\n}\r\n\r\n.jvectormap-legend-cnt-v {\r\n\ttop: 0;\r\n\tright: 0;\r\n}\r\n\r\n.jvectormap-legend {\r\n\tbackground: black;\r\n\tcolor: white;\r\n\tborder-radius: 3px;\r\n}\r\n\r\n.jvectormap-legend-cnt-h .jvectormap-legend {\r\n\tfloat: left;\r\n\tmargin: 0 10px 10px 0;\r\n\tpadding: 3px 3px 1px 3px;\r\n\t.jvectormap-legend-tick {\r\n\t\tfloat: left;\r\n\t}\r\n}\r\n\r\n.jvectormap-legend-cnt-v .jvectormap-legend {\r\n\tmargin: 10px 10px 0 0;\r\n\tpadding: 3px;\r\n}\r\n\r\n.jvectormap-legend-cnt-h {\r\n\t.jvectormap-legend-tick {\r\n\t\twidth: 40px;\r\n\t}\r\n\t.jvectormap-legend-tick-sample {\r\n\t\theight: 15px;\r\n\t}\r\n}\r\n\r\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {\r\n\theight: 20px;\r\n\twidth: 20px;\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n}\r\n\r\n.jvectormap-legend-tick-text {\r\n\tfont-size: 12px;\r\n}\r\n\r\n.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {\r\n\ttext-align: center;\r\n}\r\n\r\n.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {\r\n\tdisplay: inline-block;\r\n\tvertical-align: middle;\r\n\tline-height: 20px;\r\n\tpadding-left: 3px;\r\n}", ".select2-container--default {\r\n .select2-selection--single {\r\n background-color: #f6f7fc;\r\n border: 1px solid $border !important;\r\n }\r\n &.select2-container--focus .select2-selection--multiple {\r\n background-color: $white;\r\n border: 1px solid #9ca3b1;\r\n outline: 0;\r\n box-shadow: none;\r\n }\r\n .select2-selection--multiple {\r\n background-color: #f6f7fc;\r\n border: 1px solid $border !important;\r\n cursor: text;\r\n }\r\n .select2-search--dropdown .select2-search__field {\r\n border: 1px solid $border !important;\r\n }\r\n .select2-selection--multiple {\r\n .select2-selection__choice,\r\n .select2-selection__choice__remove {\r\n color: $white !important;\r\n }\r\n }\r\n .select2-results>.select2-results__options {\r\n box-shadow: 0px 16px 18px rgba(104, 113, 123, .2);\r\n }\r\n}\r\n\r\n.select2-container .select2-selection--single {\r\n height: 2.375rem !important;\r\n}\r\n\r\n.select2-container--default .select2-selection--single {\r\n outline: none;\r\n .select2-selection__rendered {\r\n color: #444;\r\n line-height: 36px !important;\r\n }\r\n .select2-selection__arrow {\r\n height: 2.375rem !important;\r\n right: 9px !important;\r\n }\r\n}\r\n\r\n.select2-dropdown {\r\n z-index: 8 !important;\r\n}", ".selectgroup {\r\n\tdisplay: -ms-inline-flexbox;\r\n\tdisplay: inline-flex;\r\n}\r\n\r\n.selectgroup-item {\r\n\t-ms-flex-positive: 1;\r\n\tflex-grow: 1;\r\n\tposition: relative;\r\n\t+.selectgroup-item {\r\n\t\tmargin-left: -1px;\r\n\t}\r\n\t&:not(:first-child) .selectgroup-button {\r\n\t\tborder-top-left-radius: 0;\r\n\t\tborder-bottom-left-radius: 0;\r\n\t}\r\n\t&:not(:last-child) .selectgroup-button {\r\n\t\tborder-top-right-radius: 0;\r\n\t\tborder-bottom-right-radius: 0;\r\n\t}\r\n}\r\n\r\n.selectgroup-input {\r\n\topacity: 0;\r\n\tposition: absolute;\r\n\tz-index: -1;\r\n\ttop: 0;\r\n\tleft: 0;\r\n}\r\n\r\n.selectgroup-button {\r\n\tdisplay: block;\r\n\tborder: 1px solid $border;\r\n\ttext-align: center;\r\n\tpadding: 0.375rem 1rem;\r\n\tposition: relative;\r\n\tcursor: pointer;\r\n\tborder-radius: 5px;\r\n\tcolor: #9aa0ac;\r\n\t-webkit-user-select: none;\r\n\t-moz-user-select: none;\r\n\t-ms-user-select: none;\r\n\tuser-select: none;\r\n\tfont-size: 0.875rem;\r\n\tline-height: 1.5rem;\r\n\tmin-width: 2.375rem;\r\n}\r\n\r\n.selectgroup-input {\r\n\t&:checked+.selectgroup-button {\r\n\t\tz-index: 1;\r\n\t\tbackground: $primary-01;\r\n\t}\r\n\t&:focus+.selectgroup-button {\r\n\t\tz-index: 2;\r\n\t\tbox-shadow: 0 0 0 2px rgba(98, 58, 162, 0.25);\r\n\t}\r\n}\r\n\r\n.selectgroup-pills {\r\n\t-ms-flex-wrap: wrap;\r\n\tflex-wrap: wrap;\r\n\t-ms-flex-align: start;\r\n\talign-items: flex-start;\r\n\t.selectgroup-item {\r\n\t\tmargin-right: .5rem;\r\n\t\t-ms-flex-positive: 0;\r\n\t\tflex-grow: 0;\r\n\t}\r\n\t.selectgroup-button {\r\n\t\tborder-radius: 5px !important;\r\n\t}\r\n}", "@media (min-width: 992px) {\r\n .app.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 230px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n }\r\n .app-sidebar {\r\n padding-top: 55px;\r\n }\r\n .side-header {\r\n width: 270px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n position: fixed;\r\n z-index: 99;\r\n background: #fff;\r\n }\r\n .app.sidebar-mini.sidenav-toggled .side-header {\r\n width: 80px !important;\r\n }\r\n .sidebar-mini footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 270px;\r\n }\r\n .sidebar-mini.sidenav-toggled footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 80px;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .app {\r\n overflow-x: hidden;\r\n .app-sidebar {\r\n left: -270px;\r\n top: 72px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n &.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: visible;\r\n }\r\n }\r\n &.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {\r\n left: 0;\r\n }\r\n .app-header .header-brand1 {\r\n width: inherit;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n}\r\n\r\n.app-content {\r\n min-height: calc(100vh - 50px);\r\n margin-bottom: 0 !important;\r\n -webkit-transition: margin-left 450ms ease;\r\n -o-transition: margin-left 450ms ease;\r\n transition: margin-left 450ms ease;\r\n overflow: clip;\r\n margin-top: 74px;\r\n .side-app {\r\n padding: 0px 20px 0 20px;\r\n }\r\n}\r\n\r\n.footer .container {\r\n width: 100%;\r\n padding-right: 0.75rem;\r\n padding-left: 0.75rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .app-content {\r\n margin-left: 270px;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .app-content {\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {}\r\n\r\n@media print {\r\n .app-content {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n}\r\n\r\n.app-header {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n z-index: 9999 !important;\r\n border-bottom: 1px solid $border;\r\n background: #ffffff;\r\n transition: padding-left 0.3s ease;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .app-header {\r\n padding-right: 10px;\r\n padding-left: 285px;\r\n z-index: 9 !important;\r\n }\r\n}\r\n\r\n@media print {\r\n .app-header {\r\n display: none;\r\n }\r\n}\r\n\r\n.app-header__logo {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 0 auto;\r\n flex: 1 0 auto;\r\n color: #fff;\r\n text-align: center;\r\n font-family: 'Niconne';\r\n padding: 0 15px;\r\n font-size: 26px;\r\n font-weight: 400;\r\n line-height: 50px;\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n@media (min-width: 991px) {\r\n .app-header__logo {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n display: block;\r\n width: 230px;\r\n }\r\n}\r\n\r\n.app-sidebar__toggle {\r\n color: $primary-1;\r\n z-index: 1;\r\n transition: padding-left 0.3s ease;\r\n padding: 0 9px;\r\n text-align: center;\r\n // height: 2.5rem;\r\n font-size: 1.5rem;\r\n position: relative;\r\n right: 7px;\r\n &:before {\r\n content: \"\\e907\";\r\n transition: all .25s;\r\n font-size: 21px;\r\n font-family: 'feather';\r\n }\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 12px;\r\n background: rgba($primary-1, 0);\r\n }\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .app-sidebar__toggle {\r\n -webkit-box-ordinal-group: 0;\r\n -ms-flex-order: -1;\r\n order: -1;\r\n }\r\n}\r\n\r\n\r\n.app-sidebar {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n color: $default-color;\r\n z-index: 99;\r\n background: $white;\r\n -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n -webkit-transition: left 450ms ease, width 450ms ease;\r\n -o-transition: left 450ms ease, width 450ms ease;\r\n border-right: 1px solid $border;\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n}\r\n\r\n@media print {\r\n .app-sidebar {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .app-sidebar__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 9;\r\n }\r\n}\r\n\r\n.app-sidebar__user {\r\n .dropdown-menu {\r\n top: 10px !important;\r\n }\r\n img {\r\n box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);\r\n padding: 2px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);\r\n }\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #a8a8a8;\r\n width: 100%;\r\n padding: 15px 0 15px;\r\n display: inline-block;\r\n}\r\n\r\n.app-sidebar__user-avatar {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n margin-right: 15px;\r\n}\r\n\r\n.app-sidebar__user-name {\r\n &.text-sm {\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n font-size: 17px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n}\r\n\r\n.app-sidebar__user-designation {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n}\r\n\r\n.side-menu {\r\n margin-bottom: 0;\r\n padding: 0 10px 0 10px;\r\n}\r\n\r\n.side-menu__item {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n color: $default-color;\r\n margin: 2px 0px;\r\n white-space: nowrap;\r\n &.active {\r\n text-decoration: none;\r\n color: $primary-1;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n .side-menu__icon,\r\n .side-menu__label {\r\n color: $primary-1;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width:992px) {\r\n .app.sidebar-mini.sidenav-toggled .side-menu__label {\r\n display: none !important;\r\n }\r\n}\r\n\r\n.slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b5c1d2;\r\n }\r\n}\r\n\r\n.slide-menu a.active {\r\n color: $primary-1;\r\n}\r\n\r\n.slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1 !important;\r\n }\r\n}\r\n\r\n.slide-menu li {\r\n .slide-item {\r\n &:before {\r\n content: '\\e048';\r\n font-family: 'typicons';\r\n font-style: normal;\r\n font-weight: normal;\r\n text-decoration: inherit;\r\n top: 0px;\r\n font-size: 10px;\r\n margin-right: 7px;\r\n color: #68798b;\r\n }\r\n }\r\n position: relative;\r\n}\r\n\r\n.slide.is-expanded a {\r\n text-decoration: none;\r\n}\r\n\r\n.side-menu .side-menu__icon {\r\n color: $primary-1;\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px;\r\n position: relative;\r\n}\r\n\r\n.side-menu__icon {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n}\r\n\r\n.side-menu__label {\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n}\r\n\r\n.slide.is-expanded {\r\n .slide-menu {\r\n display: block;\r\n }\r\n .angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n}\r\n\r\n.slide-menu {\r\n display: none;\r\n font-size: .7rem !important;\r\n padding-left: 30px;\r\n}\r\n\r\n.slide-item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 8px 8px;\r\n font-size: 13.3px;\r\n color: #74829c;\r\n white-space: nowrap;\r\n .icon {\r\n margin-right: 5px;\r\n }\r\n}\r\n\r\n.angle {\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n margin-right: 2px;\r\n font-size: 11px;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .sidebar-mini.sidenav-toggled {\r\n .app-sidebar__user-name,\r\n .app-sidebar__user-designation,\r\n .angle,\r\n .app-sidebar__user-name,\r\n .user-notification,\r\n .app-sidebar__user-name,\r\n .user-info {\r\n display: none;\r\n }\r\n .app-header.header {\r\n padding-left: 100px;\r\n }\r\n .side-menu {\r\n padding: 0 0px 40px 00px;\r\n .sub-category {\r\n display: none;\r\n }\r\n }\r\n .side-menu .side-menu__icon {\r\n background: none!important;\r\n box-shadow: none;\r\n margin-right: 0;\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n top: 6px;\r\n right: 21px;\r\n }\r\n .sidebar-mini.sidenav-toggled.user-notification::before {\r\n background: transparent;\r\n display: none;\r\n }\r\n .app-sidebar__user-name,\r\n .avatar-xl {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 3rem;\r\n font-size: 1rem;\r\n margin-bottom: 0px !important;\r\n }\r\n .app-sidebar__user,\r\n .side-menu {\r\n margin-top: 20px;\r\n }\r\n .app-sidebar__user-avatar {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .side-menu li .side-menu__item.active:before {\r\n display: none;\r\n }\r\n .app-sidebar__user {\r\n padding: 12px 0px 12px 0;\r\n margin-bottom: 0px;\r\n border-bottom: 1px solid rgba(225, 225, 225, 0.05);\r\n }\r\n .profile-img {\r\n top: 0px;\r\n right: 19px;\r\n }\r\n .app-content {\r\n margin-left: 80px;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n width: 80px;\r\n overflow: hidden;\r\n &:hover {\r\n overflow: visible;\r\n }\r\n }\r\n .slide-menu {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 9;\r\n visibility: hidden;\r\n -webkit-transition: visibility .3s ease;\r\n -o-transition: visibility .3s ease;\r\n transition: visibility .3s ease;\r\n }\r\n }\r\n .app.sidebar-mini.sidenav-toggled {\r\n .side-menu__item {\r\n padding: 10px 30px;\r\n }\r\n }\r\n .sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {\r\n margin: 0 auto;\r\n }\r\n .app.sidebar-mini.sidenav-toggled .nav-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 28px;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 11px;\r\n }\r\n .sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n .app-sidebar {\r\n width: 270px;\r\n }\r\n .side-header {\r\n width: 270px !important;\r\n display: flex !important;\r\n padding: 17px 17px !important;\r\n }\r\n .light-logo,\r\n .light-logo1,\r\n .mobile-light {\r\n display: none ! important;\r\n }\r\n .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n }\r\n .side-menu__item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n position: relative;\r\n }\r\n .side-menu .sub-category {\r\n display: block;\r\n }\r\n .side-menu__icon {\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px !important;\r\n }\r\n .side-menu__label {\r\n display: block !important;\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded .slide-menu {\r\n display: block !important;\r\n position: unset;\r\n top: inherit;\r\n min-width: 0;\r\n width: 100%;\r\n opacity: inherit;\r\n visibility: inherit;\r\n }\r\n .side-menu {\r\n margin-top: 20px !important;\r\n padding: 0 10px 0 10px !important\r\n }\r\n .angle {\r\n display: block;\r\n }\r\n .side-badge {\r\n top: 17px;\r\n right: 20px;\r\n }\r\n }\r\n}\r\n\r\n.dropdown-menu {\r\n border-radius: 0;\r\n &.dropdown-menu-right {\r\n left: auto;\r\n }\r\n}\r\n\r\n.dropdown-item {\r\n .fa,\r\n .icon {\r\n vertical-align: middle;\r\n }\r\n}\r\n\r\n.app-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n background-color: #FFF;\r\n margin: -30px -30px 30px;\r\n padding: 20px 30px;\r\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 400;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n}\r\n\r\n@media print {\r\n .app-title {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .app-title {\r\n margin: -15px -15px 15px;\r\n padding: 20px;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .app-title p {\r\n display: none;\r\n }\r\n}\r\n\r\n.app-breadcrumb {\r\n margin-bottom: 0;\r\n text-align: right;\r\n font-weight: 500;\r\n font-size: 13px;\r\n text-transform: capitalize;\r\n padding: 0;\r\n text-align: left;\r\n padding: 0;\r\n background-color: transparent;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .app-breadcrumb {\r\n margin-top: 10px;\r\n }\r\n}\r\n\r\n.sidenav-toggled .app-sidebar__user .avatar-md {\r\n line-height: 2rem;\r\n font-size: 1rem;\r\n}\r\n\r\n.sidenav-toggled .main-wrapper .side-menu .side-menu__item {\r\n .nav-badge {\r\n position: absolute;\r\n top: 5px;\r\n left: 57px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n }\r\n .nav-badge1 {\r\n display: none;\r\n }\r\n}\r\n\r\n.nav-badge {\r\n border-radius: 30px;\r\n padding: 0.4em 0.6em;\r\n font-size: 12px;\r\n}\r\n\r\n.user-info {\r\n .text-dark {\r\n color: #25252a !important;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n .text-muted {\r\n color: #74829c !important;\r\n }\r\n}\r\n\r\n.side-header {\r\n .header-brand1 {\r\n text-align: center;\r\n margin: 0 auto !important;\r\n }\r\n .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n}\r\n\r\n.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: none;\r\n}\r\n\r\n.side-header .header-brand-img {\r\n &.toggle-logo {\r\n display: none;\r\n }\r\n &.light-logo1 {\r\n display: block !important;\r\n }\r\n}\r\n\r\n.sidebar-mini.sidenav-toggled {\r\n .app-sidebar .side-header .header-brand-img {\r\n &.light-logo1 {\r\n display: none !important;\r\n }\r\n &.toggle-logo {\r\n display: none;\r\n margin-right: 0;\r\n }\r\n }\r\n .sidebar-navs {\r\n display: none;\r\n }\r\n}\r\n\r\n.side-header {\r\n display: flex;\r\n border-bottom: 1px solid $border;\r\n border-right: 1px solid $border;\r\n padding: 19px 17px;\r\n align-items: center;\r\n -webkit-transition: left 0.3s ease, width 450ms ease;\r\n -o-transition: left 0.3s ease, width 450ms ease;\r\n transition: left 0.3s ease, width 450ms ease;\r\n height: 75px;\r\n .header-brand-img {\r\n &.toggle-logo,\r\n &.light-logo {\r\n height: 2.5rem;\r\n }\r\n }\r\n}\r\n\r\n.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__toggle {\r\n padding-left: 10px;\r\n }\r\n}\r\n\r\n.user-pic {\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.side-menu .sub-category {\r\n color: #74829c;\r\n margin-bottom: 0.5rem;\r\n padding: 12px 30px 2px 20px;\r\n margin-bottom: 0;\r\n white-space: nowrap;\r\n position: relative;\r\n &:not(:first-child) {\r\n margin-top: .75rem;\r\n }\r\n h3 {\r\n margin-bottom: 0;\r\n text-transform: uppercase;\r\n letter-spacing: .5px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n }\r\n}\r\n\r\n.side-menu li:not(:first-child) h3 {\r\n margin-top: 0rem;\r\n}\r\n\r\n@media (min-width: 991px) {\r\n .sidenav-toggled .header-brand-img.light-logo {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n.side-badge,\r\n.slide-menu open.slide-menu hide .side-badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 20px;\r\n border-radius: 50px;\r\n padding: 3px 6px 3px;\r\n}\r\n\r\n\r\n/*-- Subslide ---*/\r\n\r\n.sub-side-menu__item {\r\n padding: 8px 8px;\r\n font-size: 13px;\r\n display: flex;\r\n color: #74829c;\r\n .sub-side-menu__label {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n }\r\n}\r\n\r\n.slide-menu a:before {\r\n content: '\\e048';\r\n margin-right: 10px;\r\n font-size: 11px;\r\n position: relative;\r\n font-family: typicons!important;\r\n opacity: .6;\r\n top: 2px;\r\n}\r\n\r\n.sub-slide.is-expanded .sub-angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n\r\n.sub-angle {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: 5px;\r\n margin-right: 35px;\r\n font-size: 12px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n}\r\n\r\n.sub-slide.is-expanded .sub-slide-menu {\r\n display: block;\r\n}\r\n\r\n.sub-slide-menu {\r\n display: none;\r\n padding: 0 15px 15px 0;\r\n font-size: 13px!important;\r\n list-style: none;\r\n}\r\n\r\n.sub-slide-item {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 24px!important;\r\n color: #74829c;\r\n font-size: 13.5px;\r\n}\r\n\r\n\r\n/*-- Subslide2 ---*/\r\n\r\n.sub-side-menu__item2 {\r\n padding: 8px 2px 8px 24px;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #74829c;\r\n font-size: 12.5px;\r\n}\r\n\r\n.sub-slide2 .sub-side-menu__label2 {\r\n flex: 1 1 auto;\r\n}\r\n\r\n.sub-angle2 {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: -2px;\r\n margin-right: -2px;\r\n font-size: 12px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n}\r\n\r\n.sub-slide2.is-expanded .sub-angle2 {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n}\r\n\r\n.sub-slide2.is-expanded .sub-slide-menu2 {\r\n display: block;\r\n}\r\n\r\n.sub-slide-menu2 {\r\n display: none;\r\n padding: 0;\r\n font-size: .8rem!important;\r\n padding-left: 0;\r\n list-style: none;\r\n}\r\n\r\n.sub-slide-item2 {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 40px !important;\r\n font-size: 12.5px;\r\n color: #74829c;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n .header-brand1 .desktop-logo {\r\n margin: 0 auto;\r\n margin-top: 6px;\r\n }\r\n}\r\n\r\n.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n}\r\n\r\n.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n}\r\n\r\n.side-menu-label1 {\r\n display: none;\r\n}\r\n\r\n.app.sidebar-mini {\r\n .hor-angle {\r\n display: none;\r\n }\r\n}\r\n.sidebar-mini .app-sidebar {\r\n width: 270px;\r\n}\r\n\r\n@media (max-width: 991px) {\r\n.sidebar-mini .app-header .light-logo1 {\r\n display: block !important;\r\n }\r\n}\r\n\r\n@media screen and (max-width: 991.9px) {\r\n .side-menu{\r\n margin-left: 0 !important;\r\n margin-right: 0 !important;\r\n }\r\n}\r\n@media (max-width: 991px) {\r\n .app-sidebar__toggle {\r\n padding-left: 15px !important;\r\n }\r\n}\r\n\r\n@media (min-width:992px) { \r\n .horizontal-hover .side-menu__item,.horizontal-hover .sub-side-menu__item,.horizontal-hover .sub-side-menu__item2 {\r\n pointer-events: none;\r\n }\r\n}", ".icontext-menu {\r\n @media (min-width: 992px) {\r\n &.app.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 230px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n }\r\n .app-sidebar {\r\n padding-top: 55px;\r\n }\r\n .side-header {\r\n width: 270px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n position: fixed;\r\n z-index: 99;\r\n background: #fff;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header {\r\n width: 120px !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {\r\n height: 2.5rem;\r\n }\r\n &.sidebar-mini footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 270px;\r\n }\r\n &.sidebar-mini.sidenav-toggled footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 80px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n &.app {\r\n overflow-x: hidden;\r\n .app-sidebar {\r\n left: -270px !important;\r\n top: 72px;\r\n width: 270px !important;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n &.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0 !important;\r\n }\r\n .app-sidebar {\r\n left: 0 !important;\r\n width: 270px !important;\r\n }\r\n // .app-sidebar {\r\n // left: 0;\r\n // }\r\n .app-sidebar__overlay {\r\n visibility: visible;\r\n }\r\n }\r\n // &.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {\r\n // left: 0;\r\n // }\r\n .app-header .header-brand1 {\r\n width: inherit;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n .app-content {\r\n min-height: calc(100vh - 50px);\r\n margin-bottom: 0 !important;\r\n -webkit-transition: margin-left 0.2s ease;\r\n -o-transition: margin-left 0.2s ease;\r\n transition: margin-left 0.2s ease;\r\n overflow: hidden;\r\n margin-top: 74px;\r\n .side-app {\r\n padding: 0px 20px 0 20px;\r\n }\r\n }\r\n .footer .container {\r\n width: 100%;\r\n padding-right: 0.75rem;\r\n padding-left: 0.75rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n @media (min-width: 992px) {\r\n .app-content {\r\n margin-left: 270px;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .app-content {\r\n min-width: 100%;\r\n }\r\n }\r\n @media (max-width: 480px) {}\r\n @media print {\r\n .app-content {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n }\r\n .app-header {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n z-index: 9999 !important;\r\n border-bottom: 1px solid $border;\r\n background: #ffffff;\r\n transition: padding-left 0.3s ease;\r\n }\r\n @media (min-width: 992px) {\r\n .app-header {\r\n padding-right: 10px;\r\n padding-left: 285px;\r\n z-index: 9 !important;\r\n }\r\n }\r\n @media print {\r\n .app-header {\r\n display: none;\r\n }\r\n }\r\n .app-header__logo {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 0 auto;\r\n flex: 1 0 auto;\r\n color: #fff;\r\n text-align: center;\r\n font-family: 'Niconne';\r\n padding: 0 15px;\r\n font-size: 26px;\r\n font-weight: 400;\r\n line-height: 50px;\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (min-width: 768px) {\r\n .app-header__logo {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n display: block;\r\n width: 230px;\r\n }\r\n }\r\n .app-sidebar__toggle {\r\n color: $primary-1;\r\n z-index: 1;\r\n transition: padding-left 0.3s ease;\r\n padding: 0 9px;\r\n text-align: center;\r\n // height: 2.5rem;\r\n font-size: 1.5rem;\r\n position: relative;\r\n right: 7px;\r\n &:before {\r\n content: \"\\e907\";\r\n transition: all .25s;\r\n font-size: 21px;\r\n font-family: 'feather';\r\n }\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 12px;\r\n background: rgba($primary-1, 0);\r\n }\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .app-sidebar__toggle {\r\n -webkit-box-ordinal-group: 0;\r\n -ms-flex-order: -1;\r\n order: -1;\r\n }\r\n }\r\n .app-sidebar {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n color: $default-color;\r\n width: 270px;\r\n z-index: 99;\r\n background: #fff;\r\n -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n -webkit-transition: left 0.2s ease, width 0.2s ease;\r\n -o-transition: left 0.2s ease, width 0.2s ease;\r\n transition: left 0.2s ease, width 0.2s ease;\r\n border-right: 1px solid $border;\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n @media print {\r\n .app-sidebar {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 767px) {\r\n .app-sidebar__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 9;\r\n }\r\n }\r\n .app-sidebar__user {\r\n .dropdown-menu {\r\n top: 10px !important;\r\n }\r\n img {\r\n box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);\r\n padding: 2px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);\r\n }\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #a8a8a8;\r\n width: 100%;\r\n padding: 15px 0 15px;\r\n display: inline-block;\r\n }\r\n .app-sidebar__user-avatar {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n margin-right: 15px;\r\n }\r\n .app-sidebar__user-name {\r\n &.text-sm {\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n font-size: 17px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .app-sidebar__user-designation {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .side-menu {\r\n margin-bottom: 0;\r\n padding: 0 10px 0 10px;\r\n }\r\n .side-menu__item {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n color: $default-color;\r\n margin: 2px 0px;\r\n &.active {\r\n text-decoration: none;\r\n color: $primary-1;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n .side-menu__icon,\r\n .side-menu__label {\r\n color: $primary-1 !important;\r\n }\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n &.app.sidebar-mini.sidenav-toggled .side-menu__label {\r\n display: block !important;\r\n font-size: 12px;\r\n padding-top: 0px;\r\n margin-top: 0;\r\n }\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b5c1d2;\r\n }\r\n }\r\n .slide-menu a.active {\r\n color: $primary-1;\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1 !important;\r\n }\r\n }\r\n .slide-menu li {\r\n .slide-item {\r\n &:before {\r\n content: '\\e048';\r\n font-family: 'typicons';\r\n font-style: normal;\r\n font-weight: normal;\r\n text-decoration: inherit;\r\n top: 2px;\r\n font-size: 10px;\r\n margin-right: 8px;\r\n color: #68798b;\r\n }\r\n }\r\n position: relative;\r\n }\r\n .slide.is-expanded a {\r\n text-decoration: none;\r\n }\r\n .side-menu .side-menu__icon {\r\n color: $primary-1;\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px;\r\n position: relative;\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n .side-menu__icon {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n }\r\n .side-menu__label {\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded {\r\n .slide-menu {\r\n display: block;\r\n }\r\n .angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n }\r\n .slide-menu {\r\n display: none;\r\n padding: 0px 30px;\r\n font-size: .7rem !important;\r\n padding-left: 20px;\r\n margin-left: 12px;\r\n }\r\n .slide-item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 8px 8px;\r\n font-size: 13.3px;\r\n color: #74829c;\r\n .icon {\r\n margin-right: 5px;\r\n }\r\n }\r\n .angle {\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n margin-right: 2px;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__user-name,\r\n .app-sidebar__user-designation,\r\n .angle,\r\n .app-sidebar__user-name,\r\n .user-notification,\r\n .app-sidebar__user-name,\r\n .user-info {\r\n display: none;\r\n }\r\n .app-header.header {\r\n padding-left: 130px;\r\n }\r\n .side-menu {\r\n padding: 0 0px 40px 00px;\r\n .sub-category {\r\n display: none;\r\n }\r\n }\r\n .side-menu .side-menu__icon {\r\n background: none!important;\r\n box-shadow: none;\r\n margin-right: 0;\r\n &:after {\r\n top: 6px;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n top: 6px;\r\n right: 40px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.user-notification::before {\r\n background: transparent;\r\n display: none;\r\n }\r\n .app-sidebar__user-name,\r\n .avatar-xl {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 3rem;\r\n font-size: 1rem;\r\n margin-bottom: 0px !important;\r\n }\r\n .app-sidebar__user,\r\n .side-menu {\r\n margin-top: 20px;\r\n }\r\n .app-sidebar__user-avatar {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .side-menu li .side-menu__item.active:before {\r\n display: none;\r\n }\r\n .app-sidebar__user {\r\n padding: 12px 0px 12px 0;\r\n margin-bottom: 0px;\r\n border-bottom: 1px solid rgba(225, 225, 225, 0.05);\r\n }\r\n .profile-img {\r\n top: 0px;\r\n right: 19px;\r\n }\r\n .app-content {\r\n margin-left: 120px;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n width: 120px;\r\n overflow: hidden;\r\n &:hover {\r\n overflow: visible;\r\n }\r\n }\r\n .slide-menu {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 9;\r\n visibility: hidden;\r\n -webkit-transition: visibility .3s ease;\r\n -o-transition: visibility .3s ease;\r\n transition: visibility .3s ease;\r\n }\r\n }\r\n &.app.sidebar-mini.sidenav-toggled {\r\n .side-menu__item {\r\n padding: 12px 5px;\r\n text-align: center;\r\n display: block;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {\r\n margin: 0 auto;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .nav-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 28px;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 11px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n .app-sidebar {\r\n width: 270px;\r\n }\r\n .side-header {\r\n width: 270px !important;\r\n display: flex !important;\r\n padding: 17px 17px !important;\r\n }\r\n .light-logo,\r\n .light-logo1,\r\n .mobile-light {\r\n display: none ! important;\r\n }\r\n .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n }\r\n .side-menu .side-menu__icon:after {\r\n top: 12px;\r\n }\r\n .side-menu__item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n position: relative;\r\n text-align: inherit;\r\n }\r\n .side-menu .sub-category {\r\n display: block !important;\r\n }\r\n .side-menu__icon {\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px !important;\r\n }\r\n .side-menu__label {\r\n display: block !important;\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n font-size: 15px;\r\n }\r\n .slide.is-expanded .slide-menu {\r\n display: block !important;\r\n position: unset;\r\n top: inherit;\r\n min-width: 0;\r\n width: 100%;\r\n opacity: inherit;\r\n visibility: inherit;\r\n }\r\n .side-menu {\r\n margin-top: 20px !important;\r\n padding: 0 10px 0 10px !important\r\n }\r\n .angle {\r\n display: block;\r\n }\r\n .side-badge {\r\n top: 17px;\r\n right: 20px;\r\n }\r\n }\r\n }\r\n .dropdown-menu {\r\n // border-radius: 0;\r\n &.dropdown-menu-right {\r\n left: auto;\r\n }\r\n }\r\n .dropdown-item {\r\n .fa,\r\n .icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n .app-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n background-color: #FFF;\r\n margin: -30px -30px 30px;\r\n padding: 20px 30px;\r\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 400;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n }\r\n @media print {\r\n .app-title {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title {\r\n margin: -15px -15px 15px;\r\n padding: 20px;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title p {\r\n display: none;\r\n }\r\n }\r\n .app-breadcrumb {\r\n margin-bottom: 0;\r\n text-align: right;\r\n font-weight: 500;\r\n font-size: 13px;\r\n text-transform: capitalize;\r\n padding: 0;\r\n text-align: left;\r\n padding: 0;\r\n background-color: transparent;\r\n }\r\n @media (max-width: 480px) {\r\n .app-breadcrumb {\r\n margin-top: 10px;\r\n }\r\n }\r\n &.sidenav-toggled .app-sidebar__user .avatar-md {\r\n line-height: 2rem;\r\n font-size: 1rem;\r\n }\r\n &.sidenav-toggled .main-wrapper .side-menu .side-menu__item {\r\n .nav-badge {\r\n position: absolute;\r\n top: 5px;\r\n left: 57px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n }\r\n .nav-badge1 {\r\n display: none;\r\n }\r\n }\r\n .nav-badge {\r\n border-radius: 30px;\r\n padding: 0.4em 0.6em;\r\n font-size: 12px;\r\n }\r\n .user-info {\r\n .text-dark {\r\n color: #25252a !important;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n .text-muted {\r\n color: #74829c !important;\r\n }\r\n }\r\n .side-header {\r\n .header-brand1 {\r\n text-align: center;\r\n margin: 0 auto !important;\r\n }\r\n .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .side-header .header-brand-img {\r\n &.toggle-logo {\r\n display: none;\r\n }\r\n &.light-logo1 {\r\n display: block !important;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar .side-header .header-brand-img {\r\n &.light-logo1 {\r\n display: none !important;\r\n }\r\n &.toggle-logo {\r\n display: none;\r\n margin-right: 0;\r\n }\r\n }\r\n .sidebar-navs {\r\n display: none;\r\n }\r\n }\r\n .side-header {\r\n display: flex;\r\n border-bottom: 1px solid $border;\r\n border-right: 1px solid $border;\r\n padding: 19px 17px;\r\n --webkit-transition: left 0.3s ease, width 0.2s ease;\r\n -o-transition: left 0.3s ease, width 0.2s ease;\r\n transition: left 0.3s ease, width 0.2s ease;\r\n height: 75px;\r\n .header-brand-img {\r\n &.toggle-logo,\r\n &.light-logo {\r\n height: 2.5rem;\r\n }\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__toggle {\r\n padding-left: 10px;\r\n }\r\n }\r\n .user-pic {\r\n margin-bottom: 0.8rem;\r\n }\r\n .side-menu .sub-category {\r\n color: #74829c;\r\n margin-bottom: 0.5rem;\r\n padding: 12px 30px 2px 20px;\r\n margin-bottom: 0;\r\n h3 {\r\n margin-bottom: 0;\r\n text-transform: uppercase;\r\n letter-spacing: .5px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n }\r\n }\r\n .side-menu li:not(:first-child) h3 {\r\n margin-top: 0rem;\r\n }\r\n &.sidebar-mini .app-header .light-logo1 {\r\n display: block !important;\r\n }\r\n @media (min-width: 768px) {\r\n &.sidenav-toggled .header-brand-img.light-logo {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 20px;\r\n border-radius: 50px;\r\n padding: 3px 6px 3px;\r\n }\r\n /*-- Subslide ---*/\r\n .sub-side-menu__item {\r\n padding: 8px 8px;\r\n font-size: 13px;\r\n display: flex;\r\n color: #74829c;\r\n .sub-side-menu__label {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n }\r\n }\r\n .slide-menu a:before {\r\n content: '\\e048';\r\n margin-right: 10px;\r\n font-size: 11px;\r\n position: relative;\r\n font-family: typicons!important;\r\n opacity: .6;\r\n top: 2px;\r\n }\r\n .sub-slide.is-expanded .sub-angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-angle {\r\n float: right;\r\n margin-top: 5px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide.is-expanded .sub-slide-menu {\r\n display: block;\r\n }\r\n .sub-slide-menu {\r\n display: none;\r\n padding: 0 15px 15px 0;\r\n font-size: 13px!important;\r\n list-style: none;\r\n }\r\n .sub-slide-item {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 24px!important;\r\n color: #74829c;\r\n font-size: 13.5px;\r\n }\r\n /*-- Subslide2 ---*/\r\n .sub-side-menu__item2 {\r\n padding: 8px 2px 8px 24px;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #74829c;\r\n font-size: 12.5px;\r\n }\r\n .sub-slide2 .sub-side-menu__label2 {\r\n flex: 1 1 auto;\r\n }\r\n .sub-angle2 {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: -2px;\r\n margin-right: -9px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide2.is-expanded .sub-angle2 {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-slide2.is-expanded .sub-slide-menu2 {\r\n display: block;\r\n }\r\n .sub-slide-menu2 {\r\n display: none;\r\n padding: 0;\r\n font-size: .8rem!important;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n .sub-slide-item2 {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 40px !important;\r\n font-size: 12.5px;\r\n color: #74829c;\r\n }\r\n @media (max-width: 767px) {\r\n .header-brand1 .desktop-logo {\r\n margin: 0 auto;\r\n margin-top: 6px;\r\n }\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: block !important;\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n }\r\n &.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {\r\n display: none;\r\n }\r\n}", ".closed-leftmenu {\r\n @media (min-width: 992px) {\r\n &.app.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 230px;\r\n display: none;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n }\r\n .app-sidebar {\r\n padding-top: 55px;\r\n }\r\n .side-header {\r\n width: 270px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n position: fixed;\r\n z-index: 99;\r\n background: #fff;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header {\r\n width: 80px !important;\r\n }\r\n &.sidebar-mini footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 270px;\r\n }\r\n &.sidebar-mini.sidenav-toggled footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 80px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n &.app {\r\n overflow-x: hidden;\r\n .app-sidebar {\r\n left: -270px;\r\n top: 72px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n &.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: visible;\r\n }\r\n }\r\n &.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {\r\n left: 0;\r\n }\r\n .app-header .header-brand1 {\r\n width: inherit;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n .app-content {\r\n min-height: calc(100vh - 50px);\r\n margin-bottom: 0 !important;\r\n -webkit-transition: margin-left 450ms ease;\r\n -o-transition: margin-left 450ms ease;\r\n transition: margin-left 450ms ease;\r\n overflow: hidden;\r\n margin-top: 74px;\r\n .side-app {\r\n padding: 0px 20px 0 20px;\r\n }\r\n }\r\n .footer .container {\r\n width: 100%;\r\n padding-right: 0.75rem;\r\n padding-left: 0.75rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n @media (min-width: 992px) {\r\n .app-content {\r\n margin-left: 270px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-content {\r\n min-width: 100%;\r\n }\r\n }\r\n @media (max-width: 480px) {}\r\n @media print {\r\n .app-content {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n }\r\n .app-header {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n z-index: 9999 !important;\r\n border-bottom: 1px solid $border;\r\n background: #ffffff;\r\n transition: padding-left 0.3s ease;\r\n }\r\n @media (min-width: 992px) {\r\n .app-header {\r\n padding-right: 10px;\r\n padding-left: 285px;\r\n z-index: 9 !important;\r\n }\r\n }\r\n @media print {\r\n .app-header {\r\n display: none;\r\n }\r\n }\r\n .app-header__logo {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 0 auto;\r\n flex: 1 0 auto;\r\n color: #fff;\r\n text-align: center;\r\n font-family: 'Niconne';\r\n padding: 0 15px;\r\n font-size: 26px;\r\n font-weight: 400;\r\n line-height: 50px;\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .app-header__logo {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n display: block;\r\n width: 230px;\r\n }\r\n }\r\n .app-sidebar__toggle {\r\n color: $primary-1;\r\n z-index: 1;\r\n transition: padding-left 0.3s ease;\r\n padding: 0 9px;\r\n text-align: center;\r\n // height: 2.5rem;\r\n font-size: 1.5rem;\r\n position: relative;\r\n right: 7px;\r\n &:before {\r\n content: \"\\e907\";\r\n transition: all .25s;\r\n font-size: 21px;\r\n font-family: 'feather';\r\n }\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 12px;\r\n background: rgba($primary-1, 0);\r\n }\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__toggle {\r\n -webkit-box-ordinal-group: 0;\r\n -ms-flex-order: -1;\r\n order: -1;\r\n }\r\n }\r\n .app-sidebar {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n color: $default-color;\r\n width: 270px;\r\n z-index: 99;\r\n background: $white;\r\n -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n -webkit-transition: left 450ms ease, width 450ms ease;\r\n -o-transition: left 450ms ease, width 450ms ease;\r\n transition: left 450ms ease, width 450ms ease;\r\n border-right: 1px solid $border;\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n @media print {\r\n .app-sidebar {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 9;\r\n }\r\n }\r\n .app-sidebar__user {\r\n .dropdown-menu {\r\n top: 10px !important;\r\n }\r\n img {\r\n box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);\r\n padding: 2px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);\r\n }\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #a8a8a8;\r\n width: 100%;\r\n padding: 15px 0 15px;\r\n display: inline-block;\r\n }\r\n .app-sidebar__user-avatar {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n margin-right: 15px;\r\n }\r\n .app-sidebar__user-name {\r\n &.text-sm {\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n font-size: 17px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .app-sidebar__user-designation {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .side-menu {\r\n margin-bottom: 0;\r\n padding: 0 10px 0 10px;\r\n }\r\n .side-menu__item {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n color: $default-color;\r\n margin: 2px 0px;\r\n white-space: nowrap;\r\n &.active {\r\n text-decoration: none;\r\n color: $primary-1;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n .side-menu__icon,\r\n .side-menu__label {\r\n color: $primary-1 !important;\r\n }\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n &.app.sidebar-mini.sidenav-toggled .side-menu__label {\r\n display: none !important;\r\n }\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b5c1d2;\r\n }\r\n }\r\n .slide-menu a.active {\r\n color: $primary-1;\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1 !important;\r\n }\r\n }\r\n .slide-menu li {\r\n .slide-item {\r\n &:before {\r\n content: '\\e048';\r\n font-family: 'typicons';\r\n font-style: normal;\r\n font-weight: normal;\r\n text-decoration: inherit;\r\n top: 0px;\r\n font-size: 10px;\r\n margin-right: 7px;\r\n color: #68798b;\r\n }\r\n }\r\n position: relative;\r\n }\r\n .slide.is-expanded a {\r\n text-decoration: none;\r\n }\r\n .side-menu .side-menu__icon {\r\n color: $primary-1;\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px;\r\n position: relative;\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n .side-menu__icon {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n }\r\n .side-menu__label {\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded {\r\n .slide-menu {\r\n display: block;\r\n }\r\n .angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n }\r\n .slide-menu {\r\n display: none;\r\n font-size: .7rem !important;\r\n padding-left: 30px;\r\n }\r\n .slide-item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 8px 8px;\r\n font-size: 13.3px;\r\n color: #74829c;\r\n white-space: nowrap;\r\n .icon {\r\n margin-right: 5px;\r\n }\r\n }\r\n .angle {\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n margin-right: 2px;\r\n font-size: 11px;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__user-name,\r\n .app-sidebar__user-designation,\r\n .angle,\r\n .app-sidebar__user-name,\r\n .user-notification,\r\n .app-sidebar__user-name,\r\n .user-info {\r\n display: none;\r\n }\r\n .app-header.header {\r\n padding-left: 0px;\r\n }\r\n .side-menu {\r\n padding: 0 0px 40px 00px;\r\n .sub-category {\r\n display: none;\r\n }\r\n }\r\n .side-menu .side-menu__icon {\r\n background: none!important;\r\n box-shadow: none;\r\n margin-right: 0;\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n top: 6px;\r\n right: 24px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.user-notification::before {\r\n background: transparent;\r\n display: none;\r\n }\r\n .app-sidebar__user-name,\r\n .avatar-xl {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 3rem;\r\n font-size: 1rem;\r\n margin-bottom: 0px !important;\r\n }\r\n .app-sidebar__user,\r\n .side-menu {\r\n margin-top: 20px;\r\n }\r\n .app-sidebar__user-avatar {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .side-menu li .side-menu__item.active:before {\r\n display: none;\r\n }\r\n .app-sidebar__user {\r\n padding: 12px 0px 12px 0;\r\n margin-bottom: 0px;\r\n border-bottom: 1px solid rgba(225, 225, 225, 0.05);\r\n }\r\n .profile-img {\r\n top: 0px;\r\n right: 19px;\r\n }\r\n .app-content {\r\n margin-left: 0px;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n width: 80px;\r\n overflow: hidden;\r\n &:hover {\r\n overflow: visible;\r\n }\r\n }\r\n .slide-menu {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 9;\r\n visibility: hidden;\r\n -webkit-transition: visibility .3s ease;\r\n -o-transition: visibility .3s ease;\r\n transition: visibility .3s ease;\r\n }\r\n }\r\n &.app.sidebar-mini.sidenav-toggled {\r\n .side-menu__item {\r\n padding: 10px 30px;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {\r\n margin: 0 auto;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .nav-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 28px;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 11px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n .app-sidebar {\r\n width: 270px;\r\n }\r\n .side-header {\r\n width: 270px !important;\r\n display: flex !important;\r\n padding: 17px 17px !important;\r\n }\r\n .light-logo,\r\n .light-logo1,\r\n .mobile-light {\r\n display: none ! important;\r\n }\r\n .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n }\r\n .side-menu__item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n position: relative;\r\n }\r\n .side-menu .sub-category {\r\n display: block;\r\n }\r\n .side-menu__icon {\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px !important;\r\n }\r\n .side-menu__label {\r\n display: block !important;\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded .slide-menu {\r\n display: block !important;\r\n position: unset;\r\n top: inherit;\r\n min-width: 0;\r\n width: 100%;\r\n opacity: inherit;\r\n visibility: inherit;\r\n }\r\n .side-menu {\r\n margin-top: 20px !important;\r\n padding: 0 10px 0 10px !important\r\n }\r\n .angle {\r\n display: block;\r\n }\r\n .side-badge {\r\n top: 17px;\r\n right: 20px;\r\n }\r\n }\r\n }\r\n .dropdown-menu {\r\n border-radius: 0;\r\n &.dropdown-menu-right {\r\n left: auto;\r\n }\r\n }\r\n .dropdown-item {\r\n .fa,\r\n .icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n .app-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n background-color: #FFF;\r\n margin: -30px -30px 30px;\r\n padding: 20px 30px;\r\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 400;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n }\r\n @media print {\r\n .app-title {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title {\r\n margin: -15px -15px 15px;\r\n padding: 20px;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title p {\r\n display: none;\r\n }\r\n }\r\n .app-breadcrumb {\r\n margin-bottom: 0;\r\n text-align: right;\r\n font-weight: 500;\r\n font-size: 13px;\r\n text-transform: capitalize;\r\n padding: 0;\r\n text-align: left;\r\n padding: 0;\r\n background-color: transparent;\r\n }\r\n @media (max-width: 480px) {\r\n .app-breadcrumb {\r\n margin-top: 10px;\r\n }\r\n }\r\n &.sidenav-toggled .app-sidebar__user .avatar-md {\r\n line-height: 2rem;\r\n font-size: 1rem;\r\n }\r\n &.sidenav-toggled .main-wrapper .side-menu .side-menu__item {\r\n .nav-badge {\r\n position: absolute;\r\n top: 5px;\r\n left: 57px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n }\r\n .nav-badge1 {\r\n display: none;\r\n }\r\n }\r\n .nav-badge {\r\n border-radius: 30px;\r\n padding: 0.4em 0.6em;\r\n font-size: 12px;\r\n }\r\n .user-info {\r\n .text-dark {\r\n color: #25252a !important;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n .text-muted {\r\n color: #74829c !important;\r\n }\r\n }\r\n .side-header {\r\n .header-brand1 {\r\n text-align: center;\r\n margin: 0 auto !important;\r\n }\r\n .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .side-header .header-brand-img {\r\n &.toggle-logo {\r\n display: none;\r\n }\r\n &.light-logo1 {\r\n display: block !important;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar .side-header .header-brand-img {\r\n &.light-logo1 {\r\n display: none !important;\r\n }\r\n &.toggle-logo {\r\n display: none;\r\n margin-right: 0;\r\n }\r\n }\r\n .sidebar-navs {\r\n display: none;\r\n }\r\n }\r\n .side-header {\r\n display: flex;\r\n border-bottom: 1px solid $border;\r\n border-right: 1px solid $border;\r\n padding: 19px 17px;\r\n -webkit-transition: left 0.3s ease, width 450ms ease;\r\n -o-transition: left 0.3s ease, width 450ms ease;\r\n transition: left 0.3s ease, width 450ms ease;\r\n height: 75px;\r\n .header-brand-img {\r\n &.toggle-logo,\r\n &.light-logo {\r\n height: 2.5rem;\r\n }\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__toggle {\r\n padding-left: 10px;\r\n }\r\n }\r\n .user-pic {\r\n margin-bottom: 0.8rem;\r\n }\r\n .side-menu .sub-category {\r\n color: #74829c;\r\n margin-bottom: 0.5rem;\r\n padding: 12px 30px 2px 20px;\r\n margin-bottom: 0;\r\n white-space: nowrap;\r\n position: relative;\r\n &:not(:first-child) {\r\n margin-top: .75rem;\r\n }\r\n h3 {\r\n margin-bottom: 0;\r\n text-transform: uppercase;\r\n letter-spacing: .5px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n }\r\n }\r\n .side-menu li:not(:first-child) h3 {\r\n margin-top: 0rem;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidenav-toggled .header-brand-img.light-logo {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 20px;\r\n border-radius: 50px;\r\n padding: 3px 6px 3px;\r\n }\r\n /*-- Subslide ---*/\r\n .sub-side-menu__item {\r\n padding: 8px 8px;\r\n font-size: 13px;\r\n display: flex;\r\n color: #74829c;\r\n .sub-side-menu__label {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n }\r\n }\r\n .slide-menu a:before {\r\n content: '\\e048';\r\n margin-right: 10px;\r\n font-size: 11px;\r\n position: relative;\r\n font-family: typicons!important;\r\n opacity: .6;\r\n top: 2px;\r\n }\r\n .sub-slide.is-expanded .sub-angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-angle {\r\n float: right;\r\n margin-top: 5px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide.is-expanded .sub-slide-menu {\r\n display: block;\r\n }\r\n .sub-slide-menu {\r\n display: none;\r\n padding: 0 15px 15px 0;\r\n font-size: 13px!important;\r\n list-style: none;\r\n }\r\n .sub-slide-item {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 24px!important;\r\n color: #74829c;\r\n font-size: 13.5px;\r\n }\r\n /*-- Subslide2 ---*/\r\n .sub-side-menu__item2 {\r\n padding: 8px 2px 8px 24px;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #74829c;\r\n font-size: 12.5px;\r\n }\r\n .sub-slide2 .sub-side-menu__label2 {\r\n flex: 1 1 auto;\r\n }\r\n .sub-angle2 {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: -2px;\r\n margin-right: -9px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide2.is-expanded .sub-angle2 {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-slide2.is-expanded .sub-slide-menu2 {\r\n display: block;\r\n }\r\n .sub-slide-menu2 {\r\n display: none;\r\n padding: 0;\r\n font-size: .8rem!important;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n .sub-slide-item2 {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 40px !important;\r\n font-size: 12.5px;\r\n color: #74829c;\r\n }\r\n @media (max-width: 991px) {\r\n .header-brand1 .desktop-logo {\r\n margin: 0 auto;\r\n margin-top: 6px;\r\n }\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: block !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {\r\n display: none;\r\n }\r\n}\r\n@media (min-width: 992px) {\r\n .app.sidebar-mini.sidenav-toggled .side-menu__icon {\r\n color: $default-color;\r\n }\r\n .app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {\r\n color: $primary-1;\r\n }\r\n}", ".hover-submenu {\r\n @media (min-width: 992px) {\r\n &.app.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 230px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n }\r\n .app-sidebar {\r\n padding-top: 55px;\r\n }\r\n .side-header {\r\n width: 270px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n position: fixed;\r\n z-index: 99;\r\n background: #fff;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header {\r\n width: 120px !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {\r\n height: 2.5rem;\r\n }\r\n &.sidebar-mini footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 270px;\r\n }\r\n &.sidebar-mini.sidenav-toggled footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 80px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n &.app {\r\n overflow-x: hidden;\r\n .app-sidebar {\r\n left: -270px;\r\n top: 72px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n &.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: visible;\r\n }\r\n }\r\n &.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {\r\n left: 0;\r\n }\r\n .app-header .header-brand1 {\r\n width: inherit;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n .app-content {\r\n min-height: calc(100vh - 50px);\r\n margin-bottom: 0 !important;\r\n -webkit-transition: margin-left 0.2s ease;\r\n -o-transition: margin-left 0.2s ease;\r\n transition: margin-left 0.2s ease;\r\n overflow: hidden;\r\n margin-top: 74px;\r\n .side-app {\r\n padding: 0px 20px 0 20px;\r\n }\r\n }\r\n .footer .container {\r\n width: 100%;\r\n padding-right: 0.75rem;\r\n padding-left: 0.75rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n @media (min-width: 992px) {\r\n .app-content {\r\n margin-left: 270px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-content {\r\n min-width: 100%;\r\n }\r\n }\r\n @media (max-width: 480px) {}\r\n @media print {\r\n .app-content {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n }\r\n .app-header {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n z-index: 9999 !important;\r\n border-bottom: 1px solid $border;\r\n background: #ffffff;\r\n transition: padding-left 0.3s ease;\r\n }\r\n @media (min-width: 992px) {\r\n .app-header {\r\n padding-right: 10px;\r\n padding-left: 285px;\r\n z-index: 9 !important;\r\n }\r\n }\r\n @media print {\r\n .app-header {\r\n display: none;\r\n }\r\n }\r\n .app-header__logo {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 0 auto;\r\n flex: 1 0 auto;\r\n color: #fff;\r\n text-align: center;\r\n font-family: 'Niconne';\r\n padding: 0 15px;\r\n font-size: 26px;\r\n font-weight: 400;\r\n line-height: 50px;\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .app-header__logo {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n display: block;\r\n width: 230px;\r\n }\r\n }\r\n .app-sidebar__toggle {\r\n color: $primary-1;\r\n z-index: 1;\r\n transition: padding-left 0.3s ease;\r\n padding: 0 9px;\r\n text-align: center;\r\n // height: 2.5rem;\r\n font-size: 1.5rem;\r\n position: relative;\r\n right: 7px;\r\n &:before {\r\n content: \"\\e907\";\r\n transition: all .25s;\r\n font-size: 21px;\r\n font-family: 'feather';\r\n }\r\n &:after {\r\n content: '';\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 12px;\r\n background: rgba($primary-1, 0);\r\n }\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__toggle {\r\n -webkit-box-ordinal-group: 0;\r\n -ms-flex-order: -1;\r\n order: -1;\r\n }\r\n }\r\n .app-sidebar {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n color: $default-color;\r\n width: 270px;\r\n z-index: 99;\r\n background: #fff;\r\n -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n box-shadow: 0 8px 24px rgba(168, 180, 208, .1);\r\n -webkit-transition: left 0.2s ease, width 0.2s ease;\r\n -o-transition: left 0.2s ease, width 0.2s ease;\r\n transition: left 0.2s ease, width 0.2s ease;\r\n border-right: 1px solid $border;\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n @media print {\r\n .app-sidebar {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 9;\r\n }\r\n }\r\n .app-sidebar__user {\r\n .dropdown-menu {\r\n top: 10px !important;\r\n }\r\n img {\r\n box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);\r\n padding: 2px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);\r\n }\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #a8a8a8;\r\n width: 100%;\r\n padding: 15px 0 15px;\r\n display: inline-block;\r\n }\r\n .app-sidebar__user-avatar {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n margin-right: 15px;\r\n }\r\n .app-sidebar__user-name {\r\n &.text-sm {\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n font-size: 17px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .app-sidebar__user-designation {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .side-menu {\r\n margin-bottom: 0;\r\n padding: 0 10px 0 10px;\r\n }\r\n .side-menu__item {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n color: $default-color;\r\n margin: 2px 0px;\r\n &.active {\r\n text-decoration: none;\r\n color: $primary-1;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n .side-menu__icon,\r\n .side-menu__label {\r\n color: $primary-1 !important;\r\n }\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n &.app.sidebar-mini.sidenav-toggled .side-menu__label {\r\n display: block !important;\r\n font-size: 12px;\r\n padding-top: 0px;\r\n margin-top: 0;\r\n }\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b5c1d2;\r\n }\r\n }\r\n .slide-menu a.active {\r\n color: $primary-1;\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1 !important;\r\n }\r\n }\r\n .slide-menu li {\r\n .slide-item {\r\n &:before {\r\n content: '\\e048';\r\n font-family: 'typicons';\r\n font-style: normal;\r\n font-weight: normal;\r\n text-decoration: inherit;\r\n top: 2px;\r\n font-size: 10px;\r\n margin-right: 8px;\r\n color: #68798b;\r\n }\r\n }\r\n position: relative;\r\n }\r\n .slide.is-expanded a {\r\n text-decoration: none;\r\n }\r\n .side-menu .side-menu__icon {\r\n color: $primary-1;\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px;\r\n position: relative;\r\n &::after {\r\n content: '';\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n .side-menu__icon {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n }\r\n .side-menu__label {\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded {\r\n .slide-menu {\r\n display: block;\r\n }\r\n .angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n }\r\n .slide-menu {\r\n display: none;\r\n padding: 0px;\r\n font-size: .7rem !important;\r\n padding-left: 3px;\r\n margin-left: 12px;\r\n }\r\n .slide-item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 8px 17px;\r\n font-size: 13.3px;\r\n color: #74829c;\r\n .icon {\r\n margin-right: 5px;\r\n }\r\n }\r\n .angle {\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n margin-right: 2px;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__user-name,\r\n .app-sidebar__user-designation,\r\n .angle,\r\n .app-sidebar__user-name,\r\n .user-notification,\r\n .app-sidebar__user-name,\r\n .user-info {\r\n display: none;\r\n }\r\n .app-header.header {\r\n padding-left: 130px;\r\n }\r\n .side-menu {\r\n padding: 0 0px 40px 00px;\r\n .sub-category {\r\n display: none;\r\n }\r\n }\r\n .side-menu .side-menu__icon {\r\n background: none!important;\r\n box-shadow: none;\r\n margin-right: 0;\r\n &:after {\r\n top: 6px;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n top: 6px;\r\n right: 40px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.user-notification::before {\r\n background: transparent;\r\n display: none;\r\n }\r\n .app-sidebar__user-name,\r\n .avatar-xl {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 3rem;\r\n font-size: 1rem;\r\n margin-bottom: 0px !important;\r\n }\r\n .app-sidebar__user,\r\n .side-menu {\r\n margin-top: 20px;\r\n }\r\n .app-sidebar__user-avatar {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .side-menu li .side-menu__item.active:before {\r\n display: none;\r\n }\r\n .app-sidebar__user {\r\n padding: 12px 0px 12px 0;\r\n margin-bottom: 0px;\r\n border-bottom: 1px solid rgba(225, 225, 225, 0.05);\r\n }\r\n .profile-img {\r\n top: 0px;\r\n right: 19px;\r\n }\r\n .app-content {\r\n margin-left: 120px;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n width: 120px;\r\n overflow: hidden;\r\n &:hover {\r\n overflow: visible;\r\n }\r\n }\r\n .slide-menu {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 9;\r\n visibility: hidden;\r\n -webkit-transition: visibility .3s ease;\r\n -o-transition: visibility .3s ease;\r\n transition: visibility .3s ease;\r\n }\r\n }\r\n &.app.sidebar-mini.sidenav-toggled {\r\n .side-menu__item {\r\n padding: 12px 5px;\r\n text-align: center;\r\n display: block;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {\r\n margin: 0 auto;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .nav-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 28px;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 11px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n .app-sidebar {\r\n width: 120px;\r\n }\r\n .side-header {\r\n width: 120px !important;\r\n display: flex !important;\r\n padding: 19px 17px !important;\r\n }\r\n .light-logo,\r\n .light-logo1,\r\n .mobile-light {\r\n display: none !important;\r\n }\r\n .side-header .header-brand-img.light-logo {\r\n display: block !important;\r\n }\r\n .side-menu .side-menu__icon:after {\r\n top: 6px;\r\n }\r\n .side-menu__item {\r\n display: block;\r\n padding: 12px 5px;\r\n text-align: center;\r\n }\r\n .side-menu .sub-category {\r\n display: none !important;\r\n }\r\n .side-menu__icon {\r\n background: none !important;\r\n box-shadow: none;\r\n margin-right: 0 !important;\r\n }\r\n .side-menu__label {\r\n display: block !important;\r\n font-size: 12px;\r\n padding-top: 0px;\r\n margin-top: 0;\r\n }\r\n .side-menu {\r\n margin-top: 20px !important;\r\n padding: 0 0px 40px 0px !important\r\n }\r\n .angle {\r\n display: none;\r\n }\r\n .side-badge {\r\n top: 6px;\r\n right: 40px;\r\n }\r\n }\r\n }\r\n .dropdown-menu {\r\n border-radius: 0;\r\n &.dropdown-menu-right {\r\n left: auto;\r\n }\r\n }\r\n .dropdown-item {\r\n .fa,\r\n .icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n .app-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n background-color: #FFF;\r\n margin: -30px -30px 30px;\r\n padding: 20px 30px;\r\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 400;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n }\r\n @media print {\r\n .app-title {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title {\r\n margin: -15px -15px 15px;\r\n padding: 20px;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title p {\r\n display: none;\r\n }\r\n }\r\n .app-breadcrumb {\r\n margin-bottom: 0;\r\n text-align: right;\r\n font-weight: 500;\r\n font-size: 13px;\r\n text-transform: capitalize;\r\n padding: 0;\r\n text-align: left;\r\n padding: 0;\r\n background-color: transparent;\r\n }\r\n @media (max-width: 480px) {\r\n .app-breadcrumb {\r\n margin-top: 10px;\r\n }\r\n }\r\n &.sidenav-toggled .app-sidebar__user .avatar-md {\r\n line-height: 2rem;\r\n font-size: 1rem;\r\n }\r\n &.sidenav-toggled .main-wrapper .side-menu .side-menu__item {\r\n .nav-badge {\r\n position: absolute;\r\n top: 5px;\r\n left: 57px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n }\r\n .nav-badge1 {\r\n display: none;\r\n }\r\n }\r\n .nav-badge {\r\n border-radius: 30px;\r\n padding: 0.4em 0.6em;\r\n font-size: 12px;\r\n }\r\n .user-info {\r\n .text-dark {\r\n color: #25252a !important;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n .text-muted {\r\n color: #74829c !important;\r\n }\r\n }\r\n .side-header {\r\n .header-brand1 {\r\n text-align: center;\r\n margin: 0 auto !important;\r\n }\r\n .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .side-header .header-brand-img {\r\n &.toggle-logo {\r\n display: none;\r\n }\r\n &.light-logo1 {\r\n display: block !important;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar .side-header .header-brand-img {\r\n &.light-logo1 {\r\n display: none !important;\r\n }\r\n &.toggle-logo {\r\n display: none;\r\n margin-right: 0;\r\n }\r\n }\r\n .sidebar-navs {\r\n display: none;\r\n }\r\n }\r\n .side-header {\r\n display: flex;\r\n border-bottom: 1px solid $border;\r\n border-right: 1px solid $border;\r\n padding: 19px 17px;\r\n --webkit-transition: left 0.3s ease, width 0.2s ease;\r\n -o-transition: left 0.3s ease, width 0.2s ease;\r\n transition: left 0.3s ease, width 0.2s ease;\r\n height: 75px;\r\n .header-brand-img {\r\n &.toggle-logo,\r\n &.light-logo {\r\n height: 2.5rem;\r\n }\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__toggle {\r\n padding-left: 10px;\r\n }\r\n }\r\n .user-pic {\r\n margin-bottom: 0.8rem;\r\n }\r\n .side-menu .sub-category {\r\n color: #74829c;\r\n margin-bottom: 0.5rem;\r\n padding: 12px 30px 2px 20px;\r\n margin-bottom: 0;\r\n h3 {\r\n margin-bottom: 0;\r\n text-transform: uppercase;\r\n letter-spacing: .5px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n }\r\n }\r\n .side-menu li:not(:first-child) h3 {\r\n margin-top: 0rem;\r\n }\r\n &.sidebar-mini .app-header .light-logo1 {\r\n display: block !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidenav-toggled .header-brand-img.light-logo {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 20px;\r\n border-radius: 50px;\r\n padding: 3px 6px 3px;\r\n }\r\n /*-- Subslide ---*/\r\n .sub-side-menu__item {\r\n padding: 8px 17px;\r\n font-size: 13px;\r\n display: flex;\r\n color: #74829c;\r\n .sub-side-menu__label {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n }\r\n }\r\n .slide-menu a:before {\r\n content: '\\e048';\r\n margin-right: 10px;\r\n font-size: 11px;\r\n position: relative;\r\n font-family: typicons!important;\r\n opacity: .6;\r\n top: 2px;\r\n }\r\n .sub-slide.is-expanded .sub-angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-angle {\r\n float: right;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n margin-right: 0;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide.is-expanded .sub-slide-menu {\r\n display: block;\r\n }\r\n .sub-slide-menu {\r\n display: none;\r\n padding: 0 15px 15px 0;\r\n font-size: 13px!important;\r\n list-style: none;\r\n }\r\n .sub-slide-item {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 27px!important;\r\n color: #74829c;\r\n font-size: 13.5px;\r\n }\r\n /*-- Subslide2 ---*/\r\n .sub-side-menu__item2 {\r\n padding: 8px 2px 8px 27px;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #74829c;\r\n font-size: 12.5px;\r\n }\r\n .sub-slide2 .sub-side-menu__label2 {\r\n flex: 1 1 auto;\r\n }\r\n .sub-angle2 {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: -2px;\r\n margin-right: 0px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform .3s ease;\r\n transition: -webkit-transform .3s ease;\r\n -o-transition: transform .3s ease;\r\n transition: transform .3s ease;\r\n transition: transform .3s ease, -webkit-transform .3s ease;\r\n }\r\n .sub-slide2.is-expanded .sub-angle2 {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-slide2.is-expanded .sub-slide-menu2 {\r\n display: block;\r\n }\r\n .sub-slide-menu2 {\r\n display: none;\r\n padding: 0;\r\n font-size: .8rem!important;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n .sub-slide-item2 {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 40px !important;\r\n font-size: 12.5px;\r\n color: #74829c;\r\n }\r\n @media (max-width: 991px) {\r\n .header-brand1 .desktop-logo {\r\n margin: 0 auto;\r\n margin-top: 6px;\r\n }\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: block !important;\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidenav-toggled .app-sidebar {\r\n overflow: visible !important;\r\n position: absolute !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu:hover .side-menu {\r\n max-height: inherit !important;\r\n visibility: visible;\r\n border-radius: 1px !important;\r\n transition: none !important;\r\n padding: 8px 0px;\r\n opacity: inherit;\r\n display: block !important;\r\n }\r\n .app-sidebar .slide {\r\n position: relative;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .slide-menu {\r\n position: absolute;\r\n left: 108px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled-open .slide-menu {\r\n position: absolute;\r\n left: 108px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: visible;\r\n top: 0;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled-open .slide-menu.open {\r\n position: absolute;\r\n left: 108px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: visible;\r\n top: 0;\r\n display: block;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {\r\n position: absolute;\r\n left: 108px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n height: auto !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n position: absolute;\r\n left: 108px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n display: block;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide:hover .slide-menu {\r\n visibility: visible;\r\n display: block !important;\r\n height: auto !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled .slide-menu {\r\n position: absolute;\r\n background: #ffffff;\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 999;\r\n left: 72px;\r\n transition: none !important;\r\n display: block !important;\r\n box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {\r\n display: none;\r\n }\r\n &.sidenav-toggled .app-content {\r\n min-height: 1262px;\r\n }\r\n }\r\n .ps--active-x>.ps__rail-x,\r\n .ps--active-y>.ps__rail-y {\r\n display: none;\r\n }\r\n &.sidebar-mini.sidenav-toggled .slide-menu {\r\n max-height: inherit !important;\r\n padding-bottom: 8px !important;\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding-top: 8px !important;\r\n height: auto !important;\r\n overflow: hidden !important;\r\n }\r\n &.color-menu .side-header .light-logo {\r\n display: none !important;\r\n }\r\n &.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n border-radius:0px 6px 6px 0px !important;\r\n }\r\n &.rtl.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n border-radius:6px 0px 0px 6px !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {\r\n color: $default-color;\r\n }\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__icon {\r\n color: $default-color !important;\r\n }\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__item:hover .side-menu__icon,\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__item:focus .side-menu__icon {\r\n color: var(--primary-bg-color) !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {\r\n color: $default-color;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:hover .side-menu__icon,\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:focus .side-menu__icon {\r\n color: var(--primary-bg-color);\r\n }\r\n }\r\n}", ".hover-submenu1 {\r\n @media (min-width: 992px) {\r\n &.app.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 230px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n }\r\n .app-sidebar {\r\n padding-top: 55px;\r\n }\r\n .side-header {\r\n width: 270px;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n position: fixed;\r\n z-index: 99;\r\n background: #fff;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header {\r\n width: 80px !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .side-header .header-brand-img.light-logo {\r\n height: 2.5rem;\r\n }\r\n &.sidebar-mini footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 270px;\r\n }\r\n &.sidebar-mini.sidenav-toggled footer.footer {\r\n padding: 1.25rem 1.25rem 1.25rem 80px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n &.app {\r\n overflow-x: hidden;\r\n .app-sidebar {\r\n left: -270px;\r\n top: 72px;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: hidden;\r\n }\r\n &.sidenav-toggled {\r\n .app-content {\r\n margin-left: 0;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n }\r\n .app-sidebar__overlay {\r\n visibility: visible;\r\n }\r\n }\r\n &.sidebar-mini.sidebar-gone.sidenav-toggled .app-sidebar {\r\n left: 0;\r\n }\r\n .app-header .header-brand1 {\r\n width: inherit;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n }\r\n }\r\n }\r\n .app-content {\r\n min-height: calc(100vh - 50px);\r\n margin-bottom: 0 !important;\r\n -webkit-transition: margin-left 0.2s ease;\r\n -o-transition: margin-left 0.2s ease;\r\n transition: margin-left 0.2s ease;\r\n overflow: hidden;\r\n margin-top: 74px;\r\n .side-app {\r\n padding: 0px 20px 0 20px;\r\n }\r\n }\r\n .footer .container {\r\n width: 100%;\r\n padding-right: 0.75rem;\r\n padding-left: 0.75rem;\r\n margin-right: auto;\r\n margin-left: auto;\r\n }\r\n @media (min-width: 992px) {\r\n .app-content {\r\n margin-left: 270px;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-content {\r\n min-width: 100%;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n }\r\n @media print {\r\n .app-content {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n }\r\n }\r\n .app-header {\r\n position: fixed;\r\n left: 0;\r\n right: 0;\r\n top: 0;\r\n width: 100%;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n z-index: 9999 !important;\r\n border-bottom: 1px solid $border;\r\n background: #ffffff;\r\n transition: padding-left 0.3s ease;\r\n }\r\n @media (min-width: 992px) {\r\n .app-header {\r\n padding-right: 10px;\r\n padding-left: 285px;\r\n z-index: 9 !important;\r\n }\r\n }\r\n @media print {\r\n .app-header {\r\n display: none;\r\n }\r\n }\r\n .app-header__logo {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 0 auto;\r\n flex: 1 0 auto;\r\n color: #fff;\r\n text-align: center;\r\n font-family: \"Niconne\";\r\n padding: 0 15px;\r\n font-size: 26px;\r\n font-weight: 400;\r\n line-height: 50px;\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n .app-header__logo {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n display: block;\r\n width: 230px;\r\n }\r\n }\r\n .app-sidebar__toggle {\r\n color: $primary-1;\r\n z-index: 1;\r\n transition: padding-left 0.3s ease;\r\n padding: 0 9px;\r\n text-align: center;\r\n // height: 2.5rem;\r\n font-size: 1.5rem;\r\n position: relative;\r\n right: 10px;\r\n &:before {\r\n content: \"\\e907\";\r\n transition: all 0.25s;\r\n font-size: 21px;\r\n font-family: \"feather\";\r\n }\r\n &:after {\r\n content: \"\";\r\n position: absolute;\r\n width: 16px;\r\n height: 16px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 12px;\r\n background: rgba($primary-1, 0);\r\n }\r\n &:focus,\r\n &:hover {\r\n text-decoration: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__toggle {\r\n -webkit-box-ordinal-group: 0;\r\n -ms-flex-order: -1;\r\n order: -1;\r\n }\r\n }\r\n .app-sidebar {\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n color: $default-color;\r\n width: 270px;\r\n z-index: 99;\r\n background: #fff;\r\n -webkit-box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);\r\n box-shadow: 0 8px 24px rgba(168, 180, 208, 0.1);\r\n -webkit-transition: left 0.2s ease, width 0.2s ease;\r\n -o-transition: left 0.2s ease, width 0.2s ease;\r\n transition: left 0.2s ease, width 0.2s ease;\r\n border-right: 1px solid $border;\r\n &::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n &::-webkit-scrollbar-thumb {\r\n background: rgba(0, 0, 0, 0.2);\r\n }\r\n }\r\n @media print {\r\n .app-sidebar {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 991px) {\r\n .app-sidebar__overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n z-index: 9;\r\n }\r\n }\r\n .app-sidebar__user {\r\n .dropdown-menu {\r\n top: 10px !important;\r\n }\r\n img {\r\n box-shadow: 0 0 25px rgba(255, 255, 255, 0.1);\r\n padding: 2px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n box-shadow: 0px 5px 5px 0px rgba(44, 44, 44, 0.2);\r\n }\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #a8a8a8;\r\n width: 100%;\r\n padding: 15px 0 15px;\r\n display: inline-block;\r\n }\r\n .app-sidebar__user-avatar {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n margin-right: 15px;\r\n }\r\n .app-sidebar__user-name {\r\n &.text-sm {\r\n font-size: 12px;\r\n font-weight: 400;\r\n }\r\n font-size: 17px;\r\n line-height: 1.3;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .app-sidebar__user-designation {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n -o-text-overflow: ellipsis;\r\n text-overflow: ellipsis;\r\n margin-bottom: 0;\r\n overflow: hidden;\r\n font-weight: 600;\r\n color: #e5e9ec;\r\n font-size: 15px;\r\n margin-top: 5px !important;\r\n }\r\n .side-menu {\r\n margin-bottom: 0;\r\n padding: 0 10px 0 10px;\r\n }\r\n .side-menu__item {\r\n position: relative;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 10px 20px;\r\n font-size: 15px;\r\n font-weight: 400;\r\n -webkit-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n -o-transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n transition: border-left-color 0.3s ease, background-color 0.3s ease;\r\n color: $default-color;\r\n margin: 2px 0px;\r\n &.active {\r\n text-decoration: none;\r\n color: $primary-1;\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1;\r\n .side-menu__icon,\r\n .side-menu__label {\r\n color: $primary-1 !important;\r\n }\r\n }\r\n }\r\n @media (min-width: 992px) {\r\n &.app.sidebar-mini.sidenav-toggled .side-menu__label {\r\n display: none !important;\r\n font-size: 12px;\r\n padding-top: 0px;\r\n margin-top: 0;\r\n }\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: #b5c1d2;\r\n }\r\n }\r\n .slide-menu a.active {\r\n color: $primary-1;\r\n }\r\n .slide-item {\r\n &.active,\r\n &:hover,\r\n &:focus {\r\n text-decoration: none;\r\n color: $primary-1 !important;\r\n }\r\n }\r\n .slide-menu li {\r\n .slide-item {\r\n &:before {\r\n content: \"\\e048\";\r\n font-family: \"typicons\";\r\n font-style: normal;\r\n font-weight: normal;\r\n text-decoration: inherit;\r\n top: 2px;\r\n font-size: 10px;\r\n margin-right: 8px;\r\n color: #68798b;\r\n }\r\n }\r\n position: relative;\r\n }\r\n .slide.is-expanded a {\r\n text-decoration: none;\r\n }\r\n .side-menu .side-menu__icon {\r\n color: $primary-1;\r\n font-size: 18px;\r\n line-height: 30px;\r\n text-align: center;\r\n vertical-align: middle;\r\n margin-right: 8px;\r\n position: relative;\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n width: 12px;\r\n height: 12px;\r\n top: 12px;\r\n bottom: 0;\r\n border-radius: 50%;\r\n right: 3px;\r\n background: rgba($primary-1, 0);\r\n }\r\n }\r\n .side-menu__icon {\r\n -webkit-box-flex: 0;\r\n -ms-flex: 0 0 auto;\r\n flex: 0 0 auto;\r\n }\r\n .side-menu__label {\r\n white-space: nowrap;\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n margin-top: 3px;\r\n }\r\n .slide.is-expanded {\r\n .slide-menu {\r\n display: block;\r\n }\r\n .angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n }\r\n .slide-menu {\r\n display: none;\r\n padding: 0px;\r\n font-size: 0.7rem !important;\r\n padding-left: 2px;\r\n margin-left: 12px;\r\n }\r\n .slide-item {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n padding: 8px 17px;\r\n font-size: 13.3px;\r\n color: #74829c;\r\n .icon {\r\n margin-right: 5px;\r\n }\r\n }\r\n .angle {\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n margin-right: 2px;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__user-name,\r\n .app-sidebar__user-designation,\r\n .angle,\r\n .app-sidebar__user-name,\r\n .user-notification,\r\n .app-sidebar__user-name,\r\n .user-info {\r\n display: none;\r\n }\r\n .app-header.header {\r\n padding-left: 100px;\r\n }\r\n .side-menu {\r\n padding: 0 0px 40px 00px;\r\n .sub-category {\r\n display: none;\r\n }\r\n }\r\n .side-menu .side-menu__icon {\r\n background: none !important;\r\n box-shadow: none;\r\n margin-right: 0;\r\n &:after {\r\n top: 6px;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n top: 6px;\r\n right: 21px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.user-notification::before {\r\n background: transparent;\r\n display: none;\r\n }\r\n .app-sidebar__user-name,\r\n .avatar-xl {\r\n width: 3rem;\r\n height: 3rem;\r\n line-height: 3rem;\r\n font-size: 1rem;\r\n margin-bottom: 0px !important;\r\n }\r\n .app-sidebar__user,\r\n .side-menu {\r\n margin-top: 20px;\r\n }\r\n .app-sidebar__user-avatar {\r\n width: 25px;\r\n height: 25px;\r\n }\r\n .side-menu li .side-menu__item.active:before {\r\n display: none;\r\n }\r\n .app-sidebar__user {\r\n padding: 12px 0px 12px 0;\r\n margin-bottom: 0px;\r\n border-bottom: 1px solid rgba(225, 225, 225, 0.05);\r\n }\r\n .profile-img {\r\n top: 0px;\r\n right: 19px;\r\n }\r\n .app-content {\r\n margin-left: 80px;\r\n }\r\n .app-sidebar {\r\n left: 0;\r\n width: 80px;\r\n overflow: hidden;\r\n &:hover {\r\n overflow: visible;\r\n }\r\n }\r\n .slide-menu {\r\n position: absolute;\r\n opacity: 0;\r\n z-index: 9;\r\n visibility: hidden;\r\n -webkit-transition: visibility 0.3s ease;\r\n -o-transition: visibility 0.3s ease;\r\n transition: visibility 0.3s ease;\r\n }\r\n }\r\n &.app.sidebar-mini.sidenav-toggled {\r\n .side-menu__item {\r\n padding: 12px 5px;\r\n text-align: center;\r\n display: block;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar__user .avatar-md {\r\n margin: 0 auto;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .nav-badge {\r\n position: absolute;\r\n top: 8px;\r\n right: 28px;\r\n padding: 0.2rem 0.4rem;\r\n font-size: 11px;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open {\r\n .app-sidebar {\r\n width: 80px;\r\n }\r\n .side-header {\r\n width: 80px !important;\r\n display: flex !important;\r\n padding: 19px 17px !important;\r\n }\r\n .light-logo,\r\n .light-logo1,\r\n .mobile-light {\r\n display: none !important;\r\n }\r\n .side-header .header-brand-img.light-logo {\r\n display: block !important;\r\n }\r\n .side-menu .side-menu__icon:after {\r\n top: 6px;\r\n }\r\n .side-menu__item {\r\n display: block;\r\n padding: 12px 5px;\r\n text-align: center;\r\n }\r\n .side-menu .sub-category {\r\n display: none !important;\r\n }\r\n .side-menu__icon {\r\n background: none !important;\r\n box-shadow: none;\r\n margin-right: 0 !important;\r\n }\r\n .side-menu__label {\r\n display: none !important;\r\n font-size: 12px;\r\n padding-top: 0px;\r\n margin-top: 0;\r\n }\r\n .side-menu {\r\n margin-top: 20px !important;\r\n padding: 0 0px 40px 0px !important;\r\n }\r\n .angle {\r\n display: none;\r\n }\r\n .side-badge {\r\n top: 6px;\r\n right: 21px;\r\n }\r\n }\r\n }\r\n .dropdown-menu {\r\n border-radius: 0;\r\n &.dropdown-menu-right {\r\n left: auto;\r\n }\r\n }\r\n .dropdown-item {\r\n .fa,\r\n .icon {\r\n vertical-align: middle;\r\n }\r\n }\r\n .app-title {\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -webkit-box-pack: justify;\r\n -ms-flex-pack: justify;\r\n justify-content: space-between;\r\n -webkit-box-orient: horizontal;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: row;\r\n flex-direction: row;\r\n background-color: #fff;\r\n margin: -30px -30px 30px;\r\n padding: 20px 30px;\r\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\r\n h1 {\r\n margin: 0;\r\n font-size: 24px;\r\n font-weight: 400;\r\n }\r\n p {\r\n margin-bottom: 0;\r\n font-style: italic;\r\n }\r\n }\r\n @media print {\r\n .app-title {\r\n display: none;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title {\r\n margin: -15px -15px 15px;\r\n padding: 20px;\r\n -webkit-box-orient: vertical;\r\n -webkit-box-direction: normal;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n -webkit-box-align: start;\r\n -ms-flex-align: start;\r\n align-items: flex-start;\r\n }\r\n }\r\n @media (max-width: 480px) {\r\n .app-title p {\r\n display: none;\r\n }\r\n }\r\n .app-breadcrumb {\r\n margin-bottom: 0;\r\n text-align: right;\r\n font-weight: 500;\r\n font-size: 13px;\r\n text-transform: capitalize;\r\n padding: 0;\r\n text-align: left;\r\n padding: 0;\r\n background-color: transparent;\r\n }\r\n @media (max-width: 480px) {\r\n .app-breadcrumb {\r\n margin-top: 10px;\r\n }\r\n }\r\n &.sidenav-toggled .app-sidebar__user .avatar-md {\r\n line-height: 2rem;\r\n font-size: 1rem;\r\n }\r\n &.sidenav-toggled .main-wrapper .side-menu .side-menu__item {\r\n .nav-badge {\r\n position: absolute;\r\n top: 5px;\r\n left: 57px;\r\n display: block !important;\r\n padding: 3px 5px !important;\r\n }\r\n .nav-badge1 {\r\n display: none;\r\n }\r\n }\r\n .nav-badge {\r\n border-radius: 30px;\r\n padding: 0.4em 0.6em;\r\n font-size: 12px;\r\n }\r\n .user-info {\r\n .text-dark {\r\n color: #25252a !important;\r\n font-weight: 400;\r\n font-size: 16px;\r\n }\r\n .text-muted {\r\n color: #74829c !important;\r\n }\r\n }\r\n .side-header {\r\n .header-brand1 {\r\n text-align: center;\r\n margin: 0 auto !important;\r\n }\r\n .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.desktop-logo {\r\n display: none;\r\n }\r\n .side-header .header-brand-img {\r\n &.toggle-logo {\r\n display: none;\r\n }\r\n &.light-logo1 {\r\n display: block !important;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar .side-header .header-brand-img {\r\n &.light-logo1 {\r\n display: none !important;\r\n }\r\n &.toggle-logo {\r\n display: none;\r\n margin-right: 0;\r\n }\r\n }\r\n .sidebar-navs {\r\n display: none;\r\n }\r\n }\r\n .side-header {\r\n display: flex;\r\n border-bottom: 1px solid $border;\r\n border-right: 1px solid $border;\r\n padding: 19px 17px;\r\n --webkit-transition: left 0.3s ease, width 0.2s ease;\r\n -o-transition: left 0.3s ease, width 0.2s ease;\r\n transition: left 0.3s ease, width 0.2s ease;\r\n height: 75px;\r\n .header-brand-img {\r\n &.toggle-logo,\r\n &.light-logo {\r\n height: 2.5rem;\r\n }\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled {\r\n .app-sidebar__toggle {\r\n padding-left: 10px;\r\n }\r\n }\r\n .user-pic {\r\n margin-bottom: 0.8rem;\r\n }\r\n .side-menu .sub-category {\r\n color: #74829c;\r\n margin-bottom: 0.5rem;\r\n padding: 12px 30px 2px 20px;\r\n margin-bottom: 0;\r\n h3 {\r\n margin-bottom: 0;\r\n text-transform: uppercase;\r\n letter-spacing: 0.5px;\r\n font-size: 11px;\r\n font-weight: 500;\r\n }\r\n }\r\n .side-menu li:not(:first-child) h3 {\r\n margin-top: 0rem;\r\n }\r\n &.sidebar-mini .app-header .light-logo1 {\r\n display: block !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidenav-toggled .header-brand-img.light-logo {\r\n display: block;\r\n margin-right: 0;\r\n }\r\n }\r\n .side-badge,\r\n .slide-menu open.slide-menu hide .side-badge {\r\n position: absolute;\r\n top: 18px;\r\n right: 20px;\r\n border-radius: 50px;\r\n padding: 3px 6px 3px;\r\n }\r\n /*-- Subslide ---*/\r\n .sub-side-menu__item {\r\n padding: 8px 17px;\r\n font-size: 13px;\r\n display: flex;\r\n color: #74829c;\r\n .sub-side-menu__label {\r\n -webkit-box-flex: 1;\r\n -ms-flex: 1 1 auto;\r\n flex: 1 1 auto;\r\n }\r\n }\r\n .slide-menu a:before {\r\n content: \"\\e048\";\r\n margin-right: 10px;\r\n font-size: 11px;\r\n position: relative;\r\n font-family: typicons !important;\r\n opacity: 0.6;\r\n top: 2px;\r\n }\r\n .sub-slide.is-expanded .sub-angle {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-angle {\r\n float: right;\r\n margin-right: 0;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n }\r\n .sub-slide.is-expanded .sub-slide-menu {\r\n display: block;\r\n }\r\n .sub-slide-menu {\r\n display: none;\r\n padding: 0 15px 15px 0;\r\n font-size: 13px !important;\r\n list-style: none;\r\n }\r\n .sub-slide-item {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 27px !important;\r\n color: #74829c;\r\n font-size: 13.5px;\r\n }\r\n /*-- Subslide2 ---*/\r\n .sub-side-menu__item2 {\r\n padding: 8px 2px 8px 27px;\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n color: #74829c;\r\n font-size: 12.5px;\r\n }\r\n .sub-slide2 .sub-side-menu__label2 {\r\n flex: 1 1 auto;\r\n }\r\n .sub-angle2 {\r\n float: right;\r\n line-height: 40px;\r\n margin-top: -2px;\r\n margin-right: 0px;\r\n -webkit-transform-origin: center;\r\n -ms-transform-origin: center;\r\n transform-origin: center;\r\n -webkit-transition: -webkit-transform 0.3s ease;\r\n transition: -webkit-transform 0.3s ease;\r\n -o-transition: transform 0.3s ease;\r\n transition: transform 0.3s ease;\r\n transition: transform 0.3s ease, -webkit-transform 0.3s ease;\r\n }\r\n .sub-slide2.is-expanded .sub-angle2 {\r\n -webkit-transform: rotate(90deg);\r\n -ms-transform: rotate(90deg);\r\n transform: rotate(90deg);\r\n }\r\n .sub-slide2.is-expanded .sub-slide-menu2 {\r\n display: block;\r\n }\r\n .sub-slide-menu2 {\r\n display: none;\r\n padding: 0;\r\n font-size: 0.8rem !important;\r\n padding-left: 0;\r\n list-style: none;\r\n }\r\n .sub-slide-item2 {\r\n display: flex;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n position: relative;\r\n list-style: none;\r\n padding: 8px 0 8px 40px !important;\r\n font-size: 12.5px;\r\n color: #74829c;\r\n }\r\n @media (max-width: 991px) {\r\n .header-brand1 .desktop-logo {\r\n margin: 0 auto;\r\n margin-top: 6px;\r\n }\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open\r\n .app-sidebar\r\n .side-header\r\n .header-brand-img.desktop-logo {\r\n display: block !important;\r\n }\r\n &.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open\r\n .app-sidebar\r\n .side-header\r\n .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .app-sidebar .side-header .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n &.app.sidebar-mini.dark-mode.sidenav-toggled.sidenav-toggled-open\r\n .app-sidebar\r\n .side-header\r\n .header-brand-img.light-logo1 {\r\n display: none !important;\r\n }\r\n @media (min-width: 992px) {\r\n &.sidenav-toggled .app-sidebar {\r\n overflow: visible !important;\r\n position: absolute !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu:hover .side-menu {\r\n max-height: inherit !important;\r\n visibility: visible;\r\n border-radius: 1px !important;\r\n transition: none !important;\r\n padding: 0;\r\n opacity: inherit;\r\n display: block !important;\r\n }\r\n .app-sidebar .slide {\r\n position: relative;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled .slide-menu {\r\n position: absolute;\r\n left: 68px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled-open .slide-menu {\r\n position: absolute;\r\n left: 68px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: visible;\r\n top: 0;\r\n display: block;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled-open .slide-menu.open {\r\n position: absolute;\r\n left: 68px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: visible;\r\n top: 0;\r\n display: block;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide.is-expanded .slide-menu {\r\n position: absolute;\r\n left: 68px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n height: auto !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n position: absolute;\r\n left: 68px;\r\n min-width: 180px;\r\n opacity: 1;\r\n z-index: 9999;\r\n visibility: hidden;\r\n top: 0;\r\n display: block;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .slide:hover .slide-menu {\r\n visibility: visible;\r\n padding: 0;\r\n display: block !important;\r\n height: auto !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled .slide-menu {\r\n position: absolute;\r\n background: #ffffff;\r\n opacity: 1;\r\n visibility: visible;\r\n z-index: 999;\r\n left: 72px;\r\n border-radius: 6px !important;\r\n transition: none !important;\r\n display: block !important;\r\n box-shadow: 8px 8px 17px rgba(0, 0, 0, 0.1);\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu-label1 {\r\n display: block;\r\n font-size: 16px;\r\n font-weight: 500;\r\n border-bottom: 1px solid $border;\r\n padding: 10px 15px !important;\r\n color: $default-color;\r\n margin-bottom: 6px;\r\n }\r\n .slide-menu .side-menu-label1 {\r\n a {\r\n color: $default-color;\r\n &:before {\r\n top: -1px;\r\n }\r\n }\r\n }\r\n &.sidenav-toggled .app-content {\r\n min-height: 1262px;\r\n }\r\n }\r\n &.sidebar-mini.sidenav-toggled .slide-menu {\r\n max-height: inherit !important;\r\n padding-bottom: 8px !important;\r\n margin-top: 0 !important;\r\n margin-bottom: 0 !important;\r\n padding-top: 0px !important;\r\n height: auto !important;\r\n overflow: hidden !important;\r\n }\r\n .ps--active-x > .ps__rail-x,\r\n .ps--active-y > .ps__rail-y {\r\n display: none;\r\n }\r\n .slide-menu .side-menu-label1 a:before {\r\n content: \"\";\r\n }\r\n &.color-menu .side-header .light-logo {\r\n display: none !important;\r\n }\r\n &.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n border-radius: 0px 6px 6px 0px !important;\r\n }\r\n &.rtl.sidenav-toggled.sidenav-toggled-open .slide .slide-menu {\r\n border-radius: 6px 0px 0px 6px !important;\r\n }\r\n &.sidebar-mini.sidenav-toggled.sidenav-toggled-open.color-menu .side-menu-label1 {\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n @media (min-width: 992px) {\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {\r\n color: $default-color;\r\n }\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__icon {\r\n color: $default-color !important;\r\n }\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__item:hover .side-menu__icon,\r\n &.transparent-mode.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open.light-menu .side-menu__item:focus .side-menu__icon {\r\n color: var(--primary-bg-color) !important;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__icon {\r\n color: $default-color;\r\n }\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:hover .side-menu__icon,\r\n &.app.sidebar-mini.sidenav-toggled.sidenav-toggled-open .side-menu__item:focus .side-menu__icon {\r\n color: var(--primary-bg-color);\r\n }\r\n }\r\n}\r\n", "@media (max-width: 320px) {\r\n .fc-toolbar .fc-right {\r\n float: right;\r\n width: 100%;\r\n text-align: center;\r\n margin: 10px 0;\r\n }\r\n}\r\n\r\n.login-content:after {\r\n content: \"\";\r\n}\r\n\r\n#footer,\r\n.fc-toolbar .ui-button,\r\n.fileinput .thumbnail {\r\n text-align: center;\r\n}\r\n\r\n.richText {\r\n .richText-toolbar {\r\n ul li a {\r\n border-right: rgba(156, 162, 161, 0.2) solid 1px;\r\n }\r\n border-bottom: rgba(156, 162, 161, 0.1) solid 1px;\r\n }\r\n border: $border solid 1px;\r\n background-color: #f6f6fb !important;\r\n}\r\n\r\n.cal1 {\r\n .clndr {\r\n .clndr-table {\r\n .header-days .header-day {\r\n border-left: 1px solid $border;\r\n border-top: 1px solid $border;\r\n border-right: 1px solid $border;\r\n }\r\n tr {\r\n .empty,\r\n .adjacent-month,\r\n .my-empty,\r\n .my-adjacent-month {\r\n border-left: 1px solid $border;\r\n border-top: 1px solid $border;\r\n color: #76839a;\r\n }\r\n .day {\r\n &.event,\r\n &.my-event {\r\n background: #fafafb !important;\r\n }\r\n border-left: 1px solid $border;\r\n border-top: 1px solid $border;\r\n &:last-child {\r\n border-right: 1px solid $border;\r\n }\r\n &:hover {\r\n background: #f6f6fb;\r\n }\r\n }\r\n }\r\n }\r\n .clndr-controls .clndr-control-button {\r\n .clndr-previous-button,\r\n .clndr-next-button {\r\n color: $white;\r\n }\r\n }\r\n }\r\n font-size: 14px;\r\n}\r\n\r\n.fc-unthemed {\r\n .fc-content,\r\n .fc-divider,\r\n .fc-list-heading td,\r\n .fc-list-view,\r\n .fc-popover,\r\n .fc-row,\r\n tbody,\r\n td,\r\n th,\r\n thead {\r\n border-color: $border;\r\n }\r\n}\r\n\r\n.fc-event,\r\n.fc-event-dot {\r\n color: $border ! important;\r\n}\r\n\r\n.fc-unthemed {\r\n .fc-divider,\r\n .fc-list-heading td,\r\n .fc-popover .fc-header {\r\n background: $border;\r\n }\r\n}\r\n\r\n.fc-toolbar {\r\n .fc-state-active,\r\n .ui-state-active {\r\n background: #b4b4b4;\r\n }\r\n}\r\n\r\n.fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {\r\n border: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.fc-unthemed .fc-list-item:hover td {\r\n background-color: #eeeeee;\r\n}\r\n\r\n.cal1 .clndr .clndr-table tr {\r\n .empty:hover,\r\n .adjacent-month:hover,\r\n .my-empty:hover,\r\n .my-adjacent-month:hover {\r\n background: $white;\r\n }\r\n}\r\n\r\n.error-page {\r\n .display-1 {\r\n font-size: 8.5rem;\r\n margin-top: 0px;\r\n }\r\n position: relative;\r\n}\r\n\r\n@media (max-width: 360px) {\r\n .cal1 .clndr .clndr-controls{\r\n display: grid !important;\r\n }\r\n}", "/*------ Charts styles ------*/\r\n\r\n.chart-visitors {\r\n min-height: 18rem;\r\n overflow: hidden;\r\n}\r\n\r\n.chart-tasks {\r\n height: 15rem;\r\n overflow: hidden;\r\n}\r\n\r\n.chart-donut,\r\n.chart-pie {\r\n height: 21rem;\r\n overflow: hidden;\r\n}\r\n\r\n.chartsh {\r\n height: 16rem;\r\n overflow: hidden;\r\n width:100%;\r\n}\r\n\r\n.chartwidget {\r\n height: 17rem;\r\n overflow: hidden;\r\n}\r\n\r\n.social {\r\n i {\r\n font-size: 40px;\r\n }\r\n .social-icon i {\r\n font-size: 14px;\r\n line-height: 2;\r\n }\r\n}\r\n\r\n.instagram {\r\n background: linear-gradient(to right bottom, #de497b 0%, #e1164f 100%);\r\n}\r\n\r\n.linkedin {\r\n background-image: linear-gradient(to right bottom, #0d97de 0%, #13547a 100%);\r\n}\r\n\r\n.twitter {\r\n background-image: linear-gradient(to right bottom, #00f2fe 0%, #1e63c3 100%);\r\n}\r\n\r\n.facebook {\r\n background-image: linear-gradient(to right bottom, #3d6cbf 0%, #1e3c72 100%);\r\n}\r\n\r\n.map,\r\n.chart {\r\n position: relative;\r\n padding-top: 56.25%;\r\n}\r\n\r\n.map-square,\r\n.chart-square {\r\n padding-top: 100%;\r\n}\r\n\r\n.map-content,\r\n.chart-content {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n}\r\n\r\n.map-header {\r\n margin-bottom: 1.5rem;\r\n height: 15rem;\r\n position: relative;\r\n margin-bottom: -1.5rem;\r\n &:before {\r\n content: '';\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n height: 10rem;\r\n background: linear-gradient(to bottom, rgba(245, 247, 251, 0) 5%, #f6f6fb 95%);\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n.map-header-layer {\r\n height: 100%;\r\n}\r\n\r\n.map-static {\r\n height: 120px;\r\n width: 100%;\r\n max-width: 640px;\r\n background-position: center center;\r\n background-size: 640px 120px;\r\n}\r\n\r\n.chart-circle {\r\n height: 7rem;\r\n width: 7rem;\r\n position: relative;\r\n}\r\n\r\n.chart-circle canvas {\r\n margin: 0 auto;\r\n display: block;\r\n max-width: 100%;\r\n max-height: 100%;\r\n}\r\n\r\n.chart-circle-sm {\r\n height: 6rem !important;\r\n width: 6rem !important;\r\n font-size: 1rem;\r\n}\r\n\r\n.chart-circle-value {\r\n position: absolute;\r\n top: 0px;\r\n left: 0;\r\n right: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n bottom: 0;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n line-height: 1;\r\n small {\r\n display: block;\r\n color: #9aa0ac;\r\n font-size: 0.9375rem;\r\n }\r\n}\r\n\r\n.chart-circle-value-3 {\r\n position: absolute;\r\n top: 20px;\r\n left: 0;\r\n right: 0;\r\n margin-left: auto;\r\n margin-right: auto;\r\n bottom: 0;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n -ms-flex-direction: column;\r\n flex-direction: column;\r\n line-height: 1;\r\n}\r\n\r\n\r\n/*----chart-drop-shadow----*/\r\n\r\n.chart-dropshadow {\r\n -webkit-filter: drop-shadow((-6px) 12px 4px $black-1);\r\n filter: drop-shadow((-6px) 12px 4px $black-1);\r\n}\r\n\r\n.chart-dropshadow-primary {\r\n -webkit-filter: drop-shadow((-6px) 12px 4px rgba(133, 67, 246, 0.5));\r\n filter: drop-shadow((-6px) 12px 4px rgba(133, 67, 246, 0.5));\r\n}\r\n\r\n.chart-dropshadow-primary-1 {\r\n -webkit-filter: drop-shadow((-6px) 12px 4px rgba(133, 67, 246, 0.2));\r\n filter: drop-shadow((-6px) 12px 4px rgba(133, 67, 246, 0.2));\r\n}\r\n\r\n.chart-dropshadow-danger {\r\n -webkit-filter: drop-shadow((-6px) 12px 4px rgba(244, 88, 91, 0.5));\r\n filter: drop-shadow(-6px 5px 4px rgba(244, 88, 91, 0.2));\r\n}\r\n\r\n.chart-dropshadow-warning {\r\n -webkit-filter: drop-shadow(-6px 5px 4px rgba(247, 183, 49, 0.3));\r\n filter: drop-shadow(-6px 5px 4px rgba(247, 183, 49, 0.3));\r\n}\r\n\r\n.BarChartShadow {\r\n -webkit-filter: drop-shadow((-4px) 9px 4px $black-3);\r\n filter: drop-shadow((-6px) 9px 4px $black-3);\r\n}\r\n\r\n#areaChart1,\r\n#areaChart2,\r\n#areaChart3,\r\n#areaChart4 {\r\n height: 7rem !important;\r\n}\r\n\r\n#AreaChart5 {\r\n width: 105% !important;\r\n height: 163px !important;\r\n bottom: -15px;\r\n position: relative;\r\n left: -7px;\r\n}\r\n\r\n\r\n/*----chart-drop-shadow----*/\r\n\r\n.chart-dropshadow2 {\r\n -webkit-filter: drop-shadow((-6px) 5px 4px $black-2);\r\n filter: drop-shadow((-6px) 5px 4px $black-2);\r\n}\r\n\r\n.chart-dropshadow-secondary {\r\n -webkit-filter: drop-shadow(-6px 5px 4px rgba(130, 207, 242, 0.3));\r\n filter: drop-shadow(-6px 5px 4px rgba(130, 207, 242, 0.3));\r\n}\r\n\r\n.chart-dropshadow-success {\r\n -webkit-filter: drop-shadow((-6px) 5px 4px rgba(19, 191, 166, 0.2));\r\n filter: drop-shadow((-6px) 5px 4px rgba(19, 191, 166, 0.2));\r\n}\r\n\r\n.chart-dropshadow-info {\r\n -webkit-filter: drop-shadow((-6px) 5px 4px rgba(7, 116, 248, 0.2));\r\n filter: drop-shadow((-6px) 5px 4px rgba(7, 116, 248, 0.2));\r\n}\r\n\r\n.z-index2 {\r\n z-index: 2;\r\n}\r\n\r\n.legend li {\r\n padding: 5px;\r\n display: inline;\r\n}\r\n\r\n.circle-icon {\r\n height: 70px;\r\n width: 70px;\r\n position: absolute;\r\n margin-top: 13px;\r\n margin-left: 13px;\r\n float: right;\r\n}\r\n\r\n.square-icon {\r\n height: 88px;\r\n width: 81px;\r\n position: absolute;\r\n float: right;\r\n border-radius: 7px 0px 0px 7px;\r\n line-height: 7;\r\n}", "/* ###### Chat ###### */\r\n\r\n.main-content-left-chat {\r\n width: 100%;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n padding: 0;\r\n}\r\n\r\n.main-chat-contacts-wrapper {\r\n padding: 10px 20px;\r\n flex-shrink: 0;\r\n border-bottom: 0;\r\n overflow: hidden;\r\n .main-content-label,\r\n .card-table-two .card-title {\r\n margin-bottom: 15px;\r\n line-height: 1;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-contacts-wrapper {\r\n padding: 10px 15px 0px 0;\r\n }\r\n}\r\n\r\n.card-table-two .main-chat-contacts-wrapper .card-title,\r\n.main-chat-contacts-wrapper .card-dashboard-eight .card-title,\r\n.card-dashboard-eight .main-chat-contacts-wrapper .card-title {\r\n margin-bottom: 15px;\r\n line-height: 1;\r\n}\r\n\r\n.main-chat-contacts-wrapper {\r\n .lSSlideOuter,\r\n .lSSlideWrapper {\r\n overflow: visible;\r\n }\r\n}\r\n\r\n.main-chat-contacts {\r\n padding-left: 20px;\r\n display: flex;\r\n .lslide {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n float: none;\r\n margin-right: 10px;\r\n }\r\n small {\r\n font-size: 11px;\r\n width: 36px;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n margin-top: 3px;\r\n text-align: center;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-list {\r\n height: calc(100% - 134px);\r\n position: relative;\r\n }\r\n}\r\n\r\n.main-chat-list {\r\n .media {\r\n padding: .75rem 1.5rem;\r\n border: 1px solid #edf0f7;\r\n position: relative;\r\n border-left: 0;\r\n border-right: 0;\r\n .main-img-user {\r\n flex-shrink: 0;\r\n top: 3px;\r\n }\r\n +.media {\r\n margin-top: -1px;\r\n border-top: 0;\r\n }\r\n &.new {\r\n background-color: $white;\r\n .main-img-user span {\r\n display: flex;\r\n }\r\n .media-contact-name span:first-child {\r\n font-weight: 500;\r\n color: #404c6d;\r\n }\r\n .media-body p {\r\n color: #8f9cc0;\r\n }\r\n }\r\n &:hover,\r\n &:focus {\r\n cursor: pointer;\r\n background-color: $primary-005;\r\n border-top-color: $primary-005;\r\n border-bottom-color: $primary-005;\r\n }\r\n &:hover:first-child,\r\n &:focus:first-child {\r\n border-top-color: transparent;\r\n }\r\n &.selected {\r\n background-color: $primary-005;\r\n border-top-color: $primary-005;\r\n border-bottom-color: $primary-005;\r\n &:first-child {\r\n border-top-color: transparent;\r\n }\r\n &::after {\r\n display: block;\r\n }\r\n .media-contact-name span:first-child {\r\n color: #404c6d;\r\n }\r\n .media-body p {\r\n color: #8f9cc0;\r\n }\r\n }\r\n }\r\n .main-img-user span {\r\n position: absolute;\r\n top: 0;\r\n left: -2px;\r\n width: 14px;\r\n height: 14px;\r\n line-height: 14px;\r\n display: none;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 100%;\r\n font-size: 9px;\r\n font-weight: 500;\r\n color: $white;\r\n background-color: $secondary;\r\n box-shadow: 0 0 0 2px $white;\r\n }\r\n .media-body {\r\n margin-left: 15px;\r\n p {\r\n font-size: 13px;\r\n margin-bottom: 0;\r\n color: #76839a;\r\n line-height: 1.35;\r\n }\r\n }\r\n .media-contact-name {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-bottom: 2px;\r\n span {\r\n &:first-child {\r\n display: block;\r\n font-size: 14px;\r\n font-weight: 500;\r\n color: #404c6d;\r\n }\r\n &:last-child {\r\n display: block;\r\n font-size: 11px;\r\n color: #76839a;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-list .media {\r\n padding: .75rem 1.5rem;\r\n }\r\n}\r\n\r\n.main-content-body-chat {\r\n flex-direction: column;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-content-body-chat {\r\n display: flex;\r\n }\r\n}\r\n\r\n.main-chat-header {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: flex-start;\r\n padding: 15px 12px;\r\n border-bottom: 1px solid $border;\r\n .nav {\r\n margin-left: auto;\r\n align-items: center;\r\n }\r\n .nav-link {\r\n padding: 0;\r\n color: #76839a;\r\n font-size: 16px;\r\n text-align: center;\r\n padding: .35rem .75rem;\r\n margin: 0 2px;\r\n i {\r\n line-height: 0;\r\n }\r\n .typcn {\r\n line-height: .9;\r\n &::before {\r\n width: auto;\r\n }\r\n }\r\n +.nav-link {\r\n margin-left: 15px;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .main-chat-header .nav-link {\r\n display: block;\r\n }\r\n}\r\n\r\n.main-chat-msg-name {\r\n margin-left: 15px;\r\n h6 {\r\n margin-bottom: 0px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n }\r\n small {\r\n font-size: 12px;\r\n color: #76839a;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-body {\r\n padding-bottom: 0;\r\n height: 700px;\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .main-chat-body .media.flex-row-reverse .media-body {\r\n margin-left: 55px;\r\n }\r\n}\r\n\r\n.main-chat-body .media-body {\r\n margin-left: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n >div:last-child {\r\n font-size: 11px;\r\n color: #76839a;\r\n display: flex;\r\n align-items: center;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .main-chat-body .media-body {\r\n margin-right: 55px;\r\n }\r\n}\r\n\r\n.main-chat-time {\r\n display: block;\r\n position: relative;\r\n text-align: center;\r\n margin: 20px 0;\r\n &:first-of-type {\r\n margin-top: 0;\r\n }\r\n span {\r\n position: relative;\r\n font-size: 10px;\r\n font-weight: 500;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n background: #fff;\r\n padding: 25px;\r\n border-radius: 4px;\r\n }\r\n}\r\n\r\n\r\n.main-chat-footer {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n height: 60px;\r\n padding-right: 20px;\r\n border-top: 1px solid $border;\r\n background-color: $white;\r\n position: inherit;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n border-radius: 0 0 7px 7px;\r\n .nav {\r\n align-items: center;\r\n }\r\n .nav-link {\r\n padding: 0;\r\n color: #76839a;\r\n font-size: 16px;\r\n display: none;\r\n }\r\n .form-control {\r\n flex: 1;\r\n margin: 0 10px;\r\n padding-left: 12px;\r\n padding-right: 0;\r\n border-width: 0;\r\n border: 1px solid $border;\r\n &:hover,\r\n &:focus {\r\n box-shadow: none;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-footer {\r\n position: relative;\r\n bottom: auto;\r\n left: auto;\r\n right: auto;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .main-chat-footer .nav-link {\r\n display: block;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .main-chat-footer .form-control {\r\n margin-left: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .main-chat-footer .form-control {\r\n margin: 0 20px;\r\n }\r\n}\r\n\r\n.main-msg-send {\r\n font-size: 20px;\r\n}\r\n\r\n.main-content-title {\r\n color: #170c6b;\r\n font-weight: 500;\r\n font-size: 32px;\r\n text-indent: -1px;\r\n line-height: 1;\r\n position: relative;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.main-chat-list .media.new .main-img-user span {\r\n display: flex;\r\n}\r\n\r\n.media img {\r\n border-radius: 4px;\r\n}\r\n\r\n.main-img-user img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n border-radius: 100%;\r\n}\r\n\r\n.main-chat-list .media .main-img-user {\r\n flex-shrink: 0;\r\n top: 3px;\r\n}\r\n\r\n.main-img-user {\r\n display: block;\r\n position: relative;\r\n width: 36px;\r\n height: 36px;\r\n border-radius: 100%;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-chat-list {\r\n height: 700px;\r\n position: relative;\r\n }\r\n}\r\n\r\n.fa,\r\n.far,\r\n.fas {\r\n font-family: \"Font Awesome 5 Free\";\r\n}\r\n\r\n.far {\r\n font-weight: 400;\r\n}\r\n\r\n.main-msg-wrapper {\r\n padding: 10px 15px;\r\n background-color: $background;\r\n font-size: 13px;\r\n margin-bottom: 10px;\r\n display: inline-block;\r\n border-radius: 20px;\r\n position: relative;\r\n}\r\n\r\n.main-chat-body {\r\n position: relative;\r\n .content-inner {\r\n padding: 20px;\r\n }\r\n .media {\r\n +.media {\r\n margin-top: 20px;\r\n }\r\n &.flex-row-reverse {\r\n .media-body {\r\n margin-left: 0;\r\n margin-right: 20px;\r\n align-items: flex-end;\r\n }\r\n .main-msg-wrapper {\r\n background-color: $primary-02;\r\n color: $black;\r\n position: relative;\r\n border-top-right-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n/* ###### Chat ###### */\r\n\r\n.chat-left {\r\n .main-msg-wrapper {\r\n border-top-left-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n}\r\n\r\n.chat-profile {\r\n line-height: 1;\r\n color: $default-color;\r\n i {\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n.chat-image {\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n.shared-files {\r\n padding: 12px;\r\n border-radius: 5px;\r\n font-size: 14px;\r\n border: 1px solid $border;\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .main-content-app {\r\n height: calc(100vh - 250px);\r\n }\r\n}\r\n\r\n.main-chat-list .media:hover,\r\n.main-chat-list .media:focus {\r\n background: $white !important;\r\n}\r\n@media (max-width: 575px) and (min-width:500px) { \r\n .main-content-app .main-chat-header {\r\n display: flex !important;\r\n }\r\n}\r\n@media (max-width: 499px) { \r\n .main-chat-header .main-chat-msg-name {\r\n margin-left: 0;\r\n }\r\n .rtl .main-chat-header .main-chat-msg-name {\r\n margin-right: 0;\r\n }\r\n}", ".container-login100 .box {\r\n .social-icons {\r\n position: relative;\r\n }\r\n ul {\r\n margin: 0;\r\n padding: 0;\r\n li {\r\n list-style: none;\r\n float: left;\r\n padding: 7px 7px;\r\n a {\r\n margin: 0 10px;\r\n font-size: 20px;\r\n transition: 0.5s;\r\n text-align: center;\r\n }\r\n }\r\n }\r\n}\r\n\r\n.relative {\r\n position: relative !important;\r\n}\r\n\r\n.construction .btn.btn-icon {\r\n width: 50px;\r\n height: 50px;\r\n text-align: center;\r\n padding: 0;\r\n background: $white-08;\r\n font-size: 20px;\r\n color: $white;\r\n margin: 0 3px;\r\n border-radius: 50px;\r\n}", "/*----- Range slider -------*/\r\n\r\n.range {\r\n display: table;\r\n position: relative;\r\n height: 25px;\r\n margin-top: 20px;\r\n background-color: rgb(245, 245, 245);\r\n border-radius: 4px;\r\n -webkit-box-shadow: inset 0 1px 2px $black-1;\r\n box-shadow: inset 0 1px 2px $black-1;\r\n cursor: pointer;\r\n}\r\n\r\n.range input[type=\"range\"] {\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n -ms-appearance: none !important;\r\n -o-appearance: none !important;\r\n appearance: none !important;\r\n display: table-cell;\r\n width: 100%;\r\n background-color: transparent;\r\n height: 25px;\r\n cursor: pointer;\r\n}\r\n\r\n.range input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n -ms-appearance: none !important;\r\n -o-appearance: none !important;\r\n appearance: none !important;\r\n width: 11px;\r\n height: 25px;\r\n color: rgb(255, 255, 255);\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 0px;\r\n background-color: rgb(153, 153, 153);\r\n}\r\n\r\n.range input[type=\"range\"]::-moz-slider-thumb {\r\n -webkit-appearance: none !important;\r\n -moz-appearance: none !important;\r\n -ms-appearance: none !important;\r\n -o-appearance: none !important;\r\n appearance: none !important;\r\n width: 11px;\r\n height: 25px;\r\n color: rgb(255, 255, 255);\r\n text-align: center;\r\n white-space: nowrap;\r\n vertical-align: baseline;\r\n border-radius: 0px;\r\n background-color: rgb(153, 153, 153);\r\n}\r\n\r\n.range output {\r\n display: table-cell;\r\n padding: 3px 5px 2px;\r\n min-width: 40px;\r\n color: rgb(255, 255, 255);\r\n background-color: rgb(153, 153, 153);\r\n text-align: center;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n border-bottom-left-radius: 0;\r\n border-top-left-radius: 0;\r\n width: 1%;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n -webkit-transition: all 0.5s ease;\r\n -moz-transition: all 0.5s ease;\r\n -o-transition: all 0.5s ease;\r\n -ms-transition: all 0.5s ease;\r\n transition: all 0.5s ease;\r\n -webkit-user-select: none;\r\n -khtml-user-select: none;\r\n -moz-user-select: -moz-none;\r\n -o-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n.range input[type=\"range\"] {\r\n outline: none;\r\n}", ".ribbon1 {\r\n\tposition: absolute;\r\n\ttop: -6.1px;\r\n\tright: 10px;\r\n\tcolor: $white;\r\n\tz-index: 1;\r\n\t&:after {\r\n\t\tposition: absolute;\r\n\t\tcontent: \"\";\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-left: 20px solid transparent;\r\n\t\tborder-right: 24px solid transparent;\r\n\t\tborder-top: 13px solid #F8463F;\r\n\t}\r\n\tspan {\r\n\t\tposition: relative;\r\n\t\tdisplay: block;\r\n\t\ttext-align: center;\r\n\t\tbackground: #F8463F;\r\n\t\tfont-size: 14px;\r\n\t\tline-height: 1;\r\n\t\tpadding: 12px 8px 10px;\r\n\t\tborder-top-right-radius: 8px;\r\n\t\t&:before,\r\n\t\t&:after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: \"\";\r\n\t\t}\r\n\t\t&:before {\r\n\t\t\theight: 6px;\r\n\t\t\twidth: 6px;\r\n\t\t\tleft: -6px;\r\n\t\t\ttop: 0;\r\n\t\t\tbackground: #F8463F;\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\theight: 6px;\r\n\t\t\twidth: 8px;\r\n\t\t\tleft: -8px;\r\n\t\t\ttop: 0;\r\n\t\t\tborder-radius: 8px 8px 0 0;\r\n\t\t\tbackground: #C02031;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.ribbon {\r\n\tposition: absolute;\r\n\tright: -5px;\r\n\ttop: -5px;\r\n\tz-index: 1;\r\n\toverflow: hidden;\r\n\twidth: 75px;\r\n\theight: 75px;\r\n\ttext-align: right;\r\n\tspan {\r\n\t\tfont-size: 10px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #FFF;\r\n\t\ttext-transform: uppercase;\r\n\t\ttext-align: center;\r\n\t\tline-height: 20px;\r\n\t\ttransform: rotate(45deg);\r\n\t\t-webkit-transform: rotate(45deg);\r\n\t\twidth: 100px;\r\n\t\tdisplay: block;\r\n\t\tbackground: #79A70A;\r\n\t\tbackground: linear-gradient(#f8463f 0%, #f8463f 100%);\r\n\t\tbox-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);\r\n\t\tposition: absolute;\r\n\t\ttop: 19px;\r\n\t\tright: -21px;\r\n\t\t&::before {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 0px;\r\n\t\t\ttop: 100%;\r\n\t\t\tz-index: -1;\r\n\t\t\tborder-left: 3px solid #f8463f;\r\n\t\t\tborder-right: 3px solid transparent;\r\n\t\t\tborder-bottom: 3px solid transparent;\r\n\t\t\tborder-top: 3px solid #f8463f;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 0px;\r\n\t\t\ttop: 100%;\r\n\t\t\tz-index: -1;\r\n\t\t\tborder-left: 3px solid transparent;\r\n\t\t\tborder-right: 3px solid #f8463f;\r\n\t\t\tborder-bottom: 3px solid transparent;\r\n\t\t\tborder-top: 3px solid #f8463f;\r\n\t\t}\r\n\t}\r\n}", "/*--- WIZARD ELEMENTS ---*/\r\n\r\n.wizard {\r\n border: 1px solid $border;\r\n background-color: $white;\r\n > {\r\n .steps {\r\n padding: 20px;\r\n > ul {\r\n padding: 0;\r\n margin-bottom: 0;\r\n display: flex;\r\n li {\r\n float: none;\r\n display: block;\r\n width: auto;\r\n .current-info {\r\n display: none;\r\n }\r\n .title {\r\n margin-left: 5px;\r\n white-space: nowrap;\r\n transition: all 0.2s ease-in-out;\r\n margin: 0;\r\n min-height: auto;\r\n }\r\n + li {\r\n margin-left: 5px;\r\n }\r\n }\r\n }\r\n a {\r\n color: $primary-1;\r\n font-weight: 500;\r\n font-size: 15px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n &:hover,\r\n &:active {\r\n color: $primary-1;\r\n font-weight: 500;\r\n font-size: 15px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n flex-shrink: 0;\r\n font-weight: 700;\r\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial,\r\n \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\r\n \"Noto Color Emoji\";\r\n display: block;\r\n text-align: center;\r\n line-height: 2;\r\n width: 30px;\r\n height: 30px;\r\n background-color: $primary-01;\r\n border-radius: 100%;\r\n transition: all 0.2s ease-in-out;\r\n margin-right: 5px;\r\n }\r\n }\r\n .disabled a {\r\n color: $primary-06;\r\n &:hover,\r\n &:active {\r\n color: $primary-06;\r\n }\r\n }\r\n .current a {\r\n color: $primary-1;\r\n &:hover,\r\n &:active {\r\n color: $primary-1;\r\n }\r\n .title,\r\n &:hover .title,\r\n &:active .title {\r\n display: inline-block;\r\n }\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n background-color: $primary-1;\r\n color: $white;\r\n }\r\n }\r\n .done a {\r\n color: $success;\r\n &:hover,\r\n &:active {\r\n color: $success;\r\n }\r\n .title,\r\n &:hover .title,\r\n &:active .title {\r\n display: none;\r\n }\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n background-color: $success;\r\n color: $white;\r\n }\r\n }\r\n }\r\n .content {\r\n border-top: 1px solid $border;\r\n border-bottom: 1px solid $border;\r\n min-height: 150px;\r\n padding: 20px;\r\n > {\r\n .title {\r\n font-size: 18px;\r\n color: $default-color;\r\n font-weight: 600;\r\n padding-bottom: 15px;\r\n display: none;\r\n margin: 0;\r\n &.current {\r\n display: block;\r\n }\r\n }\r\n .body {\r\n float: none;\r\n position: static;\r\n width: auto;\r\n height: auto;\r\n input.parsley-error {\r\n border-color: #ff5c77;\r\n + ul {\r\n list-style: none !important;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n .actions {\r\n padding: 20px;\r\n > ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n display: flex;\r\n justify-content: space-between;\r\n > li:last-child a {\r\n background-color: $success;\r\n }\r\n }\r\n a {\r\n display: block;\r\n background-color: $primary-1;\r\n padding: 9px 25px;\r\n line-height: 1.573;\r\n color: $white;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n &:hover,\r\n &:active {\r\n display: block;\r\n background-color: $primary-1;\r\n padding: 9px 25px;\r\n line-height: 1.573;\r\n color: $white;\r\n border-radius: 4px;\r\n font-weight: 500;\r\n }\r\n }\r\n .disabled a {\r\n background-color: #e8ebf2;\r\n color: $default-color;\r\n &:hover,\r\n &:active {\r\n background-color: #e8ebf2;\r\n color: $default-color;\r\n }\r\n }\r\n }\r\n }\r\n &.vertical > {\r\n .steps {\r\n padding: 20px;\r\n ul li {\r\n + li {\r\n margin-left: 10px;\r\n }\r\n .title {\r\n display: none;\r\n }\r\n }\r\n .current a .title {\r\n display: inline-block;\r\n }\r\n }\r\n .content {\r\n margin: 0;\r\n padding: 20px;\r\n }\r\n .actions {\r\n padding: 20px;\r\n ul {\r\n float: none;\r\n margin: 0;\r\n padding: 0;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard > .steps {\r\n padding: 25px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard > .steps {\r\n padding: 20px;\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .wizard > .steps > ul li .title {\r\n transition: none;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard > .steps > ul li .title {\r\n display: none;\r\n margin-left: 10px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard > .steps > ul li .title {\r\n display: inline-block;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard > .steps > ul li + li {\r\n margin-left: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard > .steps > ul li + li {\r\n margin-left: 30px;\r\n }\r\n}\r\n\r\n@media (min-width: 1200px) {\r\n .wizard > .steps a {\r\n justify-content: flex-start;\r\n &:hover,\r\n &:active {\r\n justify-content: flex-start;\r\n }\r\n }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n .wizard > .steps a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n transition: none;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard > .steps a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n font-size: 18px;\r\n font-weight: 600;\r\n line-height: 2.2;\r\n width: 40px;\r\n height: 40px;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard > .steps .disabled {\r\n display: block;\r\n }\r\n}\r\n@media (min-width: 768px) and (max-width: 1200px) {\r\n .wizard > .steps > ul li .title {\r\n display: none;\r\n }\r\n}\r\n\r\n// @media (max-width: 991px) {\r\n// .wizard>.steps .disabled {\r\n// display: none;\r\n// }\r\n// }\r\n\r\n@media (min-width: 768px) {\r\n .wizard > .steps .done a {\r\n .title,\r\n &:hover .title,\r\n &:active .title {\r\n display: inline-block;\r\n }\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard > .content {\r\n padding: 25px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard > .content {\r\n padding: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard > .actions {\r\n padding: 25px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard > .actions {\r\n padding: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .steps {\r\n float: left;\r\n width: 20%;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard.vertical > .steps {\r\n width: 15%;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .steps {\r\n padding: 20px;\r\n width: 35%;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .steps ul {\r\n flex-direction: column;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .steps ul li + li {\r\n margin-top: 10px;\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard.vertical > .steps ul li + li {\r\n margin-top: 20px;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .steps ul li .title {\r\n display: block;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .steps a {\r\n justify-content: flex-start;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .steps .current a .title {\r\n display: none;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .steps .current a .title {\r\n display: inline-block;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .content {\r\n border-top-width: 0;\r\n border-bottom-width: 0;\r\n width: 80%;\r\n float: right;\r\n border-left: 1px solid $border;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard.vertical > .content {\r\n width: 85%;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .content {\r\n width: 65%;\r\n padding: 25px;\r\n }\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .wizard.vertical > .actions {\r\n width: 80%;\r\n float: right;\r\n border-left: 1px solid $border;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .wizard.vertical > .actions {\r\n width: 85%;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .wizard.vertical > .actions {\r\n width: 65%;\r\n padding: 25px;\r\n }\r\n}\r\n\r\n/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/\r\n\r\n.step-equal-width > .steps > ul {\r\n display: flex;\r\n > li {\r\n flex: 1;\r\n width: auto;\r\n float: none;\r\n flex: 1;\r\n width: auto;\r\n float: none;\r\n }\r\n display: flex;\r\n}\r\n\r\n/****** EQUAL COLUMN WIDTH STEP INDICATOR *****/\r\n\r\n/***** CUSTOM STYLES *****/\r\n\r\n.wizard-style-1 > .steps > ul {\r\n a {\r\n padding: 0;\r\n height: 50px;\r\n &:hover,\r\n &:active {\r\n padding: 0;\r\n height: 50px;\r\n }\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n width: 50px;\r\n height: 100%;\r\n border: 0;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #737688;\r\n background-color: #f3f7fd;\r\n border-radius: 0;\r\n }\r\n .title,\r\n &:hover .title,\r\n &:active .title {\r\n margin-right: 20px;\r\n margin-left: 20px;\r\n }\r\n }\r\n .current a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n background-color: $primary-1;\r\n color: $white;\r\n }\r\n }\r\n .done a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n background-color: #643ab0;\r\n color: $white;\r\n }\r\n }\r\n}\r\n\r\n.wizard-style-2 > .steps > ul {\r\n a {\r\n padding: 0;\r\n height: 50px;\r\n border-radius: 50px;\r\n &:hover,\r\n &:active {\r\n padding: 0;\r\n height: 50px;\r\n border-radius: 50px;\r\n }\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n width: 50px;\r\n height: 100%;\r\n border: 2px solid #f3f7fd;\r\n font-size: 18px;\r\n font-weight: bold;\r\n color: #737688;\r\n background-color: $white;\r\n }\r\n .title,\r\n &:hover .title,\r\n &:active .title {\r\n margin-right: 20px;\r\n }\r\n }\r\n .current a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n border-color: $primary-1;\r\n color: $primary-1;\r\n }\r\n }\r\n .done a {\r\n .number,\r\n &:hover .number,\r\n &:active .number {\r\n border-color: #8c3feb;\r\n color: #8c3feb;\r\n }\r\n }\r\n}\r\n\r\n/*--- WIZARD ELEMENTS ---*/\r\n\r\n.wizard-card .moving-tab {\r\n margin-top: 5px;\r\n background-color: $primary-1 !important;\r\n}\r\n\r\n.form-group label.control-label {\r\n color: $primary-1;\r\n}\r\n\r\n.wizard-card.form-group .form-control {\r\n background-image: linear-gradient(#c4c4c4, #c4c4c4, linear-gradient(#e1e1e2, #e1e1e2));\r\n}\r\n\r\n.wizard-container .wizard-navigation {\r\n background: #ebeff8;\r\n}\r\n\r\n.wizard-card .choice {\r\n &:hover .icon,\r\n &.active .icon {\r\n border-color: $primary-1 !important;\r\n color: $primary-1 !important;\r\n }\r\n}\r\n\r\n@media (max-width: 1279px) and (min-width: 992px) {\r\n #smartwizard-3 .nav-tabs .nav-link {\r\n padding: 1rem 1.8rem;\r\n }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n .wizard > .steps .current a .title,\r\n .wizard > .steps .current a:hover .title,\r\n .wizard > .steps .current a:active .title {\r\n display: none;\r\n }\r\n .wizard > .steps > ul li .title {\r\n display: none;\r\n }\r\n .wizard.vertical>.steps ul li .title {\r\n display: none !important;\r\n }\r\n}\r\n", ".widgets-cards .wrp {\r\n\t&.icon-circle {\r\n\t\twidth: 73px;\r\n\t\theight: 73px;\r\n\t\tborder-radius: 50px;\r\n\t\tdisplay: -webkit-flex;\r\n\t\tdisplay: flex;\r\n\t\t-webkit-align-items: center;\r\n\t\talign-items: center;\r\n\t\t-webkit-justify-content: center;\r\n\t\tjustify-content: center;\r\n\t\tpadding: 0;\r\n\t\tmargin-right: 15px;\r\n\t\ti {\r\n\t\t\tfont-size: 1.6rem;\r\n\t\t\tcolor: $white;\r\n\t\t}\r\n\t}\r\n\tp {\r\n\t\tmargin-bottom: 0;\r\n\t\tline-height: 1;\r\n\t\tmargin-bottom: 10px;\r\n\t\t&:first-child {\r\n\t\t\tfont-weight: 600;\r\n\t\t\tfont-size: 25px;\r\n\t\t}\r\n\t}\r\n}\r\n/**widgets*/\r\n\r\n.widgets {\r\n\tfont-size: 35px;\r\n\tpadding: 20px;\r\n}\r\n.widgets-cards .widgets-cards-data {\r\n\tmargin-top: 8px;\r\n\t.wrp p:first-child {\r\n\t\tfont-size: 20px;\r\n\t\tfont-weight: 500;\r\n\t}\r\n}", ".fs-18.embed-responsive {\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\twidth: 100%;\r\n\tpadding: 0;\r\n\toverflow: hidden;\r\n\t&::before {\r\n\t\tdisplay: block;\r\n\t\tcontent: \"\";\r\n\t}\r\n\t.embed-responsive-item, iframe, embed, object, video {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tborder: 0;\r\n\t}\r\n}\r\n.embed-responsive-21by9::before {\r\n\tpadding-top: 42.85714286%;\r\n}\r\n.embed-responsive-16by9::before {\r\n\tpadding-top: 56.25%;\r\n}\r\n.embed-responsive-4by3::before {\r\n\tpadding-top: 75%;\r\n}\r\n.embed-responsive-1by1::before {\r\n\tpadding-top: 100%;\r\n}\r\n.flex-row {\r\n\t-ms-flex-direction: row !important;\r\n\tflex-direction: row !important;\r\n}\r\n.flex-column {\r\n\t-ms-flex-direction: column !important;\r\n\tflex-direction: column !important;\r\n}\r\n.flex-row-reverse {\r\n\t-ms-flex-direction: row-reverse !important;\r\n\tflex-direction: row-reverse !important;\r\n}\r\n.flex-column-reverse {\r\n\t-ms-flex-direction: column-reverse !important;\r\n\tflex-direction: column-reverse !important;\r\n}\r\n.flex-wrap {\r\n\t-ms-flex-wrap: wrap !important;\r\n\tflex-wrap: wrap !important;\r\n}\r\n.flex-nowrap {\r\n\t-ms-flex-wrap: nowrap !important;\r\n\tflex-wrap: nowrap !important;\r\n}\r\n.flex-wrap-reverse {\r\n\t-ms-flex-wrap: wrap-reverse !important;\r\n\tflex-wrap: wrap-reverse !important;\r\n}\r\n.flex-fill {\r\n\t-ms-flex: 1 1 auto !important;\r\n\tflex: 1 1 auto !important;\r\n}\r\n.flex-grow-0 {\r\n\t-ms-flex-positive: 0 !important;\r\n\tflex-grow: 0 !important;\r\n}\r\n.flex-grow-1 {\r\n\t-ms-flex-positive: 1 !important;\r\n\tflex-grow: 1 !important;\r\n}\r\n.flex-shrink-0 {\r\n\t-ms-flex-negative: 0 !important;\r\n\tflex-shrink: 0 !important;\r\n}\r\n.flex-shrink-1 {\r\n\t-ms-flex-negative: 1 !important;\r\n\tflex-shrink: 1 !important;\r\n}\r\n.justify-content-start {\r\n\t-ms-flex-pack: start !important;\r\n\tjustify-content: flex-start !important;\r\n}\r\n.justify-content-end {\r\n\t-ms-flex-pack: end !important;\r\n\tjustify-content: flex-end !important;\r\n}\r\n.justify-content-center {\r\n\t-ms-flex-pack: center !important;\r\n\tjustify-content: center !important;\r\n}\r\n.justify-content-between {\r\n\t-ms-flex-pack: justify !important;\r\n\tjustify-content: space-between !important;\r\n}\r\n.justify-content-around {\r\n\t-ms-flex-pack: distribute !important;\r\n\tjustify-content: space-around !important;\r\n}\r\n@media (min-width: 576px) {\r\n\t.flex-sm-row {\r\n\t\t-ms-flex-direction: row !important;\r\n\t\tflex-direction: row !important;\r\n\t}\r\n\t.flex-sm-column {\r\n\t\t-ms-flex-direction: column !important;\r\n\t\tflex-direction: column !important;\r\n\t}\r\n\t.flex-sm-row-reverse {\r\n\t\t-ms-flex-direction: row-reverse !important;\r\n\t\tflex-direction: row-reverse !important;\r\n\t}\r\n\t.flex-sm-column-reverse {\r\n\t\t-ms-flex-direction: column-reverse !important;\r\n\t\tflex-direction: column-reverse !important;\r\n\t}\r\n\t.flex-sm-wrap {\r\n\t\t-ms-flex-wrap: wrap !important;\r\n\t\tflex-wrap: wrap !important;\r\n\t}\r\n\t.flex-sm-nowrap {\r\n\t\t-ms-flex-wrap: nowrap !important;\r\n\t\tflex-wrap: nowrap !important;\r\n\t}\r\n\t.flex-sm-wrap-reverse {\r\n\t\t-ms-flex-wrap: wrap-reverse !important;\r\n\t\tflex-wrap: wrap-reverse !important;\r\n\t}\r\n\t.flex-sm-fill {\r\n\t\t-ms-flex: 1 1 auto !important;\r\n\t\tflex: 1 1 auto !important;\r\n\t}\r\n\t.flex-sm-grow-0 {\r\n\t\t-ms-flex-positive: 0 !important;\r\n\t\tflex-grow: 0 !important;\r\n\t}\r\n\t.flex-sm-grow-1 {\r\n\t\t-ms-flex-positive: 1 !important;\r\n\t\tflex-grow: 1 !important;\r\n\t}\r\n\t.flex-sm-shrink-0 {\r\n\t\t-ms-flex-negative: 0 !important;\r\n\t\tflex-shrink: 0 !important;\r\n\t}\r\n\t.flex-sm-shrink-1 {\r\n\t\t-ms-flex-negative: 1 !important;\r\n\t\tflex-shrink: 1 !important;\r\n\t}\r\n\t.justify-content-sm-start {\r\n\t\t-ms-flex-pack: start !important;\r\n\t\tjustify-content: flex-start !important;\r\n\t}\r\n\t.justify-content-sm-end {\r\n\t\t-ms-flex-pack: end !important;\r\n\t\tjustify-content: flex-end !important;\r\n\t}\r\n\t.justify-content-sm-center {\r\n\t\t-ms-flex-pack: center !important;\r\n\t\tjustify-content: center !important;\r\n\t}\r\n\t.justify-content-sm-between {\r\n\t\t-ms-flex-pack: justify !important;\r\n\t\tjustify-content: space-between !important;\r\n\t}\r\n\t.justify-content-sm-around {\r\n\t\t-ms-flex-pack: distribute !important;\r\n\t\tjustify-content: space-around !important;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.flex-md-row {\r\n\t\t-ms-flex-direction: row !important;\r\n\t\tflex-direction: row !important;\r\n\t}\r\n\t.flex-md-column {\r\n\t\t-ms-flex-direction: column !important;\r\n\t\tflex-direction: column !important;\r\n\t}\r\n\t.flex-md-row-reverse {\r\n\t\t-ms-flex-direction: row-reverse !important;\r\n\t\tflex-direction: row-reverse !important;\r\n\t}\r\n\t.flex-md-column-reverse {\r\n\t\t-ms-flex-direction: column-reverse !important;\r\n\t\tflex-direction: column-reverse !important;\r\n\t}\r\n\t.flex-md-wrap {\r\n\t\t-ms-flex-wrap: wrap !important;\r\n\t\tflex-wrap: wrap !important;\r\n\t}\r\n\t.flex-md-nowrap {\r\n\t\t-ms-flex-wrap: nowrap !important;\r\n\t\tflex-wrap: nowrap !important;\r\n\t}\r\n\t.flex-md-wrap-reverse {\r\n\t\t-ms-flex-wrap: wrap-reverse !important;\r\n\t\tflex-wrap: wrap-reverse !important;\r\n\t}\r\n\t.flex-md-fill {\r\n\t\t-ms-flex: 1 1 auto !important;\r\n\t\tflex: 1 1 auto !important;\r\n\t}\r\n\t.flex-md-grow-0 {\r\n\t\t-ms-flex-positive: 0 !important;\r\n\t\tflex-grow: 0 !important;\r\n\t}\r\n\t.flex-md-grow-1 {\r\n\t\t-ms-flex-positive: 1 !important;\r\n\t\tflex-grow: 1 !important;\r\n\t}\r\n\t.flex-md-shrink-0 {\r\n\t\t-ms-flex-negative: 0 !important;\r\n\t\tflex-shrink: 0 !important;\r\n\t}\r\n\t.flex-md-shrink-1 {\r\n\t\t-ms-flex-negative: 1 !important;\r\n\t\tflex-shrink: 1 !important;\r\n\t}\r\n\t.justify-content-md-start {\r\n\t\t-ms-flex-pack: start !important;\r\n\t\tjustify-content: flex-start !important;\r\n\t}\r\n\t.justify-content-md-end {\r\n\t\t-ms-flex-pack: end !important;\r\n\t\tjustify-content: flex-end !important;\r\n\t}\r\n\t.justify-content-md-center {\r\n\t\t-ms-flex-pack: center !important;\r\n\t\tjustify-content: center !important;\r\n\t}\r\n\t.justify-content-md-between {\r\n\t\t-ms-flex-pack: justify !important;\r\n\t\tjustify-content: space-between !important;\r\n\t}\r\n\t.justify-content-md-around {\r\n\t\t-ms-flex-pack: distribute !important;\r\n\t\tjustify-content: space-around !important;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.flex-lg-row {\r\n\t\t-ms-flex-direction: row !important;\r\n\t\tflex-direction: row !important;\r\n\t}\r\n\t.flex-lg-column {\r\n\t\t-ms-flex-direction: column !important;\r\n\t\tflex-direction: column !important;\r\n\t}\r\n\t.flex-lg-row-reverse {\r\n\t\t-ms-flex-direction: row-reverse !important;\r\n\t\tflex-direction: row-reverse !important;\r\n\t}\r\n\t.flex-lg-column-reverse {\r\n\t\t-ms-flex-direction: column-reverse !important;\r\n\t\tflex-direction: column-reverse !important;\r\n\t}\r\n\t.flex-lg-wrap {\r\n\t\t-ms-flex-wrap: wrap !important;\r\n\t\tflex-wrap: wrap !important;\r\n\t}\r\n\t.flex-lg-nowrap {\r\n\t\t-ms-flex-wrap: nowrap !important;\r\n\t\tflex-wrap: nowrap !important;\r\n\t}\r\n\t.flex-lg-wrap-reverse {\r\n\t\t-ms-flex-wrap: wrap-reverse !important;\r\n\t\tflex-wrap: wrap-reverse !important;\r\n\t}\r\n\t.flex-lg-fill {\r\n\t\t-ms-flex: 1 1 auto !important;\r\n\t\tflex: 1 1 auto !important;\r\n\t}\r\n\t.flex-lg-grow-0 {\r\n\t\t-ms-flex-positive: 0 !important;\r\n\t\tflex-grow: 0 !important;\r\n\t}\r\n\t.flex-lg-grow-1 {\r\n\t\t-ms-flex-positive: 1 !important;\r\n\t\tflex-grow: 1 !important;\r\n\t}\r\n\t.flex-lg-shrink-0 {\r\n\t\t-ms-flex-negative: 0 !important;\r\n\t\tflex-shrink: 0 !important;\r\n\t}\r\n\t.flex-lg-shrink-1 {\r\n\t\t-ms-flex-negative: 1 !important;\r\n\t\tflex-shrink: 1 !important;\r\n\t}\r\n\t.justify-content-lg-start {\r\n\t\t-ms-flex-pack: start !important;\r\n\t\tjustify-content: flex-start !important;\r\n\t}\r\n\t.justify-content-lg-end {\r\n\t\t-ms-flex-pack: end !important;\r\n\t\tjustify-content: flex-end !important;\r\n\t}\r\n\t.justify-content-lg-center {\r\n\t\t-ms-flex-pack: center !important;\r\n\t\tjustify-content: center !important;\r\n\t}\r\n\t.justify-content-lg-between {\r\n\t\t-ms-flex-pack: justify !important;\r\n\t\tjustify-content: space-between !important;\r\n\t}\r\n\t.justify-content-lg-around {\r\n\t\t-ms-flex-pack: distribute !important;\r\n\t\tjustify-content: space-around !important;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.flex-xl-row {\r\n\t\t-ms-flex-direction: row !important;\r\n\t\tflex-direction: row !important;\r\n\t}\r\n\t.flex-xl-column {\r\n\t\t-ms-flex-direction: column !important;\r\n\t\tflex-direction: column !important;\r\n\t}\r\n\t.flex-xl-row-reverse {\r\n\t\t-ms-flex-direction: row-reverse !important;\r\n\t\tflex-direction: row-reverse !important;\r\n\t}\r\n\t.flex-xl-column-reverse {\r\n\t\t-ms-flex-direction: column-reverse !important;\r\n\t\tflex-direction: column-reverse !important;\r\n\t}\r\n\t.flex-xl-wrap {\r\n\t\t-ms-flex-wrap: wrap !important;\r\n\t\tflex-wrap: wrap !important;\r\n\t}\r\n\t.flex-xl-nowrap {\r\n\t\t-ms-flex-wrap: nowrap !important;\r\n\t\tflex-wrap: nowrap !important;\r\n\t}\r\n\t.flex-xl-wrap-reverse {\r\n\t\t-ms-flex-wrap: wrap-reverse !important;\r\n\t\tflex-wrap: wrap-reverse !important;\r\n\t}\r\n\t.flex-xl-fill {\r\n\t\t-ms-flex: 1 1 auto !important;\r\n\t\tflex: 1 1 auto !important;\r\n\t}\r\n\t.flex-xl-grow-0 {\r\n\t\t-ms-flex-positive: 0 !important;\r\n\t\tflex-grow: 0 !important;\r\n\t}\r\n\t.flex-xl-grow-1 {\r\n\t\t-ms-flex-positive: 1 !important;\r\n\t\tflex-grow: 1 !important;\r\n\t}\r\n\t.flex-xl-shrink-0 {\r\n\t\t-ms-flex-negative: 0 !important;\r\n\t\tflex-shrink: 0 !important;\r\n\t}\r\n\t.flex-xl-shrink-1 {\r\n\t\t-ms-flex-negative: 1 !important;\r\n\t\tflex-shrink: 1 !important;\r\n\t}\r\n\t.justify-content-xl-start {\r\n\t\t-ms-flex-pack: start !important;\r\n\t\tjustify-content: flex-start !important;\r\n\t}\r\n\t.justify-content-xl-end {\r\n\t\t-ms-flex-pack: end !important;\r\n\t\tjustify-content: flex-end !important;\r\n\t}\r\n\t.justify-content-xl-center {\r\n\t\t-ms-flex-pack: center !important;\r\n\t\tjustify-content: center !important;\r\n\t}\r\n\t.justify-content-xl-between {\r\n\t\t-ms-flex-pack: justify !important;\r\n\t\tjustify-content: space-between !important;\r\n\t}\r\n\t.justify-content-xl-around {\r\n\t\t-ms-flex-pack: distribute !important;\r\n\t\tjustify-content: space-around !important;\r\n\t}\r\n}\r\n/*------ Alignments -------*/\r\n\r\n.align-baseline {\r\n\tvertical-align: baseline !important;\r\n}\r\n.align-top {\r\n\tvertical-align: top !important;\r\n}\r\n.align-middle {\r\n\tvertical-align: middle !important;\r\n}\r\n.align-bottom {\r\n\tvertical-align: bottom !important;\r\n}\r\n.align-text-bottom {\r\n\tvertical-align: text-bottom !important;\r\n}\r\n.align-text-top {\r\n\tvertical-align: text-top !important;\r\n}\r\n.align-items-start {\r\n\t-ms-flex-align: start !important;\r\n\talign-items: flex-start !important;\r\n}\r\n.align-items-end {\r\n\t-ms-flex-align: end !important;\r\n\talign-items: flex-end !important;\r\n}\r\n.align-items-center {\r\n\t-ms-flex-align: center !important;\r\n\talign-items: center !important;\r\n}\r\n.align-items-baseline {\r\n\t-ms-flex-align: baseline !important;\r\n\talign-items: baseline !important;\r\n}\r\n.align-items-stretch {\r\n\t-ms-flex-align: stretch !important;\r\n\talign-items: stretch !important;\r\n}\r\n.align-content-start {\r\n\t-ms-flex-line-pack: start !important;\r\n\talign-content: flex-start !important;\r\n}\r\n.align-content-end {\r\n\t-ms-flex-line-pack: end !important;\r\n\talign-content: flex-end !important;\r\n}\r\n.align-content-center {\r\n\t-ms-flex-line-pack: center !important;\r\n\talign-content: center !important;\r\n}\r\n.align-content-between {\r\n\t-ms-flex-line-pack: justify !important;\r\n\talign-content: space-between !important;\r\n}\r\n.align-content-around {\r\n\t-ms-flex-line-pack: distribute !important;\r\n\talign-content: space-around !important;\r\n}\r\n.align-content-stretch {\r\n\t-ms-flex-line-pack: stretch !important;\r\n\talign-content: stretch !important;\r\n}\r\n.align-self-auto {\r\n\t-ms-flex-item-align: auto !important;\r\n\talign-self: auto !important;\r\n}\r\n.align-self-start {\r\n\t-ms-flex-item-align: start !important;\r\n\talign-self: flex-start !important;\r\n}\r\n.align-self-end {\r\n\t-ms-flex-item-align: end !important;\r\n\talign-self: flex-end !important;\r\n}\r\n.align-self-center {\r\n\t-ms-flex-item-align: center !important;\r\n\talign-self: center !important;\r\n}\r\n.align-self-baseline {\r\n\t-ms-flex-item-align: baseline !important;\r\n\talign-self: baseline !important;\r\n}\r\n.align-self-stretch {\r\n\t-ms-flex-item-align: stretch !important;\r\n\talign-self: stretch !important;\r\n}\r\n@media (min-width: 576px) {\r\n\t.align-items-sm-start {\r\n\t\t-ms-flex-align: start !important;\r\n\t\talign-items: flex-start !important;\r\n\t}\r\n\t.align-items-sm-end {\r\n\t\t-ms-flex-align: end !important;\r\n\t\talign-items: flex-end !important;\r\n\t}\r\n\t.align-items-sm-center {\r\n\t\t-ms-flex-align: center !important;\r\n\t\talign-items: center !important;\r\n\t}\r\n\t.align-items-sm-baseline {\r\n\t\t-ms-flex-align: baseline !important;\r\n\t\talign-items: baseline !important;\r\n\t}\r\n\t.align-items-sm-stretch {\r\n\t\t-ms-flex-align: stretch !important;\r\n\t\talign-items: stretch !important;\r\n\t}\r\n\t.align-content-sm-start {\r\n\t\t-ms-flex-line-pack: start !important;\r\n\t\talign-content: flex-start !important;\r\n\t}\r\n\t.align-content-sm-end {\r\n\t\t-ms-flex-line-pack: end !important;\r\n\t\talign-content: flex-end !important;\r\n\t}\r\n\t.align-content-sm-center {\r\n\t\t-ms-flex-line-pack: center !important;\r\n\t\talign-content: center !important;\r\n\t}\r\n\t.align-content-sm-between {\r\n\t\t-ms-flex-line-pack: justify !important;\r\n\t\talign-content: space-between !important;\r\n\t}\r\n\t.align-content-sm-around {\r\n\t\t-ms-flex-line-pack: distribute !important;\r\n\t\talign-content: space-around !important;\r\n\t}\r\n\t.align-content-sm-stretch {\r\n\t\t-ms-flex-line-pack: stretch !important;\r\n\t\talign-content: stretch !important;\r\n\t}\r\n\t.align-self-sm-auto {\r\n\t\t-ms-flex-item-align: auto !important;\r\n\t\talign-self: auto !important;\r\n\t}\r\n\t.align-self-sm-start {\r\n\t\t-ms-flex-item-align: start !important;\r\n\t\talign-self: flex-start !important;\r\n\t}\r\n\t.align-self-sm-end {\r\n\t\t-ms-flex-item-align: end !important;\r\n\t\talign-self: flex-end !important;\r\n\t}\r\n\t.align-self-sm-center {\r\n\t\t-ms-flex-item-align: center !important;\r\n\t\talign-self: center !important;\r\n\t}\r\n\t.align-self-sm-baseline {\r\n\t\t-ms-flex-item-align: baseline !important;\r\n\t\talign-self: baseline !important;\r\n\t}\r\n\t.align-self-sm-stretch {\r\n\t\t-ms-flex-item-align: stretch !important;\r\n\t\talign-self: stretch !important;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.align-items-md-start {\r\n\t\t-ms-flex-align: start !important;\r\n\t\talign-items: flex-start !important;\r\n\t}\r\n\t.align-items-md-end {\r\n\t\t-ms-flex-align: end !important;\r\n\t\talign-items: flex-end !important;\r\n\t}\r\n\t.align-items-md-center {\r\n\t\t-ms-flex-align: center !important;\r\n\t\talign-items: center !important;\r\n\t}\r\n\t.align-items-md-baseline {\r\n\t\t-ms-flex-align: baseline !important;\r\n\t\talign-items: baseline !important;\r\n\t}\r\n\t.align-items-md-stretch {\r\n\t\t-ms-flex-align: stretch !important;\r\n\t\talign-items: stretch !important;\r\n\t}\r\n\t.align-content-md-start {\r\n\t\t-ms-flex-line-pack: start !important;\r\n\t\talign-content: flex-start !important;\r\n\t}\r\n\t.align-content-md-end {\r\n\t\t-ms-flex-line-pack: end !important;\r\n\t\talign-content: flex-end !important;\r\n\t}\r\n\t.align-content-md-center {\r\n\t\t-ms-flex-line-pack: center !important;\r\n\t\talign-content: center !important;\r\n\t}\r\n\t.align-content-md-between {\r\n\t\t-ms-flex-line-pack: justify !important;\r\n\t\talign-content: space-between !important;\r\n\t}\r\n\t.align-content-md-around {\r\n\t\t-ms-flex-line-pack: distribute !important;\r\n\t\talign-content: space-around !important;\r\n\t}\r\n\t.align-content-md-stretch {\r\n\t\t-ms-flex-line-pack: stretch !important;\r\n\t\talign-content: stretch !important;\r\n\t}\r\n\t.align-self-md-auto {\r\n\t\t-ms-flex-item-align: auto !important;\r\n\t\talign-self: auto !important;\r\n\t}\r\n\t.align-self-md-start {\r\n\t\t-ms-flex-item-align: start !important;\r\n\t\talign-self: flex-start !important;\r\n\t}\r\n\t.align-self-md-end {\r\n\t\t-ms-flex-item-align: end !important;\r\n\t\talign-self: flex-end !important;\r\n\t}\r\n\t.align-self-md-center {\r\n\t\t-ms-flex-item-align: center !important;\r\n\t\talign-self: center !important;\r\n\t}\r\n\t.align-self-md-baseline {\r\n\t\t-ms-flex-item-align: baseline !important;\r\n\t\talign-self: baseline !important;\r\n\t}\r\n\t.align-self-md-stretch {\r\n\t\t-ms-flex-item-align: stretch !important;\r\n\t\talign-self: stretch !important;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.align-items-lg-start {\r\n\t\t-ms-flex-align: start !important;\r\n\t\talign-items: flex-start !important;\r\n\t}\r\n\t.align-items-lg-end {\r\n\t\t-ms-flex-align: end !important;\r\n\t\talign-items: flex-end !important;\r\n\t}\r\n\t.align-items-lg-center {\r\n\t\t-ms-flex-align: center !important;\r\n\t\talign-items: center !important;\r\n\t}\r\n\t.align-items-lg-baseline {\r\n\t\t-ms-flex-align: baseline !important;\r\n\t\talign-items: baseline !important;\r\n\t}\r\n\t.align-items-lg-stretch {\r\n\t\t-ms-flex-align: stretch !important;\r\n\t\talign-items: stretch !important;\r\n\t}\r\n\t.align-content-lg-start {\r\n\t\t-ms-flex-line-pack: start !important;\r\n\t\talign-content: flex-start !important;\r\n\t}\r\n\t.align-content-lg-end {\r\n\t\t-ms-flex-line-pack: end !important;\r\n\t\talign-content: flex-end !important;\r\n\t}\r\n\t.align-content-lg-center {\r\n\t\t-ms-flex-line-pack: center !important;\r\n\t\talign-content: center !important;\r\n\t}\r\n\t.align-content-lg-between {\r\n\t\t-ms-flex-line-pack: justify !important;\r\n\t\talign-content: space-between !important;\r\n\t}\r\n\t.align-content-lg-around {\r\n\t\t-ms-flex-line-pack: distribute !important;\r\n\t\talign-content: space-around !important;\r\n\t}\r\n\t.align-content-lg-stretch {\r\n\t\t-ms-flex-line-pack: stretch !important;\r\n\t\talign-content: stretch !important;\r\n\t}\r\n\t.align-self-lg-auto {\r\n\t\t-ms-flex-item-align: auto !important;\r\n\t\talign-self: auto !important;\r\n\t}\r\n\t.align-self-lg-start {\r\n\t\t-ms-flex-item-align: start !important;\r\n\t\talign-self: flex-start !important;\r\n\t}\r\n\t.align-self-lg-end {\r\n\t\t-ms-flex-item-align: end !important;\r\n\t\talign-self: flex-end !important;\r\n\t}\r\n\t.align-self-lg-center {\r\n\t\t-ms-flex-item-align: center !important;\r\n\t\talign-self: center !important;\r\n\t}\r\n\t.align-self-lg-baseline {\r\n\t\t-ms-flex-item-align: baseline !important;\r\n\t\talign-self: baseline !important;\r\n\t}\r\n\t.align-self-lg-stretch {\r\n\t\t-ms-flex-item-align: stretch !important;\r\n\t\talign-self: stretch !important;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.align-items-xl-start {\r\n\t\t-ms-flex-align: start !important;\r\n\t\talign-items: flex-start !important;\r\n\t}\r\n\t.align-items-xl-end {\r\n\t\t-ms-flex-align: end !important;\r\n\t\talign-items: flex-end !important;\r\n\t}\r\n\t.align-items-xl-center {\r\n\t\t-ms-flex-align: center !important;\r\n\t\talign-items: center !important;\r\n\t}\r\n\t.align-items-xl-baseline {\r\n\t\t-ms-flex-align: baseline !important;\r\n\t\talign-items: baseline !important;\r\n\t}\r\n\t.align-items-xl-stretch {\r\n\t\t-ms-flex-align: stretch !important;\r\n\t\talign-items: stretch !important;\r\n\t}\r\n\t.align-content-xl-start {\r\n\t\t-ms-flex-line-pack: start !important;\r\n\t\talign-content: flex-start !important;\r\n\t}\r\n\t.align-content-xl-end {\r\n\t\t-ms-flex-line-pack: end !important;\r\n\t\talign-content: flex-end !important;\r\n\t}\r\n\t.align-content-xl-center {\r\n\t\t-ms-flex-line-pack: center !important;\r\n\t\talign-content: center !important;\r\n\t}\r\n\t.align-content-xl-between {\r\n\t\t-ms-flex-line-pack: justify !important;\r\n\t\talign-content: space-between !important;\r\n\t}\r\n\t.align-content-xl-around {\r\n\t\t-ms-flex-line-pack: distribute !important;\r\n\t\talign-content: space-around !important;\r\n\t}\r\n\t.align-content-xl-stretch {\r\n\t\t-ms-flex-line-pack: stretch !important;\r\n\t\talign-content: stretch !important;\r\n\t}\r\n\t.align-self-xl-auto {\r\n\t\t-ms-flex-item-align: auto !important;\r\n\t\talign-self: auto !important;\r\n\t}\r\n\t.align-self-xl-start {\r\n\t\t-ms-flex-item-align: start !important;\r\n\t\talign-self: flex-start !important;\r\n\t}\r\n\t.align-self-xl-end {\r\n\t\t-ms-flex-item-align: end !important;\r\n\t\talign-self: flex-end !important;\r\n\t}\r\n\t.align-self-xl-center {\r\n\t\t-ms-flex-item-align: center !important;\r\n\t\talign-self: center !important;\r\n\t}\r\n\t.align-self-xl-baseline {\r\n\t\t-ms-flex-item-align: baseline !important;\r\n\t\talign-self: baseline !important;\r\n\t}\r\n\t.align-self-xl-stretch {\r\n\t\t-ms-flex-item-align: stretch !important;\r\n\t\talign-self: stretch !important;\r\n\t}\r\n}", ".bg-secondary {\r\n background: $secondary !important;\r\n}\r\n\r\na.bg-secondary {\r\n &:hover,\r\n &:focus {\r\n background-color: $secondary !important;\r\n }\r\n}\r\n\r\nbutton.bg-secondary {\r\n &:hover,\r\n &:focus {\r\n background-color: $secondary !important;\r\n }\r\n}\r\n\r\n.bg-success {\r\n background: $success !important;\r\n}\r\n\r\na.bg-success {\r\n &:hover,\r\n &:focus {\r\n background-color: #15bf42 !important;\r\n }\r\n}\r\n\r\nbutton.bg-success {\r\n &:hover,\r\n &:focus {\r\n background-color: #15bf42 !important;\r\n }\r\n}\r\n\r\n.bg-info {\r\n background: $info !important;\r\n}\r\n\r\na.bg-info {\r\n &:hover,\r\n &:focus {\r\n background-color: #1eb0e2 !important;\r\n }\r\n}\r\n\r\nbutton.bg-info {\r\n &:hover,\r\n &:focus {\r\n background-color: #1eb0e2 !important;\r\n }\r\n}\r\n\r\n.bg-warning {\r\n background: $warning !important;\r\n}\r\n\r\na.bg-warning {\r\n &:hover,\r\n &:focus {\r\n background-color: #e0a325 !important;\r\n }\r\n}\r\n\r\nbutton.bg-warning {\r\n &:hover,\r\n &:focus {\r\n background-color: #e0a325 !important;\r\n }\r\n}\r\n\r\n.bg-danger {\r\n background: $danger !important;\r\n}\r\n\r\na.bg-danger {\r\n &:hover,\r\n &:focus {\r\n background-color: #de223d !important;\r\n }\r\n}\r\n\r\nbutton.bg-danger {\r\n &:hover,\r\n &:focus {\r\n background-color: #de223d !important;\r\n }\r\n}\r\n\r\n.bg-light {\r\n background-color: #f6f6fb !important;\r\n}\r\n\r\na.bg-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\n.bg-dark {\r\n background-color: $dark !important;\r\n}\r\n\r\na.bg-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\nbutton.bg-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\n.bg-facebook {\r\n background: #2b4170 !important;\r\n}\r\n\r\n\r\n/*--- gradient-backgrounds --*/\r\n\r\n.bg-secondary-gradient {\r\n background: $secondary-gradient !important;\r\n}\r\n\r\na.bg-secondary-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: $secondary !important;\r\n }\r\n}\r\n\r\nbutton.bg-secondary-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: $secondary !important;\r\n }\r\n}\r\n\r\n.bg-success-gradient {\r\n background: $success-gradient !important;\r\n}\r\n\r\na.bg-success-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #448700 !important;\r\n }\r\n}\r\n\r\nbutton.bg-success-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #448700 !important;\r\n }\r\n}\r\n\r\n.bg-info-gradient {\r\n background: $info-gradient !important;\r\n}\r\n\r\na.bg-info-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #1594ef !important;\r\n }\r\n}\r\n\r\nbutton.bg-info-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #1594ef !important;\r\n }\r\n}\r\n\r\n.bg-warning-gradient {\r\n background: $warning-gradient !important;\r\n}\r\n\r\na.bg-warning-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: $yellow !important;\r\n }\r\n}\r\n\r\nbutton.bg-warning-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: $yellow !important;\r\n }\r\n}\r\n\r\n.bg-danger-gradient {\r\n background-image: $danger-gradient !important;\r\n}\r\n\r\na.bg-danger-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #a11918 !important;\r\n }\r\n}\r\n\r\nbutton.bg-danger-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #a11918 !important;\r\n }\r\n}\r\n\r\n.bg-light-gradient {\r\n background-color: #f8f9fa !important;\r\n}\r\n\r\na.bg-light-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #dae0e5 !important;\r\n }\r\n}\r\n\r\nbutton.bg-light-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #dae0e5 !important;\r\n }\r\n}\r\n\r\n.bg-dark-gradient {\r\n background-color: $dark !important;\r\n}\r\n\r\na.bg-dark-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\nbutton.bg-dark-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\n.bg-facebook-gradient {\r\n background: linear-gradient(to bottom right, #3b5998, #2b4170) !important;\r\n}\r\n\r\n.bg-white {\r\n background-color: $white !important;\r\n}\r\n\r\n.bg-transparent {\r\n background-color: transparent !important;\r\n}\r\n\r\n.bg1 {\r\n background: linear-gradient(to right bottom, #163b7c 0%, #548beb 100%);\r\n}\r\n\r\n.bg2 {\r\n background: linear-gradient(to bottom right, #00f2fe 0%, #1e63c3 100%) !important;\r\n}\r\n\r\n.bg3 {\r\n background: linear-gradient(to bottom right, #f53e31, #dd4b39);\r\n}\r\n\r\n\r\n/*------ Background colors -------*/\r\n\r\n.bg-purple {\r\n background: $purple !important;\r\n color: $white !important;\r\n}\r\n\r\na.bg-purple {\r\n &:hover,\r\n &:focus {\r\n background-color: #8c31e4 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple {\r\n &:hover,\r\n &:focus {\r\n background-color: #8c31e4 !important;\r\n }\r\n}\r\n\r\n.bg-blue-lightest {\r\n background-color: #edf2fa !important;\r\n}\r\n\r\na.bg-blue-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c5d5ef !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c5d5ef !important;\r\n }\r\n}\r\n\r\n.bg-blue-lighter {\r\n background-color: #c8d9f1 !important;\r\n}\r\n\r\na.bg-blue-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #9fbde7 !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #9fbde7 !important;\r\n }\r\n}\r\n\r\n.bg-blue-light {\r\n background-color: #7ea5dd !important;\r\n}\r\n\r\na.bg-blue-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #5689d2 !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #5689d2 !important;\r\n }\r\n}\r\n\r\n.bg-blue-dark {\r\n background-color: #3866a6 !important;\r\n}\r\n\r\na.bg-blue-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #2b4f80 !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #2b4f80 !important;\r\n }\r\n}\r\n\r\n.bg-blue-darker {\r\n background-color: #1c3353 !important;\r\n}\r\n\r\na.bg-blue-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #0f1c2d !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #0f1c2d !important;\r\n }\r\n}\r\n\r\n.bg-blue-darkest {\r\n background-color: #0e1929 !important;\r\n}\r\n\r\na.bg-blue-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #010203 !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #010203 !important;\r\n }\r\n}\r\n\r\n.bg-purssianblue {\r\n background-color: #362f71;\r\n}\r\n\r\na.bg-purssianblue-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f3688 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purssianblue-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f3688 !important;\r\n }\r\n}\r\n\r\n.bg-indigo-lightest {\r\n background-color: #f0f1fa !important;\r\n}\r\n\r\na.bg-indigo-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #cacded !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #cacded !important;\r\n }\r\n}\r\n\r\n.bg-indigo-lighter {\r\n background-color: #d1d5f0 !important;\r\n}\r\n\r\na.bg-indigo-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #abb2e3 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #abb2e3 !important;\r\n }\r\n}\r\n\r\n.bg-indigo-light {\r\n background-color: #939edc !important;\r\n}\r\n\r\na.bg-indigo-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #6c7bd0 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #6c7bd0 !important;\r\n }\r\n}\r\n\r\n.bg-indigo-dark {\r\n background-color: #515da4 !important;\r\n}\r\n\r\na.bg-indigo-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #404a82 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #404a82 !important;\r\n }\r\n}\r\n\r\n.bg-indigo-darker {\r\n background-color: #282e52 !important;\r\n}\r\n\r\na.bg-indigo-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #171b30 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #171b30 !important;\r\n }\r\n}\r\n\r\n.bg-indigo-darkest {\r\n background-color: #141729 !important;\r\n}\r\n\r\na.bg-indigo-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #030407 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #030407 !important;\r\n }\r\n}\r\n\r\n.bg-purple-lightest {\r\n background-color: #f6effd !important;\r\n}\r\n\r\na.bg-purple-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #ddc2f7 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #ddc2f7 !important;\r\n }\r\n}\r\n\r\n.bg-purple-lighter {\r\n background-color: #e4cff9 !important;\r\n}\r\n\r\na.bg-purple-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #cba2f3 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #cba2f3 !important;\r\n }\r\n}\r\n\r\n.bg-purple-light {\r\n background-color: #c08ef0 !important;\r\n}\r\n\r\na.bg-purple-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #a761ea !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #a761ea !important;\r\n }\r\n}\r\n\r\n.bg-purple-dark {\r\n background-color: #844bbb !important;\r\n}\r\n\r\na.bg-purple-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #6a3a99 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #6a3a99 !important;\r\n }\r\n}\r\n\r\n.bg-purple-darker {\r\n background-color: #42265e !important;\r\n}\r\n\r\na.bg-purple-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #29173a !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #29173a !important;\r\n }\r\n}\r\n\r\n.bg-purple-darkest {\r\n background-color: #21132f !important;\r\n}\r\n\r\na.bg-purple-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #08040b !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #08040b !important;\r\n }\r\n}\r\n\r\n.bg-pink-lightest {\r\n background-color: #fef0f5 !important;\r\n}\r\n\r\na.bg-pink-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #fbc0d5 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #fbc0d5 !important;\r\n }\r\n}\r\n\r\n.bg-pink-lighter {\r\n background-color: #fcd3e1 !important;\r\n}\r\n\r\na.bg-pink-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f9a3c0 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f9a3c0 !important;\r\n }\r\n}\r\n\r\n.bg-pink-light {\r\n background-color: #f999b9 !important;\r\n}\r\n\r\na.bg-pink-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f66998 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f66998 !important;\r\n }\r\n}\r\n\r\n.bg-pink-dark {\r\n background-color: #c5577c !important;\r\n}\r\n\r\na.bg-pink-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #ad3c62 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #ad3c62 !important;\r\n }\r\n}\r\n\r\n.bg-pink-darker {\r\n background-color: #622c3e !important;\r\n}\r\n\r\na.bg-pink-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f1c28 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f1c28 !important;\r\n }\r\n}\r\n\r\n.bg-pink-darkest {\r\n background-color: #31161f !important;\r\n}\r\n\r\na.bg-pink-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #0e0609 !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #0e0609 !important;\r\n }\r\n}\r\n\r\n.bg-red-lightest {\r\n background-color: #fae9e9 !important;\r\n}\r\n\r\na.bg-red-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #f1bfbf !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #f1bfbf !important;\r\n }\r\n}\r\n\r\n.bg-red-lighter {\r\n background-color: #f0bcbc !important;\r\n}\r\n\r\na.bg-red-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #e79292 !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #e79292 !important;\r\n }\r\n}\r\n\r\n.bg-red-light {\r\n background-color: #dc6362 !important;\r\n}\r\n\r\na.bg-red-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #d33a38 !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #d33a38 !important;\r\n }\r\n}\r\n\r\n.bg-red-dark {\r\n background-color: #a41a19 !important;\r\n}\r\n\r\na.bg-red-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #781312 !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #781312 !important;\r\n }\r\n}\r\n\r\n.bg-red-darker {\r\n background-color: #520d0c !important;\r\n}\r\n\r\na.bg-red-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #260605 !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #260605 !important;\r\n }\r\n}\r\n\r\n.bg-red-darkest {\r\n background-color: #290606 !important;\r\n}\r\n\r\na.bg-red-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-red-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-orange-lightest {\r\n background-color: $white !important;\r\n}\r\n\r\na.bg-orange-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: peachpuff !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: peachpuff !important;\r\n }\r\n}\r\n\r\n.bg-orange-lighter {\r\n background-color: #fee0c7 !important;\r\n}\r\n\r\na.bg-orange-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #fdc495 !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #fdc495 !important;\r\n }\r\n}\r\n\r\n.bg-orange-light {\r\n background-color: #feb67c !important;\r\n}\r\n\r\na.bg-orange-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #fe9a49 !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #fe9a49 !important;\r\n }\r\n}\r\n\r\n.bg-orange-dark {\r\n background-color: #ca7836 !important;\r\n}\r\n\r\na.bg-orange-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #a2602b !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #a2602b !important;\r\n }\r\n}\r\n\r\n.bg-orange-darker {\r\n background-color: #653c1b !important;\r\n}\r\n\r\na.bg-orange-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #3d2410 !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #3d2410 !important;\r\n }\r\n}\r\n\r\n.bg-orange-darkest {\r\n background-color: #331e0e !important;\r\n}\r\n\r\na.bg-orange-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #0b0603 !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #0b0603 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-lightest {\r\n background-color: #fef9e7 !important;\r\n}\r\n\r\na.bg-yellow-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #fcedb6 !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #fcedb6 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-lighter {\r\n background-color: #fbedb7 !important;\r\n}\r\n\r\na.bg-yellow-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f8e187 !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f8e187 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-light {\r\n background-color: #f5d657 !important;\r\n}\r\n\r\na.bg-yellow-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f2ca27 !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f2ca27 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-dark {\r\n background-color: #c19d0c !important;\r\n}\r\n\r\na.bg-yellow-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #917609 !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #917609 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-darker {\r\n background-color: #604e06 !important;\r\n}\r\n\r\na.bg-yellow-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #302703 !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #302703 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-darkest {\r\n background-color: #302703 !important;\r\n}\r\n\r\na.bg-yellow-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-green-lightest {\r\n background-color: #eff8e6 !important;\r\n}\r\n\r\na.bg-green-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d6edbe !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d6edbe !important;\r\n }\r\n}\r\n\r\n.bg-green-lighter {\r\n background-color: #cfeab3 !important;\r\n}\r\n\r\na.bg-green-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #b6df8b !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #b6df8b !important;\r\n }\r\n}\r\n\r\n.bg-green-light {\r\n background-color: #8ecf4d !important;\r\n}\r\n\r\na.bg-green-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #75b831 !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #75b831 !important;\r\n }\r\n}\r\n\r\n.bg-green-dark {\r\n background-color: #4b9500 !important;\r\n}\r\n\r\na.bg-green-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #316200 !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #316200 !important;\r\n }\r\n}\r\n\r\n.bg-green-darker {\r\n background-color: #264a00 !important;\r\n}\r\n\r\na.bg-green-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #0c1700 !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #0c1700 !important;\r\n }\r\n}\r\n\r\n.bg-green-darkest {\r\n background-color: #132500 !important;\r\n}\r\n\r\na.bg-green-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-green-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-teal-lightest {\r\n background-color: #eafaf8 !important;\r\n}\r\n\r\na.bg-teal-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c1f0ea !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c1f0ea !important;\r\n }\r\n}\r\n\r\n.bg-teal-lighter {\r\n background-color: #bfefea !important;\r\n}\r\n\r\na.bg-teal-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #96e5dd !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #96e5dd !important;\r\n }\r\n}\r\n\r\n.bg-teal-light {\r\n background-color: #6bdbcf !important;\r\n}\r\n\r\na.bg-teal-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #42d1c2 !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #42d1c2 !important;\r\n }\r\n}\r\n\r\n.bg-teal-dark {\r\n background-color: #22a295 !important;\r\n}\r\n\r\na.bg-teal-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #19786e !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #19786e !important;\r\n }\r\n}\r\n\r\n.bg-teal-darker {\r\n background-color: #11514a !important;\r\n}\r\n\r\na.bg-teal-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #082723 !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #082723 !important;\r\n }\r\n}\r\n\r\n.bg-teal-darkest {\r\n background-color: #092925 !important;\r\n}\r\n\r\na.bg-teal-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-cyan-lightest {\r\n background-color: #e8f6f8 !important;\r\n}\r\n\r\na.bg-cyan-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c1e7ec !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #c1e7ec !important;\r\n }\r\n}\r\n\r\n.bg-cyan-lighter {\r\n background-color: #b9e3ea !important;\r\n}\r\n\r\na.bg-cyan-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #92d3de !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #92d3de !important;\r\n }\r\n}\r\n\r\n.bg-cyan-light {\r\n background-color: #5dbecd !important;\r\n}\r\n\r\na.bg-cyan-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #3aabbd !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #3aabbd !important;\r\n }\r\n}\r\n\r\n.bg-cyan-dark {\r\n background-color: #128293 !important;\r\n}\r\n\r\na.bg-cyan-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #0c5a66 !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #0c5a66 !important;\r\n }\r\n}\r\n\r\n.bg-cyan-darker {\r\n background-color: #09414a !important;\r\n}\r\n\r\na.bg-cyan-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #03191d !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #03191d !important;\r\n }\r\n}\r\n\r\n.bg-cyan-darkest {\r\n background-color: #052025 !important;\r\n}\r\n\r\na.bg-cyan-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-white-lightest {\r\n background-color: white !important;\r\n}\r\n\r\na.bg-white-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\n.bg-white-lighter {\r\n background-color: white !important;\r\n}\r\n\r\na.bg-white-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\n.bg-white-light {\r\n background-color: white !important;\r\n}\r\n\r\na.bg-white-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\n.bg-white-dark {\r\n background-color: #cccccc !important;\r\n}\r\n\r\na.bg-white-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #b3b2b2 !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #b3b2b2 !important;\r\n }\r\n}\r\n\r\n.bg-white-darker {\r\n background-color: #666666 !important;\r\n}\r\n\r\na.bg-white-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #4d4c4c !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #4d4c4c !important;\r\n }\r\n}\r\n\r\n.bg-white-darkest {\r\n background-color: #333333 !important;\r\n}\r\n\r\na.bg-white-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #1a1919 !important;\r\n }\r\n}\r\n\r\nbutton.bg-white-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #1a1919 !important;\r\n }\r\n}\r\n\r\n.bg-gray-lightest {\r\n background-color: #f3f4f5 !important;\r\n}\r\n\r\na.bg-gray-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d7dbde !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d7dbde !important;\r\n }\r\n}\r\n\r\n.bg-gray-lighter {\r\n background-color: #dbdde0 !important;\r\n}\r\n\r\na.bg-gray-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #c0c3c8 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #c0c3c8 !important;\r\n }\r\n}\r\n\r\n.bg-gray-light {\r\n background-color: #aab0b6 !important;\r\n}\r\n\r\na.bg-gray-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #8f979e !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #8f979e !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark {\r\n background-color: #6b7278 !important;\r\n background: $dark !important;\r\n}\r\n\r\na.bg-gray-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #53585d !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #53585d !important;\r\n }\r\n}\r\n\r\n.bg-gray-darker {\r\n background-color: #36393c !important;\r\n}\r\n\r\na.bg-gray-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #1e2021 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #1e2021 !important;\r\n }\r\n}\r\n\r\n.bg-gray-darkest {\r\n background-color: #1b1c1e !important;\r\n}\r\n\r\na.bg-gray-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #030303 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #030303 !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-lightest {\r\n background-color: #ebebec !important;\r\n}\r\n\r\na.bg-gray-dark-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d1d1d3 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d1d1d3 !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-lighter {\r\n background-color: #c2c4c6 !important;\r\n}\r\n\r\na.bg-gray-dark-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #a8abad !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #a8abad !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-light {\r\n background-color: #717579 !important;\r\n}\r\n\r\na.bg-gray-dark-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #585c5f !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #585c5f !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-dark {\r\n background-color: #2a2e33 !important;\r\n}\r\n\r\na.bg-gray-dark-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #131517 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #131517 !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-darker {\r\n background-color: #15171a !important;\r\n}\r\n\r\na.bg-gray-dark-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-gray-dark-darkest {\r\n background-color: #0a0c0d !important;\r\n}\r\n\r\na.bg-gray-dark-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: black !important;\r\n }\r\n}\r\n\r\n.bg-azure-lightest {\r\n background-color: #ecf7fe !important;\r\n}\r\n\r\na.bg-azure-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #bce3fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #bce3fb !important;\r\n }\r\n}\r\n\r\n.bg-azure-lighter {\r\n background-color: #c7e6fb !important;\r\n}\r\n\r\na.bg-azure-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #97d1f8 !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #97d1f8 !important;\r\n }\r\n}\r\n\r\n.bg-azure-light {\r\n background-color: #7dc4f6 !important;\r\n}\r\n\r\na.bg-azure-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #4daef3 !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #4daef3 !important;\r\n }\r\n}\r\n\r\n.bg-azure-dark {\r\n background-color: #3788c2 !important;\r\n}\r\n\r\na.bg-azure-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #2c6c9a !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #2c6c9a !important;\r\n }\r\n}\r\n\r\n.bg-azure-darker {\r\n background-color: #1c4461 !important;\r\n}\r\n\r\na.bg-azure-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #112839 !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #112839 !important;\r\n }\r\n}\r\n\r\n.bg-azure-darkest {\r\n background-color: #0e2230 !important;\r\n}\r\n\r\na.bg-azure-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #020609 !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #020609 !important;\r\n }\r\n}\r\n\r\n.bg-lime-lightest {\r\n background-color: #f2fbeb !important;\r\n}\r\n\r\na.bg-lime-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d6f3c1 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-lightest {\r\n &:hover,\r\n &:focus {\r\n background-color: #d6f3c1 !important;\r\n }\r\n}\r\n\r\n.bg-lime-lighter {\r\n background-color: #d7f2c2 !important;\r\n}\r\n\r\na.bg-lime-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #bbe998 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-lighter {\r\n &:hover,\r\n &:focus {\r\n background-color: #bbe998 !important;\r\n }\r\n}\r\n\r\n.bg-lime-light {\r\n background-color: #a3e072 !important;\r\n}\r\n\r\na.bg-lime-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #88d748 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-light {\r\n &:hover,\r\n &:focus {\r\n background-color: #88d748 !important;\r\n }\r\n}\r\n\r\n.bg-lime-dark {\r\n background-color: #62a82a !important;\r\n}\r\n\r\na.bg-lime-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #4a7f20 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #4a7f20 !important;\r\n }\r\n}\r\n\r\n.bg-lime-darker {\r\n background-color: #315415 !important;\r\n}\r\n\r\na.bg-lime-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #192b0b !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-darker {\r\n &:hover,\r\n &:focus {\r\n background-color: #192b0b !important;\r\n }\r\n}\r\n\r\n.bg-lime-darkest {\r\n background-color: #192a0b !important;\r\n}\r\n\r\na.bg-lime-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #010200 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime-darkest {\r\n &:hover,\r\n &:focus {\r\n background-color: #010200 !important;\r\n }\r\n}\r\n\r\n.bg-blue-1 {\r\n background-color: #0061da;\r\n color: $white !important;\r\n}\r\n\r\n.bg-blue {\r\n background: $blue;\r\n color: $white !important;\r\n}\r\n\r\na.bg-blue {\r\n &:hover,\r\n &:focus {\r\n background-color: #4032f1 !important;\r\n }\r\n}\r\n\r\nbutton.bg-blue {\r\n &:hover,\r\n &:focus {\r\n background-color: #4032f1 !important;\r\n }\r\n}\r\n\r\n.bg-indigo {\r\n background: $indigo;\r\n color: $white !important;\r\n}\r\n\r\na.bg-indigo {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f51c1 !important;\r\n }\r\n}\r\n\r\nbutton.bg-indigo {\r\n &:hover,\r\n &:focus {\r\n background-color: #3f51c1 !important;\r\n }\r\n}\r\n\r\n.bg-purple-gradient {\r\n background: linear-gradient(to bottom right, $purple 0%, #647DEE 100%) !important;\r\n color: $white !important;\r\n}\r\n\r\na.bg-purple-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #8c31e4 !important;\r\n }\r\n}\r\n\r\nbutton.bg-purple-gradient {\r\n &:hover,\r\n &:focus {\r\n background-color: #8c31e4 !important;\r\n }\r\n}\r\n\r\n.bg-pink {\r\n background: $pink !important;\r\n color: $white !important;\r\n}\r\n\r\n.bg-darkpink {\r\n background-color: #14A485 !important;\r\n color: $white !important;\r\n}\r\n\r\na.bg-pink {\r\n &:hover,\r\n &:focus {\r\n background-color: #f33d7a !important;\r\n }\r\n}\r\n\r\nbutton.bg-pink {\r\n &:hover,\r\n &:focus {\r\n background-color: #f33d7a !important;\r\n }\r\n}\r\n\r\n.bg-red {\r\n background: $red;\r\n color: $white !important;\r\n}\r\n\r\na.bg-red {\r\n &:hover,\r\n &:focus {\r\n background-color: #a11918 !important;\r\n }\r\n}\r\n\r\nbutton.bg-red {\r\n &:hover,\r\n &:focus {\r\n background-color: #a11918 !important;\r\n }\r\n}\r\n\r\n.bg-orange {\r\n background: $orange;\r\n color: $white !important;\r\n}\r\n\r\na.bg-orange {\r\n &:hover,\r\n &:focus {\r\n background-color: #fc7a12 !important;\r\n }\r\n}\r\n\r\nbutton.bg-orange {\r\n &:hover,\r\n &:focus {\r\n background-color: #fc7a12 !important;\r\n }\r\n}\r\n\r\n.bg-yellow-1 {\r\n background-color: $yellow;\r\n color: $white !important;\r\n}\r\n\r\n.bg-yellow {\r\n background: $yellow;\r\n color: $white !important;\r\n}\r\n\r\na.bg-yellow {\r\n &:hover,\r\n &:focus {\r\n background-color: #c29d0b !important;\r\n }\r\n}\r\n\r\nbutton.bg-yellow {\r\n &:hover,\r\n &:focus {\r\n background-color: #c29d0b !important;\r\n }\r\n}\r\n\r\n.bg-green-1 {\r\n background-color: $green;\r\n color: $white !important;\r\n}\r\n\r\n.bg-green {\r\n background: $green;\r\n color: $white !important;\r\n}\r\n\r\na.bg-green {\r\n &:hover,\r\n &:focus {\r\n background-color: #448700 !important;\r\n }\r\n}\r\n\r\nbutton.bg-green {\r\n &:hover,\r\n &:focus {\r\n background-color: #448700 !important;\r\n }\r\n}\r\n\r\n.bg-teal {\r\n background: $teal !important;\r\n}\r\n\r\na.bg-teal {\r\n &:hover,\r\n &:focus {\r\n background-color: #22a193 !important;\r\n }\r\n}\r\n\r\nbutton.bg-teal {\r\n &:hover,\r\n &:focus {\r\n background-color: #22a193 !important;\r\n }\r\n}\r\n\r\n.bg-cyan {\r\n background: $cyan !important;\r\n color: $white !important;\r\n}\r\n\r\na.bg-cyan {\r\n &:hover,\r\n &:focus {\r\n background-color: #117a8b !important;\r\n }\r\n}\r\n\r\nbutton.bg-cyan {\r\n &:hover,\r\n &:focus {\r\n background-color: #117a8b !important;\r\n }\r\n}\r\n\r\na.bg-white {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\nbutton.bg-white {\r\n &:hover,\r\n &:focus {\r\n background-color: #f6f6fb !important;\r\n }\r\n}\r\n\r\n.bg-gray {\r\n background: $gray !important;\r\n}\r\n\r\na.bg-gray {\r\n &:hover,\r\n &:focus {\r\n background-color: #6c757d !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray {\r\n &:hover,\r\n &:focus {\r\n background-color: #6c757d !important;\r\n }\r\n}\r\n\r\n.bg-lightpink-red {\r\n color: #ff7088 !important;\r\n}\r\n\r\na.bg-gray-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\nbutton.bg-gray-dark {\r\n &:hover,\r\n &:focus {\r\n background-color: #1d2124 !important;\r\n }\r\n}\r\n\r\n.bg-azure {\r\n background: $azure;\r\n}\r\n\r\na.bg-azure {\r\n &:hover,\r\n &:focus {\r\n background-color: #1594ef !important;\r\n }\r\n}\r\n\r\nbutton.bg-azure {\r\n &:hover,\r\n &:focus {\r\n background-color: #1594ef !important;\r\n }\r\n}\r\n\r\n.bg-purple-1 {\r\n background: $purple;\r\n}\r\n\r\n.bg-lime {\r\n background: $lime;\r\n}\r\n\r\na.bg-lime {\r\n &:hover,\r\n &:focus {\r\n background-color: #63ad27 !important;\r\n }\r\n}\r\n\r\nbutton.bg-lime {\r\n &:hover,\r\n &:focus {\r\n background-color: #63ad27 !important;\r\n }\r\n}\r\n\r\n.bg-round {\r\n width: 1rem;\r\n height: 1rem;\r\n border-radius: 50%;\r\n position: absolute;\r\n}\r\n\r\n.bg-square {\r\n color: $white;\r\n background: #868e96;\r\n display: inline-block;\r\n min-width: 2rem;\r\n height: 2rem;\r\n padding: .5rem .25rem;\r\n text-align: center;\r\n border-radius: 3px;\r\n font-weight: 600;\r\n}\r\n\r\n.bg-primary-light {\r\n background: $white;\r\n border-radius: 7px;\r\n}\r\n\r\n.bg-google-plus {\r\n background-color: #dd4b39;\r\n}\r\n\r\n.bg-pinterest {\r\n background: linear-gradient(to right bottom, #c51629 0%, #bd081c 100%);\r\n}\r\n\r\n.bg-light-gray {\r\n background-color: #f6f6fb;\r\n}\r\n\r\n.bg-progress-white {\r\n background-color: #eaeceb;\r\n}\r\n\r\n.bg-dribbble {\r\n background: linear-gradient(to bottom right, #ea4c89, #c93764) !important;\r\n}\r\n\r\n.bg-google {\r\n background: linear-gradient(to bottom right, #e64522, #c33219) !important;\r\n color: $white;\r\n}\r\n\r\n\r\n/*--bg-transparents--*/\r\n\r\n.bg-success-transparent {\r\n background-color: rgba(0, 230, 130, 0.1) !important;\r\n}\r\n\r\n.bg-info-transparent {\r\n background-color: rgb(199, 224, 253) !important;\r\n}\r\n\r\n.bg-warning-transparent {\r\n background-color: rgba(255, 162, 43, 0.1) !important;\r\n}\r\n\r\n.bg-danger-transparent {\r\n background-color: rgba(255, 56, 43, 0.1) !important;\r\n}\r\n\r\n.bg-pink-transparent {\r\n background-color: rgba(213, 109, 252, 0.1) !important;\r\n}\r\n\r\n.bg-purple-transparent {\r\n background-color: rgba(96, 77, 216, 0.1) !important;\r\n}\r\n\r\n.bg-dark-transparent {\r\n background-color: rgba(0, 0, 0, 0.15) !important;\r\n}\r\n\r\n.bg-white-transparent {\r\n background-color: $white-2 !important;\r\n}\r\n\r\n.bg-secondary-transparent {\r\n background-color: rgba(5, 195, 251, .1) !important;\r\n}\r\n\r\n.shadow-primary {\r\n box-shadow: 0 7px 30px rgba($primary-03, 0.3) !important;\r\n}\r\n\r\n.shadow-secondary {\r\n box-shadow: 0 7px 30px rgba(130, 207, 242, 0.1) !important;\r\n}\r\n\r\n.shadow-warning {\r\n box-shadow: 0 7px 30px rgba(251, 176, 52, 0.1) !important;\r\n}\r\n\r\n.shadow-info {\r\n box-shadow: 0 7px 30px rgba(40, 146, 235, 0.5) !important;\r\n}\r\n\r\n.shadow-success {\r\n box-shadow: 0 7px 30px rgba(26, 122, 16, 0.1) !important;\r\n}\r\n\r\n.shadow-danger {\r\n box-shadow: 0 7px 30px rgba(245, 167, 184, 0.1) !important;\r\n}\r\n\r\n.google-plus1 {\r\n background: linear-gradient(to right bottom, #dd4b39 0%, #ef6a5a 100%);\r\n}\r\n\r\n.pinterest1 {\r\n background: linear-gradient(to right bottom, #bd081c 0%, #eb4553 100%);\r\n}\r\n\r\n.bg-default {\r\n background: #e9e9f1;\r\n color: $default-color;\r\n}\r\n\r\n\r\n/*--Box-shadow--*/", ".border {\r\n border: 1px solid $border !important;\r\n padding: 0.75rem;\r\n vertical-align: top;\r\n border: 1px solid $border;\r\n}\r\n\r\n.border-top {\r\n border-top: 1px solid $border !important;\r\n}\r\n\r\n.border-end {\r\n border-right: 1px solid $border !important;\r\n}\r\n\r\n.border-bottom {\r\n border-bottom: 1px solid $border !important;\r\n}\r\n\r\n.border-start {\r\n border-left: 1px solid $border !important;\r\n}\r\n\r\n.border-0 {\r\n border: 0 !important;\r\n}\r\n\r\n.border-top-0 {\r\n border-top: 0 !important;\r\n}\r\n\r\n.border-end-0 {\r\n border-right: 0 !important;\r\n}\r\n\r\n.border-bottom-0 {\r\n border-bottom: 0 !important;\r\n}\r\n\r\n.border-start-0 {\r\n border-left: 0 !important;\r\n}\r\n\r\n.border-secondary {\r\n border-color: $secondary !important;\r\n}\r\n\r\n.border-success {\r\n border-color: #1bbfa7 !important;\r\n}\r\n\r\n.border-info {\r\n border-color: $azure !important;\r\n}\r\n\r\n.border-warning {\r\n border-color: #ecb403 !important;\r\n}\r\n\r\n.border-danger {\r\n border-color: #f82649 !important;\r\n}\r\n\r\n.border-pink {\r\n border-color: $pink !important;\r\n}\r\n\r\n.border-orange {\r\n border-color: $orange !important;\r\n}\r\n\r\n.border-light {\r\n border-color: #f8f9fa !important;\r\n}\r\n\r\n.border-teansparent {\r\n border-color: #656a71!important;\r\n}\r\n\r\n.border-dark {\r\n border-color: $dark !important;\r\n}\r\n\r\n.border-white {\r\n border-color: $white !important;\r\n}\r\n\r\n.br-100 {\r\n border-radius: 100% !important;\r\n}\r\n\r\n.br-7 {\r\n border-radius: 7px !important;\r\n}\r\n\r\n.br-5 {\r\n border-radius: 5px;\r\n}\r\n\r\n.br-ts-7 {\r\n border-top-left-radius: 7px !important;\r\n}\r\n\r\n.br-bs-7 {\r\n border-bottom-left-radius: 7px !important;\r\n}\r\n\r\n.br-ts-5 {\r\n border-top-left-radius: 5px !important;\r\n}\r\n\r\n.br-bs-5 {\r\n border-bottom-left-radius: 5px !important;\r\n}\r\n\r\n.br-te-7 {\r\n border-top-right-radius: 7px !important;\r\n}\r\n\r\n.br-be-7 {\r\n border-bottom-right-radius: 7px !important;\r\n}\r\n\r\n.br-ts-0 {\r\n border-top-left-radius: 0px !important;\r\n}\r\n\r\n.br-bs-0 {\r\n border-bottom-left-radius: 0px !important;\r\n}\r\n\r\n.br-te-0 {\r\n border-top-right-radius: 0px !important;\r\n}\r\n\r\n.br-be-0 {\r\n border-bottom-right-radius: 0px !important;\r\n}\r\n\r\n.br-0 {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.noborder {\r\n border-radius: 0;\r\n}\r\n\r\n.brround {\r\n border-radius: 50% !important;\r\n}\r\n\r\n.bradius {\r\n border-radius: 25%;\r\n}\r\n\r\n.border-danger {\r\n border: 1px solid;\r\n}\r\n\r\n.border-end-1 {\r\n border-right: 1px solid #d5dce3;\r\n}\r\n\r\n.rounded {\r\n border-radius: 50% !important;\r\n}\r\n\r\n.rounded-top {\r\n border-top-left-radius: 3px !important;\r\n border-top-right-radius: 3px !important;\r\n}\r\n\r\n.rounded-end {\r\n border-top-right-radius: 3px !important;\r\n border-bottom-right-radius: 3px !important;\r\n}\r\n\r\n.rounded-bottom {\r\n border-bottom-right-radius: 3px !important;\r\n border-bottom-left-radius: 3px !important;\r\n}\r\n\r\n.rounded-start {\r\n border-top-left-radius: 3px !important;\r\n border-bottom-left-radius: 3px !important;\r\n}\r\n\r\n.rounded-circle {\r\n border-radius: 50% !important;\r\n}\r\n\r\n.rounded-0 {\r\n border-radius: 0 !important;\r\n}\r\n\r\n.clearfix::after {\r\n display: bsock;\r\n clear: both;\r\n content: \"\";\r\n}\r\n\r\n.border-dotted {\r\n border: 2px dotted;\r\n}\r\n\r\n.border-solid {\r\n border: 2px solid;\r\n}", ".display-1 {\r\n font-size: 5rem;\r\n font-weight: 500;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-2 {\r\n font-size: 4rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-3 {\r\n font-size: 3.5rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-4 {\r\n font-size: 3rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-5 {\r\n font-size: 2.5rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-6 {\r\n font-size: 2.3rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-7 {\r\n font-size: 1.8rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.display-8 {\r\n font-size: 1.3rem;\r\n font-weight: 300;\r\n line-height: 1.1;\r\n}\r\n\r\n.d-none {\r\n display: none !important;\r\n}\r\n\r\n.d-inline {\r\n display: inline !important;\r\n}\r\n\r\n.d-inline-block {\r\n display: inline-block !important;\r\n}\r\n\r\n.d-block {\r\n display: block !important;\r\n}\r\n\r\n.d-flex {\r\n display: flex!important;\r\n}\r\n\r\n.d-table {\r\n display: table !important;\r\n}\r\n\r\n.d-table-row {\r\n display: table-row !important;\r\n}\r\n\r\n.d-table-cell {\r\n display: table-cell !important;\r\n}\r\n\r\n.d-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .d-sm-none {\r\n display: none !important;\r\n }\r\n .d-sm-inline {\r\n display: inline !important;\r\n }\r\n .d-sm-inline-block {\r\n display: inline-block !important;\r\n }\r\n .d-sm-block {\r\n display: block !important;\r\n }\r\n .d-sm-table {\r\n display: table !important;\r\n }\r\n .d-sm-table-row {\r\n display: table-row !important;\r\n }\r\n .d-sm-table-cell {\r\n display: table-cell !important;\r\n }\r\n .d-sm-flex {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n }\r\n .d-sm-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .d-md-none {\r\n display: none !important;\r\n }\r\n .d-md-inline {\r\n display: inline !important;\r\n }\r\n .d-md-inline-block {\r\n display: inline-block !important;\r\n }\r\n .d-md-block {\r\n display: block !important;\r\n }\r\n .d-md-table {\r\n display: table !important;\r\n }\r\n .d-md-table-row {\r\n display: table-row !important;\r\n }\r\n .d-md-table-cell {\r\n display: table-cell !important;\r\n }\r\n .d-md-flex {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n }\r\n .d-md-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .d-lg-none {\r\n display: none !important;\r\n }\r\n .d-lg-inline {\r\n display: inline !important;\r\n }\r\n .d-lg-inline-block {\r\n display: inline-block !important;\r\n }\r\n .d-lg-block {\r\n display: block !important;\r\n }\r\n .d-lg-table {\r\n display: table !important;\r\n }\r\n .d-lg-table-row {\r\n display: table-row !important;\r\n }\r\n .d-lg-table-cell {\r\n display: table-cell !important;\r\n }\r\n .d-lg-flex {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n }\r\n .d-lg-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .d-xl-none {\r\n display: none !important;\r\n }\r\n .d-xl-inline {\r\n display: inline !important;\r\n }\r\n .d-xl-inline-block {\r\n display: inline-block !important;\r\n }\r\n .d-xl-block {\r\n display: block !important;\r\n }\r\n .d-xl-table {\r\n display: table !important;\r\n }\r\n .d-xl-table-row {\r\n display: table-row !important;\r\n }\r\n .d-xl-table-cell {\r\n display: table-cell !important;\r\n }\r\n .d-xl-flex {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n }\r\n .d-xl-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n }\r\n}\r\n\r\n@media print {\r\n .d-print-none {\r\n display: none !important;\r\n }\r\n .d-print-inline {\r\n display: inline !important;\r\n }\r\n .d-print-inline-block {\r\n display: inline-block !important;\r\n }\r\n .d-print-block {\r\n display: block !important;\r\n }\r\n .d-print-table {\r\n display: table !important;\r\n }\r\n .d-print-table-row {\r\n display: table-row !important;\r\n }\r\n .d-print-table-cell {\r\n display: table-cell !important;\r\n }\r\n .d-print-flex {\r\n display: -ms-flexbox !important;\r\n display: flex !important;\r\n }\r\n .d-print-inline-flex {\r\n display: -ms-inline-flexbox !important;\r\n display: inline-flex !important;\r\n }\r\n}\r\n\r\n.display-1 i,\r\n.display-2 i,\r\n.display-3 i,\r\n.display-4 i {\r\n vertical-align: baseline;\r\n font-size: 0.815em;\r\n}\r\n\r\n@media (max-width: 375px) {\r\n .d-xs-grid {\r\n display: grid !important;\r\n }\r\n}", ".float-start {\r\n\tfloat: left !important;\r\n}\r\n.float-end {\r\n\tfloat: right !important;\r\n}\r\n.float-none {\r\n\tfloat: none !important;\r\n}\r\n@media (min-width: 576px) {\r\n\t.float-sm-start {\r\n\t\tfloat: left !important;\r\n\t}\r\n\t.float-sm-end {\r\n\t\tfloat: right !important;\r\n\t}\r\n\t.float-sm-none {\r\n\t\tfloat: none !important;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.float-md-start {\r\n\t\tfloat: left !important;\r\n\t}\r\n\t.float-md-end {\r\n\t\tfloat: right !important;\r\n\t}\r\n\t.float-md-none {\r\n\t\tfloat: none !important;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.float-lg-start {\r\n\t\tfloat: left !important;\r\n\t}\r\n\t.float-lg-end {\r\n\t\tfloat: right !important;\r\n\t}\r\n\t.float-lg-none {\r\n\t\tfloat: none !important;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.float-xl-start {\r\n\t\tfloat: left !important;\r\n\t}\r\n\t.float-xl-end {\r\n\t\tfloat: right !important;\r\n\t}\r\n\t.float-xl-none {\r\n\t\tfloat: none !important;\r\n\t}\r\n}\r\n.floating {\r\n\tanimation: floating 3s ease infinite;\r\n\twill-change: transform;\r\n}", "h1, h2, h3, h4, h5, h6 {\r\n\tmargin-top: 0;\r\n\tmargin-bottom: 0.66em;\r\n}\r\nh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {\r\n\tmargin-bottom: 0.66em;\r\n\tfont-family: inherit;\r\n\tfont-weight: 400;\r\n\tline-height: 1.1;\r\n\tcolor: inherit;\r\n}\r\nh1, .h1 {\r\n\tfont-size: 2rem;\r\n}\r\nh2, .h2 {\r\n\tfont-size: 1.75rem;\r\n}\r\nh3, .h3 {\r\n\tfont-size: 1.5rem;\r\n}\r\nh4, .h4 {\r\n\tfont-size: 1.125rem;\r\n}\r\nh5, .h5 {\r\n\tfont-size: 1rem;\r\n}\r\nh6, .h6 {\r\n\tfont-size: 0.875rem;\r\n}\r\n/*--------- Height--------------*/\r\n.h-10 {\r\n\theight: 10% !important;\r\n}\r\n.h-25 {\r\n\theight: 25% !important;\r\n}\r\n.h-50 {\r\n\theight: 50% !important;\r\n}\r\n.h-75 {\r\n\theight: 75% !important;\r\n}\r\n.h-90 {\r\n\theight: 90px !important;\r\n}\r\n.h-60 {\r\n\theight: 60px !important;\r\n}\r\n.h-100 {\r\n\theight: 100% !important;\r\n}\r\n.h-150 {\r\n\theight: 150px !important;\r\n}\r\n.h-160 {\r\n\theight: 160px !important;\r\n}\r\n.h-180 {\r\n\theight: 180px !important;\r\n}\r\n.h-275 {\r\n\theight: 275px !important;\r\n}\r\n.h-365 {\r\n\theight: 365px !important;\r\n}\r\n.h-380 {\r\n\theight: 380px !important;\r\n}\r\n.h-400 {\r\n\theight: 400px !important;\r\n}\r\n.h-415 {\r\n\theight: 415px !important;\r\n}\r\n.h-430 {\r\n\theight: 430px !important;\r\n}\r\n.h-450 {\r\n\theight: 450px !important;\r\n}\r\n.h-200 {\r\n\theight: 200px !important;\r\n}\r\n.h-230 {\r\n\theight: 230px !important;\r\n}\r\n.h-500 {\r\n\theight: 500px !important;\r\n}\r\n.h-550 {\r\n\theight: 550px !important;\r\n}\r\n.h-600 {\r\n\theight: 600px !important;\r\n}\r\n.h-650 {\r\n\theight: 650px !important;\r\n}\r\n.h-auto {\r\n\theight: auto !important;\r\n}\r\n.h-0 {\r\n\theight: 0 !important;\r\n}\r\n.h-1 {\r\n\theight: 0.25rem !important;\r\n}\r\n.h-2 {\r\n\theight: 0.5rem !important;\r\n}\r\n.h-3 {\r\n\theight: 0.75rem !important;\r\n}\r\n.h-4 {\r\n\theight: 1rem !important;\r\n}\r\n.h-5 {\r\n\theight: 1.5rem !important;\r\n}\r\n.h-6 {\r\n\theight: 2rem !important;\r\n}\r\n.h-7 {\r\n\theight: 3rem !important;\r\n}\r\n.h-8 {\r\n\theight: 4rem !important;\r\n}\r\n.h-9 {\r\n\theight: 6rem !important;\r\n}\r\n.h-97 {\r\n\theight: 97px !important;\r\n}\r\n.h-240 {\r\n\theight: 240px !important;\r\n}\r\n.h-250 {\r\n\theight: 250px !important;\r\n}\r\n.h-260 {\r\n\theight: 260px !important;\r\n}\r\n.h-270 {\r\n\theight: 270px !important;\r\n}\r\n.h-280 {\r\n\theight: 280px !important;\r\n}\r\n.h-300 {\r\n\theight: 300px !important;\r\n}\r\n.h-340 {\r\n\theight: 340px !important;\r\n}\r\n.mh-100 {\r\n\tmax-height: 100% !important;\r\n}\r\n.h-100p {\r\n\theight: 100px !important;\r\n}", "/*--------- Margin--------------*/\r\n\r\n.m-0 {\r\n margin: 0 !important;\r\n}\r\n\r\n.mt-0,\r\n.my-0 {\r\n margin-top: 0 !important;\r\n}\r\n\r\n.me-0,\r\n.mx-0 {\r\n margin-right: 0 !important;\r\n}\r\n\r\n.mb-0,\r\n.my-0 {\r\n margin-bottom: 0 !important;\r\n}\r\n\r\n.ms-0,\r\n.mx-0 {\r\n margin-left: 0 !important;\r\n}\r\n\r\n.m-1 {\r\n margin: 0.25rem !important;\r\n}\r\n\r\n.mt-1,\r\n.my-1 {\r\n margin-top: 0.25rem !important;\r\n}\r\n\r\n.me-1,\r\n.mx-1 {\r\n margin-right: 0.25rem !important;\r\n}\r\n\r\n.mb-1,\r\n.my-1 {\r\n margin-bottom: 0.25rem !important;\r\n}\r\n\r\n.ms-1,\r\n.mx-1 {\r\n margin-left: 0.25rem !important;\r\n}\r\n\r\n.m-2 {\r\n margin: 0.5rem !important;\r\n}\r\n\r\n.mt-2,\r\n.my-2 {\r\n margin-top: 0.5rem !important;\r\n}\r\n\r\n.me-2,\r\n.mx-2 {\r\n margin-right: 0.5rem !important;\r\n}\r\n\r\n.mb-2,\r\n.my-2 {\r\n margin-bottom: 0.5rem !important;\r\n}\r\n\r\n.ms-2,\r\n.mx-2 {\r\n margin-left: 0.5rem !important;\r\n}\r\n\r\n.m-3 {\r\n margin: 0.75rem !important;\r\n}\r\n\r\n.mt-3,\r\n.my-3 {\r\n margin-top: 0.75rem !important;\r\n}\r\n\r\n.me-3,\r\n.mx-3 {\r\n margin-right: 0.75rem !important;\r\n}\r\n\r\n.mb-3,\r\n.my-3 {\r\n margin-bottom: 0.75rem !important;\r\n}\r\n\r\n.ms-3,\r\n.mx-3 {\r\n margin-left: 0.75rem !important;\r\n}\r\n\r\n.m-4 {\r\n margin: 1rem !important;\r\n}\r\n\r\n.mt-4,\r\n.my-4 {\r\n margin-top: 1rem !important;\r\n}\r\n\r\n.me-4,\r\n.mx-4 {\r\n margin-right: 1rem !important;\r\n}\r\n\r\n.mb-4,\r\n.my-4 {\r\n margin-bottom: 1rem !important;\r\n}\r\n\r\n.ms-4,\r\n.mx-4 {\r\n margin-left: 1rem !important;\r\n}\r\n\r\n.m-5 {\r\n margin: 1.5rem !important;\r\n}\r\n\r\n.mt-5,\r\n.my-5 {\r\n margin-top: 1.5rem !important;\r\n}\r\n\r\n.me-5,\r\n.mx-5 {\r\n margin-right: 1.5rem;\r\n}\r\n\r\n.mb-5,\r\n.my-5 {\r\n margin-bottom: 1.5rem !important;\r\n}\r\n\r\n.ms-5,\r\n.mx-5 {\r\n margin-left: 1.5rem !important;\r\n}\r\n\r\n.m-6 {\r\n margin: 2rem !important;\r\n}\r\n\r\n.mt-6,\r\n.my-6 {\r\n margin-top: 2rem !important;\r\n}\r\n\r\n.me-6,\r\n.mx-6 {\r\n margin-right: 2rem !important;\r\n}\r\n\r\n.mb-6,\r\n.my-6 {\r\n margin-bottom: 2rem !important;\r\n}\r\n\r\n.ms-6,\r\n.mx-6 {\r\n margin-left: 2rem !important;\r\n}\r\n\r\n.m-7 {\r\n margin: 3rem !important;\r\n}\r\n\r\n.mt-7,\r\n.my-7 {\r\n margin-top: 3rem !important;\r\n}\r\n\r\n.me-7,\r\n.mx-7 {\r\n margin-right: 3rem !important;\r\n}\r\n\r\n.mb-7,\r\n.my-7 {\r\n margin-bottom: 3rem !important;\r\n}\r\n\r\n.ms-7,\r\n.mx-7 {\r\n margin-left: 3rem !important;\r\n}\r\n\r\n.m-8 {\r\n margin: 4rem !important;\r\n}\r\n\r\n.mt-8,\r\n.my-8 {\r\n margin-top: 4rem !important;\r\n}\r\n\r\n.mt-10 {\r\n margin-top: 11rem !important;\r\n}\r\n\r\n.me-8,\r\n.mx-8 {\r\n margin-right: 4rem !important;\r\n}\r\n\r\n.mb-8,\r\n.my-8 {\r\n margin-bottom: 4rem !important;\r\n}\r\n\r\n.ms-8,\r\n.mx-8 {\r\n margin-left: 4rem !important;\r\n}\r\n\r\n.m-9 {\r\n margin: 6rem !important;\r\n}\r\n\r\n.mt-9,\r\n.my-9 {\r\n margin-top: 6rem !important;\r\n}\r\n\r\n.me-9,\r\n.mx-9 {\r\n margin-right: 6rem !important;\r\n}\r\n\r\n.mb-9,\r\n.my-9 {\r\n margin-bottom: 6rem !important;\r\n}\r\n\r\n.ms-9,\r\n.mx-9 {\r\n margin-left: 6rem !important;\r\n}\r\n\r\n.m-auto {\r\n margin: auto !important;\r\n}\r\n\r\n.mt-auto,\r\n.my-auto {\r\n margin-top: auto !important;\r\n}\r\n\r\n.me-auto,\r\n.mx-auto {\r\n margin-right: auto !important;\r\n}\r\n\r\n.mb-auto,\r\n.my-auto {\r\n margin-bottom: auto !important;\r\n}\r\n\r\n.ms-auto,\r\n.mx-auto {\r\n margin-left: auto !important;\r\n}\r\n\r\n@media (min-width: 576px) {\r\n .m-sm-0 {\r\n margin: 0 !important;\r\n }\r\n .mt-sm-0,\r\n .my-sm-0 {\r\n margin-top: 0 !important;\r\n }\r\n .me-sm-0,\r\n .mx-sm-0 {\r\n margin-right: 0 !important;\r\n }\r\n .mb-sm-0,\r\n .my-sm-0 {\r\n margin-bottom: 0 !important;\r\n }\r\n .ms-sm-0,\r\n .mx-sm-0 {\r\n margin-left: 0 !important;\r\n }\r\n .m-sm-1 {\r\n margin: 0.25rem !important;\r\n }\r\n .mt-sm-1,\r\n .my-sm-1 {\r\n margin-top: 0.25rem !important;\r\n }\r\n .me-sm-1,\r\n .mx-sm-1 {\r\n margin-right: 0.25rem !important;\r\n }\r\n .mb-sm-1,\r\n .my-sm-1 {\r\n margin-bottom: 0.25rem !important;\r\n }\r\n .ms-sm-1,\r\n .mx-sm-1 {\r\n margin-left: 0.25rem !important;\r\n }\r\n .m-sm-2 {\r\n margin: 0.5rem !important;\r\n }\r\n .mt-sm-2,\r\n .my-sm-2 {\r\n margin-top: 0.5rem !important;\r\n }\r\n .me-sm-2,\r\n .mx-sm-2 {\r\n margin-right: 0.5rem !important;\r\n }\r\n .mb-sm-2,\r\n .my-sm-2 {\r\n margin-bottom: 0.5rem !important;\r\n }\r\n .ms-sm-2,\r\n .mx-sm-2 {\r\n margin-left: 0.5rem !important;\r\n }\r\n .m-sm-3 {\r\n margin: 0.75rem !important;\r\n }\r\n .mt-sm-3,\r\n .my-sm-3 {\r\n margin-top: 0.75rem !important;\r\n }\r\n .me-sm-3,\r\n .mx-sm-3 {\r\n margin-right: 0.75rem !important;\r\n }\r\n .mb-sm-3,\r\n .my-sm-3 {\r\n margin-bottom: 0.75rem !important;\r\n }\r\n .ms-sm-3,\r\n .mx-sm-3 {\r\n margin-left: 0.75rem !important;\r\n }\r\n .m-sm-4 {\r\n margin: 1rem !important;\r\n }\r\n .mt-sm-4,\r\n .my-sm-4 {\r\n margin-top: 1rem !important;\r\n }\r\n .me-sm-4,\r\n .mx-sm-4 {\r\n margin-right: 1rem !important;\r\n }\r\n .mb-sm-4,\r\n .my-sm-4 {\r\n margin-bottom: 1rem !important;\r\n }\r\n .ms-sm-4,\r\n .mx-sm-4 {\r\n margin-left: 1rem !important;\r\n }\r\n .m-sm-5 {\r\n margin: 1.5rem !important;\r\n }\r\n .mt-sm-5,\r\n .my-sm-5 {\r\n margin-top: 1.5rem !important;\r\n }\r\n .me-sm-5,\r\n .mx-sm-5 {\r\n margin-right: 1.5rem !important;\r\n }\r\n .mb-sm-5,\r\n .my-sm-5 {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n .ms-sm-5,\r\n .mx-sm-5 {\r\n margin-left: 1.5rem !important;\r\n }\r\n .m-sm-6 {\r\n margin: 2rem !important;\r\n }\r\n .mt-sm-6,\r\n .my-sm-6 {\r\n margin-top: 2rem !important;\r\n }\r\n .me-sm-6,\r\n .mx-sm-6 {\r\n margin-right: 2rem !important;\r\n }\r\n .mb-sm-6,\r\n .my-sm-6 {\r\n margin-bottom: 2rem !important;\r\n }\r\n .ms-sm-6,\r\n .mx-sm-6 {\r\n margin-left: 2rem !important;\r\n }\r\n .m-sm-7 {\r\n margin: 3rem !important;\r\n }\r\n .mt-sm-7,\r\n .my-sm-7 {\r\n margin-top: 3rem !important;\r\n }\r\n .me-sm-7,\r\n .mx-sm-7 {\r\n margin-right: 3rem !important;\r\n }\r\n .mb-sm-7,\r\n .my-sm-7 {\r\n margin-bottom: 3rem !important;\r\n }\r\n .ms-sm-7,\r\n .mx-sm-7 {\r\n margin-left: 3rem !important;\r\n }\r\n .m-sm-8 {\r\n margin: 4rem !important;\r\n }\r\n .mt-sm-8,\r\n .my-sm-8 {\r\n margin-top: 4rem !important;\r\n }\r\n .me-sm-8,\r\n .mx-sm-8 {\r\n margin-right: 4rem !important;\r\n }\r\n .mb-sm-8,\r\n .my-sm-8 {\r\n margin-bottom: 4rem !important;\r\n }\r\n .ms-sm-8,\r\n .mx-sm-8 {\r\n margin-left: 4rem !important;\r\n }\r\n .m-sm-9 {\r\n margin: 6rem !important;\r\n }\r\n .mt-sm-9,\r\n .my-sm-9 {\r\n margin-top: 6rem !important;\r\n }\r\n .me-sm-9,\r\n .mx-sm-9 {\r\n margin-right: 6rem !important;\r\n }\r\n .mb-sm-9,\r\n .my-sm-9 {\r\n margin-bottom: 6rem !important;\r\n }\r\n .ms-sm-9,\r\n .mx-sm-9 {\r\n margin-left: 6rem !important;\r\n }\r\n .m-sm-auto {\r\n margin: auto !important;\r\n }\r\n .mt-sm-auto,\r\n .my-sm-auto {\r\n margin-top: auto !important;\r\n }\r\n .me-sm-auto,\r\n .mx-sm-auto {\r\n margin-right: auto !important;\r\n }\r\n .mb-sm-auto,\r\n .my-sm-auto {\r\n margin-bottom: auto !important;\r\n }\r\n .ms-sm-auto,\r\n .mx-sm-auto {\r\n margin-left: auto !important;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .m-md-0 {\r\n margin: 0 !important;\r\n }\r\n .mt-md-0,\r\n .my-md-0 {\r\n margin-top: 0 !important;\r\n }\r\n .me-md-0,\r\n .mx-md-0 {\r\n margin-right: 0 !important;\r\n }\r\n .mb-md-0,\r\n .my-md-0 {\r\n margin-bottom: 0 !important;\r\n }\r\n .ms-md-0,\r\n .mx-md-0 {\r\n margin-left: 0 !important;\r\n }\r\n .m-md-1 {\r\n margin: 0.25rem !important;\r\n }\r\n .mt-md-1,\r\n .my-md-1 {\r\n margin-top: 0.25rem !important;\r\n }\r\n .me-md-1,\r\n .mx-md-1 {\r\n margin-right: 0.25rem !important;\r\n }\r\n .mb-md-1,\r\n .my-md-1 {\r\n margin-bottom: 0.25rem !important;\r\n }\r\n .ms-md-1,\r\n .mx-md-1 {\r\n margin-left: 0.25rem !important;\r\n }\r\n .m-md-2 {\r\n margin: 0.5rem !important;\r\n }\r\n .mt-md-2,\r\n .my-md-2 {\r\n margin-top: 0.5rem !important;\r\n }\r\n .me-md-2,\r\n .mx-md-2 {\r\n margin-right: 0.5rem !important;\r\n }\r\n .mb-md-2,\r\n .my-md-2 {\r\n margin-bottom: 0.5rem !important;\r\n }\r\n .ms-md-2,\r\n .mx-md-2 {\r\n margin-left: 0.5rem !important;\r\n }\r\n .m-md-3 {\r\n margin: 0.75rem !important;\r\n }\r\n .mt-md-3,\r\n .my-md-3 {\r\n margin-top: 0.75rem !important;\r\n }\r\n .me-md-3,\r\n .mx-md-3 {\r\n margin-right: 0.75rem !important;\r\n }\r\n .mb-md-3,\r\n .my-md-3 {\r\n margin-bottom: 0.75rem !important;\r\n }\r\n .ms-md-3,\r\n .mx-md-3 {\r\n margin-left: 0.75rem !important;\r\n }\r\n .m-md-4 {\r\n margin: 1rem !important;\r\n }\r\n .mt-md-4,\r\n .my-md-4 {\r\n margin-top: 1rem !important;\r\n }\r\n .me-md-4,\r\n .mx-md-4 {\r\n margin-right: 1rem !important;\r\n }\r\n .mb-md-4,\r\n .my-md-4 {\r\n margin-bottom: 1rem !important;\r\n }\r\n .ms-md-4,\r\n .mx-md-4 {\r\n margin-left: 1rem !important;\r\n }\r\n .m-md-5 {\r\n margin: 1.5rem !important;\r\n }\r\n .mt-md-5,\r\n .my-md-5 {\r\n margin-top: 1.5rem !important;\r\n }\r\n .me-md-5,\r\n .mx-md-5 {\r\n margin-right: 1.5rem !important;\r\n }\r\n .mb-md-5,\r\n .my-md-5 {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n .ms-md-5,\r\n .mx-md-5 {\r\n margin-left: 1.5rem !important;\r\n }\r\n .m-md-6 {\r\n margin: 2rem !important;\r\n }\r\n .mt-md-6,\r\n .my-md-6 {\r\n margin-top: 2rem !important;\r\n }\r\n .me-md-6,\r\n .mx-md-6 {\r\n margin-right: 2rem !important;\r\n }\r\n .mb-md-6,\r\n .my-md-6 {\r\n margin-bottom: 2rem !important;\r\n }\r\n .ms-md-6,\r\n .mx-md-6 {\r\n margin-left: 2rem !important;\r\n }\r\n .m-md-7 {\r\n margin: 3rem !important;\r\n }\r\n .mt-md-7,\r\n .my-md-7 {\r\n margin-top: 3rem !important;\r\n }\r\n .me-md-7,\r\n .mx-md-7 {\r\n margin-right: 3rem !important;\r\n }\r\n .mb-md-7,\r\n .my-md-7 {\r\n margin-bottom: 3rem !important;\r\n }\r\n .ms-md-7,\r\n .mx-md-7 {\r\n margin-left: 3rem !important;\r\n }\r\n .m-md-8 {\r\n margin: 4rem !important;\r\n }\r\n .mt-md-8,\r\n .my-md-8 {\r\n margin-top: 4rem !important;\r\n }\r\n .me-md-8,\r\n .mx-md-8 {\r\n margin-right: 4rem !important;\r\n }\r\n .mb-md-8,\r\n .my-md-8 {\r\n margin-bottom: 4rem !important;\r\n }\r\n .ms-md-8,\r\n .mx-md-8 {\r\n margin-left: 4rem !important;\r\n }\r\n .m-md-9 {\r\n margin: 6rem !important;\r\n }\r\n .mt-md-9,\r\n .my-md-9 {\r\n margin-top: 6rem !important;\r\n }\r\n .me-md-9,\r\n .mx-md-9 {\r\n margin-right: 6rem !important;\r\n }\r\n .mb-md-9,\r\n .my-md-9 {\r\n margin-bottom: 6rem !important;\r\n }\r\n .ms-md-9,\r\n .mx-md-9 {\r\n margin-left: 6rem !important;\r\n }\r\n .m-md-auto {\r\n margin: auto !important;\r\n }\r\n .mt-md-auto,\r\n .my-md-auto {\r\n margin-top: auto !important;\r\n }\r\n .me-md-auto,\r\n .mx-md-auto {\r\n margin-right: auto !important;\r\n }\r\n .mb-md-auto,\r\n .my-md-auto {\r\n margin-bottom: auto !important;\r\n }\r\n .ms-md-auto,\r\n .mx-md-auto {\r\n margin-left: auto !important;\r\n }\r\n}\r\n\r\n@media (min-width: 992px) {\r\n .m-lg-0 {\r\n margin: 0 !important;\r\n }\r\n .mt-lg-0,\r\n .my-lg-0 {\r\n margin-top: 0 !important;\r\n }\r\n .me-lg-0,\r\n .mx-lg-0 {\r\n margin-right: 0 !important;\r\n }\r\n .mb-lg-0,\r\n .my-lg-0 {\r\n margin-bottom: 0 !important;\r\n }\r\n .ms-lg-0,\r\n .mx-lg-0 {\r\n margin-left: 0 !important;\r\n }\r\n .m-lg-1 {\r\n margin: 0.25rem !important;\r\n }\r\n .mt-lg-1,\r\n .my-lg-1 {\r\n margin-top: 0.25rem !important;\r\n }\r\n .me-lg-1,\r\n .mx-lg-1 {\r\n margin-right: 0.25rem !important;\r\n }\r\n .mb-lg-1,\r\n .my-lg-1 {\r\n margin-bottom: 0.25rem !important;\r\n }\r\n .ms-lg-1,\r\n .mx-lg-1 {\r\n margin-left: 0.25rem !important;\r\n }\r\n .m-lg-2 {\r\n margin: 0.5rem !important;\r\n }\r\n .mt-lg-2,\r\n .my-lg-2 {\r\n margin-top: 0.5rem !important;\r\n }\r\n .me-lg-2,\r\n .mx-lg-2 {\r\n margin-right: 0.5rem !important;\r\n }\r\n .mb-lg-2,\r\n .my-lg-2 {\r\n margin-bottom: 0.5rem !important;\r\n }\r\n .ms-lg-2,\r\n .mx-lg-2 {\r\n margin-left: 0.5rem !important;\r\n }\r\n .m-lg-3 {\r\n margin: 0.75rem !important;\r\n }\r\n .mt-lg-3,\r\n .my-lg-3 {\r\n margin-top: 0.75rem !important;\r\n }\r\n .me-lg-3,\r\n .mx-lg-3 {\r\n margin-right: 0.75rem !important;\r\n }\r\n .mb-lg-3,\r\n .my-lg-3 {\r\n margin-bottom: 0.75rem !important;\r\n }\r\n .ms-lg-3,\r\n .mx-lg-3 {\r\n margin-left: 0.75rem !important;\r\n }\r\n .m-lg-4 {\r\n margin: 1rem !important;\r\n }\r\n .mt-lg-4,\r\n .my-lg-4 {\r\n margin-top: 1rem !important;\r\n }\r\n .me-lg-4,\r\n .mx-lg-4 {\r\n margin-right: 1rem !important;\r\n }\r\n .mb-lg-4,\r\n .my-lg-4 {\r\n margin-bottom: 1rem !important;\r\n }\r\n .ms-lg-4,\r\n .mx-lg-4 {\r\n margin-left: 1rem !important;\r\n }\r\n .m-lg-5 {\r\n margin: 1.5rem !important;\r\n }\r\n .mt-lg-5,\r\n .my-lg-5 {\r\n margin-top: 1.5rem !important;\r\n }\r\n .me-lg-5,\r\n .mx-lg-5 {\r\n margin-right: 1.5rem !important;\r\n }\r\n .mb-lg-5,\r\n .my-lg-5 {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n .ms-lg-5,\r\n .mx-lg-5 {\r\n margin-left: 1.5rem !important;\r\n }\r\n .m-lg-6 {\r\n margin: 2rem !important;\r\n }\r\n .mt-lg-6,\r\n .my-lg-6 {\r\n margin-top: 2rem !important;\r\n }\r\n .me-lg-6,\r\n .mx-lg-6 {\r\n margin-right: 2rem !important;\r\n }\r\n .mb-lg-6,\r\n .my-lg-6 {\r\n margin-bottom: 2rem !important;\r\n }\r\n .ms-lg-6,\r\n .mx-lg-6 {\r\n margin-left: 2rem !important;\r\n }\r\n .m-lg-7 {\r\n margin: 3rem !important;\r\n }\r\n .mt-lg-7,\r\n .my-lg-7 {\r\n margin-top: 3rem !important;\r\n }\r\n .me-lg-7,\r\n .mx-lg-7 {\r\n margin-right: 3rem !important;\r\n }\r\n .mb-lg-7,\r\n .my-lg-7 {\r\n margin-bottom: 3rem !important;\r\n }\r\n .ms-lg-7,\r\n .mx-lg-7 {\r\n margin-left: 3rem !important;\r\n }\r\n .m-lg-8 {\r\n margin: 4rem !important;\r\n }\r\n .mt-lg-8,\r\n .my-lg-8 {\r\n margin-top: 4rem !important;\r\n }\r\n .me-lg-8,\r\n .mx-lg-8 {\r\n margin-right: 4rem !important;\r\n }\r\n .mb-lg-8,\r\n .my-lg-8 {\r\n margin-bottom: 4rem !important;\r\n }\r\n .ms-lg-8,\r\n .mx-lg-8 {\r\n margin-left: 4rem !important;\r\n }\r\n .m-lg-9 {\r\n margin: 6rem !important;\r\n }\r\n .mt-lg-9,\r\n .my-lg-9 {\r\n margin-top: 6rem !important;\r\n }\r\n .me-lg-9,\r\n .mx-lg-9 {\r\n margin-right: 6rem !important;\r\n }\r\n .mb-lg-9,\r\n .my-lg-9 {\r\n margin-bottom: 6rem !important;\r\n }\r\n .ms-lg-9,\r\n .mx-lg-9 {\r\n margin-left: 6rem !important;\r\n }\r\n .m-lg-auto {\r\n margin: auto !important;\r\n }\r\n .mt-lg-auto,\r\n .my-lg-auto {\r\n margin-top: auto !important;\r\n }\r\n .me-lg-auto,\r\n .mx-lg-auto {\r\n margin-right: auto !important;\r\n }\r\n .mb-lg-auto,\r\n .my-lg-auto {\r\n margin-bottom: auto !important;\r\n }\r\n .ms-lg-auto,\r\n .mx-lg-auto {\r\n margin-left: auto !important;\r\n }\r\n}\r\n\r\n@media (min-width: 1280px) {\r\n .m-xl-0 {\r\n margin: 0 !important;\r\n }\r\n .mt-xl-0,\r\n .my-xl-0 {\r\n margin-top: 0 !important;\r\n }\r\n .me-xl-0,\r\n .mx-xl-0 {\r\n margin-right: 0 !important;\r\n }\r\n .mb-xl-0,\r\n .my-xl-0 {\r\n margin-bottom: 0 !important;\r\n }\r\n .ms-xl-0,\r\n .mx-xl-0 {\r\n margin-left: 0 !important;\r\n }\r\n .m-xl-1 {\r\n margin: 0.25rem !important;\r\n }\r\n .mt-xl-1,\r\n .my-xl-1 {\r\n margin-top: 0.25rem !important;\r\n }\r\n .me-xl-1,\r\n .mx-xl-1 {\r\n margin-right: 0.25rem !important;\r\n }\r\n .mb-xl-1,\r\n .my-xl-1 {\r\n margin-bottom: 0.25rem !important;\r\n }\r\n .ms-xl-1,\r\n .mx-xl-1 {\r\n margin-left: 0.25rem !important;\r\n }\r\n .m-xl-2 {\r\n margin: 0.5rem !important;\r\n }\r\n .mt-xl-2,\r\n .my-xl-2 {\r\n margin-top: 0.5rem !important;\r\n }\r\n .me-xl-2,\r\n .mx-xl-2 {\r\n margin-right: 0.5rem !important;\r\n }\r\n .mb-xl-2,\r\n .my-xl-2 {\r\n margin-bottom: 0.5rem !important;\r\n }\r\n .ms-xl-2,\r\n .mx-xl-2 {\r\n margin-left: 0.5rem !important;\r\n }\r\n .m-xl-3 {\r\n margin: 0.75rem !important;\r\n }\r\n .mt-xl-3,\r\n .my-xl-3 {\r\n margin-top: 0.75rem !important;\r\n }\r\n .me-xl-3,\r\n .mx-xl-3 {\r\n margin-right: 0.75rem !important;\r\n }\r\n .mb-xl-3,\r\n .my-xl-3 {\r\n margin-bottom: 0.75rem !important;\r\n }\r\n .ms-xl-3,\r\n .mx-xl-3 {\r\n margin-left: 0.75rem !important;\r\n }\r\n .m-xl-4 {\r\n margin: 1rem !important;\r\n }\r\n .mt-xl-4,\r\n .my-xl-4 {\r\n margin-top: 1rem !important;\r\n }\r\n .me-xl-4,\r\n .mx-xl-4 {\r\n margin-right: 1rem !important;\r\n }\r\n .mb-xl-4,\r\n .my-xl-4 {\r\n margin-bottom: 1rem !important;\r\n }\r\n .ms-xl-4,\r\n .mx-xl-4 {\r\n margin-left: 1rem !important;\r\n }\r\n .m-xl-5 {\r\n margin: 1.5rem !important;\r\n }\r\n .mt-xl-5,\r\n .my-xl-5 {\r\n margin-top: 1.5rem !important;\r\n }\r\n .me-xl-5,\r\n .mx-xl-5 {\r\n margin-right: 1.5rem !important;\r\n }\r\n .mb-xl-5,\r\n .my-xl-5 {\r\n margin-bottom: 1.5rem !important;\r\n }\r\n .ms-xl-5,\r\n .mx-xl-5 {\r\n margin-left: 1.5rem !important;\r\n }\r\n .m-xl-6 {\r\n margin: 2rem !important;\r\n }\r\n .mt-xl-6,\r\n .my-xl-6 {\r\n margin-top: 2rem !important;\r\n }\r\n .me-xl-6,\r\n .mx-xl-6 {\r\n margin-right: 2rem !important;\r\n }\r\n .mb-xl-6,\r\n .my-xl-6 {\r\n margin-bottom: 2rem !important;\r\n }\r\n .ms-xl-6,\r\n .mx-xl-6 {\r\n margin-left: 2rem !important;\r\n }\r\n .m-xl-7 {\r\n margin: 3rem !important;\r\n }\r\n .mt-xl-7,\r\n .my-xl-7 {\r\n margin-top: 3rem !important;\r\n }\r\n .me-xl-7,\r\n .mx-xl-7 {\r\n margin-right: 3rem !important;\r\n }\r\n .mb-xl-7,\r\n .my-xl-7 {\r\n margin-bottom: 3rem !important;\r\n }\r\n .ms-xl-7,\r\n .mx-xl-7 {\r\n margin-left: 3rem !important;\r\n }\r\n .m-xl-8 {\r\n margin: 4rem !important;\r\n }\r\n .mt-xl-8,\r\n .my-xl-8 {\r\n margin-top: 4rem !important;\r\n }\r\n .me-xl-8,\r\n .mx-xl-8 {\r\n margin-right: 4rem !important;\r\n }\r\n .mb-xl-8,\r\n .my-xl-8 {\r\n margin-bottom: 4rem !important;\r\n }\r\n .ms-xl-8,\r\n .mx-xl-8 {\r\n margin-left: 4rem !important;\r\n }\r\n .m-xl-9 {\r\n margin: 6rem !important;\r\n }\r\n .mt-xl-9,\r\n .my-xl-9 {\r\n margin-top: 6rem !important;\r\n }\r\n .me-xl-9,\r\n .mx-xl-9 {\r\n margin-right: 6rem !important;\r\n }\r\n .mb-xl-9,\r\n .my-xl-9 {\r\n margin-bottom: 6rem !important;\r\n }\r\n .ms-xl-9,\r\n .mx-xl-9 {\r\n margin-left: 6rem !important;\r\n }\r\n .m-xl-auto {\r\n margin: auto !important;\r\n }\r\n .mt-xl-auto,\r\n .my-xl-auto {\r\n margin-top: auto !important;\r\n }\r\n .me-xl-auto,\r\n .mx-xl-auto {\r\n margin-right: auto !important;\r\n }\r\n .mb-xl-auto,\r\n .my-xl-auto {\r\n margin-bottom: auto !important;\r\n }\r\n .ms-xl-auto,\r\n .mx-xl-auto {\r\n margin-left: auto !important;\r\n }\r\n}", ".p-15 {\r\n\tpadding: 15px !important;\r\n}\r\n/*--------- Paddings--------------*/\r\n\r\n.p-0 {\r\n\tpadding: 0 !important;\r\n}\r\n.pt-0, .py-0 {\r\n\tpadding-top: 0 !important;\r\n}\r\n.pe-0, .px-0 {\r\n\tpadding-right: 0 !important;\r\n}\r\n.pb-0, .py-0 {\r\n\tpadding-bottom: 0 !important;\r\n}\r\n.ps-0, .px-0 {\r\n\tpadding-left: 0 !important;\r\n}\r\n.p-1 {\r\n\tpadding: 0.25rem !important;\r\n}\r\n.pt-1, .py-1 {\r\n\tpadding-top: 0.25rem !important;\r\n}\r\n.pe-1, .px-1 {\r\n\tpadding-right: 0.25rem !important;\r\n}\r\n.pb-1, .py-1 {\r\n\tpadding-bottom: 0.25rem !important;\r\n}\r\n.ps-1, .px-1 {\r\n\tpadding-left: 0.25rem !important;\r\n}\r\n.p-2 {\r\n\tpadding: 0.5rem !important;\r\n}\r\n.pt-2, .py-2 {\r\n\tpadding-top: 0.5rem !important;\r\n}\r\n.pe-2, .px-2 {\r\n\tpadding-right: 0.5rem !important;\r\n}\r\n.pb-2, .py-2 {\r\n\tpadding-bottom: 0.5rem !important;\r\n}\r\n.ps-2, .px-2 {\r\n\tpadding-left: 0.5rem !important;\r\n}\r\n.p-3 {\r\n\tpadding: 0.75rem !important;\r\n}\r\n.pt-3, .py-3 {\r\n\tpadding-top: 0.75rem !important;\r\n}\r\n.pe-3, .px-3 {\r\n\tpadding-right: 0.75rem !important;\r\n}\r\n.pb-3, .py-3 {\r\n\tpadding-bottom: 0.75rem !important;\r\n}\r\n.ps-3, .px-3 {\r\n\tpadding-left: 0.75rem !important;\r\n}\r\n.p-4 {\r\n\tpadding: 1rem !important;\r\n}\r\n.pt-4, .py-4 {\r\n\tpadding-top: 1rem !important;\r\n}\r\n.pe-4, .px-4 {\r\n\tpadding-right: 1rem !important;\r\n}\r\n.pb-4, .py-4 {\r\n\tpadding-bottom: 1rem !important;\r\n}\r\n.ps-4, .px-4 {\r\n\tpadding-left: 1rem !important;\r\n}\r\n.p-5 {\r\n\tpadding: 1.5rem !important;\r\n}\r\n.pt-5, .py-5 {\r\n\tpadding-top: 1.5rem !important;\r\n}\r\n.pe-5, .px-5 {\r\n\tpadding-right: 1.5rem !important;\r\n}\r\n.pb-5, .py-5 {\r\n\tpadding-bottom: 1.5rem !important;\r\n}\r\n.ps-5, .px-5 {\r\n\tpadding-left: 1.5rem !important;\r\n}\r\n.p-6 {\r\n\tpadding: 2rem !important;\r\n}\r\n.pt-6, .py-6 {\r\n\tpadding-top: 2rem !important;\r\n}\r\n.pe-6, .px-6 {\r\n\tpadding-right: 2rem !important;\r\n}\r\n.pb-6, .py-6 {\r\n\tpadding-bottom: 2rem !important;\r\n}\r\n.ps-6, .px-6 {\r\n\tpadding-left: 2rem !important;\r\n}\r\n.p-7 {\r\n\tpadding: 3rem !important;\r\n}\r\n.pt-7, .py-7 {\r\n\tpadding-top: 3rem !important;\r\n}\r\n.pe-7, .px-7 {\r\n\tpadding-right: 3rem !important;\r\n}\r\n.pb-7, .py-7 {\r\n\tpadding-bottom: 3rem !important;\r\n}\r\n.ps-7, .px-7 {\r\n\tpadding-left: 3rem !important;\r\n}\r\n.p-8 {\r\n\tpadding: 4rem !important;\r\n}\r\n.pt-8, .py-8 {\r\n\tpadding-top: 4rem !important;\r\n}\r\n.pe-8, .px-8 {\r\n\tpadding-right: 4rem !important;\r\n}\r\n.pb-8, .py-8 {\r\n\tpadding-bottom: 4rem !important;\r\n}\r\n.ps-8, .px-8 {\r\n\tpadding-left: 4rem !important;\r\n}\r\n.p-9 {\r\n\tpadding: 6rem !important;\r\n}\r\n.pt-9, .py-9 {\r\n\tpadding-top: 6rem !important;\r\n}\r\n.pe-9, .px-9 {\r\n\tpadding-right: 6rem !important;\r\n}\r\n.pb-9, .py-9 {\r\n\tpadding-bottom: 6rem !important;\r\n}\r\n.ps-9, .px-9 {\r\n\tpadding-left: 6rem !important;\r\n}\r\n@media (min-width: 576px) {\r\n\t.p-sm-0 {\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.pt-sm-0, .py-sm-0 {\r\n\t\tpadding-top: 0 !important;\r\n\t}\r\n\t.pe-sm-0, .px-sm-0 {\r\n\t\tpadding-right: 0 !important;\r\n\t}\r\n\t.pb-sm-0, .py-sm-0 {\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\t.ps-sm-0, .px-sm-0 {\r\n\t\tpadding-left: 0 !important;\r\n\t}\r\n\t.p-sm-1 {\r\n\t\tpadding: 0.25rem !important;\r\n\t}\r\n\t.pt-sm-1, .py-sm-1 {\r\n\t\tpadding-top: 0.25rem !important;\r\n\t}\r\n\t.pe-sm-1, .px-sm-1 {\r\n\t\tpadding-right: 0.25rem !important;\r\n\t}\r\n\t.pb-sm-1, .py-sm-1 {\r\n\t\tpadding-bottom: 0.25rem !important;\r\n\t}\r\n\t.ps-sm-1, .px-sm-1 {\r\n\t\tpadding-left: 0.25rem !important;\r\n\t}\r\n\t.p-sm-2 {\r\n\t\tpadding: 0.5rem !important;\r\n\t}\r\n\t.pt-sm-2, .py-sm-2 {\r\n\t\tpadding-top: 0.5rem !important;\r\n\t}\r\n\t.pe-sm-2, .px-sm-2 {\r\n\t\tpadding-right: 0.5rem !important;\r\n\t}\r\n\t.pb-sm-2, .py-sm-2 {\r\n\t\tpadding-bottom: 0.5rem !important;\r\n\t}\r\n\t.ps-sm-2, .px-sm-2 {\r\n\t\tpadding-left: 0.5rem !important;\r\n\t}\r\n\t.p-sm-3 {\r\n\t\tpadding: 0.75rem !important;\r\n\t}\r\n\t.pt-sm-3, .py-sm-3 {\r\n\t\tpadding-top: 0.75rem !important;\r\n\t}\r\n\t.pe-sm-3, .px-sm-3 {\r\n\t\tpadding-right: 0.75rem !important;\r\n\t}\r\n\t.pb-sm-3, .py-sm-3 {\r\n\t\tpadding-bottom: 0.75rem !important;\r\n\t}\r\n\t.ps-sm-3, .px-sm-3 {\r\n\t\tpadding-left: 0.75rem !important;\r\n\t}\r\n\t.p-sm-4 {\r\n\t\tpadding: 1rem !important;\r\n\t}\r\n\t.pt-sm-4, .py-sm-4 {\r\n\t\tpadding-top: 1rem !important;\r\n\t}\r\n\t.pe-sm-4, .px-sm-4 {\r\n\t\tpadding-right: 1rem !important;\r\n\t}\r\n\t.pb-sm-4, .py-sm-4 {\r\n\t\tpadding-bottom: 1rem !important;\r\n\t}\r\n\t.ps-sm-4, .px-sm-4 {\r\n\t\tpadding-left: 1rem !important;\r\n\t}\r\n\t.p-sm-5 {\r\n\t\tpadding: 1.5rem !important;\r\n\t}\r\n\t.pt-sm-5, .py-sm-5 {\r\n\t\tpadding-top: 1.5rem !important;\r\n\t}\r\n\t.pe-sm-5, .px-sm-5 {\r\n\t\tpadding-right: 1.5rem !important;\r\n\t}\r\n\t.pb-sm-5, .py-sm-5 {\r\n\t\tpadding-bottom: 1.5rem !important;\r\n\t}\r\n\t.ps-sm-5, .px-sm-5 {\r\n\t\tpadding-left: 1.5rem !important;\r\n\t}\r\n\t.p-sm-6 {\r\n\t\tpadding: 2rem !important;\r\n\t}\r\n\t.pt-sm-6, .py-sm-6 {\r\n\t\tpadding-top: 2rem !important;\r\n\t}\r\n\t.pe-sm-6, .px-sm-6 {\r\n\t\tpadding-right: 2rem !important;\r\n\t}\r\n\t.pb-sm-6, .py-sm-6 {\r\n\t\tpadding-bottom: 2rem !important;\r\n\t}\r\n\t.ps-sm-6, .px-sm-6 {\r\n\t\tpadding-left: 2rem !important;\r\n\t}\r\n\t.p-sm-7 {\r\n\t\tpadding: 3rem !important;\r\n\t}\r\n\t.pt-sm-7, .py-sm-7 {\r\n\t\tpadding-top: 3rem !important;\r\n\t}\r\n\t.pe-sm-7, .px-sm-7 {\r\n\t\tpadding-right: 3rem !important;\r\n\t}\r\n\t.pb-sm-7, .py-sm-7 {\r\n\t\tpadding-bottom: 3rem !important;\r\n\t}\r\n\t.ps-sm-7, .px-sm-7 {\r\n\t\tpadding-left: 3rem !important;\r\n\t}\r\n\t.p-sm-8 {\r\n\t\tpadding: 4rem !important;\r\n\t}\r\n\t.pt-sm-8, .py-sm-8 {\r\n\t\tpadding-top: 4rem !important;\r\n\t}\r\n\t.pe-sm-8, .px-sm-8 {\r\n\t\tpadding-right: 4rem !important;\r\n\t}\r\n\t.pb-sm-8, .py-sm-8 {\r\n\t\tpadding-bottom: 4rem !important;\r\n\t}\r\n\t.ps-sm-8, .px-sm-8 {\r\n\t\tpadding-left: 4rem !important;\r\n\t}\r\n\t.p-sm-9 {\r\n\t\tpadding: 6rem !important;\r\n\t}\r\n\t.pt-sm-9, .py-sm-9 {\r\n\t\tpadding-top: 6rem !important;\r\n\t}\r\n\t.pe-sm-9, .px-sm-9 {\r\n\t\tpadding-right: 6rem !important;\r\n\t}\r\n\t.pb-sm-9, .py-sm-9 {\r\n\t\tpadding-bottom: 6rem !important;\r\n\t}\r\n\t.ps-sm-9, .px-sm-9 {\r\n\t\tpadding-left: 6rem !important;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.p-md-0 {\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.pt-md-0, .py-md-0 {\r\n\t\tpadding-top: 0 !important;\r\n\t}\r\n\t.pe-md-0, .px-md-0 {\r\n\t\tpadding-right: 0 !important;\r\n\t}\r\n\t.pb-md-0, .py-md-0 {\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\t.ps-md-0, .px-md-0 {\r\n\t\tpadding-left: 0 !important;\r\n\t}\r\n\t.p-md-1 {\r\n\t\tpadding: 0.25rem !important;\r\n\t}\r\n\t.pt-md-1, .py-md-1 {\r\n\t\tpadding-top: 0.25rem !important;\r\n\t}\r\n\t.pe-md-1, .px-md-1 {\r\n\t\tpadding-right: 0.25rem !important;\r\n\t}\r\n\t.pb-md-1, .py-md-1 {\r\n\t\tpadding-bottom: 0.25rem !important;\r\n\t}\r\n\t.ps-md-1, .px-md-1 {\r\n\t\tpadding-left: 0.25rem !important;\r\n\t}\r\n\t.p-md-2 {\r\n\t\tpadding: 0.5rem !important;\r\n\t}\r\n\t.pt-md-2, .py-md-2 {\r\n\t\tpadding-top: 0.5rem !important;\r\n\t}\r\n\t.pe-md-2, .px-md-2 {\r\n\t\tpadding-right: 0.5rem !important;\r\n\t}\r\n\t.pb-md-2, .py-md-2 {\r\n\t\tpadding-bottom: 0.5rem !important;\r\n\t}\r\n\t.ps-md-2, .px-md-2 {\r\n\t\tpadding-left: 0.5rem !important;\r\n\t}\r\n\t.p-md-3 {\r\n\t\tpadding: 0.75rem !important;\r\n\t}\r\n\t.pt-md-3, .py-md-3 {\r\n\t\tpadding-top: 0.75rem !important;\r\n\t}\r\n\t.pe-md-3, .px-md-3 {\r\n\t\tpadding-right: 0.75rem !important;\r\n\t}\r\n\t.pb-md-3, .py-md-3 {\r\n\t\tpadding-bottom: 0.75rem !important;\r\n\t}\r\n\t.ps-md-3, .px-md-3 {\r\n\t\tpadding-left: 0.75rem !important;\r\n\t}\r\n\t.p-md-4 {\r\n\t\tpadding: 1rem !important;\r\n\t}\r\n\t.pt-md-4, .py-md-4 {\r\n\t\tpadding-top: 1rem !important;\r\n\t}\r\n\t.pe-md-4, .px-md-4 {\r\n\t\tpadding-right: 1rem !important;\r\n\t}\r\n\t.pb-md-4, .py-md-4 {\r\n\t\tpadding-bottom: 1rem !important;\r\n\t}\r\n\t.ps-md-4, .px-md-4 {\r\n\t\tpadding-left: 1rem !important;\r\n\t}\r\n\t.p-md-5 {\r\n\t\tpadding: 1.5rem !important;\r\n\t}\r\n\t.pt-md-5, .py-md-5 {\r\n\t\tpadding-top: 1.5rem !important;\r\n\t}\r\n\t.pe-md-5, .px-md-5 {\r\n\t\tpadding-right: 1.5rem !important;\r\n\t}\r\n\t.pb-md-5, .py-md-5 {\r\n\t\tpadding-bottom: 1.5rem !important;\r\n\t}\r\n\t.ps-md-5, .px-md-5 {\r\n\t\tpadding-left: 1.5rem !important;\r\n\t}\r\n\t.p-md-6 {\r\n\t\tpadding: 2rem !important;\r\n\t}\r\n\t.pt-md-6, .py-md-6 {\r\n\t\tpadding-top: 2rem !important;\r\n\t}\r\n\t.pe-md-6, .px-md-6 {\r\n\t\tpadding-right: 2rem !important;\r\n\t}\r\n\t.pb-md-6, .py-md-6 {\r\n\t\tpadding-bottom: 2rem !important;\r\n\t}\r\n\t.ps-md-6, .px-md-6 {\r\n\t\tpadding-left: 2rem !important;\r\n\t}\r\n\t.p-md-7 {\r\n\t\tpadding: 3rem !important;\r\n\t}\r\n\t.pt-md-7, .py-md-7 {\r\n\t\tpadding-top: 3rem !important;\r\n\t}\r\n\t.pe-md-7, .px-md-7 {\r\n\t\tpadding-right: 3rem !important;\r\n\t}\r\n\t.pb-md-7, .py-md-7 {\r\n\t\tpadding-bottom: 3rem !important;\r\n\t}\r\n\t.ps-md-7, .px-md-7 {\r\n\t\tpadding-left: 3rem !important;\r\n\t}\r\n\t.p-md-8 {\r\n\t\tpadding: 4rem !important;\r\n\t}\r\n\t.pt-md-8, .py-md-8 {\r\n\t\tpadding-top: 4rem !important;\r\n\t}\r\n\t.pe-md-8, .px-md-8 {\r\n\t\tpadding-right: 4rem !important;\r\n\t}\r\n\t.pb-md-8, .py-md-8 {\r\n\t\tpadding-bottom: 4rem !important;\r\n\t}\r\n\t.ps-md-8, .px-md-8 {\r\n\t\tpadding-left: 4rem !important;\r\n\t}\r\n\t.p-md-9 {\r\n\t\tpadding: 6rem !important;\r\n\t}\r\n\t.pt-md-9, .py-md-9 {\r\n\t\tpadding-top: 6rem !important;\r\n\t}\r\n\t.pe-md-9, .px-md-9 {\r\n\t\tpadding-right: 6rem !important;\r\n\t}\r\n\t.pb-md-9, .py-md-9 {\r\n\t\tpadding-bottom: 6rem !important;\r\n\t}\r\n\t.ps-md-9, .px-md-9 {\r\n\t\tpadding-left: 6rem !important;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.p-lg-0 {\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.pt-lg-0, .py-lg-0 {\r\n\t\tpadding-top: 0 !important;\r\n\t}\r\n\t.pe-lg-0, .px-lg-0 {\r\n\t\tpadding-right: 0 !important;\r\n\t}\r\n\t.pb-lg-0, .py-lg-0 {\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\t.ps-lg-0, .px-lg-0 {\r\n\t\tpadding-left: 0 !important;\r\n\t}\r\n\t.p-lg-1 {\r\n\t\tpadding: 0.25rem !important;\r\n\t}\r\n\t.pt-lg-1, .py-lg-1 {\r\n\t\tpadding-top: 0.25rem !important;\r\n\t}\r\n\t.pe-lg-1, .px-lg-1 {\r\n\t\tpadding-right: 0.25rem !important;\r\n\t}\r\n\t.pb-lg-1, .py-lg-1 {\r\n\t\tpadding-bottom: 0.25rem !important;\r\n\t}\r\n\t.ps-lg-1, .px-lg-1 {\r\n\t\tpadding-left: 0.25rem !important;\r\n\t}\r\n\t.p-lg-2 {\r\n\t\tpadding: 0.5rem !important;\r\n\t}\r\n\t.pt-lg-2, .py-lg-2 {\r\n\t\tpadding-top: 0.5rem !important;\r\n\t}\r\n\t.pe-lg-2, .px-lg-2 {\r\n\t\tpadding-right: 0.5rem !important;\r\n\t}\r\n\t.pb-lg-2, .py-lg-2 {\r\n\t\tpadding-bottom: 0.5rem !important;\r\n\t}\r\n\t.ps-lg-2, .px-lg-2 {\r\n\t\tpadding-left: 0.5rem !important;\r\n\t}\r\n\t.p-lg-3 {\r\n\t\tpadding: 0.75rem !important;\r\n\t}\r\n\t.pt-lg-3, .py-lg-3 {\r\n\t\tpadding-top: 0.75rem !important;\r\n\t}\r\n\t.pe-lg-3, .px-lg-3 {\r\n\t\tpadding-right: 0.75rem !important;\r\n\t}\r\n\t.pb-lg-3, .py-lg-3 {\r\n\t\tpadding-bottom: 0.75rem !important;\r\n\t}\r\n\t.ps-lg-3, .px-lg-3 {\r\n\t\tpadding-left: 0.75rem !important;\r\n\t}\r\n\t.p-lg-4 {\r\n\t\tpadding: 1rem !important;\r\n\t}\r\n\t.pt-lg-4, .py-lg-4 {\r\n\t\tpadding-top: 1rem !important;\r\n\t}\r\n\t.pe-lg-4, .px-lg-4 {\r\n\t\tpadding-right: 1rem !important;\r\n\t}\r\n\t.pb-lg-4, .py-lg-4 {\r\n\t\tpadding-bottom: 1rem !important;\r\n\t}\r\n\t.ps-lg-4, .px-lg-4 {\r\n\t\tpadding-left: 1rem !important;\r\n\t}\r\n\t.p-lg-5 {\r\n\t\tpadding: 1.5rem !important;\r\n\t}\r\n\t.pt-lg-5, .py-lg-5 {\r\n\t\tpadding-top: 1.5rem !important;\r\n\t}\r\n\t.pe-lg-5, .px-lg-5 {\r\n\t\tpadding-right: 1.5rem !important;\r\n\t}\r\n\t.pb-lg-5, .py-lg-5 {\r\n\t\tpadding-bottom: 1.5rem !important;\r\n\t}\r\n\t.ps-lg-5, .px-lg-5 {\r\n\t\tpadding-left: 1.5rem !important;\r\n\t}\r\n\t.p-lg-6 {\r\n\t\tpadding: 2rem !important;\r\n\t}\r\n\t.pt-lg-6, .py-lg-6 {\r\n\t\tpadding-top: 2rem !important;\r\n\t}\r\n\t.pe-lg-6, .px-lg-6 {\r\n\t\tpadding-right: 2rem !important;\r\n\t}\r\n\t.pb-lg-6, .py-lg-6 {\r\n\t\tpadding-bottom: 2rem !important;\r\n\t}\r\n\t.ps-lg-6, .px-lg-6 {\r\n\t\tpadding-left: 2rem !important;\r\n\t}\r\n\t.p-lg-7 {\r\n\t\tpadding: 3rem !important;\r\n\t}\r\n\t.pt-lg-7, .py-lg-7 {\r\n\t\tpadding-top: 3rem !important;\r\n\t}\r\n\t.pe-lg-7, .px-lg-7 {\r\n\t\tpadding-right: 3rem !important;\r\n\t}\r\n\t.pb-lg-7, .py-lg-7 {\r\n\t\tpadding-bottom: 3rem !important;\r\n\t}\r\n\t.ps-lg-7, .px-lg-7 {\r\n\t\tpadding-left: 3rem !important;\r\n\t}\r\n\t.p-lg-8 {\r\n\t\tpadding: 4rem !important;\r\n\t}\r\n\t.pt-lg-8, .py-lg-8 {\r\n\t\tpadding-top: 4rem !important;\r\n\t}\r\n\t.pe-lg-8, .px-lg-8 {\r\n\t\tpadding-right: 4rem !important;\r\n\t}\r\n\t.pb-lg-8, .py-lg-8 {\r\n\t\tpadding-bottom: 4rem !important;\r\n\t}\r\n\t.ps-lg-8, .px-lg-8 {\r\n\t\tpadding-left: 4rem !important;\r\n\t}\r\n\t.p-lg-9 {\r\n\t\tpadding: 6rem !important;\r\n\t}\r\n\t.pt-lg-9, .py-lg-9 {\r\n\t\tpadding-top: 6rem !important;\r\n\t}\r\n\t.pe-lg-9, .px-lg-9 {\r\n\t\tpadding-right: 6rem !important;\r\n\t}\r\n\t.pb-lg-9, .py-lg-9 {\r\n\t\tpadding-bottom: 6rem !important;\r\n\t}\r\n\t.ps-lg-9, .px-lg-9 {\r\n\t\tpadding-left: 6rem !important;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.p-xl-0 {\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.pt-xl-0, .py-xl-0 {\r\n\t\tpadding-top: 0 !important;\r\n\t}\r\n\t.pe-xl-0, .px-xl-0 {\r\n\t\tpadding-right: 0 !important;\r\n\t}\r\n\t.pb-xl-0, .py-xl-0 {\r\n\t\tpadding-bottom: 0 !important;\r\n\t}\r\n\t.ps-xl-0, .px-xl-0 {\r\n\t\tpadding-left: 0 !important;\r\n\t}\r\n\t.p-xl-1 {\r\n\t\tpadding: 0.25rem !important;\r\n\t}\r\n\t.pt-xl-1, .py-xl-1 {\r\n\t\tpadding-top: 0.25rem !important;\r\n\t}\r\n\t.pe-xl-1, .px-xl-1 {\r\n\t\tpadding-right: 0.25rem !important;\r\n\t}\r\n\t.pb-xl-1, .py-xl-1 {\r\n\t\tpadding-bottom: 0.25rem !important;\r\n\t}\r\n\t.ps-xl-1, .px-xl-1 {\r\n\t\tpadding-left: 0.25rem !important;\r\n\t}\r\n\t.p-xl-2 {\r\n\t\tpadding: 0.5rem !important;\r\n\t}\r\n\t.pt-xl-2, .py-xl-2 {\r\n\t\tpadding-top: 0.5rem !important;\r\n\t}\r\n\t.pe-xl-2, .px-xl-2 {\r\n\t\tpadding-right: 0.5rem !important;\r\n\t}\r\n\t.pb-xl-2, .py-xl-2 {\r\n\t\tpadding-bottom: 0.5rem !important;\r\n\t}\r\n\t.ps-xl-2, .px-xl-2 {\r\n\t\tpadding-left: 0.5rem !important;\r\n\t}\r\n\t.p-xl-3 {\r\n\t\tpadding: 0.75rem !important;\r\n\t}\r\n\t.pt-xl-3, .py-xl-3 {\r\n\t\tpadding-top: 0.75rem !important;\r\n\t}\r\n\t.pe-xl-3, .px-xl-3 {\r\n\t\tpadding-right: 0.75rem !important;\r\n\t}\r\n\t.pb-xl-3, .py-xl-3 {\r\n\t\tpadding-bottom: 0.75rem !important;\r\n\t}\r\n\t.ps-xl-3, .px-xl-3 {\r\n\t\tpadding-left: 0.75rem !important;\r\n\t}\r\n\t.p-xl-4 {\r\n\t\tpadding: 1rem !important;\r\n\t}\r\n\t.pt-xl-4, .py-xl-4 {\r\n\t\tpadding-top: 1rem !important;\r\n\t}\r\n\t.pe-xl-4, .px-xl-4 {\r\n\t\tpadding-right: 1rem !important;\r\n\t}\r\n\t.pb-xl-4, .py-xl-4 {\r\n\t\tpadding-bottom: 1rem !important;\r\n\t}\r\n\t.ps-xl-4, .px-xl-4 {\r\n\t\tpadding-left: 1rem !important;\r\n\t}\r\n\t.p-xl-5 {\r\n\t\tpadding: 1.5rem !important;\r\n\t}\r\n\t.pt-xl-5, .py-xl-5 {\r\n\t\tpadding-top: 1.5rem !important;\r\n\t}\r\n\t.pe-xl-5, .px-xl-5 {\r\n\t\tpadding-right: 1.5rem !important;\r\n\t}\r\n\t.pb-xl-5, .py-xl-5 {\r\n\t\tpadding-bottom: 1.5rem !important;\r\n\t}\r\n\t.ps-xl-5, .px-xl-5 {\r\n\t\tpadding-left: 1.5rem !important;\r\n\t}\r\n\t.p-xl-6 {\r\n\t\tpadding: 2rem !important;\r\n\t}\r\n\t.pt-xl-6, .py-xl-6 {\r\n\t\tpadding-top: 2rem !important;\r\n\t}\r\n\t.pe-xl-6, .px-xl-6 {\r\n\t\tpadding-right: 2rem !important;\r\n\t}\r\n\t.pb-xl-6, .py-xl-6 {\r\n\t\tpadding-bottom: 2rem !important;\r\n\t}\r\n\t.ps-xl-6, .px-xl-6 {\r\n\t\tpadding-left: 2rem !important;\r\n\t}\r\n\t.p-xl-7 {\r\n\t\tpadding: 3rem !important;\r\n\t}\r\n\t.pt-xl-7, .py-xl-7 {\r\n\t\tpadding-top: 3rem !important;\r\n\t}\r\n\t.pe-xl-7, .px-xl-7 {\r\n\t\tpadding-right: 3rem !important;\r\n\t}\r\n\t.pb-xl-7, .py-xl-7 {\r\n\t\tpadding-bottom: 3rem !important;\r\n\t}\r\n\t.ps-xl-7, .px-xl-7 {\r\n\t\tpadding-left: 3rem !important;\r\n\t}\r\n\t.p-xl-8 {\r\n\t\tpadding: 4rem !important;\r\n\t}\r\n\t.pt-xl-8, .py-xl-8 {\r\n\t\tpadding-top: 4rem !important;\r\n\t}\r\n\t.pe-xl-8, .px-xl-8 {\r\n\t\tpadding-right: 4rem !important;\r\n\t}\r\n\t.pb-xl-8, .py-xl-8 {\r\n\t\tpadding-bottom: 4rem !important;\r\n\t}\r\n\t.ps-xl-8, .px-xl-8 {\r\n\t\tpadding-left: 4rem !important;\r\n\t}\r\n\t.p-xl-9 {\r\n\t\tpadding: 6rem !important;\r\n\t}\r\n\t.pt-xl-9, .py-xl-9 {\r\n\t\tpadding-top: 6rem !important;\r\n\t}\r\n\t.pe-xl-9, .px-xl-9 {\r\n\t\tpadding-right: 6rem !important;\r\n\t}\r\n\t.pb-xl-9, .py-xl-9 {\r\n\t\tpadding-bottom: 6rem !important;\r\n\t}\r\n\t.ps-xl-9, .px-xl-9 {\r\n\t\tpadding-left: 6rem !important;\r\n\t}\r\n}", ".position-static {\r\n\tposition: static !important;\r\n}\r\n.position-relative {\r\n\tposition: relative !important;\r\n}\r\n.position-absolute {\r\n\tposition: absolute !important;\r\n}\r\n.position-fixed {\r\n\tposition: fixed !important;\r\n}\r\n.position-sticky {\r\n\tposition: -webkit-sticky !important;\r\n\tposition: sticky !important;\r\n}\r\n@media(max-width:1440px){\r\n\t.position-lg-relative {\r\n\t\tposition: relative !important;\r\n\t}\r\n}", "textarea {\r\n\toverflow: auto;\r\n\tresize: vertical;\r\n}\r\n/*------- Alignments & values-------*/\r\n\r\n.text-monospace {\r\n\tfont-family: Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\r\n}\r\n.text-justify {\r\n\ttext-align: justify !important;\r\n}\r\n.text-nowrap {\r\n\twhite-space: nowrap !important;\r\n}\r\n.text-truncate {\r\n\toverflow: hidden;\r\n\ttext-overflow: ellipsis;\r\n\twhite-space: nowrap;\r\n}\r\n.text-start {\r\n\ttext-align: left !important;\r\n}\r\n.text-end {\r\n\ttext-align: right !important;\r\n}\r\n.text-center {\r\n\ttext-align: center !important;\r\n}\r\n@media (min-width: 576px) {\r\n\t.text-sm-left {\r\n\t\ttext-align: left !important;\r\n\t}\r\n\t.text-sm-right {\r\n\t\ttext-align: right !important;\r\n\t}\r\n\t.text-sm-center {\r\n\t\ttext-align: center !important;\r\n\t}\r\n}\r\n@media (min-width: 768px) {\r\n\t.text-md-left {\r\n\t\ttext-align: left !important;\r\n\t}\r\n\t.text-md-right {\r\n\t\ttext-align: right !important;\r\n\t}\r\n\t.text-md-center {\r\n\t\ttext-align: center !important;\r\n\t}\r\n}\r\n@media (min-width: 992px) {\r\n\t.text-lg-left {\r\n\t\ttext-align: left !important;\r\n\t}\r\n\t.text-lg-right {\r\n\t\ttext-align: right !important;\r\n\t}\r\n\t.text-lg-center {\r\n\t\ttext-align: center !important;\r\n\t}\r\n}\r\n@media (min-width: 1280px) {\r\n\t.text-xl-left {\r\n\t\ttext-align: left !important;\r\n\t}\r\n\t.text-xl-right {\r\n\t\ttext-align: right !important;\r\n\t}\r\n\t.text-xl-center {\r\n\t\ttext-align: center !important;\r\n\t}\r\n}\r\n.text-lowercase {\r\n\ttext-transform: lowercase !important;\r\n}\r\n.text-uppercase {\r\n\ttext-transform: uppercase !important;\r\n}\r\n.text-capitalize {\r\n\ttext-transform: capitalize !important;\r\n}\r\n.text-white-transparent {\r\n\tcolor: $white !important;\r\n\topacity: 0.9;\r\n}\r\n.text-white-transparent-1 {\r\n\tcolor: $white !important;\r\n\topacity: 0.5;\r\n}\r\na.text-primary {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #4e12b6 !important;\r\n\t}\r\n}\r\n.text-secondary {\r\n\tcolor: $secondary !important;\r\n}\r\na.text-secondary {\r\n\t&:hover, &:focus {\r\n\t\tcolor: $secondary !important;\r\n\t}\r\n}\r\n.text-success {\r\n\tcolor: $success !important;\r\n}\r\na.text-success {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #448700 !important;\r\n\t}\r\n}\r\n.text-info {\r\n\tcolor: $info !important;\r\n}\r\na.text-info {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #1594ef !important;\r\n\t}\r\n}\r\n.text-warning {\r\n\tcolor: $warning !important;\r\n}\r\na.text-warning {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #c29d0b !important;\r\n\t}\r\n}\r\n.text-danger {\r\n\tcolor: $danger !important;\r\n}\r\na.text-danger {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #d22827 !important;\r\n\t}\r\n}\r\n.text-light {\r\n\tcolor: #ebedef !important;\r\n}\r\na.text-light {\r\n\t&:hover, &:focus {\r\n\t\tcolor: #dae0e5 !important;\r\n\t}\r\n}\r\n.text-dark {\r\n\tcolor: #100f15 !important;\r\n}\r\na.text-dark {\r\n\t&:hover, &:focus {\r\n\t\tcolor: $primary-1 !important;\r\n\t}\r\n}\r\n.text-body {\r\n\tcolor: #495057 !important;\r\n}\r\n.text-muted {\r\n\tcolor: #74829c!important;\r\n}\r\n.text-black-50 {\r\n\tcolor: $black-5 !important;\r\n}\r\n.text-white-50 {\r\n\tcolor: $white-5 !important;\r\n}\r\n.text-hide {\r\n\tfont: 0/0 a;\r\n\tcolor: transparent;\r\n\ttext-shadow: none;\r\n\tbackground-color: transparent;\r\n\tborder: 0;\r\n}\r\n.text-wrap {\r\n\tfont-size: 14px;\r\n\tline-height: 1.66;\r\n\t> {\r\n\t\t:first-child {\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n\t\t:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t\th1, h2, h3, h4, h5, h6 {\r\n\t\t\tmargin-top: 1em;\r\n\t\t}\r\n\t}\r\n}\r\n/*----- Typography ------*/\r\n\r\n.heading-inverse {\r\n\tbackground-color: #333;\r\n\tcolor: $white;\r\n\tpadding: 5px;\r\n}\r\n.heading-success {\r\n\tbackground-color: #1643A3;\r\n\tcolor: $white;\r\n\tpadding: 5px;\r\n}\r\n.heading-info {\r\n\tbackground-color: $azure;\r\n\tcolor: $white;\r\n\tpadding: 5px;\r\n}\r\n.heading-warning {\r\n\tbackground-color: #ecb403;\r\n\tcolor: $white;\r\n\tpadding: 5px;\r\n}\r\n.heading-danger {\r\n\tbackground-color: #c21a1a;\r\n\tcolor: $white;\r\n\tpadding: 5px;\r\n}\r\n.text-inherit {\r\n\tcolor: inherit !important;\r\n}\r\n.text-default {\r\n\tcolor: #181c31 !important;\r\n}\r\n.text-muted-dark {\r\n\tcolor: #1c232f !important;\r\n}\r\n.text-fb-blue {\r\n\tcolor: #234684 !important;\r\n}\r\n.text-blue {\r\n\tcolor: #467fcf !important;\r\n}\r\n.text-indigo {\r\n\tcolor: $indigo !important;\r\n}\r\n.text-purple {\r\n\tcolor: #867efc !important;\r\n}\r\n.text-lightpink-red {\r\n\tcolor: #ff7088 !important;\r\n}\r\n.text-lightgreen {\r\n\tcolor: #26eda2 !important;\r\n}\r\n.text-pink {\r\n\tcolor: #ec82ef !important;\r\n}\r\n.text-red {\r\n\tcolor: #c21a1a !important;\r\n}\r\n.text-orange {\r\n\tcolor: $orange !important;\r\n}\r\n.text-yellow {\r\n\tcolor: #ecb403 !important;\r\n}\r\n.text-green {\r\n\tcolor: $green !important;\r\n}\r\n.text-green-1 {\r\n\tcolor: #0dff01 !important;\r\n}\r\n.text-teal {\r\n\tcolor: #2bcbba !important;\r\n}\r\n.text-cyan {\r\n\tcolor: #17a2b8 !important;\r\n}\r\n.text-white {\r\n\tcolor: $white !important;\r\n}\r\n.text-gray {\r\n\tcolor: #969696 !important;\r\n}\r\n.text-gray-dark {\r\n\tcolor: $dark !important;\r\n}\r\n.text-azure {\r\n\tcolor: $azure !important;\r\n}\r\n.text-lime {\r\n\tcolor: $lime !important;\r\n}\r\ntextarea[cols] {\r\n\theight: auto;\r\n}\r\n.text-end {\r\n\ttext-align: right;\r\n}\r\n.text-transparent {\r\n\tcolor: #332525;\r\n\topacity: 0.5;\r\n}\r\n.text-facebook {\r\n\tcolor: #3b5998;\r\n}\r\n.text-google-plus {\r\n\tcolor: #dd4b39;\r\n}\r\n.text-twitter {\r\n\tcolor: #1da1f2;\r\n}\r\n.text-pinterest {\r\n\tcolor: #bd081c;\r\n}\r\ntextarea.form-control {\r\n\theight: auto;\r\n}\r\n.text-primary-gradient {\r\n\ttext-transform: uppercase;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-secondary-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: $secondary-gradient;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n\ttext-transform: uppercase;\r\n\tbackground: linear-gradient(to right, #cd489c 0%, #ce4ba4 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-warning-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: $warning-gradient;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-info-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-danger-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: linear-gradient(to right, #FF416C 0%, #FF4B2B 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-success-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: $success-gradient;\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-facebook-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: linear-gradient(to right bottom, #1e3c72 0%, #3d6cbf 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n.text-twitter-gradient {\r\n\ttext-transform: uppercase;\r\n\tbackground: linear-gradient(to right bottom, #1e63c3 0%, #00f2fe 100%);\r\n\t-webkit-background-clip: text;\r\n\t-webkit-text-fill-color: transparent;\r\n}\r\n/*--text-shadow--*/\r\n\r\n.text-success-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(19, 191, 166, 0.3) !important;\r\n}\r\n.text-info-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(7, 116, 248, 0.3) !important;\r\n}\r\n.text-warning-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(255, 162, 43, 0.3) !important;\r\n}\r\n.text-danger-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(255, 56, 43, 0.3) !important;\r\n}\r\n.text-pink-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(213, 109, 252, 0.3) !important;\r\n}\r\n.text-purple-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(96, 77, 216, 0.3) !important;\r\n}\r\n.text-dark-shadow {\r\n\ttext-shadow: 0 5px 10px $black-3 !important;\r\n}\r\n.text-white-shadow {\r\n\ttext-shadow: 0 5px 10px $white-3 !important;\r\n}\r\n.text-secondary-shadow {\r\n\ttext-shadow: 0 5px 10px rgba(130, 207, 242, 0.3);\r\n}", "/*--------- Width--------------*/\r\n\r\n.w-1 {\r\n width: 10% !important;\r\n}\r\n\r\n.w-5 {\r\n width: 5% !important;\r\n}\r\n\r\n.w-10 {\r\n width: 10% !important;\r\n}\r\n\r\n.w-15 {\r\n width: 15% !important;\r\n}\r\n\r\n.w-20 {\r\n width: 20% !important;\r\n}\r\n\r\n.w-25 {\r\n width: 25% !important;\r\n}\r\n\r\n.w-30 {\r\n width: 30% !important;\r\n}\r\n\r\n.w-40 {\r\n width: 40% !important;\r\n}\r\n\r\n.w-45 {\r\n width: 45% !important;\r\n}\r\n\r\n.w-60 {\r\n width: 60% !important;\r\n}\r\n\r\n.w-45 {\r\n width: 45% !important;\r\n}\r\n\r\n.w-50 {\r\n width: 50% !important;\r\n}\r\n\r\n.w-65 {\r\n width: 65% !important;\r\n}\r\n\r\n.w-70 {\r\n width: 70% !important;\r\n}\r\n\r\n.w-75 {\r\n width: 75% !important;\r\n}\r\n\r\n.w-80 {\r\n width: 80% !important;\r\n}\r\n\r\n.w-100 {\r\n width: 100% !important;\r\n}\r\n\r\n.w-260 {\r\n width: 260px !important;\r\n}\r\n\r\n.w-337 {\r\n width: 337px !important;\r\n}\r\n\r\n.w-auto {\r\n width: auto !important;\r\n}\r\n\r\n.w-0 {\r\n width: 0 !important;\r\n}\r\n\r\n.w-1 {\r\n width: 0.25rem !important;\r\n}\r\n\r\n.w-2 {\r\n width: 0.5rem !important;\r\n}\r\n\r\n.w-3 {\r\n width: 0.75rem !important;\r\n}\r\n\r\n.w-4 {\r\n width: 1rem !important;\r\n}\r\n\r\n.w-5 {\r\n width: 1.5rem !important;\r\n}\r\n\r\n.w-6 {\r\n width: 2rem !important;\r\n}\r\n\r\n.w-7 {\r\n width: 3rem !important;\r\n}\r\n\r\n.w-8 {\r\n width: 4rem !important;\r\n}\r\n\r\n.w-9 {\r\n width: 6rem !important;\r\n}\r\n\r\n.w-90 {\r\n width: 90% !important;\r\n}\r\n\r\n.mw-100 {\r\n max-width: 100% !important;\r\n}\r\n\r\n.w-100p {\r\n width: 100px !important;\r\n}\r\n\r\n.w-30p {\r\n width: 30px !important;\r\n}\r\n\r\n@media (max-width: 576px) {\r\n .w-sm-50 {\r\n width: 50% !important;\r\n }\r\n .w-sm-60 {\r\n width: 60% !important;\r\n }\r\n}"]
} |