that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because s can't do it */ } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ } .fc { /* cell top */ } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc { /* day number (within cell top) */ } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc { /* event container */ } .fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ } .fc { /* positioning for balanced vs natural */ } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ } .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc { /* event harness */ } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc { /* bg content */ } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc { /* events */ } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc { /* cell bottom (within day-events) */ } .fc .fc-daygrid-day-bottom { font-size: .85em; padding: 2px 3px 0 } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc { /* week number (within frame) */ } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: #808080; color: var(--fc-neutral-text-color, #808080); } .fc { /* popover */ } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to */ } .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: .85em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); } /* --- the rectangle ("block") style of event --- */ .fc-daygrid-block-event .fc-event-time { font-weight: bold; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } /* --- the dot style of event --- */ .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0 } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ overflow: hidden; font-weight: bold; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } .fc-daygrid-event-dot { /* the actual dot */ margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(8px / 2) solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(8px / 2); border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } /* --- spacing between time and title --- */ .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/timegrid/main.css ***! \**************************************************************************************************************************************************************************************************************************************/ /* A VERTICAL event */ .fc-v-event { /* allowed to be top-level */ display: block; border: 1px solid #3788d8; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8) } .fc-v-event .fc-event-main { color: #fff; color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ } .fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; } .fc-v-event { /* resizer (mouse AND touch) */ } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event { /* resizer for MOUSE */ } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(8px / -2); top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(8px / -2); bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event { /* resizer for TOUCH (when event is "selected") */ } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(8px / -2); margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(8px / -2); top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(8px / -2); bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ } .fc .fc-timegrid-divider { padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ } .fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ } .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative /* offset parent for now-indicator-container */ } .fc .fc-timegrid-axis-chunk > table { position: relative; z-index: 1; /* above the now-indicator-container */ } .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-slot { /* a */ height: 1.5em; border-bottom: 0 /* each cell owns its top border */ } .fc .fc-timegrid-slot:empty:before { content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-slot-label { vertical-align: middle; /* vertical align the slots */ } .fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */ } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc { /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */ } .fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: flex-end; /* horizontal align. matches text-align below */ } .fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the "all-day" text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; } .fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0 } .fc-media-screen .fc-timegrid-cols > table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc { /* bg */ } .fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; } .fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ } .fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ } .fc { /* now indicator */ } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness { position: absolute /* top/left/right/bottom will all be set by JS */ } .fc-timegrid-event-harness > .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; /* for when not yet positioned */ bottom: 0; /* " */ left: 0; right: 0; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event, .fc-timegrid-more-link { /* events need to be root */ font-size: .85em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px; } .fc-timegrid-event { /* events need to be root */ margin-bottom: 1px /* give some space from bottom */ } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px; } .fc-timegrid-event-short .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-short .fc-event-time:after { content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-short .fc-event-title { font-size: .85em; font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */ position: absolute; z-index: 9999; /* hack */ color: inherit; color: inherit; color: var(--fc-more-link-text-color, inherit); background: #d0d0d0; background: #d0d0d0; background: var(--fc-more-link-bg-color, #d0d0d0); cursor: pointer; margin-bottom: 1px; /* match space below fc-timegrid-event */ } .fc-timegrid-more-link-inner { /* has fc-sticky */ padding: 3px 2px; top: 0; } .fc-direction-ltr .fc-timegrid-more-link { right: 0; } .fc-direction-rtl .fc-timegrid-more-link { left: 0; } .fc { /* line */ } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0; } .fc { /* arrow */ } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: red; border-color: red; border-color: var(--fc-now-indicator-color, red); } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/list/main.css ***! \**********************************************************************************************************************************************************************************************************************************/ :root { --fc-list-event-dot-width: 10px; --fc-list-event-hover-bg-color: #f5f5f5; } .fc-theme-standard .fc-list { border: 1px solid #ddd; border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } .fc { /* message when no events */ } .fc .fc-list-empty { background-color: rgba(208, 208, 208, 0.3); background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); height: 100%; display: flex; justify-content: center; align-items: center; /* vertically aligns fc-list-empty-inner */ } .fc .fc-list-empty-cushion { margin: 5em 0; } .fc { /* table within the scroller */ /* ---------------------------------------------------------------------------------------------------- */ } .fc .fc-list-table { width: 100%; border-style: hidden; /* kill outer border on theme */ } .fc .fc-list-table tr > * { border-left: 0; border-right: 0; } .fc .fc-list-sticky .fc-list-day > * { /* the cells */ position: sticky; top: 0; background: #fff; background: #fff; background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */ } .fc { /* only exists for aria reasons, hide for non-screen-readers */ } .fc .fc-list-table thead { position: absolute; left: -10000px; } .fc { /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */ } .fc .fc-list-table tbody > tr:first-child th { border-top: 0; } .fc .fc-list-table th { padding: 0; /* uses an inner-wrapper instead... */ } .fc .fc-list-table td, .fc .fc-list-day-cushion { padding: 8px 14px; } .fc { /* date heading rows */ /* ---------------------------------------------------------------------------------------------------- */ } .fc .fc-list-day-cushion:after { content: ""; clear: both; display: table; /* clear floating */ } .fc-theme-standard .fc-list-day-cushion { background-color: rgba(208, 208, 208, 0.3); background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc-direction-ltr .fc-list-day-text, .fc-direction-rtl .fc-list-day-side-text { float: left; } .fc-direction-ltr .fc-list-day-side-text, .fc-direction-rtl .fc-list-day-text { float: right; } /* make the dot closer to the event title */ .fc-direction-ltr .fc-list-table .fc-list-event-graphic { padding-right: 0 } .fc-direction-rtl .fc-list-table .fc-list-event-graphic { padding-left: 0 } .fc .fc-list-event.fc-event-forced-url { cursor: pointer; /* whole row will seem clickable */ } .fc .fc-list-event:hover td { background-color: #f5f5f5; background-color: #f5f5f5; background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); } .fc { /* shrink certain cols */ } .fc .fc-list-event-graphic, .fc .fc-list-event-time { white-space: nowrap; width: 1px; } .fc .fc-list-event-dot { display: inline-block; box-sizing: content-box; width: 0; height: 0; border: 5px solid #3788d8; border: calc(10px / 2) solid #3788d8; border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; border-radius: calc(10px / 2); border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); } .fc { /* reset styling */ } .fc .fc-list-event-title a { color: inherit; text-decoration: none; } .fc { /* underline link when hovering over any part of row */ } .fc .fc-list-event.fc-event-forced-url:hover a { text-decoration: underline; } /*!*************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ***! \*************************************************************************************************************************************************************************************************************************************************/ /* .bs-datepicker */ .bs-datepicker { display: flex; align-items: stretch; flex-flow: row wrap; background: #fff; box-shadow: 0 0 10px 0 #aaa; position: relative; z-index: 1; /* button */ /* .bs-datepicker-head */ /* .bs-datepicker-body */ /* .current-timedate */ /* .bs-datepicker-multiple */ /* .bs-datepicker-btns */ /*.bs-datepicker-custom-range */ /* .bs-datepicker-predefined-btns */ /* .bs-datepicker-buttons */ } .bs-datepicker:after { clear: both; content: ""; display: block; } .bs-datepicker bs-day-picker { float: left; } .bs-datepicker button:hover, .bs-datepicker button:focus, .bs-datepicker button:active, .bs-datepicker input:hover, .bs-datepicker input:focus, .bs-datepicker input:active, .bs-datepicker-btns button:hover, .bs-datepicker-btns button:focus, .bs-datepicker-btns button:active, .bs-datepicker-predefined-btns button:active, .bs-datepicker-predefined-btns button:focus { outline: none; } .bs-datepicker-head { min-width: 270px; height: 50px; padding: 10px; border-radius: 3px 3px 0 0; text-align: justify; /* .bs-datepicker-head button */ } .bs-datepicker-head:after { content: ""; display: inline-block; vertical-align: top; width: 100%; } .bs-datepicker-head button { display: inline-block; vertical-align: top; padding: 0; height: 30px; line-height: 30px; border: 0; background: transparent; text-align: center; cursor: pointer; color: #fff; transition: 0.3s; } .bs-datepicker-head button[disabled], .bs-datepicker-head button[disabled]:hover, .bs-datepicker-head button[disabled]:active { background: rgba(221, 221, 221, 0.3); color: #f5f5f5; cursor: not-allowed; } .bs-datepicker-head button.previous span { transform: translate(-1px, -1px); } .bs-datepicker-head button.next span { transform: translate(1px, -1px); } .bs-datepicker-head button.next, .bs-datepicker-head button.previous { border-radius: 50%; width: 30px; height: 30px; } .bs-datepicker-head button.next span, .bs-datepicker-head button.previous span { font-size: 28px; line-height: 1; display: inline-block; position: relative; height: 100%; width: 100%; border-radius: 50%; } .bs-datepicker-head button.current { border-radius: 15px; max-width: 155px; padding: 0 13px; } .bs-datepicker-head button:hover { background-color: rgba(0, 0, 0, 0.1); } .bs-datepicker-head button:active { background-color: rgba(0, 0, 0, 0.2); } .bs-datepicker-body { padding: 10px; border-radius: 0 0 3px 3px; min-height: 232px; min-width: 278px; border: 1px solid #e9edf0; /* .bs-datepicker-body table */ } .bs-datepicker-body .days.weeks { position: relative; z-index: 1; } .bs-datepicker-body table { width: 100%; border-collapse: separate; border-spacing: 0; /* .bs-datepicker-body table.days */ /* .bs-datepicker-body table.weeks */ } .bs-datepicker-body table th { font-size: 13px; color: #9aaec1; font-weight: 400; text-align: center; } .bs-datepicker-body table td { color: #54708b; text-align: center; position: relative; padding: 0; /* todo: check first :not(.disabled) usage */ } .bs-datepicker-body table td span { display: block; margin: 0 auto; font-size: 13px; border-radius: 50%; /*z-index: 1;*/ -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker-body table td:not(.disabled):not(.week) span:not(.disabled):not(.is-other-month) { cursor: pointer; } .bs-datepicker-body table td.is-highlighted:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-highlighted:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; } .bs-datepicker-body table td.is-active-other-month:not(.disabled):not(.selected) span, .bs-datepicker-body table td span.is-active-other-month:not(.disabled):not(.selected) { background-color: #e9edf0; transition: 0s; cursor: pointer; } .bs-datepicker-body table td span.disabled, .bs-datepicker-body table td.disabled span { color: #9aaec1; } .bs-datepicker-body table td span.selected, .bs-datepicker-body table td.selected span { color: #fff; } .bs-datepicker-body table td span.is-other-month, .bs-datepicker-body table td.is-other-month span { color: rgba(0, 0, 0, 0.25); } .bs-datepicker-body table td.active { position: relative; } .bs-datepicker-body table td.active.select-start:before { left: 35%; } .bs-datepicker-body table td.active.select-end:before { left: -85%; } .bs-datepicker-body table td span.active.select-start:after, .bs-datepicker-body table td span.active.select-end:after, .bs-datepicker-body table td.active.select-start span:after, .bs-datepicker-body table td.active.select-end span:after { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; transition: 0.3s; top: 0; border-radius: 50%; } .bs-datepicker-body table td:before, .bs-datepicker-body table td span:before { content: ""; display: block; position: absolute; z-index: -1; top: 6px; bottom: 6px; left: -3px; right: -2px; box-sizing: content-box; background: transparent; } .bs-datepicker-body table td.active.select-start + td.active:before { left: -20%; } .bs-datepicker-body table td:last-child.active:before { border-radius: 0 3px 3px 0; width: 125%; left: -25%; } .bs-datepicker-body table td span[class*=select-], .bs-datepicker-body table td[class*=select-] span { border-radius: 50%; color: #fff; } .bs-datepicker-body table.days td.active:not(.select-start):before, .bs-datepicker-body table.days td.in-range:not(.select-start):before, .bs-datepicker-body table.days span.active:not(.select-start):before, .bs-datepicker-body table.days span.in-range:not(.select-start):before { background: #e9edf0; } .bs-datepicker-body table.days span { width: 32px; height: 32px; line-height: 32px; } .bs-datepicker-body table.days span.select-start { z-index: 2; } .bs-datepicker-body table.days span.is-highlighted.in-range:before { right: 3px; left: 0; } .bs-datepicker-body table.days span.in-range.select-end:before { right: 4px; left: 0; } .bs-datepicker-body table.days td.select-start + td.select-end:before, .bs-datepicker-body table.days td.select-start + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.is-highlighted:before, .bs-datepicker-body table.days td.active + td.select-end:before, .bs-datepicker-body table.days td.in-range + td.is-highlighted:before, .bs-datepicker-body table.days td.in-range + td.select-end:before { background: #e9edf0; width: 100%; } .bs-datepicker-body table.weeks tr td:nth-child(2).active:before { border-radius: 3px 0 0 3px; left: 0; width: 100%; } .bs-datepicker-body table:not(.weeks) tr td:first-child:before { border-radius: 3px 0 0 3px; } .bs-datepicker-body table.years td span { width: 46px; height: 46px; line-height: 45px; margin: 0 auto; } .bs-datepicker-body table.years tr:not(:last-child) td span { margin-bottom: 8px; } .bs-datepicker-body table.months td { height: 52px; } .bs-datepicker-body table.months td span { padding: 6px; border-radius: 15px; } .bs-datepicker .current-timedate { color: #54708b; font-size: 15px; text-align: center; height: 30px; line-height: 30px; border-radius: 20px; border: 1px solid #e9edf0; margin-bottom: 10px; cursor: pointer; text-transform: uppercase; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .bs-datepicker .current-timedate span:not(:empty):before { content: ""; width: 15px; height: 16px; display: inline-block; margin-right: 4px; vertical-align: text-bottom; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAQCAYAAADJViUEAAABMklEQVQoU9VTwW3CQBCcOUgBtEBKSAukAnBKME+wFCAlYIhk8sQlxFABtJAScAsuAPBEewYcxCP8ouxrPDsza61uiVN1o6RNHD4htSCmq49RfO71BvMJqBBkITRf1kmUW49nQRC9h1I5AZlBClaL8aP1fKgOOxCx8aSLs+Q19eZuNO8QmPqJRtDFguy7OAcDbJPs+/BKVPDIPrvD2ZJgWAmVe7O0rI0Vqs1seyWUXpuJoppYCa5L+U++NpNPkr5OE2oMdARsb3gykJT5ydZcL8Z9Ww60nxg2LhjON9li9OwXZzo+xLbp3nC2s9CL2RrueGyVrgwNm8HpsCzZ9EEW6kqXlo1GQe03FzP/7W8Hl0dBtu7Bf7zt6mIwvX1RvzDCm7+q3mAW0Dl/GPdUCeXrZLT9BrDrGkm4qlPvAAAAAElFTkSuQmCC); } .bs-datepicker-multiple { border-radius: 4px 0 0 4px; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-left: 10px; } .bs-datepicker-multiple .bs-datepicker { box-shadow: none; position: relative; } .bs-datepicker-multiple .bs-datepicker:not(:last-child) { padding-right: 10px; } .bs-datepicker-multiple .bs-datepicker + .bs-datepicker:after { content: ""; display: block; width: 14px; height: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAKCAYAAABrGwT5AAAA1ElEQVQoU42RsQrCUAxF77VuDu7O4oMWW//BURBBpZvgKk4uIrjoqKOTf+DopIO4uYggtFTfw3+pkQqCW1/G5J7kJiFy4m5MxUlxAzgIPHX+lzMPzupRYlYgxiR7vqsOP8YKzsTx0yxFMCUZ+q7aZzlr+OvgoWcAFyAHgat2jLWu48252DdqAihDJGSSJNUUxYmQjs3+hPQBlAh2rG2LCOPnaw3IiGDX99TRCs7ASJsNhUOA7d/LcuHvRG22FIZvsNXw1MX6VZExCilOQKEfeLXr/10+aC9Ho7arh7oAAAAASUVORK5CYII=); position: absolute; top: 25px; left: -8px; } .bs-datepicker-multiple .bs-datepicker .left { float: left; } .bs-datepicker-multiple .bs-datepicker .right { float: right; } .bs-datepicker-container { padding: 15px; } .bs-datepicker .bs-media-container { display: flex; } @media (max-width: 768px) { .bs-datepicker .bs-media-container { flex-direction: column; } } .bs-datepicker .bs-timepicker-in-datepicker-container { display: flex; justify-content: space-around; } .bs-datepicker-custom-range { padding: 15px; background: #eee; } .bs-datepicker-predefined-btns button { width: 100%; display: block; height: 30px; background-color: #9aaec1; border-radius: 4px; color: #fff; border: 0; margin-bottom: 10px; padding: 0 18px; text-align: left; transition: 0.3s; } .bs-datepicker-predefined-btns button:hover { background-color: #54708b; } .bs-datepicker-buttons { display: flex; flex-flow: row wrap; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #e9edf0; } .bs-datepicker-buttons .btn-default { margin-left: 10px; } .bs-datepicker-buttons .btn-today-wrapper { display: flex; flex-flow: row wrap; } .bs-datepicker-buttons .clear-right, .bs-datepicker-buttons .today-right { flex-grow: 0; } .bs-datepicker-buttons .clear-left, .bs-datepicker-buttons .today-left { flex-grow: 1; } .bs-datepicker-buttons .clear-center, .bs-datepicker-buttons .today-center { flex-grow: 0.5; } /* .bs-timepicker */ .bs-timepicker-container { padding: 10px 0; } .bs-timepicker-label { color: #54708b; margin-bottom: 10px; } .bs-timepicker-controls { display: inline-block; vertical-align: top; margin-right: 10px; } .bs-timepicker-controls button { width: 20px; height: 20px; border-radius: 50%; border: 0; background-color: #e9edf0; color: #54708b; font-size: 16px; font-weight: 700; vertical-align: middle; line-height: 0; padding: 0; transition: 0.3s; } .bs-timepicker-controls button:hover { background-color: #d5dadd; } .bs-timepicker-controls input { width: 35px; height: 25px; border-radius: 13px; text-align: center; border: 1px solid #e9edf0; } .bs-timepicker .switch-time-format { text-transform: uppercase; min-width: 54px; height: 25px; border-radius: 20px; border: 1px solid #e9edf0; background: #fff; color: #54708b; font-size: 13px; } .bs-timepicker .switch-time-format img { vertical-align: baseline; vertical-align: initial; margin-left: 4px; } bs-datepicker-container, bs-daterangepicker-container { z-index: 1080; } /* screen size < 1024px */ @media (max-width: 768px) { .bs-datepicker { width: -webkit-min-content; width: -moz-min-content; width: min-content; justify-content: center; } .bs-datepicker-multiple { display: flex; } .bs-datepicker-multiple + .bs-datepicker-multiple { margin-top: 10px; margin-left: 0; } } /* theming */ .theme-default .bs-datepicker-head { background-color: #777; } .theme-default .btn-today-wrapper .btn-success, .theme-default .btn-clear-wrapper .btn-success { background-color: #777; border-color: #777; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:focus, .theme-default .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-default .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-default .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #616161; border-color: #616161; } .theme-default .btn-today-wrapper .btn-success:hover, .theme-default .btn-clear-wrapper .btn-success:hover { background-color: #6F6E6E; border-color: #6F6E6E; } .theme-default .bs-datepicker-predefined-btns button.selected { background-color: #777; } .theme-default .bs-datepicker-body table td span.selected, .theme-default .bs-datepicker-body table td.selected span, .theme-default .bs-datepicker-body table td span[class*=select-]:after, .theme-default .bs-datepicker-body table td[class*=select-] span:after { background-color: #777; } .theme-default .bs-datepicker-body table td.week span { color: #777; } .theme-default .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #777; color: #fff; opacity: 0.5; transition: 0s; } .theme-green .bs-datepicker-head { background-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success, .theme-green .btn-clear-wrapper .btn-success { background-color: #5cb85c; border-color: #5cb85c; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:focus, .theme-green .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-green .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-green .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #1e7e34; border-color: #1e7e34; } .theme-green .btn-today-wrapper .btn-success:hover, .theme-green .btn-clear-wrapper .btn-success:hover { background-color: #218838; border-color: #218838; } .theme-green .bs-datepicker-predefined-btns button.selected { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td span.selected, .theme-green .bs-datepicker-body table td.selected span, .theme-green .bs-datepicker-body table td span[class*=select-]:after, .theme-green .bs-datepicker-body table td[class*=select-] span:after { background-color: #5cb85c; } .theme-green .bs-datepicker-body table td.week span { color: #5cb85c; } .theme-green .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5cb85c; color: #fff; opacity: 0.5; transition: 0s; } .theme-blue .bs-datepicker-head { background-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success, .theme-blue .btn-clear-wrapper .btn-success { background-color: #5bc0de; border-color: #5bc0de; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:focus, .theme-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #2AA8CD; border-color: #2AA8CD; } .theme-blue .btn-today-wrapper .btn-success:hover, .theme-blue .btn-clear-wrapper .btn-success:hover { background-color: #3AB3D7; border-color: #3AB3D7; } .theme-blue .bs-datepicker-predefined-btns button.selected { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td span.selected, .theme-blue .bs-datepicker-body table td.selected span, .theme-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #5bc0de; } .theme-blue .bs-datepicker-body table td.week span { color: #5bc0de; } .theme-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #5bc0de; color: #fff; opacity: 0.5; transition: 0s; } .theme-dark-blue .bs-datepicker-head { background-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success, .theme-dark-blue .btn-clear-wrapper .btn-success { background-color: #337ab7; border-color: #337ab7; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:focus, .theme-dark-blue .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-dark-blue .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-dark-blue .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #266498; border-color: #266498; } .theme-dark-blue .btn-today-wrapper .btn-success:hover, .theme-dark-blue .btn-clear-wrapper .btn-success:hover { background-color: #2C6FA9; border-color: #2C6FA9; } .theme-dark-blue .bs-datepicker-predefined-btns button.selected { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td span.selected, .theme-dark-blue .bs-datepicker-body table td.selected span, .theme-dark-blue .bs-datepicker-body table td span[class*=select-]:after, .theme-dark-blue .bs-datepicker-body table td[class*=select-] span:after { background-color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.week span { color: #337ab7; } .theme-dark-blue .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #337ab7; color: #fff; opacity: 0.5; transition: 0s; } .theme-red .bs-datepicker-head { background-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success, .theme-red .btn-clear-wrapper .btn-success { background-color: #d9534f; border-color: #d9534f; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:focus, .theme-red .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-red .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-red .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #D23531; border-color: #D23531; } .theme-red .btn-today-wrapper .btn-success:hover, .theme-red .btn-clear-wrapper .btn-success:hover { background-color: #E33732; border-color: #E33732; } .theme-red .bs-datepicker-predefined-btns button.selected { background-color: #d9534f; } .theme-red .bs-datepicker-body table td span.selected, .theme-red .bs-datepicker-body table td.selected span, .theme-red .bs-datepicker-body table td span[class*=select-]:after, .theme-red .bs-datepicker-body table td[class*=select-] span:after { background-color: #d9534f; } .theme-red .bs-datepicker-body table td.week span { color: #d9534f; } .theme-red .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #d9534f; color: #fff; opacity: 0.5; transition: 0s; } .theme-orange .bs-datepicker-head { background-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success, .theme-orange .btn-clear-wrapper .btn-success { background-color: #f0ad4e; border-color: #f0ad4e; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active:focus, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:focus, .theme-orange .btn-clear-wrapper .btn-success:focus { box-shadow: none; } .theme-orange .btn-today-wrapper .btn-success:not(:disabled):not(.disabled):active, .theme-orange .btn-clear-wrapper .btn-success:not(:disabled):not(.disabled):active { background-color: #ED9C29; border-color: #ED9C29; } .theme-orange .btn-today-wrapper .btn-success:hover, .theme-orange .btn-clear-wrapper .btn-success:hover { background-color: #FFAC35; border-color: #FFAC35; } .theme-orange .bs-datepicker-predefined-btns button.selected { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td span.selected, .theme-orange .bs-datepicker-body table td.selected span, .theme-orange .bs-datepicker-body table td span[class*=select-]:after, .theme-orange .bs-datepicker-body table td[class*=select-] span:after { background-color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.week span { color: #f0ad4e; } .theme-orange .bs-datepicker-body table td.active-week span:hover { cursor: pointer; background-color: #f0ad4e; color: #fff; opacity: 0.5; transition: 0s; } /*# sourceMappingURL=bs-datepicker.css.map */ /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/index.css ***! \****************************************************************************************************************************************************************************************************************************************/ .ngx-datatable { display: block; overflow: hidden; justify-content: center; position: relative; transform: translate3d(0, 0, 0); /** * Vertical Scrolling Adjustments */ /** * Horizontal Scrolling Adjustments */ /** * Fixed Header Height Adjustments */ /** * Fixed row height adjustments */ /** * Shared Styles */ /** * Header Styles */ /** * Body Styles */ /** * Footer Styles */ } .ngx-datatable [hidden] { display: none !important; } .ngx-datatable *, .ngx-datatable *:before, .ngx-datatable *:after { box-sizing: border-box; } .ngx-datatable.scroll-vertical .datatable-body { overflow-y: auto; } .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper { position: absolute; } .ngx-datatable.scroll-horz .datatable-body { overflow-x: auto; -webkit-overflow-scrolling: touch; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner { white-space: nowrap; } .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row { white-space: nowrap; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ngx-datatable .datatable-body-row, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-header-inner { display: flex; flex-direction: row; -o-flex-flow: row; flex-flow: row; } .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell { overflow-x: hidden; vertical-align: top; display: inline-block; line-height: 1.625; } .ngx-datatable .datatable-body-cell:focus, .ngx-datatable .datatable-header-cell:focus { outline: none; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-right { z-index: 9; } .ngx-datatable .datatable-row-left, .ngx-datatable .datatable-row-center, .ngx-datatable .datatable-row-group, .ngx-datatable .datatable-row-right { position: relative; } .ngx-datatable .datatable-header { display: block; overflow: hidden; } .ngx-datatable .datatable-header .datatable-header-inner { align-items: stretch; -webkit-align-items: stretch; } .ngx-datatable .datatable-header .datatable-header-cell { position: relative; display: inline-block; } .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper { cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper { cursor: move; } .ngx-datatable .datatable-header .datatable-header-cell .sort-btn { line-height: 100%; vertical-align: middle; display: inline-block; cursor: pointer; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle, .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable { display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 5px; padding: 0 4px; visibility: hidden; } .ngx-datatable .datatable-header .datatable-header-cell .resize-handle { cursor: ew-resize; } .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable { visibility: visible; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker { position: absolute; top: 0; bottom: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft { right: 0; } .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight { left: 0; } .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap { height: inherit; } .ngx-datatable .datatable-body { position: relative; z-index: 10; display: block; } .ngx-datatable .datatable-body .datatable-scroll { display: inline-block; } .ngx-datatable .datatable-body .datatable-row-detail { overflow-y: hidden; } .ngx-datatable .datatable-body .datatable-row-wrapper { display: flex; flex-direction: column; } .ngx-datatable .datatable-body .datatable-body-row { outline: none; } .ngx-datatable .datatable-body .datatable-body-row > div { display: flex; } .ngx-datatable .datatable-footer { display: block; width: 100%; overflow: auto; } .ngx-datatable .datatable-footer .datatable-footer-inner { display: flex; align-items: center; width: 100%; } .ngx-datatable .datatable-footer .selected-count .page-count { flex: 1 1 40%; } .ngx-datatable .datatable-footer .selected-count .datatable-pager { flex: 1 1 60%; } .ngx-datatable .datatable-footer .page-count { flex: 1 1 20%; } .ngx-datatable .datatable-footer .datatable-pager { flex: 1 1 80%; text-align: right; } .ngx-datatable .datatable-footer .datatable-pager .pager, .ngx-datatable .datatable-footer .datatable-pager .pager li { padding: 0; margin: 0; display: inline-block; list-style: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li, .ngx-datatable .datatable-footer .datatable-pager .pager li a { outline: none; } .ngx-datatable .datatable-footer .datatable-pager .pager li a { cursor: pointer; display: inline-block; } .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a { cursor: not-allowed; } /*!***********************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/assets/icons.css ***! \***********************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; @font-face { font-family: 'data-table'; src: url('data-table.19a1c5c211a201d8.eot'); src: url('data-table.19a1c5c211a201d8.eot?#iefix') format('embedded-opentype'), url('data-table.d233a8724a9532b6.woff') format('woff'), url('data-table.4f99927ffc558471.ttf') format('truetype'), url('data-table.029992b38cb863a4.svg#data-table') format('svg'); font-weight: normal; font-style: normal; } [data-icon]::before { font-family: 'data-table' !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-feature-settings: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^='datatable-icon-']::before, [class*=' datatable-icon-']::before { font-family: 'data-table' !important; font-style: normal !important; font-weight: normal !important; font-feature-settings: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .datatable-icon-filter::before { content: '\62'; } .datatable-icon-collapse::before { content: '\61'; } .datatable-icon-expand::before { content: '\63'; } .datatable-icon-close::before { content: '\64'; } .datatable-icon-up::before { content: '\65'; } .datatable-icon-down::before { content: '\66'; } .datatable-icon-sort-unset::before { content: '\63'; opacity: 0.5; } .datatable-icon-sort::before { content: '\67'; } .datatable-icon-done::before { content: '\68'; } .datatable-icon-done-all::before { content: '\69'; } .datatable-icon-search::before { content: '\6a'; } .datatable-icon-pin::before { content: '\6b'; } .datatable-icon-add::before { content: '\6d'; } .datatable-icon-left::before { content: '\6f'; } .datatable-icon-right::before { content: '\70'; } .datatable-icon-skip::before { content: '\71'; } .datatable-icon-prev::before { content: '\72'; } /*!***************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@swimlane/ngx-datatable/themes/bootstrap.css ***! \***************************************************************************************************************************************************************************************************************************************************/ /* bootstrap table theme */ .ngx-datatable.bootstrap { box-shadow: none; font-size: 13px; } .ngx-datatable.bootstrap .datatable-header { height: auto !important; height: initial !important; } .ngx-datatable.bootstrap .datatable-header .datatable-header-cell { vertical-align: bottom; padding: 0.75rem; border-bottom: 1px solid #d1d4d7; } .ngx-datatable.bootstrap .datatable-header .datatable-header-cell .datatable-header-cell-label { line-height: 24px; } .ngx-datatable.bootstrap .datatable-body .datatable-body-row { vertical-align: top; border-top: 1px solid #d1d4d7; } .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even { background-color: rgba(0, 0, 0, 0.05); } .ngx-datatable.bootstrap .datatable-body .datatable-body-row.active { background-color: #1483ff; color: #fff; } .ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell { padding: 0.75rem; text-align: left; vertical-align: top; } .ngx-datatable.bootstrap .datatable-body .empty-row { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 0; } .ngx-datatable.bootstrap .datatable-footer { background: #424242; color: #ededed; margin-top: -1px; } .ngx-datatable.bootstrap .datatable-footer .page-count { line-height: 50px; height: 50px; padding: 0 1.2rem; } .ngx-datatable.bootstrap .datatable-footer .datatable-pager { margin: 0 10px; vertical-align: top; } .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li { margin: 10px 0px; } .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a, .ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):hover a { background-color: #545454; font-weight: bold; } .ngx-datatable.bootstrap .datatable-footer .datatable-pager a { height: 22px; min-width: 24px; line-height: 22px; padding: 0; border-radius: 3px; margin: 0 3px; text-align: center; vertical-align: top; text-decoration: none; vertical-align: bottom; color: #ededed; } .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-left, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-skip, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-right, .ngx-datatable.bootstrap .datatable-footer .datatable-pager .datatable-icon-prev { font-size: 18px; line-height: 27px; padding: 0 3px; } .ngx-datatable.bootstrap .datatable-summary-row .datatable-body-row .datatable-body-cell { font-weight: bold; } /*!***********************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/nucleo-svg.css ***! \***********************************************************************************************************************************************************************************************************************/ /* Generated using nucleoapp.com */ /* -------------------------------- Icon colors -------------------------------- */ .icon { display: inline-block; /* icon primary color */ color: #111111; height: 1em; width: 1em; } .icon use { /* icon secondary color - fill */ fill: #7ea6f6; } .icon.icon-outline use { /* icon secondary color - stroke */ stroke: #7ea6f6; } /* -------------------------------- Change icon size -------------------------------- */ .icon-xs { height: 0.5em; width: 0.5em; } .icon-sm { height: 0.8em; width: 0.8em; } .icon-lg { height: 1.6em; width: 1.6em; } .icon-xl { height: 2em; width: 2em; } /* -------------------------------- Align icon and text -------------------------------- */ .icon-text-aligner { /* add this class to parent element that contains icon + text */ display: flex; align-items: center; } .icon-text-aligner .icon { color: inherit; margin-right: 0.4em; } .icon-text-aligner .icon use { color: inherit; fill: currentColor; } .icon-text-aligner .icon.icon-outline use { stroke: currentColor; } /* -------------------------------- Icon reset values - used to enable color customizations -------------------------------- */ .icon { fill: currentColor; stroke: none; } .icon.icon-outline { fill: none; stroke: currentColor; } .icon use { stroke: none; } .icon.icon-outline use { fill: none; } /* -------------------------------- Stroke effects - Nucleo outline icons - 16px icons -> up to 1px stroke (16px outline icons do not support stroke changes) - 24px, 32px icons -> up to 2px stroke - 48px, 64px icons -> up to 4px stroke -------------------------------- */ .icon-outline.icon-stroke-1 { stroke-width: 1px; } .icon-outline.icon-stroke-2 { stroke-width: 2px; } .icon-outline.icon-stroke-3 { stroke-width: 3px; } .icon-outline.icon-stroke-4 { stroke-width: 4px; } .icon-outline.icon-stroke-1 use, .icon-outline.icon-stroke-3 use { transform: translateX(0.5px) translateY(0.5px); } /*!*************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/css/nucleo-icons.css ***! \*************************************************************************************************************************************************************************************************************************/ /*-------------------------------- hermes-dashboard-icons Web Font - built using nucleoapp.com License - nucleoapp.com/license/ -------------------------------- */ @font-face { font-family: 'NucleoIcons'; src: url('nucleo-icons.6a7ba997bd20fd5d.eot'); src: url('nucleo-icons.6a7ba997bd20fd5d.eot') format('embedded-opentype'), url('nucleo-icons.8b3a763416dc36ab.woff2') format('woff2'), url('nucleo-icons.96941c2a5904d87c.woff') format('woff'), url('nucleo-icons.07516f3e4dc50848.ttf') format('truetype'), url('nucleo-icons.37d8b8b30cb880eb.svg') format('svg'); font-weight: normal; font-style: normal; } /*------------------------ base class definition -------------------------*/ .ni { display: inline-block; font: normal normal normal 14px/1 NucleoIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*------------------------ change icon size -------------------------*/ .ni-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .ni-2x { font-size: 2em; } .ni-3x { font-size: 3em; } .ni-4x { font-size: 4em; } .ni-5x { font-size: 5em; } /*---------------------------------- add a square/circle background -----------------------------------*/ .ni.square, .ni.circle { padding: 0.33333333em; vertical-align: -16%; background-color: #eee; } .ni.circle { border-radius: 50%; } /*------------------------ list icons -------------------------*/ .ni-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .ni-ul>li { position: relative; } .ni-ul>li>.ni { position: absolute; left: -1.57142857em; top: 0.14285714em; text-align: center; } .ni-ul>li>.ni.lg { top: 0; left: -1.35714286em; } .ni-ul>li>.ni.circle, .ni-ul>li>.ni.square { top: -0.19047619em; left: -1.9047619em; } /*------------------------ spinning icons -------------------------*/ .ni.spin { -webkit-animation: nc-spin 2s infinite linear; animation: nc-spin 2s infinite linear; } @-webkit-keyframes nc-spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nc-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /*------------------------ rotated/flipped icons -------------------------*/ .ni.rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); transform: rotate(90deg); } .ni.rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: rotate(180deg); } .ni.rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(270deg); } .ni.flip-y { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); transform: scale(-1, 1); } .ni.flip-x { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); transform: scale(1, -1); } /*------------------------ font icons -------------------------*/ .ni-active-40::before { content: "\ea02"; } .ni-air-baloon::before { content: "\ea03"; } .ni-album-2::before { content: "\ea04"; } .ni-align-center::before { content: "\ea05"; } .ni-align-left-2::before { content: "\ea06"; } .ni-ambulance::before { content: "\ea07"; } .ni-app::before { content: "\ea08"; } .ni-archive-2::before { content: "\ea09"; } .ni-atom::before { content: "\ea0a"; } .ni-badge::before { content: "\ea0b"; } .ni-bag-17::before { content: "\ea0c"; } .ni-basket::before { content: "\ea0d"; } .ni-bell-55::before { content: "\ea0e"; } .ni-bold-down::before { content: "\ea0f"; } .ni-bold-left::before { content: "\ea10"; } .ni-bold-right::before { content: "\ea11"; } .ni-bold-up::before { content: "\ea12"; } .ni-bold::before { content: "\ea13"; } .ni-book-bookmark::before { content: "\ea14"; } .ni-books::before { content: "\ea15"; } .ni-box-2::before { content: "\ea16"; } .ni-briefcase-24::before { content: "\ea17"; } .ni-building::before { content: "\ea18"; } .ni-bulb-61::before { content: "\ea19"; } .ni-bullet-list-67::before { content: "\ea1a"; } .ni-bus-front-12::before { content: "\ea1b"; } .ni-button-pause::before { content: "\ea1c"; } .ni-button-play::before { content: "\ea1d"; } .ni-button-power::before { content: "\ea1e"; } .ni-calendar-grid-58::before { content: "\ea1f"; } .ni-camera-compact::before { content: "\ea20"; } .ni-caps-small::before { content: "\ea21"; } .ni-cart::before { content: "\ea22"; } .ni-chart-bar-32::before { content: "\ea23"; } .ni-chart-pie-35::before { content: "\ea24"; } .ni-chat-round::before { content: "\ea25"; } .ni-check-bold::before { content: "\ea26"; } .ni-circle-08::before { content: "\ea27"; } .ni-cloud-download-95::before { content: "\ea28"; } .ni-cloud-upload-96::before { content: "\ea29"; } .ni-compass-04::before { content: "\ea2a"; } .ni-controller::before { content: "\ea2b"; } .ni-credit-card::before { content: "\ea2c"; } .ni-curved-next::before { content: "\ea2d"; } .ni-delivery-fast::before { content: "\ea2e"; } .ni-diamond::before { content: "\ea2f"; } .ni-email-83::before { content: "\ea30"; } .ni-fat-add::before { content: "\ea31"; } .ni-fat-delete::before { content: "\ea32"; } .ni-fat-remove::before { content: "\ea33"; } .ni-favourite-28::before { content: "\ea34"; } .ni-folder-17::before { content: "\ea35"; } .ni-glasses-2::before { content: "\ea36"; } .ni-hat-3::before { content: "\ea37"; } .ni-headphones::before { content: "\ea38"; } .ni-html5::before { content: "\ea39"; } .ni-istanbul::before { content: "\ea3a"; } .ni-key-25::before { content: "\ea3b"; } .ni-laptop::before { content: "\ea3c"; } .ni-like-2::before { content: "\ea3d"; } .ni-lock-circle-open::before { content: "\ea3e"; } .ni-map-big::before { content: "\ea3f"; } .ni-mobile-button::before { content: "\ea40"; } .ni-money-coins::before { content: "\ea41"; } .ni-note-03::before { content: "\ea42"; } .ni-notification-70::before { content: "\ea43"; } .ni-palette::before { content: "\ea44"; } .ni-paper-diploma::before { content: "\ea45"; } .ni-pin-3::before { content: "\ea46"; } .ni-planet::before { content: "\ea47"; } .ni-ruler-pencil::before { content: "\ea48"; } .ni-satisfied::before { content: "\ea49"; } .ni-scissors::before { content: "\ea4a"; } .ni-send::before { content: "\ea4b"; } .ni-settings-gear-65::before { content: "\ea4c"; } .ni-settings::before { content: "\ea4d"; } .ni-single-02::before { content: "\ea4e"; } .ni-single-copy-04::before { content: "\ea4f"; } .ni-sound-wave::before { content: "\ea50"; } .ni-spaceship::before { content: "\ea51"; } .ni-square-pin::before { content: "\ea52"; } .ni-support-16::before { content: "\ea53"; } .ni-tablet-button::before { content: "\ea54"; } .ni-tag::before { content: "\ea55"; } .ni-tie-bow::before { content: "\ea56"; } .ni-time-alarm::before { content: "\ea57"; } .ni-trophy::before { content: "\ea58"; } .ni-tv-2::before { content: "\ea59"; } .ni-umbrella-13::before { content: "\ea5a"; } .ni-user-run::before { content: "\ea5b"; } .ni-vector::before { content: "\ea5c"; } .ni-watch-time::before { content: "\ea5d"; } .ni-world::before { content: "\ea5e"; } .ni-zoom-split-in::before { content: "\ea5f"; } .ni-collection::before { content: "\ea60"; } .ni-image::before { content: "\ea61"; } .ni-shop::before { content: "\ea62"; } .ni-ungroup::before { content: "\ea63"; } .ni-world-2::before { content: "\ea64"; } .ni-ui-04::before { content: "\ea65"; } /* all icon font classes list here */ /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./src/assets/fonts/fontawesome-free/css/all.min.css ***! \*******************************************************************************************************************************************************************************************************************************************/ /*! * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ .fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-feature-settings:normal;font-variant:normal;text-rendering:auto;line-height:1} .fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em} .fa-xs{font-size:.75em} .fa-sm{font-size:.875em} .fa-1x{font-size:1em} .fa-2x{font-size:2em} .fa-3x{font-size:3em} .fa-4x{font-size:4em} .fa-5x{font-size:5em} .fa-6x{font-size:6em} .fa-7x{font-size:7em} .fa-8x{font-size:8em} .fa-9x{font-size:9em} .fa-10x{font-size:10em} .fa-fw{text-align:center;width:1.25em} .fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0} .fa-ul>li{position:relative} .fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit} .fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em} .fa-pull-left{float:left} .fa-pull-right{float:right} .fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em} .fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em} .fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear} .fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)} @-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} @keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}} .fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)} .fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)} .fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)} .fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)} .fa-flip-vertical{transform:scaleY(-1)} .fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"} .fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)} :root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none} .fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em} .fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%} .fa-stack-1x{line-height:inherit} .fa-stack-2x{font-size:2em} .fa-inverse{color:#fff} .fa-500px:before{content:"\f26e"} .fa-accessible-icon:before{content:"\f368"} .fa-accusoft:before{content:"\f369"} .fa-acquisitions-incorporated:before{content:"\f6af"} .fa-ad:before{content:"\f641"} .fa-address-book:before{content:"\f2b9"} .fa-address-card:before{content:"\f2bb"} .fa-adjust:before{content:"\f042"} .fa-adn:before{content:"\f170"} .fa-adobe:before{content:"\f778"} .fa-adversal:before{content:"\f36a"} .fa-affiliatetheme:before{content:"\f36b"} .fa-air-freshener:before{content:"\f5d0"} .fa-airbnb:before{content:"\f834"} .fa-algolia:before{content:"\f36c"} .fa-align-center:before{content:"\f037"} .fa-align-justify:before{content:"\f039"} .fa-align-left:before{content:"\f036"} .fa-align-right:before{content:"\f038"} .fa-alipay:before{content:"\f642"} .fa-allergies:before{content:"\f461"} .fa-amazon:before{content:"\f270"} .fa-amazon-pay:before{content:"\f42c"} .fa-ambulance:before{content:"\f0f9"} .fa-american-sign-language-interpreting:before{content:"\f2a3"} .fa-amilia:before{content:"\f36d"} .fa-anchor:before{content:"\f13d"} .fa-android:before{content:"\f17b"} .fa-angellist:before{content:"\f209"} .fa-angle-double-down:before{content:"\f103"} .fa-angle-double-left:before{content:"\f100"} .fa-angle-double-right:before{content:"\f101"} .fa-angle-double-up:before{content:"\f102"} .fa-angle-down:before{content:"\f107"} .fa-angle-left:before{content:"\f104"} .fa-angle-right:before{content:"\f105"} .fa-angle-up:before{content:"\f106"} .fa-angry:before{content:"\f556"} .fa-angrycreative:before{content:"\f36e"} .fa-angular:before{content:"\f420"} .fa-ankh:before{content:"\f644"} .fa-app-store:before{content:"\f36f"} .fa-app-store-ios:before{content:"\f370"} .fa-apper:before{content:"\f371"} .fa-apple:before{content:"\f179"} .fa-apple-alt:before{content:"\f5d1"} .fa-apple-pay:before{content:"\f415"} .fa-archive:before{content:"\f187"} .fa-archway:before{content:"\f557"} .fa-arrow-alt-circle-down:before{content:"\f358"} .fa-arrow-alt-circle-left:before{content:"\f359"} .fa-arrow-alt-circle-right:before{content:"\f35a"} .fa-arrow-alt-circle-up:before{content:"\f35b"} .fa-arrow-circle-down:before{content:"\f0ab"} .fa-arrow-circle-left:before{content:"\f0a8"} .fa-arrow-circle-right:before{content:"\f0a9"} .fa-arrow-circle-up:before{content:"\f0aa"} .fa-arrow-down:before{content:"\f063"} .fa-arrow-left:before{content:"\f060"} .fa-arrow-right:before{content:"\f061"} .fa-arrow-up:before{content:"\f062"} .fa-arrows-alt:before{content:"\f0b2"} .fa-arrows-alt-h:before{content:"\f337"} .fa-arrows-alt-v:before{content:"\f338"} .fa-artstation:before{content:"\f77a"} .fa-assistive-listening-systems:before{content:"\f2a2"} .fa-asterisk:before{content:"\f069"} .fa-asymmetrik:before{content:"\f372"} .fa-at:before{content:"\f1fa"} .fa-atlas:before{content:"\f558"} .fa-atlassian:before{content:"\f77b"} .fa-atom:before{content:"\f5d2"} .fa-audible:before{content:"\f373"} .fa-audio-description:before{content:"\f29e"} .fa-autoprefixer:before{content:"\f41c"} .fa-avianex:before{content:"\f374"} .fa-aviato:before{content:"\f421"} .fa-award:before{content:"\f559"} .fa-aws:before{content:"\f375"} .fa-baby:before{content:"\f77c"} .fa-baby-carriage:before{content:"\f77d"} .fa-backspace:before{content:"\f55a"} .fa-backward:before{content:"\f04a"} .fa-bacon:before{content:"\f7e5"} .fa-balance-scale:before{content:"\f24e"} .fa-ban:before{content:"\f05e"} .fa-band-aid:before{content:"\f462"} .fa-bandcamp:before{content:"\f2d5"} .fa-barcode:before{content:"\f02a"} .fa-bars:before{content:"\f0c9"} .fa-baseball-ball:before{content:"\f433"} .fa-basketball-ball:before{content:"\f434"} .fa-bath:before{content:"\f2cd"} .fa-battery-empty:before{content:"\f244"} .fa-battery-full:before{content:"\f240"} .fa-battery-half:before{content:"\f242"} .fa-battery-quarter:before{content:"\f243"} .fa-battery-three-quarters:before{content:"\f241"} .fa-battle-net:before{content:"\f835"} .fa-bed:before{content:"\f236"} .fa-beer:before{content:"\f0fc"} .fa-behance:before{content:"\f1b4"} .fa-behance-square:before{content:"\f1b5"} .fa-bell:before{content:"\f0f3"} .fa-bell-slash:before{content:"\f1f6"} .fa-bezier-curve:before{content:"\f55b"} .fa-bible:before{content:"\f647"} .fa-bicycle:before{content:"\f206"} .fa-bimobject:before{content:"\f378"} .fa-binoculars:before{content:"\f1e5"} .fa-biohazard:before{content:"\f780"} .fa-birthday-cake:before{content:"\f1fd"} .fa-bitbucket:before{content:"\f171"} .fa-bitcoin:before{content:"\f379"} .fa-bity:before{content:"\f37a"} .fa-black-tie:before{content:"\f27e"} .fa-blackberry:before{content:"\f37b"} .fa-blender:before{content:"\f517"} .fa-blender-phone:before{content:"\f6b6"} .fa-blind:before{content:"\f29d"} .fa-blog:before{content:"\f781"} .fa-blogger:before{content:"\f37c"} .fa-blogger-b:before{content:"\f37d"} .fa-bluetooth:before{content:"\f293"} .fa-bluetooth-b:before{content:"\f294"} .fa-bold:before{content:"\f032"} .fa-bolt:before{content:"\f0e7"} .fa-bomb:before{content:"\f1e2"} .fa-bone:before{content:"\f5d7"} .fa-bong:before{content:"\f55c"} .fa-book:before{content:"\f02d"} .fa-book-dead:before{content:"\f6b7"} .fa-book-medical:before{content:"\f7e6"} .fa-book-open:before{content:"\f518"} .fa-book-reader:before{content:"\f5da"} .fa-bookmark:before{content:"\f02e"} .fa-bootstrap:before{content:"\f836"} .fa-bowling-ball:before{content:"\f436"} .fa-box:before{content:"\f466"} .fa-box-open:before{content:"\f49e"} .fa-boxes:before{content:"\f468"} .fa-braille:before{content:"\f2a1"} .fa-brain:before{content:"\f5dc"} .fa-bread-slice:before{content:"\f7ec"} .fa-briefcase:before{content:"\f0b1"} .fa-briefcase-medical:before{content:"\f469"} .fa-broadcast-tower:before{content:"\f519"} .fa-broom:before{content:"\f51a"} .fa-brush:before{content:"\f55d"} .fa-btc:before{content:"\f15a"} .fa-buffer:before{content:"\f837"} .fa-bug:before{content:"\f188"} .fa-building:before{content:"\f1ad"} .fa-bullhorn:before{content:"\f0a1"} .fa-bullseye:before{content:"\f140"} .fa-burn:before{content:"\f46a"} .fa-buromobelexperte:before{content:"\f37f"} .fa-bus:before{content:"\f207"} .fa-bus-alt:before{content:"\f55e"} .fa-business-time:before{content:"\f64a"} .fa-buysellads:before{content:"\f20d"} .fa-calculator:before{content:"\f1ec"} .fa-calendar:before{content:"\f133"} .fa-calendar-alt:before{content:"\f073"} .fa-calendar-check:before{content:"\f274"} .fa-calendar-day:before{content:"\f783"} .fa-calendar-minus:before{content:"\f272"} .fa-calendar-plus:before{content:"\f271"} .fa-calendar-times:before{content:"\f273"} .fa-calendar-week:before{content:"\f784"} .fa-camera:before{content:"\f030"} .fa-camera-retro:before{content:"\f083"} .fa-campground:before{content:"\f6bb"} .fa-canadian-maple-leaf:before{content:"\f785"} .fa-candy-cane:before{content:"\f786"} .fa-cannabis:before{content:"\f55f"} .fa-capsules:before{content:"\f46b"} .fa-car:before{content:"\f1b9"} .fa-car-alt:before{content:"\f5de"} .fa-car-battery:before{content:"\f5df"} .fa-car-crash:before{content:"\f5e1"} .fa-car-side:before{content:"\f5e4"} .fa-caret-down:before{content:"\f0d7"} .fa-caret-left:before{content:"\f0d9"} .fa-caret-right:before{content:"\f0da"} .fa-caret-square-down:before{content:"\f150"} .fa-caret-square-left:before{content:"\f191"} .fa-caret-square-right:before{content:"\f152"} .fa-caret-square-up:before{content:"\f151"} .fa-caret-up:before{content:"\f0d8"} .fa-carrot:before{content:"\f787"} .fa-cart-arrow-down:before{content:"\f218"} .fa-cart-plus:before{content:"\f217"} .fa-cash-register:before{content:"\f788"} .fa-cat:before{content:"\f6be"} .fa-cc-amazon-pay:before{content:"\f42d"} .fa-cc-amex:before{content:"\f1f3"} .fa-cc-apple-pay:before{content:"\f416"} .fa-cc-diners-club:before{content:"\f24c"} .fa-cc-discover:before{content:"\f1f2"} .fa-cc-jcb:before{content:"\f24b"} .fa-cc-mastercard:before{content:"\f1f1"} .fa-cc-paypal:before{content:"\f1f4"} .fa-cc-stripe:before{content:"\f1f5"} .fa-cc-visa:before{content:"\f1f0"} .fa-centercode:before{content:"\f380"} .fa-centos:before{content:"\f789"} .fa-certificate:before{content:"\f0a3"} .fa-chair:before{content:"\f6c0"} .fa-chalkboard:before{content:"\f51b"} .fa-chalkboard-teacher:before{content:"\f51c"} .fa-charging-station:before{content:"\f5e7"} .fa-chart-area:before{content:"\f1fe"} .fa-chart-bar:before{content:"\f080"} .fa-chart-line:before{content:"\f201"} .fa-chart-pie:before{content:"\f200"} .fa-check:before{content:"\f00c"} .fa-check-circle:before{content:"\f058"} .fa-check-double:before{content:"\f560"} .fa-check-square:before{content:"\f14a"} .fa-cheese:before{content:"\f7ef"} .fa-chess:before{content:"\f439"} .fa-chess-bishop:before{content:"\f43a"} .fa-chess-board:before{content:"\f43c"} .fa-chess-king:before{content:"\f43f"} .fa-chess-knight:before{content:"\f441"} .fa-chess-pawn:before{content:"\f443"} .fa-chess-queen:before{content:"\f445"} .fa-chess-rook:before{content:"\f447"} .fa-chevron-circle-down:before{content:"\f13a"} .fa-chevron-circle-left:before{content:"\f137"} .fa-chevron-circle-right:before{content:"\f138"} .fa-chevron-circle-up:before{content:"\f139"} .fa-chevron-down:before{content:"\f078"} .fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before{content:"\f054"} .fa-chevron-up:before{content:"\f077"} .fa-child:before{content:"\f1ae"} .fa-chrome:before{content:"\f268"} .fa-chromecast:before{content:"\f838"} .fa-church:before{content:"\f51d"} .fa-circle:before{content:"\f111"} .fa-circle-notch:before{content:"\f1ce"} .fa-city:before{content:"\f64f"} .fa-clinic-medical:before{content:"\f7f2"} .fa-clipboard:before{content:"\f328"} .fa-clipboard-check:before{content:"\f46c"} .fa-clipboard-list:before{content:"\f46d"} .fa-clock:before{content:"\f017"} .fa-clone:before{content:"\f24d"} .fa-closed-captioning:before{content:"\f20a"} .fa-cloud:before{content:"\f0c2"} .fa-cloud-download-alt:before{content:"\f381"} .fa-cloud-meatball:before{content:"\f73b"} .fa-cloud-moon:before{content:"\f6c3"} .fa-cloud-moon-rain:before{content:"\f73c"} .fa-cloud-rain:before{content:"\f73d"} .fa-cloud-showers-heavy:before{content:"\f740"} .fa-cloud-sun:before{content:"\f6c4"} .fa-cloud-sun-rain:before{content:"\f743"} .fa-cloud-upload-alt:before{content:"\f382"} .fa-cloudscale:before{content:"\f383"} .fa-cloudsmith:before{content:"\f384"} .fa-cloudversify:before{content:"\f385"} .fa-cocktail:before{content:"\f561"} .fa-code:before{content:"\f121"} .fa-code-branch:before{content:"\f126"} .fa-codepen:before{content:"\f1cb"} .fa-codiepie:before{content:"\f284"} .fa-coffee:before{content:"\f0f4"} .fa-cog:before{content:"\f013"} .fa-cogs:before{content:"\f085"} .fa-coins:before{content:"\f51e"} .fa-columns:before{content:"\f0db"} .fa-comment:before{content:"\f075"} .fa-comment-alt:before{content:"\f27a"} .fa-comment-dollar:before{content:"\f651"} .fa-comment-dots:before{content:"\f4ad"} .fa-comment-medical:before{content:"\f7f5"} .fa-comment-slash:before{content:"\f4b3"} .fa-comments:before{content:"\f086"} .fa-comments-dollar:before{content:"\f653"} .fa-compact-disc:before{content:"\f51f"} .fa-compass:before{content:"\f14e"} .fa-compress:before{content:"\f066"} .fa-compress-arrows-alt:before{content:"\f78c"} .fa-concierge-bell:before{content:"\f562"} .fa-confluence:before{content:"\f78d"} .fa-connectdevelop:before{content:"\f20e"} .fa-contao:before{content:"\f26d"} .fa-cookie:before{content:"\f563"} .fa-cookie-bite:before{content:"\f564"} .fa-copy:before{content:"\f0c5"} .fa-copyright:before{content:"\f1f9"} .fa-couch:before{content:"\f4b8"} .fa-cpanel:before{content:"\f388"} .fa-creative-commons:before{content:"\f25e"} .fa-creative-commons-by:before{content:"\f4e7"} .fa-creative-commons-nc:before{content:"\f4e8"} .fa-creative-commons-nc-eu:before{content:"\f4e9"} .fa-creative-commons-nc-jp:before{content:"\f4ea"} .fa-creative-commons-nd:before{content:"\f4eb"} .fa-creative-commons-pd:before{content:"\f4ec"} .fa-creative-commons-pd-alt:before{content:"\f4ed"} .fa-creative-commons-remix:before{content:"\f4ee"} .fa-creative-commons-sa:before{content:"\f4ef"} .fa-creative-commons-sampling:before{content:"\f4f0"} .fa-creative-commons-sampling-plus:before{content:"\f4f1"} .fa-creative-commons-share:before{content:"\f4f2"} .fa-creative-commons-zero:before{content:"\f4f3"} .fa-credit-card:before{content:"\f09d"} .fa-critical-role:before{content:"\f6c9"} .fa-crop:before{content:"\f125"} .fa-crop-alt:before{content:"\f565"} .fa-cross:before{content:"\f654"} .fa-crosshairs:before{content:"\f05b"} .fa-crow:before{content:"\f520"} .fa-crown:before{content:"\f521"} .fa-crutch:before{content:"\f7f7"} .fa-css3:before{content:"\f13c"} .fa-css3-alt:before{content:"\f38b"} .fa-cube:before{content:"\f1b2"} .fa-cubes:before{content:"\f1b3"} .fa-cut:before{content:"\f0c4"} .fa-cuttlefish:before{content:"\f38c"} .fa-d-and-d:before{content:"\f38d"} .fa-d-and-d-beyond:before{content:"\f6ca"} .fa-dashcube:before{content:"\f210"} .fa-database:before{content:"\f1c0"} .fa-deaf:before{content:"\f2a4"} .fa-delicious:before{content:"\f1a5"} .fa-democrat:before{content:"\f747"} .fa-deploydog:before{content:"\f38e"} .fa-deskpro:before{content:"\f38f"} .fa-desktop:before{content:"\f108"} .fa-dev:before{content:"\f6cc"} .fa-deviantart:before{content:"\f1bd"} .fa-dharmachakra:before{content:"\f655"} .fa-dhl:before{content:"\f790"} .fa-diagnoses:before{content:"\f470"} .fa-diaspora:before{content:"\f791"} .fa-dice:before{content:"\f522"} .fa-dice-d20:before{content:"\f6cf"} .fa-dice-d6:before{content:"\f6d1"} .fa-dice-five:before{content:"\f523"} .fa-dice-four:before{content:"\f524"} .fa-dice-one:before{content:"\f525"} .fa-dice-six:before{content:"\f526"} .fa-dice-three:before{content:"\f527"} .fa-dice-two:before{content:"\f528"} .fa-digg:before{content:"\f1a6"} .fa-digital-ocean:before{content:"\f391"} .fa-digital-tachograph:before{content:"\f566"} .fa-directions:before{content:"\f5eb"} .fa-discord:before{content:"\f392"} .fa-discourse:before{content:"\f393"} .fa-divide:before{content:"\f529"} .fa-dizzy:before{content:"\f567"} .fa-dna:before{content:"\f471"} .fa-dochub:before{content:"\f394"} .fa-docker:before{content:"\f395"} .fa-dog:before{content:"\f6d3"} .fa-dollar-sign:before{content:"\f155"} .fa-dolly:before{content:"\f472"} .fa-dolly-flatbed:before{content:"\f474"} .fa-donate:before{content:"\f4b9"} .fa-door-closed:before{content:"\f52a"} .fa-door-open:before{content:"\f52b"} .fa-dot-circle:before{content:"\f192"} .fa-dove:before{content:"\f4ba"} .fa-download:before{content:"\f019"} .fa-draft2digital:before{content:"\f396"} .fa-drafting-compass:before{content:"\f568"} .fa-dragon:before{content:"\f6d5"} .fa-draw-polygon:before{content:"\f5ee"} .fa-dribbble:before{content:"\f17d"} .fa-dribbble-square:before{content:"\f397"} .fa-dropbox:before{content:"\f16b"} .fa-drum:before{content:"\f569"} .fa-drum-steelpan:before{content:"\f56a"} .fa-drumstick-bite:before{content:"\f6d7"} .fa-drupal:before{content:"\f1a9"} .fa-dumbbell:before{content:"\f44b"} .fa-dumpster:before{content:"\f793"} .fa-dumpster-fire:before{content:"\f794"} .fa-dungeon:before{content:"\f6d9"} .fa-dyalog:before{content:"\f399"} .fa-earlybirds:before{content:"\f39a"} .fa-ebay:before{content:"\f4f4"} .fa-edge:before{content:"\f282"} .fa-edit:before{content:"\f044"} .fa-egg:before{content:"\f7fb"} .fa-eject:before{content:"\f052"} .fa-elementor:before{content:"\f430"} .fa-ellipsis-h:before{content:"\f141"} .fa-ellipsis-v:before{content:"\f142"} .fa-ello:before{content:"\f5f1"} .fa-ember:before{content:"\f423"} .fa-empire:before{content:"\f1d1"} .fa-envelope:before{content:"\f0e0"} .fa-envelope-open:before{content:"\f2b6"} .fa-envelope-open-text:before{content:"\f658"} .fa-envelope-square:before{content:"\f199"} .fa-envira:before{content:"\f299"} .fa-equals:before{content:"\f52c"} .fa-eraser:before{content:"\f12d"} .fa-erlang:before{content:"\f39d"} .fa-ethereum:before{content:"\f42e"} .fa-ethernet:before{content:"\f796"} .fa-etsy:before{content:"\f2d7"} .fa-euro-sign:before{content:"\f153"} .fa-evernote:before{content:"\f839"} .fa-exchange-alt:before{content:"\f362"} .fa-exclamation:before{content:"\f12a"} .fa-exclamation-circle:before{content:"\f06a"} .fa-exclamation-triangle:before{content:"\f071"} .fa-expand:before{content:"\f065"} .fa-expand-arrows-alt:before{content:"\f31e"} .fa-expeditedssl:before{content:"\f23e"} .fa-external-link-alt:before{content:"\f35d"} .fa-external-link-square-alt:before{content:"\f360"} .fa-eye:before{content:"\f06e"} .fa-eye-dropper:before{content:"\f1fb"} .fa-eye-slash:before{content:"\f070"} .fa-facebook:before{content:"\f09a"} .fa-facebook-f:before{content:"\f39e"} .fa-facebook-messenger:before{content:"\f39f"} .fa-facebook-square:before{content:"\f082"} .fa-fantasy-flight-games:before{content:"\f6dc"} .fa-fast-backward:before{content:"\f049"} .fa-fast-forward:before{content:"\f050"} .fa-fax:before{content:"\f1ac"} .fa-feather:before{content:"\f52d"} .fa-feather-alt:before{content:"\f56b"} .fa-fedex:before{content:"\f797"} .fa-fedora:before{content:"\f798"} .fa-female:before{content:"\f182"} .fa-fighter-jet:before{content:"\f0fb"} .fa-figma:before{content:"\f799"} .fa-file:before{content:"\f15b"} .fa-file-alt:before{content:"\f15c"} .fa-file-archive:before{content:"\f1c6"} .fa-file-audio:before{content:"\f1c7"} .fa-file-code:before{content:"\f1c9"} .fa-file-contract:before{content:"\f56c"} .fa-file-csv:before{content:"\f6dd"} .fa-file-download:before{content:"\f56d"} .fa-file-excel:before{content:"\f1c3"} .fa-file-export:before{content:"\f56e"} .fa-file-image:before{content:"\f1c5"} .fa-file-import:before{content:"\f56f"} .fa-file-invoice:before{content:"\f570"} .fa-file-invoice-dollar:before{content:"\f571"} .fa-file-medical:before{content:"\f477"} .fa-file-medical-alt:before{content:"\f478"} .fa-file-pdf:before{content:"\f1c1"} .fa-file-powerpoint:before{content:"\f1c4"} .fa-file-prescription:before{content:"\f572"} .fa-file-signature:before{content:"\f573"} .fa-file-upload:before{content:"\f574"} .fa-file-video:before{content:"\f1c8"} .fa-file-word:before{content:"\f1c2"} .fa-fill:before{content:"\f575"} .fa-fill-drip:before{content:"\f576"} .fa-film:before{content:"\f008"} .fa-filter:before{content:"\f0b0"} .fa-fingerprint:before{content:"\f577"} .fa-fire:before{content:"\f06d"} .fa-fire-alt:before{content:"\f7e4"} .fa-fire-extinguisher:before{content:"\f134"} .fa-firefox:before{content:"\f269"} .fa-first-aid:before{content:"\f479"} .fa-first-order:before{content:"\f2b0"} .fa-first-order-alt:before{content:"\f50a"} .fa-firstdraft:before{content:"\f3a1"} .fa-fish:before{content:"\f578"} .fa-fist-raised:before{content:"\f6de"} .fa-flag:before{content:"\f024"} .fa-flag-checkered:before{content:"\f11e"} .fa-flag-usa:before{content:"\f74d"} .fa-flask:before{content:"\f0c3"} .fa-flickr:before{content:"\f16e"} .fa-flipboard:before{content:"\f44d"} .fa-flushed:before{content:"\f579"} .fa-fly:before{content:"\f417"} .fa-folder:before{content:"\f07b"} .fa-folder-minus:before{content:"\f65d"} .fa-folder-open:before{content:"\f07c"} .fa-folder-plus:before{content:"\f65e"} .fa-font:before{content:"\f031"} .fa-font-awesome:before{content:"\f2b4"} .fa-font-awesome-alt:before{content:"\f35c"} .fa-font-awesome-flag:before{content:"\f425"} .fa-font-awesome-logo-full:before{content:"\f4e6"} .fa-fonticons:before{content:"\f280"} .fa-fonticons-fi:before{content:"\f3a2"} .fa-football-ball:before{content:"\f44e"} .fa-fort-awesome:before{content:"\f286"} .fa-fort-awesome-alt:before{content:"\f3a3"} .fa-forumbee:before{content:"\f211"} .fa-forward:before{content:"\f04e"} .fa-foursquare:before{content:"\f180"} .fa-free-code-camp:before{content:"\f2c5"} .fa-freebsd:before{content:"\f3a4"} .fa-frog:before{content:"\f52e"} .fa-frown:before{content:"\f119"} .fa-frown-open:before{content:"\f57a"} .fa-fulcrum:before{content:"\f50b"} .fa-funnel-dollar:before{content:"\f662"} .fa-futbol:before{content:"\f1e3"} .fa-galactic-republic:before{content:"\f50c"} .fa-galactic-senate:before{content:"\f50d"} .fa-gamepad:before{content:"\f11b"} .fa-gas-pump:before{content:"\f52f"} .fa-gavel:before{content:"\f0e3"} .fa-gem:before{content:"\f3a5"} .fa-genderless:before{content:"\f22d"} .fa-get-pocket:before{content:"\f265"} .fa-gg:before{content:"\f260"} .fa-gg-circle:before{content:"\f261"} .fa-ghost:before{content:"\f6e2"} .fa-gift:before{content:"\f06b"} .fa-gifts:before{content:"\f79c"} .fa-git:before{content:"\f1d3"} .fa-git-alt:before{content:"\f841"} .fa-git-square:before{content:"\f1d2"} .fa-github:before{content:"\f09b"} .fa-github-alt:before{content:"\f113"} .fa-github-square:before{content:"\f092"} .fa-gitkraken:before{content:"\f3a6"} .fa-gitlab:before{content:"\f296"} .fa-gitter:before{content:"\f426"} .fa-glass-cheers:before{content:"\f79f"} .fa-glass-martini:before{content:"\f000"} .fa-glass-martini-alt:before{content:"\f57b"} .fa-glass-whiskey:before{content:"\f7a0"} .fa-glasses:before{content:"\f530"} .fa-glide:before{content:"\f2a5"} .fa-glide-g:before{content:"\f2a6"} .fa-globe:before{content:"\f0ac"} .fa-globe-africa:before{content:"\f57c"} .fa-globe-americas:before{content:"\f57d"} .fa-globe-asia:before{content:"\f57e"} .fa-globe-europe:before{content:"\f7a2"} .fa-gofore:before{content:"\f3a7"} .fa-golf-ball:before{content:"\f450"} .fa-goodreads:before{content:"\f3a8"} .fa-goodreads-g:before{content:"\f3a9"} .fa-google:before{content:"\f1a0"} .fa-google-drive:before{content:"\f3aa"} .fa-google-play:before{content:"\f3ab"} .fa-google-plus:before{content:"\f2b3"} .fa-google-plus-g:before{content:"\f0d5"} .fa-google-plus-square:before{content:"\f0d4"} .fa-google-wallet:before{content:"\f1ee"} .fa-gopuram:before{content:"\f664"} .fa-graduation-cap:before{content:"\f19d"} .fa-gratipay:before{content:"\f184"} .fa-grav:before{content:"\f2d6"} .fa-greater-than:before{content:"\f531"} .fa-greater-than-equal:before{content:"\f532"} .fa-grimace:before{content:"\f57f"} .fa-grin:before{content:"\f580"} .fa-grin-alt:before{content:"\f581"} .fa-grin-beam:before{content:"\f582"} .fa-grin-beam-sweat:before{content:"\f583"} .fa-grin-hearts:before{content:"\f584"} .fa-grin-squint:before{content:"\f585"} .fa-grin-squint-tears:before{content:"\f586"} .fa-grin-stars:before{content:"\f587"} .fa-grin-tears:before{content:"\f588"} .fa-grin-tongue:before{content:"\f589"} .fa-grin-tongue-squint:before{content:"\f58a"} .fa-grin-tongue-wink:before{content:"\f58b"} .fa-grin-wink:before{content:"\f58c"} .fa-grip-horizontal:before{content:"\f58d"} .fa-grip-lines:before{content:"\f7a4"} .fa-grip-lines-vertical:before{content:"\f7a5"} .fa-grip-vertical:before{content:"\f58e"} .fa-gripfire:before{content:"\f3ac"} .fa-grunt:before{content:"\f3ad"} .fa-guitar:before{content:"\f7a6"} .fa-gulp:before{content:"\f3ae"} .fa-h-square:before{content:"\f0fd"} .fa-hacker-news:before{content:"\f1d4"} .fa-hacker-news-square:before{content:"\f3af"} .fa-hackerrank:before{content:"\f5f7"} .fa-hamburger:before{content:"\f805"} .fa-hammer:before{content:"\f6e3"} .fa-hamsa:before{content:"\f665"} .fa-hand-holding:before{content:"\f4bd"} .fa-hand-holding-heart:before{content:"\f4be"} .fa-hand-holding-usd:before{content:"\f4c0"} .fa-hand-lizard:before{content:"\f258"} .fa-hand-middle-finger:before{content:"\f806"} .fa-hand-paper:before{content:"\f256"} .fa-hand-peace:before{content:"\f25b"} .fa-hand-point-down:before{content:"\f0a7"} .fa-hand-point-left:before{content:"\f0a5"} .fa-hand-point-right:before{content:"\f0a4"} .fa-hand-point-up:before{content:"\f0a6"} .fa-hand-pointer:before{content:"\f25a"} .fa-hand-rock:before{content:"\f255"} .fa-hand-scissors:before{content:"\f257"} .fa-hand-spock:before{content:"\f259"} .fa-hands:before{content:"\f4c2"} .fa-hands-helping:before{content:"\f4c4"} .fa-handshake:before{content:"\f2b5"} .fa-hanukiah:before{content:"\f6e6"} .fa-hard-hat:before{content:"\f807"} .fa-hashtag:before{content:"\f292"} .fa-hat-wizard:before{content:"\f6e8"} .fa-haykal:before{content:"\f666"} .fa-hdd:before{content:"\f0a0"} .fa-heading:before{content:"\f1dc"} .fa-headphones:before{content:"\f025"} .fa-headphones-alt:before{content:"\f58f"} .fa-headset:before{content:"\f590"} .fa-heart:before{content:"\f004"} .fa-heart-broken:before{content:"\f7a9"} .fa-heartbeat:before{content:"\f21e"} .fa-helicopter:before{content:"\f533"} .fa-highlighter:before{content:"\f591"} .fa-hiking:before{content:"\f6ec"} .fa-hippo:before{content:"\f6ed"} .fa-hips:before{content:"\f452"} .fa-hire-a-helper:before{content:"\f3b0"} .fa-history:before{content:"\f1da"} .fa-hockey-puck:before{content:"\f453"} .fa-holly-berry:before{content:"\f7aa"} .fa-home:before{content:"\f015"} .fa-hooli:before{content:"\f427"} .fa-hornbill:before{content:"\f592"} .fa-horse:before{content:"\f6f0"} .fa-horse-head:before{content:"\f7ab"} .fa-hospital:before{content:"\f0f8"} .fa-hospital-alt:before{content:"\f47d"} .fa-hospital-symbol:before{content:"\f47e"} .fa-hot-tub:before{content:"\f593"} .fa-hotdog:before{content:"\f80f"} .fa-hotel:before{content:"\f594"} .fa-hotjar:before{content:"\f3b1"} .fa-hourglass:before{content:"\f254"} .fa-hourglass-end:before{content:"\f253"} .fa-hourglass-half:before{content:"\f252"} .fa-hourglass-start:before{content:"\f251"} .fa-house-damage:before{content:"\f6f1"} .fa-houzz:before{content:"\f27c"} .fa-hryvnia:before{content:"\f6f2"} .fa-html5:before{content:"\f13b"} .fa-hubspot:before{content:"\f3b2"} .fa-i-cursor:before{content:"\f246"} .fa-ice-cream:before{content:"\f810"} .fa-icicles:before{content:"\f7ad"} .fa-id-badge:before{content:"\f2c1"} .fa-id-card:before{content:"\f2c2"} .fa-id-card-alt:before{content:"\f47f"} .fa-igloo:before{content:"\f7ae"} .fa-image:before{content:"\f03e"} .fa-images:before{content:"\f302"} .fa-imdb:before{content:"\f2d8"} .fa-inbox:before{content:"\f01c"} .fa-indent:before{content:"\f03c"} .fa-industry:before{content:"\f275"} .fa-infinity:before{content:"\f534"} .fa-info:before{content:"\f129"} .fa-info-circle:before{content:"\f05a"} .fa-instagram:before{content:"\f16d"} .fa-intercom:before{content:"\f7af"} .fa-internet-explorer:before{content:"\f26b"} .fa-invision:before{content:"\f7b0"} .fa-ioxhost:before{content:"\f208"} .fa-italic:before{content:"\f033"} .fa-itch-io:before{content:"\f83a"} .fa-itunes:before{content:"\f3b4"} .fa-itunes-note:before{content:"\f3b5"} .fa-java:before{content:"\f4e4"} .fa-jedi:before{content:"\f669"} .fa-jedi-order:before{content:"\f50e"} .fa-jenkins:before{content:"\f3b6"} .fa-jira:before{content:"\f7b1"} .fa-joget:before{content:"\f3b7"} .fa-joint:before{content:"\f595"} .fa-joomla:before{content:"\f1aa"} .fa-journal-whills:before{content:"\f66a"} .fa-js:before{content:"\f3b8"} .fa-js-square:before{content:"\f3b9"} .fa-jsfiddle:before{content:"\f1cc"} .fa-kaaba:before{content:"\f66b"} .fa-kaggle:before{content:"\f5fa"} .fa-key:before{content:"\f084"} .fa-keybase:before{content:"\f4f5"} .fa-keyboard:before{content:"\f11c"} .fa-keycdn:before{content:"\f3ba"} .fa-khanda:before{content:"\f66d"} .fa-kickstarter:before{content:"\f3bb"} .fa-kickstarter-k:before{content:"\f3bc"} .fa-kiss:before{content:"\f596"} .fa-kiss-beam:before{content:"\f597"} .fa-kiss-wink-heart:before{content:"\f598"} .fa-kiwi-bird:before{content:"\f535"} .fa-korvue:before{content:"\f42f"} .fa-landmark:before{content:"\f66f"} .fa-language:before{content:"\f1ab"} .fa-laptop:before{content:"\f109"} .fa-laptop-code:before{content:"\f5fc"} .fa-laptop-medical:before{content:"\f812"} .fa-laravel:before{content:"\f3bd"} .fa-lastfm:before{content:"\f202"} .fa-lastfm-square:before{content:"\f203"} .fa-laugh:before{content:"\f599"} .fa-laugh-beam:before{content:"\f59a"} .fa-laugh-squint:before{content:"\f59b"} .fa-laugh-wink:before{content:"\f59c"} .fa-layer-group:before{content:"\f5fd"} .fa-leaf:before{content:"\f06c"} .fa-leanpub:before{content:"\f212"} .fa-lemon:before{content:"\f094"} .fa-less:before{content:"\f41d"} .fa-less-than:before{content:"\f536"} .fa-less-than-equal:before{content:"\f537"} .fa-level-down-alt:before{content:"\f3be"} .fa-level-up-alt:before{content:"\f3bf"} .fa-life-ring:before{content:"\f1cd"} .fa-lightbulb:before{content:"\f0eb"} .fa-line:before{content:"\f3c0"} .fa-link:before{content:"\f0c1"} .fa-linkedin:before{content:"\f08c"} .fa-linkedin-in:before{content:"\f0e1"} .fa-linode:before{content:"\f2b8"} .fa-linux:before{content:"\f17c"} .fa-lira-sign:before{content:"\f195"} .fa-list:before{content:"\f03a"} .fa-list-alt:before{content:"\f022"} .fa-list-ol:before{content:"\f0cb"} .fa-list-ul:before{content:"\f0ca"} .fa-location-arrow:before{content:"\f124"} .fa-lock:before{content:"\f023"} .fa-lock-open:before{content:"\f3c1"} .fa-long-arrow-alt-down:before{content:"\f309"} .fa-long-arrow-alt-left:before{content:"\f30a"} .fa-long-arrow-alt-right:before{content:"\f30b"} .fa-long-arrow-alt-up:before{content:"\f30c"} .fa-low-vision:before{content:"\f2a8"} .fa-luggage-cart:before{content:"\f59d"} .fa-lyft:before{content:"\f3c3"} .fa-magento:before{content:"\f3c4"} .fa-magic:before{content:"\f0d0"} .fa-magnet:before{content:"\f076"} .fa-mail-bulk:before{content:"\f674"} .fa-mailchimp:before{content:"\f59e"} .fa-male:before{content:"\f183"} .fa-mandalorian:before{content:"\f50f"} .fa-map:before{content:"\f279"} .fa-map-marked:before{content:"\f59f"} .fa-map-marked-alt:before{content:"\f5a0"} .fa-map-marker:before{content:"\f041"} .fa-map-marker-alt:before{content:"\f3c5"} .fa-map-pin:before{content:"\f276"} .fa-map-signs:before{content:"\f277"} .fa-markdown:before{content:"\f60f"} .fa-marker:before{content:"\f5a1"} .fa-mars:before{content:"\f222"} .fa-mars-double:before{content:"\f227"} .fa-mars-stroke:before{content:"\f229"} .fa-mars-stroke-h:before{content:"\f22b"} .fa-mars-stroke-v:before{content:"\f22a"} .fa-mask:before{content:"\f6fa"} .fa-mastodon:before{content:"\f4f6"} .fa-maxcdn:before{content:"\f136"} .fa-medal:before{content:"\f5a2"} .fa-medapps:before{content:"\f3c6"} .fa-medium:before{content:"\f23a"} .fa-medium-m:before{content:"\f3c7"} .fa-medkit:before{content:"\f0fa"} .fa-medrt:before{content:"\f3c8"} .fa-meetup:before{content:"\f2e0"} .fa-megaport:before{content:"\f5a3"} .fa-meh:before{content:"\f11a"} .fa-meh-blank:before{content:"\f5a4"} .fa-meh-rolling-eyes:before{content:"\f5a5"} .fa-memory:before{content:"\f538"} .fa-mendeley:before{content:"\f7b3"} .fa-menorah:before{content:"\f676"} .fa-mercury:before{content:"\f223"} .fa-meteor:before{content:"\f753"} .fa-microchip:before{content:"\f2db"} .fa-microphone:before{content:"\f130"} .fa-microphone-alt:before{content:"\f3c9"} .fa-microphone-alt-slash:before{content:"\f539"} .fa-microphone-slash:before{content:"\f131"} .fa-microscope:before{content:"\f610"} .fa-microsoft:before{content:"\f3ca"} .fa-minus:before{content:"\f068"} .fa-minus-circle:before{content:"\f056"} .fa-minus-square:before{content:"\f146"} .fa-mitten:before{content:"\f7b5"} .fa-mix:before{content:"\f3cb"} .fa-mixcloud:before{content:"\f289"} .fa-mizuni:before{content:"\f3cc"} .fa-mobile:before{content:"\f10b"} .fa-mobile-alt:before{content:"\f3cd"} .fa-modx:before{content:"\f285"} .fa-monero:before{content:"\f3d0"} .fa-money-bill:before{content:"\f0d6"} .fa-money-bill-alt:before{content:"\f3d1"} .fa-money-bill-wave:before{content:"\f53a"} .fa-money-bill-wave-alt:before{content:"\f53b"} .fa-money-check:before{content:"\f53c"} .fa-money-check-alt:before{content:"\f53d"} .fa-monument:before{content:"\f5a6"} .fa-moon:before{content:"\f186"} .fa-mortar-pestle:before{content:"\f5a7"} .fa-mosque:before{content:"\f678"} .fa-motorcycle:before{content:"\f21c"} .fa-mountain:before{content:"\f6fc"} .fa-mouse-pointer:before{content:"\f245"} .fa-mug-hot:before{content:"\f7b6"} .fa-music:before{content:"\f001"} .fa-napster:before{content:"\f3d2"} .fa-neos:before{content:"\f612"} .fa-network-wired:before{content:"\f6ff"} .fa-neuter:before{content:"\f22c"} .fa-newspaper:before{content:"\f1ea"} .fa-nimblr:before{content:"\f5a8"} .fa-nintendo-switch:before{content:"\f418"} .fa-node:before{content:"\f419"} .fa-node-js:before{content:"\f3d3"} .fa-not-equal:before{content:"\f53e"} .fa-notes-medical:before{content:"\f481"} .fa-npm:before{content:"\f3d4"} .fa-ns8:before{content:"\f3d5"} .fa-nutritionix:before{content:"\f3d6"} .fa-object-group:before{content:"\f247"} .fa-object-ungroup:before{content:"\f248"} .fa-odnoklassniki:before{content:"\f263"} .fa-odnoklassniki-square:before{content:"\f264"} .fa-oil-can:before{content:"\f613"} .fa-old-republic:before{content:"\f510"} .fa-om:before{content:"\f679"} .fa-opencart:before{content:"\f23d"} .fa-openid:before{content:"\f19b"} .fa-opera:before{content:"\f26a"} .fa-optin-monster:before{content:"\f23c"} .fa-osi:before{content:"\f41a"} .fa-otter:before{content:"\f700"} .fa-outdent:before{content:"\f03b"} .fa-page4:before{content:"\f3d7"} .fa-pagelines:before{content:"\f18c"} .fa-pager:before{content:"\f815"} .fa-paint-brush:before{content:"\f1fc"} .fa-paint-roller:before{content:"\f5aa"} .fa-palette:before{content:"\f53f"} .fa-palfed:before{content:"\f3d8"} .fa-pallet:before{content:"\f482"} .fa-paper-plane:before{content:"\f1d8"} .fa-paperclip:before{content:"\f0c6"} .fa-parachute-box:before{content:"\f4cd"} .fa-paragraph:before{content:"\f1dd"} .fa-parking:before{content:"\f540"} .fa-passport:before{content:"\f5ab"} .fa-pastafarianism:before{content:"\f67b"} .fa-paste:before{content:"\f0ea"} .fa-patreon:before{content:"\f3d9"} .fa-pause:before{content:"\f04c"} .fa-pause-circle:before{content:"\f28b"} .fa-paw:before{content:"\f1b0"} .fa-paypal:before{content:"\f1ed"} .fa-peace:before{content:"\f67c"} .fa-pen:before{content:"\f304"} .fa-pen-alt:before{content:"\f305"} .fa-pen-fancy:before{content:"\f5ac"} .fa-pen-nib:before{content:"\f5ad"} .fa-pen-square:before{content:"\f14b"} .fa-pencil-alt:before{content:"\f303"} .fa-pencil-ruler:before{content:"\f5ae"} .fa-penny-arcade:before{content:"\f704"} .fa-people-carry:before{content:"\f4ce"} .fa-pepper-hot:before{content:"\f816"} .fa-percent:before{content:"\f295"} .fa-percentage:before{content:"\f541"} .fa-periscope:before{content:"\f3da"} .fa-person-booth:before{content:"\f756"} .fa-phabricator:before{content:"\f3db"} .fa-phoenix-framework:before{content:"\f3dc"} .fa-phoenix-squadron:before{content:"\f511"} .fa-phone:before{content:"\f095"} .fa-phone-slash:before{content:"\f3dd"} .fa-phone-square:before{content:"\f098"} .fa-phone-volume:before{content:"\f2a0"} .fa-php:before{content:"\f457"} .fa-pied-piper:before{content:"\f2ae"} .fa-pied-piper-alt:before{content:"\f1a8"} .fa-pied-piper-hat:before{content:"\f4e5"} .fa-pied-piper-pp:before{content:"\f1a7"} .fa-piggy-bank:before{content:"\f4d3"} .fa-pills:before{content:"\f484"} .fa-pinterest:before{content:"\f0d2"} .fa-pinterest-p:before{content:"\f231"} .fa-pinterest-square:before{content:"\f0d3"} .fa-pizza-slice:before{content:"\f818"} .fa-place-of-worship:before{content:"\f67f"} .fa-plane:before{content:"\f072"} .fa-plane-arrival:before{content:"\f5af"} .fa-plane-departure:before{content:"\f5b0"} .fa-play:before{content:"\f04b"} .fa-play-circle:before{content:"\f144"} .fa-playstation:before{content:"\f3df"} .fa-plug:before{content:"\f1e6"} .fa-plus:before{content:"\f067"} .fa-plus-circle:before{content:"\f055"} .fa-plus-square:before{content:"\f0fe"} .fa-podcast:before{content:"\f2ce"} .fa-poll:before{content:"\f681"} .fa-poll-h:before{content:"\f682"} .fa-poo:before{content:"\f2fe"} .fa-poo-storm:before{content:"\f75a"} .fa-poop:before{content:"\f619"} .fa-portrait:before{content:"\f3e0"} .fa-pound-sign:before{content:"\f154"} .fa-power-off:before{content:"\f011"} .fa-pray:before{content:"\f683"} .fa-praying-hands:before{content:"\f684"} .fa-prescription:before{content:"\f5b1"} .fa-prescription-bottle:before{content:"\f485"} .fa-prescription-bottle-alt:before{content:"\f486"} .fa-print:before{content:"\f02f"} .fa-procedures:before{content:"\f487"} .fa-product-hunt:before{content:"\f288"} .fa-project-diagram:before{content:"\f542"} .fa-pushed:before{content:"\f3e1"} .fa-puzzle-piece:before{content:"\f12e"} .fa-python:before{content:"\f3e2"} .fa-qq:before{content:"\f1d6"} .fa-qrcode:before{content:"\f029"} .fa-question:before{content:"\f128"} .fa-question-circle:before{content:"\f059"} .fa-quidditch:before{content:"\f458"} .fa-quinscape:before{content:"\f459"} .fa-quora:before{content:"\f2c4"} .fa-quote-left:before{content:"\f10d"} .fa-quote-right:before{content:"\f10e"} .fa-quran:before{content:"\f687"} .fa-r-project:before{content:"\f4f7"} .fa-radiation:before{content:"\f7b9"} .fa-radiation-alt:before{content:"\f7ba"} .fa-rainbow:before{content:"\f75b"} .fa-random:before{content:"\f074"} .fa-raspberry-pi:before{content:"\f7bb"} .fa-ravelry:before{content:"\f2d9"} .fa-react:before{content:"\f41b"} .fa-reacteurope:before{content:"\f75d"} .fa-readme:before{content:"\f4d5"} .fa-rebel:before{content:"\f1d0"} .fa-receipt:before{content:"\f543"} .fa-recycle:before{content:"\f1b8"} .fa-red-river:before{content:"\f3e3"} .fa-reddit:before{content:"\f1a1"} .fa-reddit-alien:before{content:"\f281"} .fa-reddit-square:before{content:"\f1a2"} .fa-redhat:before{content:"\f7bc"} .fa-redo:before{content:"\f01e"} .fa-redo-alt:before{content:"\f2f9"} .fa-registered:before{content:"\f25d"} .fa-renren:before{content:"\f18b"} .fa-reply:before{content:"\f3e5"} .fa-reply-all:before{content:"\f122"} .fa-replyd:before{content:"\f3e6"} .fa-republican:before{content:"\f75e"} .fa-researchgate:before{content:"\f4f8"} .fa-resolving:before{content:"\f3e7"} .fa-restroom:before{content:"\f7bd"} .fa-retweet:before{content:"\f079"} .fa-rev:before{content:"\f5b2"} .fa-ribbon:before{content:"\f4d6"} .fa-ring:before{content:"\f70b"} .fa-road:before{content:"\f018"} .fa-robot:before{content:"\f544"} .fa-rocket:before{content:"\f135"} .fa-rocketchat:before{content:"\f3e8"} .fa-rockrms:before{content:"\f3e9"} .fa-route:before{content:"\f4d7"} .fa-rss:before{content:"\f09e"} .fa-rss-square:before{content:"\f143"} .fa-ruble-sign:before{content:"\f158"} .fa-ruler:before{content:"\f545"} .fa-ruler-combined:before{content:"\f546"} .fa-ruler-horizontal:before{content:"\f547"} .fa-ruler-vertical:before{content:"\f548"} .fa-running:before{content:"\f70c"} .fa-rupee-sign:before{content:"\f156"} .fa-sad-cry:before{content:"\f5b3"} .fa-sad-tear:before{content:"\f5b4"} .fa-safari:before{content:"\f267"} .fa-salesforce:before{content:"\f83b"} .fa-sass:before{content:"\f41e"} .fa-satellite:before{content:"\f7bf"} .fa-satellite-dish:before{content:"\f7c0"} .fa-save:before{content:"\f0c7"} .fa-schlix:before{content:"\f3ea"} .fa-school:before{content:"\f549"} .fa-screwdriver:before{content:"\f54a"} .fa-scribd:before{content:"\f28a"} .fa-scroll:before{content:"\f70e"} .fa-sd-card:before{content:"\f7c2"} .fa-search:before{content:"\f002"} .fa-search-dollar:before{content:"\f688"} .fa-search-location:before{content:"\f689"} .fa-search-minus:before{content:"\f010"} .fa-search-plus:before{content:"\f00e"} .fa-searchengin:before{content:"\f3eb"} .fa-seedling:before{content:"\f4d8"} .fa-sellcast:before{content:"\f2da"} .fa-sellsy:before{content:"\f213"} .fa-server:before{content:"\f233"} .fa-servicestack:before{content:"\f3ec"} .fa-shapes:before{content:"\f61f"} .fa-share:before{content:"\f064"} .fa-share-alt:before{content:"\f1e0"} .fa-share-alt-square:before{content:"\f1e1"} .fa-share-square:before{content:"\f14d"} .fa-shekel-sign:before{content:"\f20b"} .fa-shield-alt:before{content:"\f3ed"} .fa-ship:before{content:"\f21a"} .fa-shipping-fast:before{content:"\f48b"} .fa-shirtsinbulk:before{content:"\f214"} .fa-shoe-prints:before{content:"\f54b"} .fa-shopping-bag:before{content:"\f290"} .fa-shopping-basket:before{content:"\f291"} .fa-shopping-cart:before{content:"\f07a"} .fa-shopware:before{content:"\f5b5"} .fa-shower:before{content:"\f2cc"} .fa-shuttle-van:before{content:"\f5b6"} .fa-sign:before{content:"\f4d9"} .fa-sign-in-alt:before{content:"\f2f6"} .fa-sign-language:before{content:"\f2a7"} .fa-sign-out-alt:before{content:"\f2f5"} .fa-signal:before{content:"\f012"} .fa-signature:before{content:"\f5b7"} .fa-sim-card:before{content:"\f7c4"} .fa-simplybuilt:before{content:"\f215"} .fa-sistrix:before{content:"\f3ee"} .fa-sitemap:before{content:"\f0e8"} .fa-sith:before{content:"\f512"} .fa-skating:before{content:"\f7c5"} .fa-sketch:before{content:"\f7c6"} .fa-skiing:before{content:"\f7c9"} .fa-skiing-nordic:before{content:"\f7ca"} .fa-skull:before{content:"\f54c"} .fa-skull-crossbones:before{content:"\f714"} .fa-skyatlas:before{content:"\f216"} .fa-skype:before{content:"\f17e"} .fa-slack:before{content:"\f198"} .fa-slack-hash:before{content:"\f3ef"} .fa-slash:before{content:"\f715"} .fa-sleigh:before{content:"\f7cc"} .fa-sliders-h:before{content:"\f1de"} .fa-slideshare:before{content:"\f1e7"} .fa-smile:before{content:"\f118"} .fa-smile-beam:before{content:"\f5b8"} .fa-smile-wink:before{content:"\f4da"} .fa-smog:before{content:"\f75f"} .fa-smoking:before{content:"\f48d"} .fa-smoking-ban:before{content:"\f54d"} .fa-sms:before{content:"\f7cd"} .fa-snapchat:before{content:"\f2ab"} .fa-snapchat-ghost:before{content:"\f2ac"} .fa-snapchat-square:before{content:"\f2ad"} .fa-snowboarding:before{content:"\f7ce"} .fa-snowflake:before{content:"\f2dc"} .fa-snowman:before{content:"\f7d0"} .fa-snowplow:before{content:"\f7d2"} .fa-socks:before{content:"\f696"} .fa-solar-panel:before{content:"\f5ba"} .fa-sort:before{content:"\f0dc"} .fa-sort-alpha-down:before{content:"\f15d"} .fa-sort-alpha-up:before{content:"\f15e"} .fa-sort-amount-down:before{content:"\f160"} .fa-sort-amount-up:before{content:"\f161"} .fa-sort-down:before{content:"\f0dd"} .fa-sort-numeric-down:before{content:"\f162"} .fa-sort-numeric-up:before{content:"\f163"} .fa-sort-up:before{content:"\f0de"} .fa-soundcloud:before{content:"\f1be"} .fa-sourcetree:before{content:"\f7d3"} .fa-spa:before{content:"\f5bb"} .fa-space-shuttle:before{content:"\f197"} .fa-speakap:before{content:"\f3f3"} .fa-speaker-deck:before{content:"\f83c"} .fa-spider:before{content:"\f717"} .fa-spinner:before{content:"\f110"} .fa-splotch:before{content:"\f5bc"} .fa-spotify:before{content:"\f1bc"} .fa-spray-can:before{content:"\f5bd"} .fa-square:before{content:"\f0c8"} .fa-square-full:before{content:"\f45c"} .fa-square-root-alt:before{content:"\f698"} .fa-squarespace:before{content:"\f5be"} .fa-stack-exchange:before{content:"\f18d"} .fa-stack-overflow:before{content:"\f16c"} .fa-stackpath:before{content:"\f842"} .fa-stamp:before{content:"\f5bf"} .fa-star:before{content:"\f005"} .fa-star-and-crescent:before{content:"\f699"} .fa-star-half:before{content:"\f089"} .fa-star-half-alt:before{content:"\f5c0"} .fa-star-of-david:before{content:"\f69a"} .fa-star-of-life:before{content:"\f621"} .fa-staylinked:before{content:"\f3f5"} .fa-steam:before{content:"\f1b6"} .fa-steam-square:before{content:"\f1b7"} .fa-steam-symbol:before{content:"\f3f6"} .fa-step-backward:before{content:"\f048"} .fa-step-forward:before{content:"\f051"} .fa-stethoscope:before{content:"\f0f1"} .fa-sticker-mule:before{content:"\f3f7"} .fa-sticky-note:before{content:"\f249"} .fa-stop:before{content:"\f04d"} .fa-stop-circle:before{content:"\f28d"} .fa-stopwatch:before{content:"\f2f2"} .fa-store:before{content:"\f54e"} .fa-store-alt:before{content:"\f54f"} .fa-strava:before{content:"\f428"} .fa-stream:before{content:"\f550"} .fa-street-view:before{content:"\f21d"} .fa-strikethrough:before{content:"\f0cc"} .fa-stripe:before{content:"\f429"} .fa-stripe-s:before{content:"\f42a"} .fa-stroopwafel:before{content:"\f551"} .fa-studiovinari:before{content:"\f3f8"} .fa-stumbleupon:before{content:"\f1a4"} .fa-stumbleupon-circle:before{content:"\f1a3"} .fa-subscript:before{content:"\f12c"} .fa-subway:before{content:"\f239"} .fa-suitcase:before{content:"\f0f2"} .fa-suitcase-rolling:before{content:"\f5c1"} .fa-sun:before{content:"\f185"} .fa-superpowers:before{content:"\f2dd"} .fa-superscript:before{content:"\f12b"} .fa-supple:before{content:"\f3f9"} .fa-surprise:before{content:"\f5c2"} .fa-suse:before{content:"\f7d6"} .fa-swatchbook:before{content:"\f5c3"} .fa-swimmer:before{content:"\f5c4"} .fa-swimming-pool:before{content:"\f5c5"} .fa-symfony:before{content:"\f83d"} .fa-synagogue:before{content:"\f69b"} .fa-sync:before{content:"\f021"} .fa-sync-alt:before{content:"\f2f1"} .fa-syringe:before{content:"\f48e"} .fa-table:before{content:"\f0ce"} .fa-table-tennis:before{content:"\f45d"} .fa-tablet:before{content:"\f10a"} .fa-tablet-alt:before{content:"\f3fa"} .fa-tablets:before{content:"\f490"} .fa-tachometer-alt:before{content:"\f3fd"} .fa-tag:before{content:"\f02b"} .fa-tags:before{content:"\f02c"} .fa-tape:before{content:"\f4db"} .fa-tasks:before{content:"\f0ae"} .fa-taxi:before{content:"\f1ba"} .fa-teamspeak:before{content:"\f4f9"} .fa-teeth:before{content:"\f62e"} .fa-teeth-open:before{content:"\f62f"} .fa-telegram:before{content:"\f2c6"} .fa-telegram-plane:before{content:"\f3fe"} .fa-temperature-high:before{content:"\f769"} .fa-temperature-low:before{content:"\f76b"} .fa-tencent-weibo:before{content:"\f1d5"} .fa-tenge:before{content:"\f7d7"} .fa-terminal:before{content:"\f120"} .fa-text-height:before{content:"\f034"} .fa-text-width:before{content:"\f035"} .fa-th:before{content:"\f00a"} .fa-th-large:before{content:"\f009"} .fa-th-list:before{content:"\f00b"} .fa-the-red-yeti:before{content:"\f69d"} .fa-theater-masks:before{content:"\f630"} .fa-themeco:before{content:"\f5c6"} .fa-themeisle:before{content:"\f2b2"} .fa-thermometer:before{content:"\f491"} .fa-thermometer-empty:before{content:"\f2cb"} .fa-thermometer-full:before{content:"\f2c7"} .fa-thermometer-half:before{content:"\f2c9"} .fa-thermometer-quarter:before{content:"\f2ca"} .fa-thermometer-three-quarters:before{content:"\f2c8"} .fa-think-peaks:before{content:"\f731"} .fa-thumbs-down:before{content:"\f165"} .fa-thumbs-up:before{content:"\f164"} .fa-thumbtack:before{content:"\f08d"} .fa-ticket-alt:before{content:"\f3ff"} .fa-times:before{content:"\f00d"} .fa-times-circle:before{content:"\f057"} .fa-tint:before{content:"\f043"} .fa-tint-slash:before{content:"\f5c7"} .fa-tired:before{content:"\f5c8"} .fa-toggle-off:before{content:"\f204"} .fa-toggle-on:before{content:"\f205"} .fa-toilet:before{content:"\f7d8"} .fa-toilet-paper:before{content:"\f71e"} .fa-toolbox:before{content:"\f552"} .fa-tools:before{content:"\f7d9"} .fa-tooth:before{content:"\f5c9"} .fa-torah:before{content:"\f6a0"} .fa-torii-gate:before{content:"\f6a1"} .fa-tractor:before{content:"\f722"} .fa-trade-federation:before{content:"\f513"} .fa-trademark:before{content:"\f25c"} .fa-traffic-light:before{content:"\f637"} .fa-train:before{content:"\f238"} .fa-tram:before{content:"\f7da"} .fa-transgender:before{content:"\f224"} .fa-transgender-alt:before{content:"\f225"} .fa-trash:before{content:"\f1f8"} .fa-trash-alt:before{content:"\f2ed"} .fa-trash-restore:before{content:"\f829"} .fa-trash-restore-alt:before{content:"\f82a"} .fa-tree:before{content:"\f1bb"} .fa-trello:before{content:"\f181"} .fa-tripadvisor:before{content:"\f262"} .fa-trophy:before{content:"\f091"} .fa-truck:before{content:"\f0d1"} .fa-truck-loading:before{content:"\f4de"} .fa-truck-monster:before{content:"\f63b"} .fa-truck-moving:before{content:"\f4df"} .fa-truck-pickup:before{content:"\f63c"} .fa-tshirt:before{content:"\f553"} .fa-tty:before{content:"\f1e4"} .fa-tumblr:before{content:"\f173"} .fa-tumblr-square:before{content:"\f174"} .fa-tv:before{content:"\f26c"} .fa-twitch:before{content:"\f1e8"} .fa-twitter:before{content:"\f099"} .fa-twitter-square:before{content:"\f081"} .fa-typo3:before{content:"\f42b"} .fa-uber:before{content:"\f402"} .fa-ubuntu:before{content:"\f7df"} .fa-uikit:before{content:"\f403"} .fa-umbrella:before{content:"\f0e9"} .fa-umbrella-beach:before{content:"\f5ca"} .fa-underline:before{content:"\f0cd"} .fa-undo:before{content:"\f0e2"} .fa-undo-alt:before{content:"\f2ea"} .fa-uniregistry:before{content:"\f404"} .fa-universal-access:before{content:"\f29a"} .fa-university:before{content:"\f19c"} .fa-unlink:before{content:"\f127"} .fa-unlock:before{content:"\f09c"} .fa-unlock-alt:before{content:"\f13e"} .fa-untappd:before{content:"\f405"} .fa-upload:before{content:"\f093"} .fa-ups:before{content:"\f7e0"} .fa-usb:before{content:"\f287"} .fa-user:before{content:"\f007"} .fa-user-alt:before{content:"\f406"} .fa-user-alt-slash:before{content:"\f4fa"} .fa-user-astronaut:before{content:"\f4fb"} .fa-user-check:before{content:"\f4fc"} .fa-user-circle:before{content:"\f2bd"} .fa-user-clock:before{content:"\f4fd"} .fa-user-cog:before{content:"\f4fe"} .fa-user-edit:before{content:"\f4ff"} .fa-user-friends:before{content:"\f500"} .fa-user-graduate:before{content:"\f501"} .fa-user-injured:before{content:"\f728"} .fa-user-lock:before{content:"\f502"} .fa-user-md:before{content:"\f0f0"} .fa-user-minus:before{content:"\f503"} .fa-user-ninja:before{content:"\f504"} .fa-user-nurse:before{content:"\f82f"} .fa-user-plus:before{content:"\f234"} .fa-user-secret:before{content:"\f21b"} .fa-user-shield:before{content:"\f505"} .fa-user-slash:before{content:"\f506"} .fa-user-tag:before{content:"\f507"} .fa-user-tie:before{content:"\f508"} .fa-user-times:before{content:"\f235"} .fa-users:before{content:"\f0c0"} .fa-users-cog:before{content:"\f509"} .fa-usps:before{content:"\f7e1"} .fa-ussunnah:before{content:"\f407"} .fa-utensil-spoon:before{content:"\f2e5"} .fa-utensils:before{content:"\f2e7"} .fa-vaadin:before{content:"\f408"} .fa-vector-square:before{content:"\f5cb"} .fa-venus:before{content:"\f221"} .fa-venus-double:before{content:"\f226"} .fa-venus-mars:before{content:"\f228"} .fa-viacoin:before{content:"\f237"} .fa-viadeo:before{content:"\f2a9"} .fa-viadeo-square:before{content:"\f2aa"} .fa-vial:before{content:"\f492"} .fa-vials:before{content:"\f493"} .fa-viber:before{content:"\f409"} .fa-video:before{content:"\f03d"} .fa-video-slash:before{content:"\f4e2"} .fa-vihara:before{content:"\f6a7"} .fa-vimeo:before{content:"\f40a"} .fa-vimeo-square:before{content:"\f194"} .fa-vimeo-v:before{content:"\f27d"} .fa-vine:before{content:"\f1ca"} .fa-vk:before{content:"\f189"} .fa-vnv:before{content:"\f40b"} .fa-volleyball-ball:before{content:"\f45f"} .fa-volume-down:before{content:"\f027"} .fa-volume-mute:before{content:"\f6a9"} .fa-volume-off:before{content:"\f026"} .fa-volume-up:before{content:"\f028"} .fa-vote-yea:before{content:"\f772"} .fa-vr-cardboard:before{content:"\f729"} .fa-vuejs:before{content:"\f41f"} .fa-walking:before{content:"\f554"} .fa-wallet:before{content:"\f555"} .fa-warehouse:before{content:"\f494"} .fa-water:before{content:"\f773"} .fa-wave-square:before{content:"\f83e"} .fa-waze:before{content:"\f83f"} .fa-weebly:before{content:"\f5cc"} .fa-weibo:before{content:"\f18a"} .fa-weight:before{content:"\f496"} .fa-weight-hanging:before{content:"\f5cd"} .fa-weixin:before{content:"\f1d7"} .fa-whatsapp:before{content:"\f232"} .fa-whatsapp-square:before{content:"\f40c"} .fa-wheelchair:before{content:"\f193"} .fa-whmcs:before{content:"\f40d"} .fa-wifi:before{content:"\f1eb"} .fa-wikipedia-w:before{content:"\f266"} .fa-wind:before{content:"\f72e"} .fa-window-close:before{content:"\f410"} .fa-window-maximize:before{content:"\f2d0"} .fa-window-minimize:before{content:"\f2d1"} .fa-window-restore:before{content:"\f2d2"} .fa-windows:before{content:"\f17a"} .fa-wine-bottle:before{content:"\f72f"} .fa-wine-glass:before{content:"\f4e3"} .fa-wine-glass-alt:before{content:"\f5ce"} .fa-wix:before{content:"\f5cf"} .fa-wizards-of-the-coast:before{content:"\f730"} .fa-wolf-pack-battalion:before{content:"\f514"} .fa-won-sign:before{content:"\f159"} .fa-wordpress:before{content:"\f19a"} .fa-wordpress-simple:before{content:"\f411"} .fa-wpbeginner:before{content:"\f297"} .fa-wpexplorer:before{content:"\f2de"} .fa-wpforms:before{content:"\f298"} .fa-wpressr:before{content:"\f3e4"} .fa-wrench:before{content:"\f0ad"} .fa-x-ray:before{content:"\f497"} .fa-xbox:before{content:"\f412"} .fa-xing:before{content:"\f168"} .fa-xing-square:before{content:"\f169"} .fa-y-combinator:before{content:"\f23b"} .fa-yahoo:before{content:"\f19e"} .fa-yammer:before{content:"\f840"} .fa-yandex:before{content:"\f413"} .fa-yandex-international:before{content:"\f414"} .fa-yarn:before{content:"\f7e3"} .fa-yelp:before{content:"\f1e9"} .fa-yen-sign:before{content:"\f157"} .fa-yin-yang:before{content:"\f6ad"} .fa-yoast:before{content:"\f2b1"} .fa-youtube:before{content:"\f167"} .fa-youtube-square:before{content:"\f431"} .fa-zhihu:before{content:"\f63f"} .sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto} @font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url('fa-brands-400.be172ab05fb46bdc.eot');src:url('fa-brands-400.be172ab05fb46bdc.eot?#iefix') format("embedded-opentype"),url('fa-brands-400.59a3cc54d5ea2cfc.woff2') format("woff2"),url('fa-brands-400.96abde8b1a463a51.woff') format("woff"),url('fa-brands-400.0dada0af2ea09111.ttf') format("truetype"),url('fa-brands-400.05e82370a872b066.svg#fontawesome') format("svg")} .fab{font-family:"Font Awesome 5 Brands"} @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url('fa-regular-400.b37d3eeeadea6510.eot');src:url('fa-regular-400.b37d3eeeadea6510.eot?#iefix') format("embedded-opentype"),url('fa-regular-400.2e33af5b505b90ca.woff2') format("woff2"),url('fa-regular-400.ac263bb7bbdd7949.woff') format("woff"),url('fa-regular-400.0fa48321f81740ec.ttf') format("truetype"),url('fa-regular-400.7d5e2d839eb3d407.svg#fontawesome') format("svg")} .far{font-weight:400} @font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url('fa-solid-900.93d14f8e5a8de41b.eot');src:url('fa-solid-900.93d14f8e5a8de41b.eot?#iefix') format("embedded-opentype"),url('fa-solid-900.6364c91980d9c0e6.woff2') format("woff2"),url('fa-solid-900.087d8813575bdd00.woff') format("woff"),url('fa-solid-900.6596a3543b98fee6.ttf') format("truetype"),url('fa-solid-900.16b822365cf2bb9c.svg#fontawesome') format("svg")} .fa,.far,.fas{font-family:"Font Awesome 5 Free"} .fa,.fas{font-weight:900} /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/argon-design-system.scss ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! ========================================================= * Argon Desing System PRO Angular - v1.1.1 ========================================================= * Product Page: https://www.creative-tim.com/product/argon-design-system-pro-angular * Copyright 2019 Creative Tim (http://www.creative-tim.com) Coded by www.creative-tim.com ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ /*! * Bootstrap v4.3.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #5e72e4; --indigo: #5603ad; --purple: #8965e0; --pink: #f3a4b5; --red: #f5365c; --orange: #fb6340; --yellow: #ffd600; --green: #2dce89; --teal: #11cdef; --cyan: #2bffc6; --white: #fff; --gray: #8898aa; --gray-dark: #32325d; --light: #ced4da; --lighter: #e9ecef; --primary: #5e72e4; --secondary: #f4f5f7; --success: #2dce89; --info: #11cdef; --warning: #fb6340; --danger: #f5365c; --light: #adb5bd; --dark: #212529; --default: #172b4d; --white: #fff; --neutral: #fff; --darker: black; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #525f7f; text-align: left; background-color: #fff; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #5e72e4; text-decoration: none; background-color: transparent; } a:hover { color: #233dd2; text-decoration: none; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 1rem; padding-bottom: 1rem; color: #8898aa; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-family: inherit; font-weight: 400; line-height: 1.5; color: #32325d; } h1, .h1 { font-size: 1.625rem; } h2, .h2 { font-size: 1.25rem; } h3, .h3 { font-size: 1.0625rem; } h4, .h4 { font-size: 0.9375rem; } h5, .h5 { font-size: 0.8125rem; } h6, .h6 { font-size: 0.625rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 3.3rem; font-weight: 600; line-height: 1.5; } .display-2 { font-size: 2.75rem; font-weight: 600; line-height: 1.5; } .display-3 { font-size: 2.1875rem; font-weight: 600; line-height: 1.5; } .display-4 { font-size: 1.6275rem; font-weight: 600; line-height: 1.5; } hr { margin-top: 2rem; margin-bottom: 2rem; border: 0; border-top: 0.0625rem solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote, .blockquote-3, .blockquote-2 { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #8898aa; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 0.0625rem solid #dee2e6; border-radius: 0.25rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #8898aa; } code { font-size: 87.5%; color: #f3a4b5; word-break: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; box-shadow: none; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1040px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #525f7f; background-color: transparent; } .table th, .table td { padding: 1rem; vertical-align: top; border-top: 0.0625rem solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 0.125rem solid #dee2e6; } .table tbody + tbody { border-top: 0.125rem solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 0.0625rem solid #dee2e6; } .table-bordered th, .table-bordered td { border: 0.0625rem solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 0.125rem; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #525f7f; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #d2d8f7; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #abb6f1; } .table-hover .table-primary:hover { background-color: #bcc5f3; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #bcc5f3; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #fcfcfd; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #f9fafb; } .table-hover .table-secondary:hover { background-color: #ededf3; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #ededf3; } .table-success, .table-success > th, .table-success > td { background-color: #c4f1de; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #92e6c2; } .table-hover .table-success:hover { background-color: #afecd2; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #afecd2; } .table-info, .table-info > th, .table-info > td { background-color: #bcf1fb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #83e5f7; } .table-hover .table-info:hover { background-color: #a4ecfa; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a4ecfa; } .table-warning, .table-warning > th, .table-warning > td { background-color: #fed3ca; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #fdae9c; } .table-hover .table-warning:hover { background-color: #febeb1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #febeb1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #fcc7d1; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #fa96aa; } .table-hover .table-danger:hover { background-color: #fbafbd; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #fbafbd; } .table-light, .table-light > th, .table-light > td { background-color: #e8eaed; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #d4d9dd; } .table-hover .table-light:hover { background-color: #dadde2; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #dadde2; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c1c2c3; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #8c8e90; } .table-hover .table-dark:hover { background-color: #b4b5b6; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b4b5b6; } .table-default, .table-default > th, .table-default > td { background-color: #bec4cd; } .table-default th, .table-default td, .table-default thead th, .table-default tbody + tbody { border-color: #8691a2; } .table-hover .table-default:hover { background-color: #b0b7c2; } .table-hover .table-default:hover > td, .table-hover .table-default:hover > th { background-color: #b0b7c2; } .table-white, .table-white > th, .table-white > td { background-color: white; } .table-white th, .table-white td, .table-white thead th, .table-white tbody + tbody { border-color: white; } .table-hover .table-white:hover { background-color: #f2f2f2; } .table-hover .table-white:hover > td, .table-hover .table-white:hover > th { background-color: #f2f2f2; } .table-neutral, .table-neutral > th, .table-neutral > td { background-color: white; } .table-neutral th, .table-neutral td, .table-neutral thead th, .table-neutral tbody + tbody { border-color: white; } .table-hover .table-neutral:hover { background-color: #f2f2f2; } .table-hover .table-neutral:hover > td, .table-hover .table-neutral:hover > th { background-color: #f2f2f2; } .table-darker, .table-darker > th, .table-darker > td { background-color: #b8b8b8; } .table-darker th, .table-darker td, .table-darker thead th, .table-darker tbody + tbody { border-color: #7a7a7a; } .table-hover .table-darker:hover { background-color: #ababab; } .table-hover .table-darker:hover > td, .table-hover .table-darker:hover > th { background-color: #ababab; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #212529; border-color: #32383e; } .table .thead-light th { color: #525f7f; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #212529; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #32383e; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #8898aa; background-color: #fff; background-clip: padding-box; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #8898aa; background-color: #fff; border-color: rgba(50, 151, 211, 0.25); outline: 0; box-shadow: none, none; } .form-control::-moz-placeholder { color: #adb5bd; opacity: 1; } .form-control::placeholder { color: #adb5bd; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:focus::-ms-value { color: #8898aa; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.625rem + 1px); padding-bottom: calc(0.625rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.875rem + 1px); padding-bottom: calc(0.875rem + 1px); font-size: 0.875rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.75rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding-top: 0.625rem; padding-bottom: 0.625rem; margin-bottom: 0; line-height: 1.5; color: #525f7f; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc( 1.5em + 0.5rem + 2px ); padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc( 1.5em + 1.75rem + 2px ); padding: 0.875rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #8898aa; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #2dce89; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(45, 206, 137, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #2dce89; padding-right: calc( 1.5em + 1.25rem ); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dce89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right calc( 0.375em + 0.3125rem ); background-size: calc( 0.75em + 0.625rem ) calc( 0.75em + 0.625rem ); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #2dce89; box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); } .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc( 1.5em + 1.25rem ); background-position: top calc( 0.375em + 0.3125rem ) right calc( 0.375em + 0.3125rem ); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #2dce89; padding-right: calc( (1em + 1.25rem) * 3 / 4 + 1.75rem ); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%232dce89' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc( 0.75em + 0.625rem ) calc( 0.75em + 0.625rem ); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #2dce89; box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); } .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #2dce89; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #2dce89; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #2dce89; } .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #54daa1; background-color: #54daa1; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #2dce89; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #2dce89; } .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #2dce89; box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #fb6340; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(251, 99, 64, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #fb6340; padding-right: calc( 1.5em + 1.25rem ); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fb6340' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fb6340' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc( 0.375em + 0.3125rem ); background-size: calc( 0.75em + 0.625rem ) calc( 0.75em + 0.625rem ); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #fb6340; box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25); } .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc( 1.5em + 1.25rem ); background-position: top calc( 0.375em + 0.3125rem ) right calc( 0.375em + 0.3125rem ); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fb6340; padding-right: calc( (1em + 1.25rem) * 3 / 4 + 1.75rem ); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fb6340' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23fb6340' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc( 0.75em + 0.625rem ) calc( 0.75em + 0.625rem ); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fb6340; box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25); } .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #fb6340; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #fb6340; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #fb6340; } .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #fc8c72; background-color: #fc8c72; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #fb6340; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #fb6340; } .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #fb6340; box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 600; color: #525f7f; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.625rem 1.25rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #525f7f; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .btn.disabled, .btn:disabled { background-color: gray !important; border-color: gray !important; opacity: 0.4 !important; box-shadow: none; } .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { box-shadow: none; } .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #5e72e4; border-color: #5e72e4; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-primary:hover { color: #fff; background-color: #3d55df; border-color: #324cdd; } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(118, 135, 232, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #324cdd; border-color: #2742db; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(118, 135, 232, 0.5); } .btn-secondary { color: #212529; background-color: #f4f5f7; border-color: #f4f5f7; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-secondary:hover { color: #212529; background-color: #dee1e7; border-color: #d6dae2; } .btn-secondary:focus, .btn-secondary.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(212, 214, 216, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #f4f5f7; border-color: #f4f5f7; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #212529; background-color: #d6dae2; border-color: #cfd3dc; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(212, 214, 216, 0.5); } .btn-success { color: #fff; background-color: #2dce89; border-color: #2dce89; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-success:hover { color: #fff; background-color: #26af74; border-color: #24a46d; } .btn-success:focus, .btn-success.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(77, 213, 155, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #2dce89; border-color: #2dce89; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #24a46d; border-color: #229a66; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(77, 213, 155, 0.5); } .btn-info { color: #fff; background-color: #11cdef; border-color: #11cdef; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-info:hover { color: #fff; background-color: #0eafcc; border-color: #0da5c0; } .btn-info:focus, .btn-info.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(53, 213, 241, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #11cdef; border-color: #11cdef; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #0da5c0; border-color: #0c9ab4; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(53, 213, 241, 0.5); } .btn-warning { color: #fff; background-color: #fb6340; border-color: #fb6340; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-warning:hover { color: #fff; background-color: #fa441b; border-color: #fa3a0e; } .btn-warning:focus, .btn-warning.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(252, 122, 93, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #fb6340; border-color: #fb6340; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #fa3a0e; border-color: #f63205; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(252, 122, 93, 0.5); } .btn-danger { color: #fff; background-color: #f5365c; border-color: #f5365c; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-danger:hover { color: #fff; background-color: #f3123e; border-color: #ec0c38; } .btn-danger:focus, .btn-danger.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(247, 84, 116, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #f5365c; border-color: #f5365c; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #ec0c38; border-color: #e00b36; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(247, 84, 116, 0.5); } .btn-light { color: #fff; background-color: #adb5bd; border-color: #adb5bd; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-light:hover { color: #fff; background-color: #98a2ac; border-color: #919ca6; } .btn-light:focus, .btn-light.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(185, 192, 199, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #fff; background-color: #adb5bd; border-color: #adb5bd; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #fff; background-color: #919ca6; border-color: #8a95a1; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(185, 192, 199, 0.5); } .btn-dark { color: #fff; background-color: #212529; border-color: #212529; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-dark:hover { color: #fff; background-color: #101214; border-color: #0a0c0d; } .btn-dark:focus, .btn-dark.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(66, 70, 73, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #212529; border-color: #212529; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #0a0c0d; border-color: #050506; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(66, 70, 73, 0.5); } .btn-default { color: #fff; background-color: #172b4d; border-color: #172b4d; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-default:hover { color: #fff; background-color: #0e1b30; border-color: #0b1526; } .btn-default:focus, .btn-default.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 75, 104, 0.5); } .btn-default.disabled, .btn-default:disabled { color: #fff; background-color: #172b4d; border-color: #172b4d; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle { color: #fff; background-color: #0b1526; border-color: #08101c; } .btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus, .show > .btn-default.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(58, 75, 104, 0.5); } .btn-white { color: #212529; background-color: #fff; border-color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-white:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-white:focus, .btn-white.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5); } .btn-white.disabled, .btn-white:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus, .show > .btn-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); } .btn-neutral { color: #212529; background-color: #fff; border-color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-neutral:hover { color: #212529; background-color: #ececec; border-color: #e6e6e6; } .btn-neutral:focus, .btn-neutral.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(222, 222, 223, 0.5); } .btn-neutral.disabled, .btn-neutral:disabled { color: #212529; background-color: #fff; border-color: #fff; } .btn-neutral:not(:disabled):not(.disabled):active, .btn-neutral:not(:disabled):not(.disabled).active, .show > .btn-neutral.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: #dfdfdf; } .btn-neutral:not(:disabled):not(.disabled):active:focus, .btn-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-neutral.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); } .btn-darker { color: #fff; background-color: black; border-color: black; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-darker:hover { color: #fff; background-color: black; border-color: black; } .btn-darker:focus, .btn-darker.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-darker.disabled, .btn-darker:disabled { color: #fff; background-color: black; border-color: black; } .btn-darker:not(:disabled):not(.disabled):active, .btn-darker:not(:disabled):not(.disabled).active, .show > .btn-darker.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-darker:not(:disabled):not(.disabled):active:focus, .btn-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-darker.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); } .btn-outline-primary { color: #5e72e4; border-color: #5e72e4; } .btn-outline-primary:hover { color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #5e72e4; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5); } .btn-outline-secondary { color: #f4f5f7; border-color: #f4f5f7; } .btn-outline-secondary:hover { color: #212529; background-color: #f4f5f7; border-color: #f4f5f7; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #f4f5f7; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #f4f5f7; border-color: #f4f5f7; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); } .btn-outline-success { color: #2dce89; border-color: #2dce89; } .btn-outline-success:hover { color: #fff; background-color: #2dce89; border-color: #2dce89; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #2dce89; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #2dce89; border-color: #2dce89; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5); } .btn-outline-info { color: #11cdef; border-color: #11cdef; } .btn-outline-info:hover { color: #fff; background-color: #11cdef; border-color: #11cdef; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #11cdef; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #11cdef; border-color: #11cdef; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5); } .btn-outline-warning { color: #fb6340; border-color: #fb6340; } .btn-outline-warning:hover { color: #fff; background-color: #fb6340; border-color: #fb6340; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #fb6340; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #fb6340; border-color: #fb6340; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5); } .btn-outline-danger { color: #f5365c; border-color: #f5365c; } .btn-outline-danger:hover { color: #fff; background-color: #f5365c; border-color: #f5365c; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #f5365c; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #f5365c; border-color: #f5365c; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5); } .btn-outline-light { color: #adb5bd; border-color: #adb5bd; } .btn-outline-light:hover { color: #fff; background-color: #adb5bd; border-color: #adb5bd; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #adb5bd; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #fff; background-color: #adb5bd; border-color: #adb5bd; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); } .btn-outline-dark { color: #212529; border-color: #212529; } .btn-outline-dark:hover { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #212529; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #212529; border-color: #212529; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); } .btn-outline-default { color: #172b4d; border-color: #172b4d; } .btn-outline-default:hover { color: #fff; background-color: #172b4d; border-color: #172b4d; } .btn-outline-default:focus, .btn-outline-default.focus { box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); } .btn-outline-default.disabled, .btn-outline-default:disabled { color: #172b4d; background-color: transparent; } .btn-outline-default:not(:disabled):not(.disabled):active, .btn-outline-default:not(:disabled):not(.disabled).active, .show > .btn-outline-default.dropdown-toggle { color: #fff; background-color: #172b4d; border-color: #172b4d; } .btn-outline-default:not(:disabled):not(.disabled):active:focus, .btn-outline-default:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); } .btn-outline-white { color: #fff; border-color: #fff; } .btn-outline-white:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-white:focus, .btn-outline-white.focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-white.disabled, .btn-outline-white:disabled { color: #fff; background-color: transparent; } .btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active, .show > .btn-outline-white.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-neutral { color: #fff; border-color: #fff; } .btn-outline-neutral:hover { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-neutral:focus, .btn-outline-neutral.focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-neutral.disabled, .btn-outline-neutral:disabled { color: #fff; background-color: transparent; } .btn-outline-neutral:not(:disabled):not(.disabled):active, .btn-outline-neutral:not(:disabled):not(.disabled).active, .show > .btn-outline-neutral.dropdown-toggle { color: #212529; background-color: #fff; border-color: #fff; } .btn-outline-neutral:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-neutral.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .btn-outline-darker { color: black; border-color: black; } .btn-outline-darker:hover { color: #fff; background-color: black; border-color: black; } .btn-outline-darker:focus, .btn-outline-darker.focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-outline-darker.disabled, .btn-outline-darker:disabled { color: black; background-color: transparent; } .btn-outline-darker:not(:disabled):not(.disabled):active, .btn-outline-darker:not(:disabled):not(.disabled).active, .show > .btn-outline-darker.dropdown-toggle { color: #fff; background-color: black; border-color: black; } .btn-outline-darker:not(:disabled):not(.disabled):active:focus, .btn-outline-darker:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darker.dropdown-toggle:focus { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .btn-link { font-weight: 400; color: #5e72e4; text-decoration: none; } .btn-link:hover { color: #233dd2; text-decoration: none; } .btn-link:focus, .btn-link.focus { text-decoration: none; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #8898aa; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.875rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.25rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.3s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #525f7f; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0 solid rgba(0, 0, 0, 0.15); border-radius: 0.3rem; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.5rem 1rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f6f9fc; } .dropdown-item.active, .dropdown-item:active { color: #16181b; text-decoration: none; background-color: transparent; } .dropdown-item.disabled, .dropdown-item:disabled { color: #8898aa; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #8898aa; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.5rem 1rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.9375rem; padding-left: 0.9375rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group.show .dropdown-toggle { box-shadow: none; } .btn-group.show .dropdown-toggle.btn-link { box-shadow: none; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.625rem 0.75rem; margin-bottom: 0; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #adb5bd; text-align: center; white-space: nowrap; background-color: #fff; border: 1px solid #cad1d7; border-radius: 0.25rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc( 1.5em + 1.75rem + 2px ); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.875rem 1rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc( 1.5em + 0.5rem + 2px ); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.75rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.5rem; padding-left: 3rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; z-index: -1; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #5e72e4; background-color: #5e72e4; box-shadow: none; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: none, none; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgba(50, 151, 211, 0.25); } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #5e72e4; border-color: #5e72e4; box-shadow: none; } .custom-control-input:disabled ~ .custom-control-label { color: #8898aa; } .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.125rem; left: -3rem; display: block; width: 1.25rem; height: 1.25rem; pointer-events: none; content: ""; background-color: #fff; border: #cad1d7 solid 1px; box-shadow: none; } .custom-control-label::after { position: absolute; top: 0.125rem; left: -3rem; display: block; width: 1.25rem; height: 1.25rem; content: ""; background: no-repeat 50%/50% 50%; } .custom-checkbox .custom-control-label::before { border-radius: 0.2rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #5e72e4; background-color: #5e72e4; box-shadow: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(94, 114, 228, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(94, 114, 228, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(94, 114, 228, 0.5); } .custom-switch { padding-left: 3.9375rem; } .custom-switch .custom-control-label::before { left: -3.9375rem; width: 2.1875rem; pointer-events: all; border-radius: 0.625rem; } .custom-switch .custom-control-label::after { top: calc( 0.125rem + 2px ); left: calc( -3.9375rem + 2px ); width: calc( 1.25rem - 4px ); height: calc( 1.25rem - 4px ); background-color: #cad1d7; border-radius: 0.625rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.9375rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(94, 114, 228, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 1.75rem 0.625rem 0.75rem; font-size: 0.875rem; font-weight: 400; line-height: 1.5; color: #8898aa; vertical-align: middle; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%2332325d' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background-color: #fff; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: rgba(50, 151, 211, 0.25); outline: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0 #5e72e4; } .custom-select:focus::-ms-value { color: #8898aa; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #8898aa; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select-sm { height: calc( 1.5em + 0.5rem + 2px ); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.75rem; } .custom-select-lg { height: calc( 1.5em + 1.75rem + 2px ); padding-top: 0.875rem; padding-bottom: 0.875rem; padding-left: 1rem; font-size: 0.875rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: rgba(50, 151, 211, 0.25); box-shadow: none; } .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 0.75rem; font-weight: 400; line-height: 1.5; color: #8898aa; background-color: #fff; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc( 1.5em + 1.25rem ); padding: 0.625rem 0.75rem; line-height: 1.5; color: #8898aa; content: "Browse"; background-color: #fff; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: calc( 1rem + 0 ); padding: 0; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #5e72e4; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #f7f8fe; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #5e72e4; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #f7f8fe; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0; margin-left: 0; background-color: #5e72e4; border: 0; border-radius: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: #f7f8fe; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.25rem 0.75rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #8898aa; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 0.0625rem solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -0.0625rem; } .nav-tabs .nav-link { border: 0.0625rem solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #8898aa; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #525f7f; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -0.0625rem; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #5e72e4; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar-nav .mob-view { padding-bottom: 0.625rem; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 1rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.0625rem; padding-bottom: 0.0625rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link:not(.btn) { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.25rem; padding-bottom: 0.25rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 0.0625rem solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: transparent; } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: rgba(255, 255, 255, 0.65); } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: rgba(255, 255, 255, 0.65); } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.95); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.65); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: rgba(255, 255, 255, 0.65); } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.95); border-color: transparent; } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.95); } .navbar-dark .navbar-text a { color: rgba(255, 255, 255, 0.65); } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: rgba(255, 255, 255, 0.65); } .card { position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0.0625rem solid rgba(0, 0, 0, 0.05); border-radius: 0.25rem; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .card-body { flex: 1 1 auto; padding: 1.5rem; } .card-title { margin-bottom: 1.25rem; } .card-subtitle { margin-top: -0.625rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.5rem; } .card-header { padding: 1.25rem 1.5rem; margin-bottom: 0; background-color: #f6f9fc; border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.05); } .card-header:first-child { border-radius: calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem) 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1.25rem 1.5rem; background-color: #f6f9fc; border-top: 0.0625rem solid rgba(0, 0, 0, 0.05); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 0.0625rem) calc(0.25rem - 0.0625rem); } .card-header-tabs { margin-right: -0.75rem; margin-bottom: -1.25rem; margin-left: -0.75rem; border-bottom: 0; } .card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img { width: 100%; border-radius: calc(0.25rem - 0.0625rem); } .card-img-top { width: 100%; border-top-left-radius: calc(0.25rem - 0.0625rem); border-top-right-radius: calc(0.25rem - 0.0625rem); } .card-img-bottom { width: 100%; border-bottom-right-radius: calc(0.25rem - 0.0625rem); border-bottom-left-radius: calc(0.25rem - 0.0625rem); } .card-deck { display: flex; flex-direction: column; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { display: flex; flex: 1 0 0%; flex-direction: column; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group { display: flex; flex-direction: column; } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1.25rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:first-of-type) .card-header:first-child { border-radius: 0; } .accordion > .card:not(:first-of-type):not(:last-of-type) { border-bottom: 0; border-radius: 0; } .accordion > .card:first-of-type { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:last-of-type { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card .card-header { margin-bottom: -0.0625rem; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #8898aa; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #8898aa; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -0.0625rem; line-height: 1.25; color: #8898aa; background-color: #fff; border: 0.0625rem solid #dee2e6; } .page-link:hover { z-index: 2; color: #8898aa; text-decoration: none; background-color: #dee2e6; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: none; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 1; color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .page-item.disabled .page-link { color: #8898aa; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.35rem 0.375rem; font-size: 66%; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.875em; padding-left: 0.875em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #5e72e4; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #324cdd; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0 rgba(94, 114, 228, 0.5); } .badge-secondary { color: #212529; background-color: #f4f5f7; } a.badge-secondary:hover, a.badge-secondary:focus { color: #212529; background-color: #d6dae2; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0 rgba(244, 245, 247, 0.5); } .badge-success { color: #fff; background-color: #2dce89; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #24a46d; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0 rgba(45, 206, 137, 0.5); } .badge-info { color: #fff; background-color: #11cdef; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #0da5c0; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0 rgba(17, 205, 239, 0.5); } .badge-warning { color: #fff; background-color: #fb6340; } a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #fa3a0e; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0 rgba(251, 99, 64, 0.5); } .badge-danger { color: #fff; background-color: #f5365c; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #ec0c38; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0 rgba(245, 54, 92, 0.5); } .badge-light { color: #fff; background-color: #adb5bd; } a.badge-light:hover, a.badge-light:focus { color: #fff; background-color: #919ca6; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0 rgba(173, 181, 189, 0.5); } .badge-dark { color: #fff; background-color: #212529; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0a0c0d; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0 rgba(33, 37, 41, 0.5); } .badge-default { color: #fff; background-color: #172b4d; } a.badge-default:hover, a.badge-default:focus { color: #fff; background-color: #0b1526; } a.badge-default:focus, a.badge-default.focus { outline: 0; box-shadow: 0 0 0 0 rgba(23, 43, 77, 0.5); } .badge-white { color: #212529; background-color: #fff; } a.badge-white:hover, a.badge-white:focus { color: #212529; background-color: #e6e6e6; } a.badge-white:focus, a.badge-white.focus { outline: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .badge-neutral { color: #212529; background-color: #fff; } a.badge-neutral:hover, a.badge-neutral:focus { color: #212529; background-color: #e6e6e6; } a.badge-neutral:focus, a.badge-neutral.focus { outline: 0; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); } .badge-darker { color: #fff; background-color: black; } a.badge-darker:hover, a.badge-darker:focus { color: #fff; background-color: black; } a.badge-darker:focus, a.badge-darker.focus { outline: 0; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: 1rem 1.5rem; margin-bottom: 1rem; border: 0.0625rem solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 4.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1rem 1.5rem; color: inherit; } .alert-primary { color: #5e72e4; background-color: #7889e8; border-color: #7889e8; } .alert-primary hr { border-top-color: #6276e4; } .alert-primary .alert-link { color: #324cdd; } .alert-secondary { color: #f4f5f7; background-color: #f6f7f8; border-color: #f6f7f8; } .alert-secondary hr { border-top-color: #e8eaed; } .alert-secondary .alert-link { color: #d6dae2; } .alert-success { color: #2dce89; background-color: #4fd69c; border-color: #4fd69c; } .alert-success hr { border-top-color: #3ad190; } .alert-success .alert-link { color: #24a46d; } .alert-info { color: #11cdef; background-color: #37d5f2; border-color: #37d5f2; } .alert-info hr { border-top-color: #1fd0f0; } .alert-info .alert-link { color: #0da5c0; } .alert-warning { color: #fb6340; background-color: #fc7c5f; border-color: #fc7c5f; } .alert-warning hr { border-top-color: #fc6846; } .alert-warning .alert-link { color: #fa3a0e; } .alert-danger { color: #f5365c; background-color: #f75676; border-color: #f75676; } .alert-danger hr { border-top-color: #f63e62; } .alert-danger .alert-link { color: #ec0c38; } .alert-light { color: #adb5bd; background-color: #bac1c8; border-color: #bac1c8; } .alert-light hr { border-top-color: #acb4bd; } .alert-light .alert-link { color: #919ca6; } .alert-dark { color: #212529; background-color: #45484b; border-color: #45484b; } .alert-dark hr { border-top-color: #393b3e; } .alert-dark .alert-link { color: #0a0c0d; } .alert-default { color: #172b4d; background-color: #3c4d69; border-color: #3c4d69; } .alert-default hr { border-top-color: #334159; } .alert-default .alert-link { color: #0b1526; } .alert-white { color: white; background-color: white; border-color: white; } .alert-white hr { border-top-color: #f2f2f2; } .alert-white .alert-link { color: #e6e6e6; } .alert-neutral { color: white; background-color: white; border-color: white; } .alert-neutral hr { border-top-color: #f2f2f2; } .alert-neutral .alert-link { color: #e6e6e6; } .alert-darker { color: black; background-color: #292929; border-color: #292929; } .alert-darker hr { border-top-color: #1c1c1c; } .alert-darker .alert-link { color: black; } @-webkit-keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); } .progress-bar { display: flex; flex-direction: column; justify-content: center; color: #fff; text-align: center; white-space: nowrap; background-color: #5e72e4; transition: width 0.6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { -webkit-animation: progress-bar-stripes 1s linear infinite; animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { -webkit-animation: none; animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #525f7f; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #525f7f; text-decoration: none; background-color: #f6f9fc; } .list-group-item-action:active { color: #525f7f; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 1rem 1rem; margin-bottom: -0.0625rem; background-color: #fff; border: 0.0625rem solid #e9ecef; } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #8898aa; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -0.0625rem; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -0.0625rem; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -0.0625rem; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -0.0625rem; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -0.0625rem; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -0.0625rem; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #313b77; background-color: #d2d8f7; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #313b77; background-color: #bcc5f3; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #313b77; border-color: #313b77; } .list-group-item-secondary { color: #7f7f80; background-color: #fcfcfd; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #7f7f80; background-color: #ededf3; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #7f7f80; border-color: #7f7f80; } .list-group-item-success { color: #176b47; background-color: #c4f1de; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #176b47; background-color: #afecd2; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #176b47; border-color: #176b47; } .list-group-item-info { color: #096b7c; background-color: #bcf1fb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #096b7c; background-color: #a4ecfa; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #096b7c; border-color: #096b7c; } .list-group-item-warning { color: #833321; background-color: #fed3ca; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #833321; background-color: #febeb1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #833321; border-color: #833321; } .list-group-item-danger { color: #7f1c30; background-color: #fcc7d1; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #7f1c30; background-color: #fbafbd; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #7f1c30; border-color: #7f1c30; } .list-group-item-light { color: #5a5e62; background-color: #e8eaed; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #5a5e62; background-color: #dadde2; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #5a5e62; border-color: #5a5e62; } .list-group-item-dark { color: #111315; background-color: #c1c2c3; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #111315; background-color: #b4b5b6; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #111315; border-color: #111315; } .list-group-item-default { color: #0c1628; background-color: #bec4cd; } .list-group-item-default.list-group-item-action:hover, .list-group-item-default.list-group-item-action:focus { color: #0c1628; background-color: #b0b7c2; } .list-group-item-default.list-group-item-action.active { color: #fff; background-color: #0c1628; border-color: #0c1628; } .list-group-item-white { color: #858585; background-color: white; } .list-group-item-white.list-group-item-action:hover, .list-group-item-white.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-white.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-neutral { color: #858585; background-color: white; } .list-group-item-neutral.list-group-item-action:hover, .list-group-item-neutral.list-group-item-action:focus { color: #858585; background-color: #f2f2f2; } .list-group-item-neutral.list-group-item-action.active { color: #fff; background-color: #858585; border-color: #858585; } .list-group-item-darker { color: black; background-color: #b8b8b8; } .list-group-item-darker.list-group-item-action:hover, .list-group-item-darker.list-group-item-action:focus { color: black; background-color: #ababab; } .list-group-item-darker.list-group-item-action.active { color: #fff; background-color: black; border-color: black; } .close { float: right; font-size: 1.5rem; font-weight: 600; line-height: 1; color: rgba(0, 0, 0, 0.6); text-shadow: none; opacity: 0.5; } .close:hover { color: rgba(0, 0, 0, 0.6); text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: #8898aa; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .toast-body { padding: 0.75rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17); outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.16; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1.25rem; border-bottom: 1px solid #e9ecef; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-header .close { padding: 1.25rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.1; } .modal-body { position: relative; flex: 1 1 auto; padding: 1.5rem; } .modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1.5rem; border-top: 1px solid #e9ecef; border-bottom-right-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .modal-footer > :not(:first-child) { margin-left: 0.25rem; } .modal-footer > :not(:last-child) { margin-right: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-content { box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17); } .modal-sm { max-width: 380px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Open Sans", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0.3rem; box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.2); } .popover .arrow { position: absolute; display: block; width: 1.5rem; height: 0.75rem; margin: 0 0.3rem; } .popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.75rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc((0.75rem + 1px) * -1); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.75rem 0.75rem 0; border-top-color: transparent; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { bottom: 1px; border-width: 0.75rem 0.75rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.75rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc((0.75rem + 1px) * -1); width: 0.75rem; height: 1.5rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { left: 0; border-width: 0.75rem 0.75rem 0.75rem 0; border-right-color: transparent; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { left: 1px; border-width: 0.75rem 0.75rem 0.75rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.75rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc((0.75rem + 1px) * -1); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { top: 0; border-width: 0 0.75rem 0.75rem 0.75rem; border-bottom-color: transparent; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.75rem 0.75rem 0.75rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1.5rem; margin-left: -0.75rem; content: ""; border-bottom: 1px solid #fff; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.75rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc((0.75rem + 1px) * -1); width: 0.75rem; height: 1.5rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { right: 0; border-width: 0.75rem 0 0.75rem 0.75rem; border-left-color: transparent; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.75rem 0 0.75rem 0.75rem; border-left-color: #fff; } .popover-header { padding: 0.75rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: #32325d; background-color: #fff; border-bottom: 1px solid #f2f2f2; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.75rem 0.75rem; color: #525f7f; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: 0s 0.6s opacity; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; color: #fff; text-align: center; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; display: flex; justify-content: center; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @-webkit-keyframes spinner-border { to { transform: rotate(360deg); } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border 0.75s linear infinite; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @-webkit-keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; -webkit-animation: spinner-grow 0.75s linear infinite; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #5e72e4 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #324cdd !important; } .bg-secondary { background-color: #f4f5f7 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #d6dae2 !important; } .bg-success { background-color: #2dce89 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #24a46d !important; } .bg-info { background-color: #11cdef !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #0da5c0 !important; } .bg-warning { background-color: #fb6340 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #fa3a0e !important; } .bg-danger { background-color: #f5365c !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #ec0c38 !important; } .bg-light { background-color: #adb5bd !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #919ca6 !important; } .bg-dark { background-color: #212529 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0a0c0d !important; } .bg-default { background-color: #172b4d !important; } a.bg-default:hover, a.bg-default:focus, button.bg-default:hover, button.bg-default:focus { background-color: #0b1526 !important; } .bg-white { background-color: #fff !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-neutral { background-color: #fff !important; } a.bg-neutral:hover, a.bg-neutral:focus, button.bg-neutral:hover, button.bg-neutral:focus { background-color: #e6e6e6 !important; } .bg-darker { background-color: black !important; } a.bg-darker:hover, a.bg-darker:focus, button.bg-darker:hover, button.bg-darker:focus { background-color: black !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 0.0625rem solid #e9ecef !important; } .border-top { border-top: 0.0625rem solid #e9ecef !important; } .border-right { border-right: 0.0625rem solid #e9ecef !important; } .border-bottom { border-bottom: 0.0625rem solid #e9ecef !important; } .border-left { border-left: 0.0625rem solid #e9ecef !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #5e72e4 !important; } .border-secondary { border-color: #f4f5f7 !important; } .border-success { border-color: #2dce89 !important; } .border-info { border-color: #11cdef !important; } .border-warning { border-color: #fb6340 !important; } .border-danger { border-color: #f5365c !important; } .border-light { border-color: #adb5bd !important; } .border-dark { border-color: #212529 !important; } .border-default { border-color: #172b4d !important; } .border-white { border-color: #fff !important; } .border-neutral { border-color: #fff !important; } .border-darker { border-color: black !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed, .headroom--unpinned, .headroom--pinned { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .m--9 { margin: -10rem !important; } .mt--9, .my--9 { margin-top: -10rem !important; } .mr--9, .mx--9 { margin-right: -10rem !important; } .mb--9, .my--9 { margin-bottom: -10rem !important; } .ml--9, .mx--9 { margin-left: -10rem !important; } .m--8 { margin: -8rem !important; } .mt--8, .my--8 { margin-top: -8rem !important; } .mr--8, .mx--8 { margin-right: -8rem !important; } .mb--8, .my--8 { margin-bottom: -8rem !important; } .ml--8, .mx--8 { margin-left: -8rem !important; } .m--7 { margin: -6rem !important; } .mt--7, .my--7 { margin-top: -6rem !important; } .mr--7, .mx--7 { margin-right: -6rem !important; } .mb--7, .my--7 { margin-bottom: -6rem !important; } .ml--7, .mx--7 { margin-left: -6rem !important; } .m--6 { margin: -4.5rem !important; } .mt--6, .my--6 { margin-top: -4.5rem !important; } .mr--6, .mx--6 { margin-right: -4.5rem !important; } .mb--6, .my--6 { margin-bottom: -4.5rem !important; } .ml--6, .mx--6 { margin-left: -4.5rem !important; } .m--5 { margin: -3rem !important; } .mt--5, .my--5 { margin-top: -3rem !important; } .mr--5, .mx--5 { margin-right: -3rem !important; } .mb--5, .my--5 { margin-bottom: -3rem !important; } .ml--5, .mx--5 { margin-left: -3rem !important; } .m--4 { margin: -1.5rem !important; } .mt--4, .my--4 { margin-top: -1.5rem !important; } .mr--4, .mx--4 { margin-right: -1.5rem !important; } .mb--4, .my--4 { margin-bottom: -1.5rem !important; } .ml--4, .mx--4 { margin-left: -1.5rem !important; } .m--3 { margin: -1rem !important; } .mt--3, .my--3 { margin-top: -1rem !important; } .mr--3, .mx--3 { margin-right: -1rem !important; } .mb--3, .my--3 { margin-bottom: -1rem !important; } .ml--3, .mx--3 { margin-left: -1rem !important; } .m--2 { margin: -0.5rem !important; } .mt--2, .my--2 { margin-top: -0.5rem !important; } .mr--2, .mx--2 { margin-right: -0.5rem !important; } .mb--2, .my--2 { margin-bottom: -0.5rem !important; } .ml--2, .mx--2 { margin-left: -0.5rem !important; } .m--1 { margin: -0.25rem !important; } .mt--1, .my--1 { margin-top: -0.25rem !important; } .mr--1, .mx--1 { margin-right: -0.25rem !important; } .mb--1, .my--1 { margin-bottom: -0.25rem !important; } .ml--1, .mx--1 { margin-left: -0.25rem !important; } .m-6 { margin: 4.5rem !important; } .mt-6, .my-6 { margin-top: 4.5rem !important; } .mr-6, .mx-6 { margin-right: 4.5rem !important; } .mb-6, .my-6 { margin-bottom: 4.5rem !important; } .ml-6, .mx-6 { margin-left: 4.5rem !important; } .m-7 { margin: 6rem !important; } .mt-7, .my-7 { margin-top: 6rem !important; } .mr-7, .mx-7 { margin-right: 6rem !important; } .mb-7, .my-7 { margin-bottom: 6rem !important; } .ml-7, .mx-7 { margin-left: 6rem !important; } .m-8 { margin: 8rem !important; } .mt-8, .my-8 { margin-top: 8rem !important; } .mr-8, .mx-8 { margin-right: 8rem !important; } .mb-8, .my-8 { margin-bottom: 8rem !important; } .ml-8, .mx-8 { margin-left: 8rem !important; } .m-9 { margin: 10rem !important; } .mt-9, .my-9 { margin-top: 10rem !important; } .mr-9, .mx-9 { margin-right: 10rem !important; } .mb-9, .my-9 { margin-bottom: 10rem !important; } .ml-9, .mx-9 { margin-left: 10rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p--9 { padding: -10rem !important; } .pt--9, .py--9 { padding-top: -10rem !important; } .pr--9, .px--9 { padding-right: -10rem !important; } .pb--9, .py--9 { padding-bottom: -10rem !important; } .pl--9, .px--9 { padding-left: -10rem !important; } .p--8 { padding: -8rem !important; } .pt--8, .py--8 { padding-top: -8rem !important; } .pr--8, .px--8 { padding-right: -8rem !important; } .pb--8, .py--8 { padding-bottom: -8rem !important; } .pl--8, .px--8 { padding-left: -8rem !important; } .p--7 { padding: -6rem !important; } .pt--7, .py--7 { padding-top: -6rem !important; } .pr--7, .px--7 { padding-right: -6rem !important; } .pb--7, .py--7 { padding-bottom: -6rem !important; } .pl--7, .px--7 { padding-left: -6rem !important; } .p--6 { padding: -4.5rem !important; } .pt--6, .py--6 { padding-top: -4.5rem !important; } .pr--6, .px--6 { padding-right: -4.5rem !important; } .pb--6, .py--6 { padding-bottom: -4.5rem !important; } .pl--6, .px--6 { padding-left: -4.5rem !important; } .p--5 { padding: -3rem !important; } .pt--5, .py--5 { padding-top: -3rem !important; } .pr--5, .px--5 { padding-right: -3rem !important; } .pb--5, .py--5 { padding-bottom: -3rem !important; } .pl--5, .px--5 { padding-left: -3rem !important; } .p--4 { padding: -1.5rem !important; } .pt--4, .py--4 { padding-top: -1.5rem !important; } .pr--4, .px--4 { padding-right: -1.5rem !important; } .pb--4, .py--4 { padding-bottom: -1.5rem !important; } .pl--4, .px--4 { padding-left: -1.5rem !important; } .p--3 { padding: -1rem !important; } .pt--3, .py--3 { padding-top: -1rem !important; } .pr--3, .px--3 { padding-right: -1rem !important; } .pb--3, .py--3 { padding-bottom: -1rem !important; } .pl--3, .px--3 { padding-left: -1rem !important; } .p--2 { padding: -0.5rem !important; } .pt--2, .py--2 { padding-top: -0.5rem !important; } .pr--2, .px--2 { padding-right: -0.5rem !important; } .pb--2, .py--2 { padding-bottom: -0.5rem !important; } .pl--2, .px--2 { padding-left: -0.5rem !important; } .p--1 { padding: -0.25rem !important; } .pt--1, .py--1 { padding-top: -0.25rem !important; } .pr--1, .px--1 { padding-right: -0.25rem !important; } .pb--1, .py--1 { padding-bottom: -0.25rem !important; } .pl--1, .px--1 { padding-left: -0.25rem !important; } .p-6 { padding: 4.5rem !important; } .pt-6, .py-6 { padding-top: 4.5rem !important; } .pr-6, .px-6 { padding-right: 4.5rem !important; } .pb-6, .py-6 { padding-bottom: 4.5rem !important; } .pl-6, .px-6 { padding-left: 4.5rem !important; } .p-7 { padding: 6rem !important; } .pt-7, .py-7 { padding-top: 6rem !important; } .pr-7, .px-7 { padding-right: 6rem !important; } .pb-7, .py-7 { padding-bottom: 6rem !important; } .pl-7, .px-7 { padding-left: 6rem !important; } .p-8 { padding: 8rem !important; } .pt-8, .py-8 { padding-top: 8rem !important; } .pr-8, .px-8 { padding-right: 8rem !important; } .pb-8, .py-8 { padding-bottom: 8rem !important; } .pl-8, .px-8 { padding-left: 8rem !important; } .p-9 { padding: 10rem !important; } .pt-9, .py-9 { padding-top: 10rem !important; } .pr-9, .px-9 { padding-right: 10rem !important; } .pb-9, .py-9 { padding-bottom: 10rem !important; } .pl-9, .px-9 { padding-left: 10rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-n-9 { margin: 10rem !important; } .mt-n-9, .my-n-9 { margin-top: 10rem !important; } .mr-n-9, .mx-n-9 { margin-right: 10rem !important; } .mb-n-9, .my-n-9 { margin-bottom: 10rem !important; } .ml-n-9, .mx-n-9 { margin-left: 10rem !important; } .m-n-8 { margin: 8rem !important; } .mt-n-8, .my-n-8 { margin-top: 8rem !important; } .mr-n-8, .mx-n-8 { margin-right: 8rem !important; } .mb-n-8, .my-n-8 { margin-bottom: 8rem !important; } .ml-n-8, .mx-n-8 { margin-left: 8rem !important; } .m-n-7 { margin: 6rem !important; } .mt-n-7, .my-n-7 { margin-top: 6rem !important; } .mr-n-7, .mx-n-7 { margin-right: 6rem !important; } .mb-n-7, .my-n-7 { margin-bottom: 6rem !important; } .ml-n-7, .mx-n-7 { margin-left: 6rem !important; } .m-n-6 { margin: 4.5rem !important; } .mt-n-6, .my-n-6 { margin-top: 4.5rem !important; } .mr-n-6, .mx-n-6 { margin-right: 4.5rem !important; } .mb-n-6, .my-n-6 { margin-bottom: 4.5rem !important; } .ml-n-6, .mx-n-6 { margin-left: 4.5rem !important; } .m-n-5 { margin: 3rem !important; } .mt-n-5, .my-n-5 { margin-top: 3rem !important; } .mr-n-5, .mx-n-5 { margin-right: 3rem !important; } .mb-n-5, .my-n-5 { margin-bottom: 3rem !important; } .ml-n-5, .mx-n-5 { margin-left: 3rem !important; } .m-n-4 { margin: 1.5rem !important; } .mt-n-4, .my-n-4 { margin-top: 1.5rem !important; } .mr-n-4, .mx-n-4 { margin-right: 1.5rem !important; } .mb-n-4, .my-n-4 { margin-bottom: 1.5rem !important; } .ml-n-4, .mx-n-4 { margin-left: 1.5rem !important; } .m-n-3 { margin: 1rem !important; } .mt-n-3, .my-n-3 { margin-top: 1rem !important; } .mr-n-3, .mx-n-3 { margin-right: 1rem !important; } .mb-n-3, .my-n-3 { margin-bottom: 1rem !important; } .ml-n-3, .mx-n-3 { margin-left: 1rem !important; } .m-n-2 { margin: 0.5rem !important; } .mt-n-2, .my-n-2 { margin-top: 0.5rem !important; } .mr-n-2, .mx-n-2 { margin-right: 0.5rem !important; } .mb-n-2, .my-n-2 { margin-bottom: 0.5rem !important; } .ml-n-2, .mx-n-2 { margin-left: 0.5rem !important; } .m-n-1 { margin: 0.25rem !important; } .mt-n-1, .my-n-1 { margin-top: 0.25rem !important; } .mr-n-1, .mx-n-1 { margin-right: 0.25rem !important; } .mb-n-1, .my-n-1 { margin-bottom: 0.25rem !important; } .ml-n-1, .mx-n-1 { margin-left: 0.25rem !important; } .m-n6 { margin: -4.5rem !important; } .mt-n6, .my-n6 { margin-top: -4.5rem !important; } .mr-n6, .mx-n6 { margin-right: -4.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -4.5rem !important; } .ml-n6, .mx-n6 { margin-left: -4.5rem !important; } .m-n7 { margin: -6rem !important; } .mt-n7, .my-n7 { margin-top: -6rem !important; } .mr-n7, .mx-n7 { margin-right: -6rem !important; } .mb-n7, .my-n7 { margin-bottom: -6rem !important; } .ml-n7, .mx-n7 { margin-left: -6rem !important; } .m-n8 { margin: -8rem !important; } .mt-n8, .my-n8 { margin-top: -8rem !important; } .mr-n8, .mx-n8 { margin-right: -8rem !important; } .mb-n8, .my-n8 { margin-bottom: -8rem !important; } .ml-n8, .mx-n8 { margin-left: -8rem !important; } .m-n9 { margin: -10rem !important; } .mt-n9, .my-n9 { margin-top: -10rem !important; } .mr-n9, .mx-n9 { margin-right: -10rem !important; } .mb-n9, .my-n9 { margin-bottom: -10rem !important; } .ml-n9, .mx-n9 { margin-left: -10rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .m-sm--9 { margin: -10rem !important; } .mt-sm--9, .my-sm--9 { margin-top: -10rem !important; } .mr-sm--9, .mx-sm--9 { margin-right: -10rem !important; } .mb-sm--9, .my-sm--9 { margin-bottom: -10rem !important; } .ml-sm--9, .mx-sm--9 { margin-left: -10rem !important; } .m-sm--8 { margin: -8rem !important; } .mt-sm--8, .my-sm--8 { margin-top: -8rem !important; } .mr-sm--8, .mx-sm--8 { margin-right: -8rem !important; } .mb-sm--8, .my-sm--8 { margin-bottom: -8rem !important; } .ml-sm--8, .mx-sm--8 { margin-left: -8rem !important; } .m-sm--7 { margin: -6rem !important; } .mt-sm--7, .my-sm--7 { margin-top: -6rem !important; } .mr-sm--7, .mx-sm--7 { margin-right: -6rem !important; } .mb-sm--7, .my-sm--7 { margin-bottom: -6rem !important; } .ml-sm--7, .mx-sm--7 { margin-left: -6rem !important; } .m-sm--6 { margin: -4.5rem !important; } .mt-sm--6, .my-sm--6 { margin-top: -4.5rem !important; } .mr-sm--6, .mx-sm--6 { margin-right: -4.5rem !important; } .mb-sm--6, .my-sm--6 { margin-bottom: -4.5rem !important; } .ml-sm--6, .mx-sm--6 { margin-left: -4.5rem !important; } .m-sm--5 { margin: -3rem !important; } .mt-sm--5, .my-sm--5 { margin-top: -3rem !important; } .mr-sm--5, .mx-sm--5 { margin-right: -3rem !important; } .mb-sm--5, .my-sm--5 { margin-bottom: -3rem !important; } .ml-sm--5, .mx-sm--5 { margin-left: -3rem !important; } .m-sm--4 { margin: -1.5rem !important; } .mt-sm--4, .my-sm--4 { margin-top: -1.5rem !important; } .mr-sm--4, .mx-sm--4 { margin-right: -1.5rem !important; } .mb-sm--4, .my-sm--4 { margin-bottom: -1.5rem !important; } .ml-sm--4, .mx-sm--4 { margin-left: -1.5rem !important; } .m-sm--3 { margin: -1rem !important; } .mt-sm--3, .my-sm--3 { margin-top: -1rem !important; } .mr-sm--3, .mx-sm--3 { margin-right: -1rem !important; } .mb-sm--3, .my-sm--3 { margin-bottom: -1rem !important; } .ml-sm--3, .mx-sm--3 { margin-left: -1rem !important; } .m-sm--2 { margin: -0.5rem !important; } .mt-sm--2, .my-sm--2 { margin-top: -0.5rem !important; } .mr-sm--2, .mx-sm--2 { margin-right: -0.5rem !important; } .mb-sm--2, .my-sm--2 { margin-bottom: -0.5rem !important; } .ml-sm--2, .mx-sm--2 { margin-left: -0.5rem !important; } .m-sm--1 { margin: -0.25rem !important; } .mt-sm--1, .my-sm--1 { margin-top: -0.25rem !important; } .mr-sm--1, .mx-sm--1 { margin-right: -0.25rem !important; } .mb-sm--1, .my-sm--1 { margin-bottom: -0.25rem !important; } .ml-sm--1, .mx-sm--1 { margin-left: -0.25rem !important; } .m-sm-6 { margin: 4.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 4.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 4.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 4.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 4.5rem !important; } .m-sm-7 { margin: 6rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 6rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 6rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 6rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 6rem !important; } .m-sm-8 { margin: 8rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 8rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 8rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 8rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 8rem !important; } .m-sm-9 { margin: 10rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 10rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 10rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 10rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 10rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .p-sm--9 { padding: -10rem !important; } .pt-sm--9, .py-sm--9 { padding-top: -10rem !important; } .pr-sm--9, .px-sm--9 { padding-right: -10rem !important; } .pb-sm--9, .py-sm--9 { padding-bottom: -10rem !important; } .pl-sm--9, .px-sm--9 { padding-left: -10rem !important; } .p-sm--8 { padding: -8rem !important; } .pt-sm--8, .py-sm--8 { padding-top: -8rem !important; } .pr-sm--8, .px-sm--8 { padding-right: -8rem !important; } .pb-sm--8, .py-sm--8 { padding-bottom: -8rem !important; } .pl-sm--8, .px-sm--8 { padding-left: -8rem !important; } .p-sm--7 { padding: -6rem !important; } .pt-sm--7, .py-sm--7 { padding-top: -6rem !important; } .pr-sm--7, .px-sm--7 { padding-right: -6rem !important; } .pb-sm--7, .py-sm--7 { padding-bottom: -6rem !important; } .pl-sm--7, .px-sm--7 { padding-left: -6rem !important; } .p-sm--6 { padding: -4.5rem !important; } .pt-sm--6, .py-sm--6 { padding-top: -4.5rem !important; } .pr-sm--6, .px-sm--6 { padding-right: -4.5rem !important; } .pb-sm--6, .py-sm--6 { padding-bottom: -4.5rem !important; } .pl-sm--6, .px-sm--6 { padding-left: -4.5rem !important; } .p-sm--5 { padding: -3rem !important; } .pt-sm--5, .py-sm--5 { padding-top: -3rem !important; } .pr-sm--5, .px-sm--5 { padding-right: -3rem !important; } .pb-sm--5, .py-sm--5 { padding-bottom: -3rem !important; } .pl-sm--5, .px-sm--5 { padding-left: -3rem !important; } .p-sm--4 { padding: -1.5rem !important; } .pt-sm--4, .py-sm--4 { padding-top: -1.5rem !important; } .pr-sm--4, .px-sm--4 { padding-right: -1.5rem !important; } .pb-sm--4, .py-sm--4 { padding-bottom: -1.5rem !important; } .pl-sm--4, .px-sm--4 { padding-left: -1.5rem !important; } .p-sm--3 { padding: -1rem !important; } .pt-sm--3, .py-sm--3 { padding-top: -1rem !important; } .pr-sm--3, .px-sm--3 { padding-right: -1rem !important; } .pb-sm--3, .py-sm--3 { padding-bottom: -1rem !important; } .pl-sm--3, .px-sm--3 { padding-left: -1rem !important; } .p-sm--2 { padding: -0.5rem !important; } .pt-sm--2, .py-sm--2 { padding-top: -0.5rem !important; } .pr-sm--2, .px-sm--2 { padding-right: -0.5rem !important; } .pb-sm--2, .py-sm--2 { padding-bottom: -0.5rem !important; } .pl-sm--2, .px-sm--2 { padding-left: -0.5rem !important; } .p-sm--1 { padding: -0.25rem !important; } .pt-sm--1, .py-sm--1 { padding-top: -0.25rem !important; } .pr-sm--1, .px-sm--1 { padding-right: -0.25rem !important; } .pb-sm--1, .py-sm--1 { padding-bottom: -0.25rem !important; } .pl-sm--1, .px-sm--1 { padding-left: -0.25rem !important; } .p-sm-6 { padding: 4.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 4.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 4.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 4.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 4.5rem !important; } .p-sm-7 { padding: 6rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 6rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 6rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 6rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 6rem !important; } .p-sm-8 { padding: 8rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 8rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 8rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 8rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 8rem !important; } .p-sm-9 { padding: 10rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 10rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 10rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 10rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 10rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-n-9 { margin: 10rem !important; } .mt-sm-n-9, .my-sm-n-9 { margin-top: 10rem !important; } .mr-sm-n-9, .mx-sm-n-9 { margin-right: 10rem !important; } .mb-sm-n-9, .my-sm-n-9 { margin-bottom: 10rem !important; } .ml-sm-n-9, .mx-sm-n-9 { margin-left: 10rem !important; } .m-sm-n-8 { margin: 8rem !important; } .mt-sm-n-8, .my-sm-n-8 { margin-top: 8rem !important; } .mr-sm-n-8, .mx-sm-n-8 { margin-right: 8rem !important; } .mb-sm-n-8, .my-sm-n-8 { margin-bottom: 8rem !important; } .ml-sm-n-8, .mx-sm-n-8 { margin-left: 8rem !important; } .m-sm-n-7 { margin: 6rem !important; } .mt-sm-n-7, .my-sm-n-7 { margin-top: 6rem !important; } .mr-sm-n-7, .mx-sm-n-7 { margin-right: 6rem !important; } .mb-sm-n-7, .my-sm-n-7 { margin-bottom: 6rem !important; } .ml-sm-n-7, .mx-sm-n-7 { margin-left: 6rem !important; } .m-sm-n-6 { margin: 4.5rem !important; } .mt-sm-n-6, .my-sm-n-6 { margin-top: 4.5rem !important; } .mr-sm-n-6, .mx-sm-n-6 { margin-right: 4.5rem !important; } .mb-sm-n-6, .my-sm-n-6 { margin-bottom: 4.5rem !important; } .ml-sm-n-6, .mx-sm-n-6 { margin-left: 4.5rem !important; } .m-sm-n-5 { margin: 3rem !important; } .mt-sm-n-5, .my-sm-n-5 { margin-top: 3rem !important; } .mr-sm-n-5, .mx-sm-n-5 { margin-right: 3rem !important; } .mb-sm-n-5, .my-sm-n-5 { margin-bottom: 3rem !important; } .ml-sm-n-5, .mx-sm-n-5 { margin-left: 3rem !important; } .m-sm-n-4 { margin: 1.5rem !important; } .mt-sm-n-4, .my-sm-n-4 { margin-top: 1.5rem !important; } .mr-sm-n-4, .mx-sm-n-4 { margin-right: 1.5rem !important; } .mb-sm-n-4, .my-sm-n-4 { margin-bottom: 1.5rem !important; } .ml-sm-n-4, .mx-sm-n-4 { margin-left: 1.5rem !important; } .m-sm-n-3 { margin: 1rem !important; } .mt-sm-n-3, .my-sm-n-3 { margin-top: 1rem !important; } .mr-sm-n-3, .mx-sm-n-3 { margin-right: 1rem !important; } .mb-sm-n-3, .my-sm-n-3 { margin-bottom: 1rem !important; } .ml-sm-n-3, .mx-sm-n-3 { margin-left: 1rem !important; } .m-sm-n-2 { margin: 0.5rem !important; } .mt-sm-n-2, .my-sm-n-2 { margin-top: 0.5rem !important; } .mr-sm-n-2, .mx-sm-n-2 { margin-right: 0.5rem !important; } .mb-sm-n-2, .my-sm-n-2 { margin-bottom: 0.5rem !important; } .ml-sm-n-2, .mx-sm-n-2 { margin-left: 0.5rem !important; } .m-sm-n-1 { margin: 0.25rem !important; } .mt-sm-n-1, .my-sm-n-1 { margin-top: 0.25rem !important; } .mr-sm-n-1, .mx-sm-n-1 { margin-right: 0.25rem !important; } .mb-sm-n-1, .my-sm-n-1 { margin-bottom: 0.25rem !important; } .ml-sm-n-1, .mx-sm-n-1 { margin-left: 0.25rem !important; } .m-sm-n6 { margin: -4.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -4.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -4.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -4.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -4.5rem !important; } .m-sm-n7 { margin: -6rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -6rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -6rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -6rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -6rem !important; } .m-sm-n8 { margin: -8rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -8rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -8rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -8rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -8rem !important; } .m-sm-n9 { margin: -10rem !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -10rem !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -10rem !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -10rem !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -10rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .m-md--9 { margin: -10rem !important; } .mt-md--9, .my-md--9 { margin-top: -10rem !important; } .mr-md--9, .mx-md--9 { margin-right: -10rem !important; } .mb-md--9, .my-md--9 { margin-bottom: -10rem !important; } .ml-md--9, .mx-md--9 { margin-left: -10rem !important; } .m-md--8 { margin: -8rem !important; } .mt-md--8, .my-md--8 { margin-top: -8rem !important; } .mr-md--8, .mx-md--8 { margin-right: -8rem !important; } .mb-md--8, .my-md--8 { margin-bottom: -8rem !important; } .ml-md--8, .mx-md--8 { margin-left: -8rem !important; } .m-md--7 { margin: -6rem !important; } .mt-md--7, .my-md--7 { margin-top: -6rem !important; } .mr-md--7, .mx-md--7 { margin-right: -6rem !important; } .mb-md--7, .my-md--7 { margin-bottom: -6rem !important; } .ml-md--7, .mx-md--7 { margin-left: -6rem !important; } .m-md--6 { margin: -4.5rem !important; } .mt-md--6, .my-md--6 { margin-top: -4.5rem !important; } .mr-md--6, .mx-md--6 { margin-right: -4.5rem !important; } .mb-md--6, .my-md--6 { margin-bottom: -4.5rem !important; } .ml-md--6, .mx-md--6 { margin-left: -4.5rem !important; } .m-md--5 { margin: -3rem !important; } .mt-md--5, .my-md--5 { margin-top: -3rem !important; } .mr-md--5, .mx-md--5 { margin-right: -3rem !important; } .mb-md--5, .my-md--5 { margin-bottom: -3rem !important; } .ml-md--5, .mx-md--5 { margin-left: -3rem !important; } .m-md--4 { margin: -1.5rem !important; } .mt-md--4, .my-md--4 { margin-top: -1.5rem !important; } .mr-md--4, .mx-md--4 { margin-right: -1.5rem !important; } .mb-md--4, .my-md--4 { margin-bottom: -1.5rem !important; } .ml-md--4, .mx-md--4 { margin-left: -1.5rem !important; } .m-md--3 { margin: -1rem !important; } .mt-md--3, .my-md--3 { margin-top: -1rem !important; } .mr-md--3, .mx-md--3 { margin-right: -1rem !important; } .mb-md--3, .my-md--3 { margin-bottom: -1rem !important; } .ml-md--3, .mx-md--3 { margin-left: -1rem !important; } .m-md--2 { margin: -0.5rem !important; } .mt-md--2, .my-md--2 { margin-top: -0.5rem !important; } .mr-md--2, .mx-md--2 { margin-right: -0.5rem !important; } .mb-md--2, .my-md--2 { margin-bottom: -0.5rem !important; } .ml-md--2, .mx-md--2 { margin-left: -0.5rem !important; } .m-md--1 { margin: -0.25rem !important; } .mt-md--1, .my-md--1 { margin-top: -0.25rem !important; } .mr-md--1, .mx-md--1 { margin-right: -0.25rem !important; } .mb-md--1, .my-md--1 { margin-bottom: -0.25rem !important; } .ml-md--1, .mx-md--1 { margin-left: -0.25rem !important; } .m-md-6 { margin: 4.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 4.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 4.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 4.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 4.5rem !important; } .m-md-7 { margin: 6rem !important; } .mt-md-7, .my-md-7 { margin-top: 6rem !important; } .mr-md-7, .mx-md-7 { margin-right: 6rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 6rem !important; } .ml-md-7, .mx-md-7 { margin-left: 6rem !important; } .m-md-8 { margin: 8rem !important; } .mt-md-8, .my-md-8 { margin-top: 8rem !important; } .mr-md-8, .mx-md-8 { margin-right: 8rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 8rem !important; } .ml-md-8, .mx-md-8 { margin-left: 8rem !important; } .m-md-9 { margin: 10rem !important; } .mt-md-9, .my-md-9 { margin-top: 10rem !important; } .mr-md-9, .mx-md-9 { margin-right: 10rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 10rem !important; } .ml-md-9, .mx-md-9 { margin-left: 10rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .p-md--9 { padding: -10rem !important; } .pt-md--9, .py-md--9 { padding-top: -10rem !important; } .pr-md--9, .px-md--9 { padding-right: -10rem !important; } .pb-md--9, .py-md--9 { padding-bottom: -10rem !important; } .pl-md--9, .px-md--9 { padding-left: -10rem !important; } .p-md--8 { padding: -8rem !important; } .pt-md--8, .py-md--8 { padding-top: -8rem !important; } .pr-md--8, .px-md--8 { padding-right: -8rem !important; } .pb-md--8, .py-md--8 { padding-bottom: -8rem !important; } .pl-md--8, .px-md--8 { padding-left: -8rem !important; } .p-md--7 { padding: -6rem !important; } .pt-md--7, .py-md--7 { padding-top: -6rem !important; } .pr-md--7, .px-md--7 { padding-right: -6rem !important; } .pb-md--7, .py-md--7 { padding-bottom: -6rem !important; } .pl-md--7, .px-md--7 { padding-left: -6rem !important; } .p-md--6 { padding: -4.5rem !important; } .pt-md--6, .py-md--6 { padding-top: -4.5rem !important; } .pr-md--6, .px-md--6 { padding-right: -4.5rem !important; } .pb-md--6, .py-md--6 { padding-bottom: -4.5rem !important; } .pl-md--6, .px-md--6 { padding-left: -4.5rem !important; } .p-md--5 { padding: -3rem !important; } .pt-md--5, .py-md--5 { padding-top: -3rem !important; } .pr-md--5, .px-md--5 { padding-right: -3rem !important; } .pb-md--5, .py-md--5 { padding-bottom: -3rem !important; } .pl-md--5, .px-md--5 { padding-left: -3rem !important; } .p-md--4 { padding: -1.5rem !important; } .pt-md--4, .py-md--4 { padding-top: -1.5rem !important; } .pr-md--4, .px-md--4 { padding-right: -1.5rem !important; } .pb-md--4, .py-md--4 { padding-bottom: -1.5rem !important; } .pl-md--4, .px-md--4 { padding-left: -1.5rem !important; } .p-md--3 { padding: -1rem !important; } .pt-md--3, .py-md--3 { padding-top: -1rem !important; } .pr-md--3, .px-md--3 { padding-right: -1rem !important; } .pb-md--3, .py-md--3 { padding-bottom: -1rem !important; } .pl-md--3, .px-md--3 { padding-left: -1rem !important; } .p-md--2 { padding: -0.5rem !important; } .pt-md--2, .py-md--2 { padding-top: -0.5rem !important; } .pr-md--2, .px-md--2 { padding-right: -0.5rem !important; } .pb-md--2, .py-md--2 { padding-bottom: -0.5rem !important; } .pl-md--2, .px-md--2 { padding-left: -0.5rem !important; } .p-md--1 { padding: -0.25rem !important; } .pt-md--1, .py-md--1 { padding-top: -0.25rem !important; } .pr-md--1, .px-md--1 { padding-right: -0.25rem !important; } .pb-md--1, .py-md--1 { padding-bottom: -0.25rem !important; } .pl-md--1, .px-md--1 { padding-left: -0.25rem !important; } .p-md-6 { padding: 4.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 4.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 4.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 4.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 4.5rem !important; } .p-md-7 { padding: 6rem !important; } .pt-md-7, .py-md-7 { padding-top: 6rem !important; } .pr-md-7, .px-md-7 { padding-right: 6rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 6rem !important; } .pl-md-7, .px-md-7 { padding-left: 6rem !important; } .p-md-8 { padding: 8rem !important; } .pt-md-8, .py-md-8 { padding-top: 8rem !important; } .pr-md-8, .px-md-8 { padding-right: 8rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 8rem !important; } .pl-md-8, .px-md-8 { padding-left: 8rem !important; } .p-md-9 { padding: 10rem !important; } .pt-md-9, .py-md-9 { padding-top: 10rem !important; } .pr-md-9, .px-md-9 { padding-right: 10rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 10rem !important; } .pl-md-9, .px-md-9 { padding-left: 10rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-n-9 { margin: 10rem !important; } .mt-md-n-9, .my-md-n-9 { margin-top: 10rem !important; } .mr-md-n-9, .mx-md-n-9 { margin-right: 10rem !important; } .mb-md-n-9, .my-md-n-9 { margin-bottom: 10rem !important; } .ml-md-n-9, .mx-md-n-9 { margin-left: 10rem !important; } .m-md-n-8 { margin: 8rem !important; } .mt-md-n-8, .my-md-n-8 { margin-top: 8rem !important; } .mr-md-n-8, .mx-md-n-8 { margin-right: 8rem !important; } .mb-md-n-8, .my-md-n-8 { margin-bottom: 8rem !important; } .ml-md-n-8, .mx-md-n-8 { margin-left: 8rem !important; } .m-md-n-7 { margin: 6rem !important; } .mt-md-n-7, .my-md-n-7 { margin-top: 6rem !important; } .mr-md-n-7, .mx-md-n-7 { margin-right: 6rem !important; } .mb-md-n-7, .my-md-n-7 { margin-bottom: 6rem !important; } .ml-md-n-7, .mx-md-n-7 { margin-left: 6rem !important; } .m-md-n-6 { margin: 4.5rem !important; } .mt-md-n-6, .my-md-n-6 { margin-top: 4.5rem !important; } .mr-md-n-6, .mx-md-n-6 { margin-right: 4.5rem !important; } .mb-md-n-6, .my-md-n-6 { margin-bottom: 4.5rem !important; } .ml-md-n-6, .mx-md-n-6 { margin-left: 4.5rem !important; } .m-md-n-5 { margin: 3rem !important; } .mt-md-n-5, .my-md-n-5 { margin-top: 3rem !important; } .mr-md-n-5, .mx-md-n-5 { margin-right: 3rem !important; } .mb-md-n-5, .my-md-n-5 { margin-bottom: 3rem !important; } .ml-md-n-5, .mx-md-n-5 { margin-left: 3rem !important; } .m-md-n-4 { margin: 1.5rem !important; } .mt-md-n-4, .my-md-n-4 { margin-top: 1.5rem !important; } .mr-md-n-4, .mx-md-n-4 { margin-right: 1.5rem !important; } .mb-md-n-4, .my-md-n-4 { margin-bottom: 1.5rem !important; } .ml-md-n-4, .mx-md-n-4 { margin-left: 1.5rem !important; } .m-md-n-3 { margin: 1rem !important; } .mt-md-n-3, .my-md-n-3 { margin-top: 1rem !important; } .mr-md-n-3, .mx-md-n-3 { margin-right: 1rem !important; } .mb-md-n-3, .my-md-n-3 { margin-bottom: 1rem !important; } .ml-md-n-3, .mx-md-n-3 { margin-left: 1rem !important; } .m-md-n-2 { margin: 0.5rem !important; } .mt-md-n-2, .my-md-n-2 { margin-top: 0.5rem !important; } .mr-md-n-2, .mx-md-n-2 { margin-right: 0.5rem !important; } .mb-md-n-2, .my-md-n-2 { margin-bottom: 0.5rem !important; } .ml-md-n-2, .mx-md-n-2 { margin-left: 0.5rem !important; } .m-md-n-1 { margin: 0.25rem !important; } .mt-md-n-1, .my-md-n-1 { margin-top: 0.25rem !important; } .mr-md-n-1, .mx-md-n-1 { margin-right: 0.25rem !important; } .mb-md-n-1, .my-md-n-1 { margin-bottom: 0.25rem !important; } .ml-md-n-1, .mx-md-n-1 { margin-left: 0.25rem !important; } .m-md-n6 { margin: -4.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -4.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -4.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -4.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -4.5rem !important; } .m-md-n7 { margin: -6rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -6rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -6rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -6rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -6rem !important; } .m-md-n8 { margin: -8rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -8rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -8rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -8rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -8rem !important; } .m-md-n9 { margin: -10rem !important; } .mt-md-n9, .my-md-n9 { margin-top: -10rem !important; } .mr-md-n9, .mx-md-n9 { margin-right: -10rem !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -10rem !important; } .ml-md-n9, .mx-md-n9 { margin-left: -10rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .m-lg--9 { margin: -10rem !important; } .mt-lg--9, .my-lg--9 { margin-top: -10rem !important; } .mr-lg--9, .mx-lg--9 { margin-right: -10rem !important; } .mb-lg--9, .my-lg--9 { margin-bottom: -10rem !important; } .ml-lg--9, .mx-lg--9 { margin-left: -10rem !important; } .m-lg--8 { margin: -8rem !important; } .mt-lg--8, .my-lg--8 { margin-top: -8rem !important; } .mr-lg--8, .mx-lg--8 { margin-right: -8rem !important; } .mb-lg--8, .my-lg--8 { margin-bottom: -8rem !important; } .ml-lg--8, .mx-lg--8 { margin-left: -8rem !important; } .m-lg--7 { margin: -6rem !important; } .mt-lg--7, .my-lg--7 { margin-top: -6rem !important; } .mr-lg--7, .mx-lg--7 { margin-right: -6rem !important; } .mb-lg--7, .my-lg--7 { margin-bottom: -6rem !important; } .ml-lg--7, .mx-lg--7 { margin-left: -6rem !important; } .m-lg--6 { margin: -4.5rem !important; } .mt-lg--6, .my-lg--6 { margin-top: -4.5rem !important; } .mr-lg--6, .mx-lg--6 { margin-right: -4.5rem !important; } .mb-lg--6, .my-lg--6 { margin-bottom: -4.5rem !important; } .ml-lg--6, .mx-lg--6 { margin-left: -4.5rem !important; } .m-lg--5 { margin: -3rem !important; } .mt-lg--5, .my-lg--5 { margin-top: -3rem !important; } .mr-lg--5, .mx-lg--5 { margin-right: -3rem !important; } .mb-lg--5, .my-lg--5 { margin-bottom: -3rem !important; } .ml-lg--5, .mx-lg--5 { margin-left: -3rem !important; } .m-lg--4 { margin: -1.5rem !important; } .mt-lg--4, .my-lg--4 { margin-top: -1.5rem !important; } .mr-lg--4, .mx-lg--4 { margin-right: -1.5rem !important; } .mb-lg--4, .my-lg--4 { margin-bottom: -1.5rem !important; } .ml-lg--4, .mx-lg--4 { margin-left: -1.5rem !important; } .m-lg--3 { margin: -1rem !important; } .mt-lg--3, .my-lg--3 { margin-top: -1rem !important; } .mr-lg--3, .mx-lg--3 { margin-right: -1rem !important; } .mb-lg--3, .my-lg--3 { margin-bottom: -1rem !important; } .ml-lg--3, .mx-lg--3 { margin-left: -1rem !important; } .m-lg--2 { margin: -0.5rem !important; } .mt-lg--2, .my-lg--2 { margin-top: -0.5rem !important; } .mr-lg--2, .mx-lg--2 { margin-right: -0.5rem !important; } .mb-lg--2, .my-lg--2 { margin-bottom: -0.5rem !important; } .ml-lg--2, .mx-lg--2 { margin-left: -0.5rem !important; } .m-lg--1 { margin: -0.25rem !important; } .mt-lg--1, .my-lg--1 { margin-top: -0.25rem !important; } .mr-lg--1, .mx-lg--1 { margin-right: -0.25rem !important; } .mb-lg--1, .my-lg--1 { margin-bottom: -0.25rem !important; } .ml-lg--1, .mx-lg--1 { margin-left: -0.25rem !important; } .m-lg-6 { margin: 4.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 4.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 4.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 4.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 4.5rem !important; } .m-lg-7 { margin: 6rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 6rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 6rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 6rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 6rem !important; } .m-lg-8 { margin: 8rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 8rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 8rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 8rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 8rem !important; } .m-lg-9 { margin: 10rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 10rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 10rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 10rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 10rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .p-lg--9 { padding: -10rem !important; } .pt-lg--9, .py-lg--9 { padding-top: -10rem !important; } .pr-lg--9, .px-lg--9 { padding-right: -10rem !important; } .pb-lg--9, .py-lg--9 { padding-bottom: -10rem !important; } .pl-lg--9, .px-lg--9 { padding-left: -10rem !important; } .p-lg--8 { padding: -8rem !important; } .pt-lg--8, .py-lg--8 { padding-top: -8rem !important; } .pr-lg--8, .px-lg--8 { padding-right: -8rem !important; } .pb-lg--8, .py-lg--8 { padding-bottom: -8rem !important; } .pl-lg--8, .px-lg--8 { padding-left: -8rem !important; } .p-lg--7 { padding: -6rem !important; } .pt-lg--7, .py-lg--7 { padding-top: -6rem !important; } .pr-lg--7, .px-lg--7 { padding-right: -6rem !important; } .pb-lg--7, .py-lg--7 { padding-bottom: -6rem !important; } .pl-lg--7, .px-lg--7 { padding-left: -6rem !important; } .p-lg--6 { padding: -4.5rem !important; } .pt-lg--6, .py-lg--6 { padding-top: -4.5rem !important; } .pr-lg--6, .px-lg--6 { padding-right: -4.5rem !important; } .pb-lg--6, .py-lg--6 { padding-bottom: -4.5rem !important; } .pl-lg--6, .px-lg--6 { padding-left: -4.5rem !important; } .p-lg--5 { padding: -3rem !important; } .pt-lg--5, .py-lg--5 { padding-top: -3rem !important; } .pr-lg--5, .px-lg--5 { padding-right: -3rem !important; } .pb-lg--5, .py-lg--5 { padding-bottom: -3rem !important; } .pl-lg--5, .px-lg--5 { padding-left: -3rem !important; } .p-lg--4 { padding: -1.5rem !important; } .pt-lg--4, .py-lg--4 { padding-top: -1.5rem !important; } .pr-lg--4, .px-lg--4 { padding-right: -1.5rem !important; } .pb-lg--4, .py-lg--4 { padding-bottom: -1.5rem !important; } .pl-lg--4, .px-lg--4 { padding-left: -1.5rem !important; } .p-lg--3 { padding: -1rem !important; } .pt-lg--3, .py-lg--3 { padding-top: -1rem !important; } .pr-lg--3, .px-lg--3 { padding-right: -1rem !important; } .pb-lg--3, .py-lg--3 { padding-bottom: -1rem !important; } .pl-lg--3, .px-lg--3 { padding-left: -1rem !important; } .p-lg--2 { padding: -0.5rem !important; } .pt-lg--2, .py-lg--2 { padding-top: -0.5rem !important; } .pr-lg--2, .px-lg--2 { padding-right: -0.5rem !important; } .pb-lg--2, .py-lg--2 { padding-bottom: -0.5rem !important; } .pl-lg--2, .px-lg--2 { padding-left: -0.5rem !important; } .p-lg--1 { padding: -0.25rem !important; } .pt-lg--1, .py-lg--1 { padding-top: -0.25rem !important; } .pr-lg--1, .px-lg--1 { padding-right: -0.25rem !important; } .pb-lg--1, .py-lg--1 { padding-bottom: -0.25rem !important; } .pl-lg--1, .px-lg--1 { padding-left: -0.25rem !important; } .p-lg-6 { padding: 4.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 4.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 4.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 4.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 4.5rem !important; } .p-lg-7 { padding: 6rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 6rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 6rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 6rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 6rem !important; } .p-lg-8 { padding: 8rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 8rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 8rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 8rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 8rem !important; } .p-lg-9 { padding: 10rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 10rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 10rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 10rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 10rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-n-9 { margin: 10rem !important; } .mt-lg-n-9, .my-lg-n-9 { margin-top: 10rem !important; } .mr-lg-n-9, .mx-lg-n-9 { margin-right: 10rem !important; } .mb-lg-n-9, .my-lg-n-9 { margin-bottom: 10rem !important; } .ml-lg-n-9, .mx-lg-n-9 { margin-left: 10rem !important; } .m-lg-n-8 { margin: 8rem !important; } .mt-lg-n-8, .my-lg-n-8 { margin-top: 8rem !important; } .mr-lg-n-8, .mx-lg-n-8 { margin-right: 8rem !important; } .mb-lg-n-8, .my-lg-n-8 { margin-bottom: 8rem !important; } .ml-lg-n-8, .mx-lg-n-8 { margin-left: 8rem !important; } .m-lg-n-7 { margin: 6rem !important; } .mt-lg-n-7, .my-lg-n-7 { margin-top: 6rem !important; } .mr-lg-n-7, .mx-lg-n-7 { margin-right: 6rem !important; } .mb-lg-n-7, .my-lg-n-7 { margin-bottom: 6rem !important; } .ml-lg-n-7, .mx-lg-n-7 { margin-left: 6rem !important; } .m-lg-n-6 { margin: 4.5rem !important; } .mt-lg-n-6, .my-lg-n-6 { margin-top: 4.5rem !important; } .mr-lg-n-6, .mx-lg-n-6 { margin-right: 4.5rem !important; } .mb-lg-n-6, .my-lg-n-6 { margin-bottom: 4.5rem !important; } .ml-lg-n-6, .mx-lg-n-6 { margin-left: 4.5rem !important; } .m-lg-n-5 { margin: 3rem !important; } .mt-lg-n-5, .my-lg-n-5 { margin-top: 3rem !important; } .mr-lg-n-5, .mx-lg-n-5 { margin-right: 3rem !important; } .mb-lg-n-5, .my-lg-n-5 { margin-bottom: 3rem !important; } .ml-lg-n-5, .mx-lg-n-5 { margin-left: 3rem !important; } .m-lg-n-4 { margin: 1.5rem !important; } .mt-lg-n-4, .my-lg-n-4 { margin-top: 1.5rem !important; } .mr-lg-n-4, .mx-lg-n-4 { margin-right: 1.5rem !important; } .mb-lg-n-4, .my-lg-n-4 { margin-bottom: 1.5rem !important; } .ml-lg-n-4, .mx-lg-n-4 { margin-left: 1.5rem !important; } .m-lg-n-3 { margin: 1rem !important; } .mt-lg-n-3, .my-lg-n-3 { margin-top: 1rem !important; } .mr-lg-n-3, .mx-lg-n-3 { margin-right: 1rem !important; } .mb-lg-n-3, .my-lg-n-3 { margin-bottom: 1rem !important; } .ml-lg-n-3, .mx-lg-n-3 { margin-left: 1rem !important; } .m-lg-n-2 { margin: 0.5rem !important; } .mt-lg-n-2, .my-lg-n-2 { margin-top: 0.5rem !important; } .mr-lg-n-2, .mx-lg-n-2 { margin-right: 0.5rem !important; } .mb-lg-n-2, .my-lg-n-2 { margin-bottom: 0.5rem !important; } .ml-lg-n-2, .mx-lg-n-2 { margin-left: 0.5rem !important; } .m-lg-n-1 { margin: 0.25rem !important; } .mt-lg-n-1, .my-lg-n-1 { margin-top: 0.25rem !important; } .mr-lg-n-1, .mx-lg-n-1 { margin-right: 0.25rem !important; } .mb-lg-n-1, .my-lg-n-1 { margin-bottom: 0.25rem !important; } .ml-lg-n-1, .mx-lg-n-1 { margin-left: 0.25rem !important; } .m-lg-n6 { margin: -4.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -4.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -4.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -4.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -4.5rem !important; } .m-lg-n7 { margin: -6rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -6rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -6rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -6rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -6rem !important; } .m-lg-n8 { margin: -8rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -8rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -8rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -8rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -8rem !important; } .m-lg-n9 { margin: -10rem !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -10rem !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -10rem !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -10rem !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -10rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .m-xl--9 { margin: -10rem !important; } .mt-xl--9, .my-xl--9 { margin-top: -10rem !important; } .mr-xl--9, .mx-xl--9 { margin-right: -10rem !important; } .mb-xl--9, .my-xl--9 { margin-bottom: -10rem !important; } .ml-xl--9, .mx-xl--9 { margin-left: -10rem !important; } .m-xl--8 { margin: -8rem !important; } .mt-xl--8, .my-xl--8 { margin-top: -8rem !important; } .mr-xl--8, .mx-xl--8 { margin-right: -8rem !important; } .mb-xl--8, .my-xl--8 { margin-bottom: -8rem !important; } .ml-xl--8, .mx-xl--8 { margin-left: -8rem !important; } .m-xl--7 { margin: -6rem !important; } .mt-xl--7, .my-xl--7 { margin-top: -6rem !important; } .mr-xl--7, .mx-xl--7 { margin-right: -6rem !important; } .mb-xl--7, .my-xl--7 { margin-bottom: -6rem !important; } .ml-xl--7, .mx-xl--7 { margin-left: -6rem !important; } .m-xl--6 { margin: -4.5rem !important; } .mt-xl--6, .my-xl--6 { margin-top: -4.5rem !important; } .mr-xl--6, .mx-xl--6 { margin-right: -4.5rem !important; } .mb-xl--6, .my-xl--6 { margin-bottom: -4.5rem !important; } .ml-xl--6, .mx-xl--6 { margin-left: -4.5rem !important; } .m-xl--5 { margin: -3rem !important; } .mt-xl--5, .my-xl--5 { margin-top: -3rem !important; } .mr-xl--5, .mx-xl--5 { margin-right: -3rem !important; } .mb-xl--5, .my-xl--5 { margin-bottom: -3rem !important; } .ml-xl--5, .mx-xl--5 { margin-left: -3rem !important; } .m-xl--4 { margin: -1.5rem !important; } .mt-xl--4, .my-xl--4 { margin-top: -1.5rem !important; } .mr-xl--4, .mx-xl--4 { margin-right: -1.5rem !important; } .mb-xl--4, .my-xl--4 { margin-bottom: -1.5rem !important; } .ml-xl--4, .mx-xl--4 { margin-left: -1.5rem !important; } .m-xl--3 { margin: -1rem !important; } .mt-xl--3, .my-xl--3 { margin-top: -1rem !important; } .mr-xl--3, .mx-xl--3 { margin-right: -1rem !important; } .mb-xl--3, .my-xl--3 { margin-bottom: -1rem !important; } .ml-xl--3, .mx-xl--3 { margin-left: -1rem !important; } .m-xl--2 { margin: -0.5rem !important; } .mt-xl--2, .my-xl--2 { margin-top: -0.5rem !important; } .mr-xl--2, .mx-xl--2 { margin-right: -0.5rem !important; } .mb-xl--2, .my-xl--2 { margin-bottom: -0.5rem !important; } .ml-xl--2, .mx-xl--2 { margin-left: -0.5rem !important; } .m-xl--1 { margin: -0.25rem !important; } .mt-xl--1, .my-xl--1 { margin-top: -0.25rem !important; } .mr-xl--1, .mx-xl--1 { margin-right: -0.25rem !important; } .mb-xl--1, .my-xl--1 { margin-bottom: -0.25rem !important; } .ml-xl--1, .mx-xl--1 { margin-left: -0.25rem !important; } .m-xl-6 { margin: 4.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 4.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 4.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 4.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 4.5rem !important; } .m-xl-7 { margin: 6rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 6rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 6rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 6rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 6rem !important; } .m-xl-8 { margin: 8rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 8rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 8rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 8rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 8rem !important; } .m-xl-9 { margin: 10rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 10rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 10rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 10rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 10rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .p-xl--9 { padding: -10rem !important; } .pt-xl--9, .py-xl--9 { padding-top: -10rem !important; } .pr-xl--9, .px-xl--9 { padding-right: -10rem !important; } .pb-xl--9, .py-xl--9 { padding-bottom: -10rem !important; } .pl-xl--9, .px-xl--9 { padding-left: -10rem !important; } .p-xl--8 { padding: -8rem !important; } .pt-xl--8, .py-xl--8 { padding-top: -8rem !important; } .pr-xl--8, .px-xl--8 { padding-right: -8rem !important; } .pb-xl--8, .py-xl--8 { padding-bottom: -8rem !important; } .pl-xl--8, .px-xl--8 { padding-left: -8rem !important; } .p-xl--7 { padding: -6rem !important; } .pt-xl--7, .py-xl--7 { padding-top: -6rem !important; } .pr-xl--7, .px-xl--7 { padding-right: -6rem !important; } .pb-xl--7, .py-xl--7 { padding-bottom: -6rem !important; } .pl-xl--7, .px-xl--7 { padding-left: -6rem !important; } .p-xl--6 { padding: -4.5rem !important; } .pt-xl--6, .py-xl--6 { padding-top: -4.5rem !important; } .pr-xl--6, .px-xl--6 { padding-right: -4.5rem !important; } .pb-xl--6, .py-xl--6 { padding-bottom: -4.5rem !important; } .pl-xl--6, .px-xl--6 { padding-left: -4.5rem !important; } .p-xl--5 { padding: -3rem !important; } .pt-xl--5, .py-xl--5 { padding-top: -3rem !important; } .pr-xl--5, .px-xl--5 { padding-right: -3rem !important; } .pb-xl--5, .py-xl--5 { padding-bottom: -3rem !important; } .pl-xl--5, .px-xl--5 { padding-left: -3rem !important; } .p-xl--4 { padding: -1.5rem !important; } .pt-xl--4, .py-xl--4 { padding-top: -1.5rem !important; } .pr-xl--4, .px-xl--4 { padding-right: -1.5rem !important; } .pb-xl--4, .py-xl--4 { padding-bottom: -1.5rem !important; } .pl-xl--4, .px-xl--4 { padding-left: -1.5rem !important; } .p-xl--3 { padding: -1rem !important; } .pt-xl--3, .py-xl--3 { padding-top: -1rem !important; } .pr-xl--3, .px-xl--3 { padding-right: -1rem !important; } .pb-xl--3, .py-xl--3 { padding-bottom: -1rem !important; } .pl-xl--3, .px-xl--3 { padding-left: -1rem !important; } .p-xl--2 { padding: -0.5rem !important; } .pt-xl--2, .py-xl--2 { padding-top: -0.5rem !important; } .pr-xl--2, .px-xl--2 { padding-right: -0.5rem !important; } .pb-xl--2, .py-xl--2 { padding-bottom: -0.5rem !important; } .pl-xl--2, .px-xl--2 { padding-left: -0.5rem !important; } .p-xl--1 { padding: -0.25rem !important; } .pt-xl--1, .py-xl--1 { padding-top: -0.25rem !important; } .pr-xl--1, .px-xl--1 { padding-right: -0.25rem !important; } .pb-xl--1, .py-xl--1 { padding-bottom: -0.25rem !important; } .pl-xl--1, .px-xl--1 { padding-left: -0.25rem !important; } .p-xl-6 { padding: 4.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 4.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 4.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 4.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 4.5rem !important; } .p-xl-7 { padding: 6rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 6rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 6rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 6rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 6rem !important; } .p-xl-8 { padding: 8rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 8rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 8rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 8rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 8rem !important; } .p-xl-9 { padding: 10rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 10rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 10rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 10rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 10rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-n-9 { margin: 10rem !important; } .mt-xl-n-9, .my-xl-n-9 { margin-top: 10rem !important; } .mr-xl-n-9, .mx-xl-n-9 { margin-right: 10rem !important; } .mb-xl-n-9, .my-xl-n-9 { margin-bottom: 10rem !important; } .ml-xl-n-9, .mx-xl-n-9 { margin-left: 10rem !important; } .m-xl-n-8 { margin: 8rem !important; } .mt-xl-n-8, .my-xl-n-8 { margin-top: 8rem !important; } .mr-xl-n-8, .mx-xl-n-8 { margin-right: 8rem !important; } .mb-xl-n-8, .my-xl-n-8 { margin-bottom: 8rem !important; } .ml-xl-n-8, .mx-xl-n-8 { margin-left: 8rem !important; } .m-xl-n-7 { margin: 6rem !important; } .mt-xl-n-7, .my-xl-n-7 { margin-top: 6rem !important; } .mr-xl-n-7, .mx-xl-n-7 { margin-right: 6rem !important; } .mb-xl-n-7, .my-xl-n-7 { margin-bottom: 6rem !important; } .ml-xl-n-7, .mx-xl-n-7 { margin-left: 6rem !important; } .m-xl-n-6 { margin: 4.5rem !important; } .mt-xl-n-6, .my-xl-n-6 { margin-top: 4.5rem !important; } .mr-xl-n-6, .mx-xl-n-6 { margin-right: 4.5rem !important; } .mb-xl-n-6, .my-xl-n-6 { margin-bottom: 4.5rem !important; } .ml-xl-n-6, .mx-xl-n-6 { margin-left: 4.5rem !important; } .m-xl-n-5 { margin: 3rem !important; } .mt-xl-n-5, .my-xl-n-5 { margin-top: 3rem !important; } .mr-xl-n-5, .mx-xl-n-5 { margin-right: 3rem !important; } .mb-xl-n-5, .my-xl-n-5 { margin-bottom: 3rem !important; } .ml-xl-n-5, .mx-xl-n-5 { margin-left: 3rem !important; } .m-xl-n-4 { margin: 1.5rem !important; } .mt-xl-n-4, .my-xl-n-4 { margin-top: 1.5rem !important; } .mr-xl-n-4, .mx-xl-n-4 { margin-right: 1.5rem !important; } .mb-xl-n-4, .my-xl-n-4 { margin-bottom: 1.5rem !important; } .ml-xl-n-4, .mx-xl-n-4 { margin-left: 1.5rem !important; } .m-xl-n-3 { margin: 1rem !important; } .mt-xl-n-3, .my-xl-n-3 { margin-top: 1rem !important; } .mr-xl-n-3, .mx-xl-n-3 { margin-right: 1rem !important; } .mb-xl-n-3, .my-xl-n-3 { margin-bottom: 1rem !important; } .ml-xl-n-3, .mx-xl-n-3 { margin-left: 1rem !important; } .m-xl-n-2 { margin: 0.5rem !important; } .mt-xl-n-2, .my-xl-n-2 { margin-top: 0.5rem !important; } .mr-xl-n-2, .mx-xl-n-2 { margin-right: 0.5rem !important; } .mb-xl-n-2, .my-xl-n-2 { margin-bottom: 0.5rem !important; } .ml-xl-n-2, .mx-xl-n-2 { margin-left: 0.5rem !important; } .m-xl-n-1 { margin: 0.25rem !important; } .mt-xl-n-1, .my-xl-n-1 { margin-top: 0.25rem !important; } .mr-xl-n-1, .mx-xl-n-1 { margin-right: 0.25rem !important; } .mb-xl-n-1, .my-xl-n-1 { margin-bottom: 0.25rem !important; } .ml-xl-n-1, .mx-xl-n-1 { margin-left: 0.25rem !important; } .m-xl-n6 { margin: -4.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -4.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -4.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -4.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -4.5rem !important; } .m-xl-n7 { margin: -6rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -6rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -6rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -6rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -6rem !important; } .m-xl-n8 { margin: -8rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -8rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -8rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -8rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -8rem !important; } .m-xl-n9 { margin: -10rem !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -10rem !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -10rem !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -10rem !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -10rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #5e72e4 !important; } a.text-primary:hover, a.text-primary:focus { color: #233dd2 !important; } .text-secondary { color: #f4f5f7 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #c8cdd7 !important; } .text-success { color: #2dce89 !important; } a.text-success:hover, a.text-success:focus { color: #1f8f5f !important; } .text-info { color: #11cdef !important; } a.text-info:hover, a.text-info:focus { color: #0b90a8 !important; } .text-warning { color: #fb6340 !important; } a.text-warning:hover, a.text-warning:focus { color: #ea3005 !important; } .text-danger { color: #f5365c !important; } a.text-danger:hover, a.text-danger:focus { color: #d40b33 !important; } .text-light { color: #adb5bd !important; } a.text-light:hover, a.text-light:focus { color: #838f9b !important; } .text-dark { color: #212529 !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .text-default { color: #172b4d !important; } a.text-default:hover, a.text-default:focus { color: #050a12 !important; } .text-white { color: #fff !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-neutral { color: #fff !important; } a.text-neutral:hover, a.text-neutral:focus { color: #d9d9d9 !important; } .text-darker { color: black !important; } a.text-darker:hover, a.text-darker:focus { color: black !important; } .text-body { color: #525f7f !important; } .text-muted { color: #8898aa !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 0.0625rem solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 0.0625rem solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } .dropdown-toggle { display: flex; align-items: center; } .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d7"; } .dropdown-toggle::before, .dropdown-toggle::after { margin-left: 0.6em; /* stylelint-disable */ font-size: 0.875rem !important; line-height: 0.5 !important; /* stylelint-enable */ } .dropdown-toggle.btn-sm::before, .btn-group-sm > .dropdown-toggle.btn::before, .dropdown-toggle.btn-sm::after, .btn-group-sm > .dropdown-toggle.btn::after { /* stylelint-disable-next-line declaration-no-important */ font-size: 0.75rem !important; } .dropdown-toggle.btn-lg::before, .btn-group-lg > .dropdown-toggle.btn::before, .dropdown-toggle.btn-lg::after, .btn-group-lg > .dropdown-toggle.btn::after { /* stylelint-disable-next-line declaration-no-important */ font-size: 1rem !important; } .dropup .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d8"; } .dropup .dropdown-toggle::before, .dropup .dropdown-toggle::after { margin-left: 0.6em; } .dropright .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0da"; } .dropright .dropdown-toggle::before, .dropright .dropdown-toggle::after { margin-left: 0.6em; } .dropleft .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; } .dropleft .dropdown-toggle::before { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d9"; } .dropleft .dropdown-toggle::before, .dropleft .dropdown-toggle::after { margin-right: 0.6em; margin-left: 0; } .dropdown-caret-only { padding-right: 1.25rem; padding-left: 1.25rem; } .dropdown-caret-only::after, .dropdown-caret-only::before { margin: 0; } .dropdown-menu { font-size: 0.875rem; border: none; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); border-radius: 0.3rem; } .dropdown-item { transition: all 0.2s ease-in-out; } .dropdown-divider { height: 0; margin: 0.625rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-toggle { display: flex; align-items: center; } .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d7"; } .dropdown-toggle::before, .dropdown-toggle::after { margin-left: 0.6em; /* stylelint-disable */ font-size: 0.875rem !important; line-height: 0.5 !important; /* stylelint-enable */ } .dropdown-toggle.btn-sm::before, .btn-group-sm > .dropdown-toggle.btn::before, .dropdown-toggle.btn-sm::after, .btn-group-sm > .dropdown-toggle.btn::after { /* stylelint-disable-next-line declaration-no-important */ font-size: 0.75rem !important; } .dropdown-toggle.btn-lg::before, .btn-group-lg > .dropdown-toggle.btn::before, .dropdown-toggle.btn-lg::after, .btn-group-lg > .dropdown-toggle.btn::after { /* stylelint-disable-next-line declaration-no-important */ font-size: 1rem !important; } .dropup .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d8"; } .dropup .dropdown-toggle::before, .dropup .dropdown-toggle::after { margin-left: 0.6em; } .dropright .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0da"; } .dropright .dropdown-toggle::before, .dropright .dropdown-toggle::after { margin-left: 0.6em; } .dropleft .dropdown-toggle::after { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; } .dropleft .dropdown-toggle::before { width: auto; height: auto; /* stylelint-disable */ font-family: "Font Awesome 5 Free"; /* stylelint-enable */ font-size: 1.2em; line-height: 1; vertical-align: baseline; vertical-align: initial; border: none; content: "\f0d9"; } .dropleft .dropdown-toggle::before, .dropleft .dropdown-toggle::after { margin-right: 0.6em; margin-left: 0; } .dropdown-caret-only { padding-right: 1.25rem; padding-left: 1.25rem; } .dropdown-caret-only::after, .dropdown-caret-only::before { margin: 0; } .dropdown-menu { font-size: 0.875rem; border: none; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); border-radius: 0.3rem; } .dropdown-item { transition: all 0.2s ease-in-out; } .dropdown-divider { height: 0; margin: 0.625rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .bv-form-control { min-height: 2.6875rem; font-size: 0.75rem; display: block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 0.75rem; font-size: 0.75rem; font-weight: 400; line-height: 1.5; color: #717171; background-color: transparent; background-clip: padding-box; border: 1px solid #e0e0e0; border-radius: 0.25rem; box-shadow: none; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); border-radius: 0.1875rem; } @media (prefers-reduced-motion: reduce) { .bv-form-control { transition: none; } } .bv-form-control::-ms-expand { background-color: transparent; border: 0; } .bv-form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #717171; } .bv-form-control::-moz-placeholder { color: #adb5bd; opacity: 1; } .bv-form-control::placeholder { color: #adb5bd; opacity: 1; } .bv-form-control:disabled, .bv-form-control[readonly] { background-color: #e9ecef; opacity: 1; } .bv-form-control:disabled, .bv-form-control[readonly] { background-color: #e9ecef; } .col-form-label { padding-top: calc(0.625rem + 1px + 5px); padding-bottom: calc(0.625rem + 1px + 5px); font-size: 0.75rem; } .col-form-label-lg { padding-top: calc(0.875rem + 1px + 7px); padding-bottom: calc(0.875rem + 1px + 7px); font-size: 0.875rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px + 1px); padding-bottom: calc(0.25rem + 1px + 1px); font-size: 0.75rem; } .bv-form-control-plaintext { min-height: 2.6875rem; font-size: 0.75rem; } .bv-form-control-sm { min-height: 1.875rem; font-size: 0.75rem; } .bv-form-control-lg { min-height: 3.375rem; font-size: 0.875rem; height: calc( 1.5em + 1rem + 4px ); padding: 0.5rem 1.375rem; line-height: 1.5; } /* stylelint-disable */ textarea.bv-form-control { min-height: 6.25rem; } /* stylelint-enable */ .valid-tooltip { left: 0; font-size: 80%; } .was-validated .bv-form-control:valid, .bv-form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #2dce89; } .was-validated .bv-form-control:valid:focus, .bv-form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #2dce89; box-shadow: none; } .was-validated .bv-form-control:valid:focus ~ .input-focus-bg, .bv-form-control.is-valid:focus ~ .input-focus-bg, .was-validated .custom-select:valid:focus ~ .input-focus-bg, .custom-select.is-valid:focus ~ .input-focus-bg { /* stylelint-disable-next-line declaration-no-important */ border-color: #2dce89 !important; } .was-validated .bv-form-control:valid ~ .input-focus-bg, .bv-form-control.is-valid ~ .input-focus-bg, .was-validated .custom-select:valid ~ .input-focus-bg, .custom-select.is-valid ~ .input-focus-bg { border-color: #2dce89; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: none; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { box-shadow: none; } .form-light-2.was-validated .bv-form-control:focus, .form-light-2.was-validated .custom-select:focus { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-light-2.was-validated .custom-file-input:focus ~ .custom-file-label { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .invalid-tooltip { left: 0; font-size: 80%; } .was-validated .bv-form-control:invalid, .bv-form-control.is-invalid, .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #fb6340; } .was-validated .bv-form-control:invalid:focus, .bv-form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #fb6340; box-shadow: none; } .was-validated .bv-form-control:invalid:focus ~ .input-focus-bg, .bv-form-control.is-invalid:focus ~ .input-focus-bg, .was-validated .custom-select:invalid:focus ~ .input-focus-bg, .custom-select.is-invalid:focus ~ .input-focus-bg { /* stylelint-disable-next-line declaration-no-important */ border-color: #fb6340 !important; } .was-validated .bv-form-control:invalid ~ .input-focus-bg, .bv-form-control.is-invalid ~ .input-focus-bg, .was-validated .custom-select:invalid ~ .input-focus-bg, .custom-select.is-invalid ~ .input-focus-bg { border-color: #fb6340; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: none; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { box-shadow: none; } .form-light-2.was-validated .bv-form-control:focus, .form-light-2.was-validated .custom-select:focus { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-light-2.was-validated .custom-file-input:focus ~ .custom-file-label { box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-round, .form-round.bv-form-control, .form-round.custom-select { border-radius: 1.3125rem; } .form-round.bv-form-control-lg, .form-round.custom-select-lg { border-radius: 1.6875rem; } .form-round.bv-form-control-sm, .form-round.custom-select-sm { border-radius: 0.9375rem; } .form-round.custom-file-label::after { border-radius: 1rem; } .form-round.custom-select[multiple] option { border-radius: 1rem; } .form-round.custom-select[multiple].custom-select-lg option { border-radius: 1.125rem; } .form-round.custom-select[multiple].custom-select-sm option { border-radius: 0.875rem; } .custom-file .form-round { border-radius: 1.3125rem; } .custom-file-sm .form-round { border-radius: 0.9375rem; } .custom-file-sm .form-round.custom-file-label::after { border-radius: 0.625rem; } .custom-file-lg .form-round { border-radius: 1.6875rem; } .custom-file-lg .form-round.custom-file-label::after { border-radius: 1.375rem; } .form-box { padding: 2.5rem; } .rounded-form-box { border-radius: 3.875rem; } .rounded-form-box-sm { border-radius: 3.4375rem; } .rounded-form-box-lg { border-radius: 4.1875rem; } .form-light-1 .bv-form-control, .form-light-1 .custom-select, .form-light-1 .custom-file-label { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.19); } .form-light-1 .bv-form-control:focus, .form-light-1 .custom-select:focus, .form-light-1 .custom-file-label:focus { border-color: #2196f3; box-shadow: none; } .form-light-1 .bv-form-control::-moz-placeholder, .form-light-1 .custom-select::-moz-placeholder, .form-light-1 .custom-file-label::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .form-light-1 .bv-form-control::placeholder, .form-light-1 .custom-select::placeholder, .form-light-1 .custom-file-label::placeholder { color: rgba(255, 255, 255, 0.5); } .form-light-1 .bv-form-control:disabled, .form-light-1 .bv-form-control[readonly], .form-light-1 .custom-select:disabled, .form-light-1 .custom-select[readonly], .form-light-1 .custom-file-label:disabled, .form-light-1 .custom-file-label[readonly] { background-color: rgba(255, 255, 255, 0.1); } .form-light-1 .bv-form-control-plaintext { color: rgba(255, 255, 255, 0.5); } .form-light-1 .form-check-input[disabled] ~ .form-check-label, .form-light-1 .form-check-input:disabled ~ .form-check-label { color: rgba(255, 255, 255, 0.5); } .form-light-1 .custom-select:focus { color: rgba(255, 255, 255, 0.5); } .form-light-1 .custom-select:not([multiple]) option { color: #717171; } .form-light-1 .custom-control-input:active ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.5); } .form-light-1 .custom-control-input:disabled ~ .custom-control-label { color: rgba(255, 255, 255, 0.5); } .form-light-1 .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.25); } .form-light-1 .custom-control-label::before { background-color: rgba(255, 255, 255, 0.25); } .form-light-1 .custom-range::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.15); } .form-light-1 .custom-range::-moz-range-track { background-color: rgba(255, 255, 255, 0.15); } .form-light-1 .custom-range::-ms-fill-lower { background-color: rgba(255, 255, 255, 0.15); } .form-light-1 .custom-range::-ms-fill-upper { background-color: rgba(255, 255, 255, 0.15); } .form-light-2 .bv-form-control, .form-light-2 .custom-select, .form-light-2 .custom-file-label { color: rgba(255, 255, 255, 0.75); border-color: rgba(255, 255, 255, 0.5); } .form-light-2 .bv-form-control:focus, .form-light-2 .custom-select:focus, .form-light-2 .custom-file-label:focus { border-color: #fff; box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-light-2 .bv-form-control::-moz-placeholder, .form-light-2 .custom-select::-moz-placeholder, .form-light-2 .custom-file-label::-moz-placeholder { color: rgba(255, 255, 255, 0.75); } .form-light-2 .bv-form-control::placeholder, .form-light-2 .custom-select::placeholder, .form-light-2 .custom-file-label::placeholder { color: rgba(255, 255, 255, 0.75); } .form-light-2 .bv-form-control:disabled, .form-light-2 .bv-form-control[readonly], .form-light-2 .custom-select:disabled, .form-light-2 .custom-select[readonly], .form-light-2 .custom-file-label:disabled, .form-light-2 .custom-file-label[readonly] { background-color: rgba(255, 255, 255, 0.25); } .form-light-2 .bv-form-control-plaintext { color: rgba(255, 255, 255, 0.75); } .form-light-2 .form-check-input[disabled] ~ .form-check-label, .form-light-2 .form-check-input:disabled ~ .form-check-label { color: rgba(255, 255, 255, 0.75); } .form-light-2 .custom-select:focus { color: rgba(255, 255, 255, 0.75); } .form-light-2 .custom-select:not([multiple]) option { color: #717171; } .form-light-2 .custom-control-input:active ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.75); } .form-light-2 .custom-control-input:disabled ~ .custom-control-label { color: rgba(255, 255, 255, 0.75); } .form-light-2 .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-control-label::before { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-range::-webkit-slider-runnable-track { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-range::-moz-range-track { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-range::-ms-fill-lower { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-range::-ms-fill-upper { background-color: rgba(255, 255, 255, 0.5); } .form-light-2:not(.was-validated) .custom-file-input:focus ~ .custom-file-label { border-color: #fff; box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { opacity: 0.65; } .bv-control-label.custom-control-label::before, .bv-control-label.custom-control-label::after { top: 0.025rem; border: none; width: 1rem; height: 1rem; } .bv-checkbox.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-size: 61%; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #cae6fc; border-color: #cae6fc; } .bv-checkbox.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #2196f3 !important; } .bv-control-label.custom-control-label::before { background-color: #d7dbdd; } .bv-btn-primary.btn-primary:not(:disabled):not(.disabled):active, .bv-btn-primary.btn-primary:not(:disabled):not(.disabled):active:focus, .bv-btn-primary.btn-primary:not(:disabled):not(.disabled).active, .bv-btn-primary.btn-primary:not(:disabled):not(.disabled).active:focus, .show > .bv-btn-primary.btn-primary.dropdown-toggle, .show > .bv-btn-primary.btn-primary.dropdown-toggle:focus { background-color: #2196f3 !important; } .bv-btn-primary.btn-primary { background-color: #5e72e4; } .bv-checkbox.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #5e72e4; } .bv-checkbox.custom-checkbox .custom-control-label::after { background-size: 100%; } .custom-radio .custom-control-label::after { background-size: 100%; } .custom-switch { padding-left: 2.1875rem; } .custom-switch.custom-control { min-height: 1.25rem; } .custom-switch .custom-control-label { padding-top: 1px; } .custom-switch .custom-control-label::before { top: 0; left: -2.1875rem; height: 1.25rem; border-radius: 0.625rem; } .custom-switch .custom-control-label::after { top: 1px; left: calc(-2.1875rem + 1px); background-color: #fff; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(1.25rem); } .custom-select { font-size: 0.875rem; background-position: right 0.5625rem center; border-radius: 0.25rem; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { padding-right: 0.625rem; padding-left: 0.625rem; /* stylelint-disable-next-line declaration-no-important */ background-image: none !important; } .custom-select[multiple] option, .custom-select[size]:not([size="1"]) option { padding: 0.5rem 1.25rem; margin: 2px 0; border-radius: 0.1875rem; } .custom-select[multiple] option:first-child, .custom-select[size]:not([size="1"]) option:first-child { margin-top: 0; } .custom-select[multiple] option:last-child, .custom-select[size]:not([size="1"]) option:last-child { margin-bottom: 0; } .custom-select[multiple].bv-form-control-sm, .custom-select[multiple].custom-select-sm, .custom-select[size]:not([size="1"]).bv-form-control-sm, .custom-select[size]:not([size="1"]).custom-select-sm { padding-right: 0.25rem; padding-left: 0.25rem; } .custom-select[multiple].bv-form-control-sm option, .custom-select[multiple].custom-select-sm option, .custom-select[size]:not([size="1"]).bv-form-control-sm option, .custom-select[size]:not([size="1"]).custom-select-sm option { padding: 0.4375rem 0.5rem; } .custom-select[multiple].bv-form-control-lg, .custom-select[multiple].custom-select-lg, .custom-select[size]:not([size="1"]).bv-form-control-lg, .custom-select[size]:not([size="1"]).custom-select-lg { padding-right: 0.875rem; padding-left: 0.875rem; } .custom-select[multiple].bv-form-control-lg option, .custom-select[multiple].custom-select-lg option, .custom-select[size]:not([size="1"]).bv-form-control-lg option, .custom-select[size]:not([size="1"]).custom-select-lg option { padding: 0.5625rem 1rem; } .custom-select.bv-form-control-sm:not([size]):not([multiple]), .custom-select.custom-select-sm:not([size]):not([multiple]) { height: 1.875rem; } .custom-select.bv-form-control-lg:not([size]):not([multiple]), .custom-select.custom-select-lg:not([size]):not([multiple]) { height: 3.375rem; } .form-light-1 .custom-switch .custom-control-label::after { background-color: rgba(255, 255, 255, 0.5); } .form-light-2 .custom-switch .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgba(255, 255, 255, 0.4); } .form-light-2 .custom-switch .custom-control-label::before { background-color: rgba(255, 255, 255, 0.4); } .form-light-2 .custom-switch .custom-control-label::after { background-color: rgba(255, 255, 255, 0.75); } .custom-select.bv-form-control-sm, .custom-select.custom-select-sm { padding: 0.25rem 1.5rem 0.25rem 0.5rem; font-size: 0.75rem; background-size: 9px 12px; } .custom-select.bv-form-control-lg, .custom-select.custom-select-lg { padding: 0.875rem 2rem 0.875rem 1rem; font-size: 0.875rem; background-size: 13px 16px; } .custom-file-label::after, .custom-file-label { display: flex; flex-wrap: wrap; align-items: center; } .custom-file-label { margin-bottom: 0; border-radius: 0.25rem; } .custom-file-label::after { top: 3px; right: 3px; bottom: 3px; height: auto; font-weight: 600; color: #fff; text-transform: uppercase; cursor: pointer; border-left: none; border-radius: 0.25rem; } .custom-file-sm .custom-file-label, .custom-file-sm .custom-file-input, .custom-file-sm { height: 1.875rem; } .custom-file-lg .custom-file-label, .custom-file-lg .custom-file-input, .custom-file-lg { height: 3.375rem; } .custom-file-lg .custom-file-label { padding: 0.5rem 1.375rem; font-size: 0.875rem; } .custom-file-sm .custom-file-label { padding: 0.5rem 0.5rem; font-size: 0.75rem; line-height: 0.5; } .custom-file-sm .custom-file-label::after { line-height: 0.5; } .custom-range:hover::-webkit-slider-thumb, .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:hover::-moz-range-thumb, .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range:hover::-ms-thumb, .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, none; } .custom-range::-webkit-slider-thumb { box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-moz-range-thumb { box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-thumb { width: 1rem; height: 1rem; box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1); } .custom-range::-ms-track { border-width: 0.8rem; } .bv-input-group-inner { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .bv-input-group-inner > .bv-form-control, .bv-input-group-inner > .custom-select, .bv-input-group-inner > .custom-file { position: relative; z-index: 1; flex: 1 1 auto; width: 1%; margin-bottom: 0; /* stylelint-disable */ border-color: transparent !important; box-shadow: none !important; /* stylelint-enable */ } .bv-input-group-inner > .bv-form-control + .bv-form-control, .bv-input-group-inner > .bv-form-control + .custom-select, .bv-input-group-inner > .bv-form-control + .custom-file, .bv-input-group-inner > .custom-select + .bv-form-control, .bv-input-group-inner > .custom-select + .custom-select, .bv-input-group-inner > .custom-select + .custom-file, .bv-input-group-inner > .custom-file + .bv-form-control, .bv-input-group-inner > .custom-file + .custom-select, .bv-input-group-inner > .custom-file + .custom-file { margin-left: -1px; } .bv-input-group-inner > .bv-form-control:focus ~ .input-focus-bg, .bv-input-group-inner > .custom-select:focus ~ .input-focus-bg, .bv-input-group-inner > .custom-file:focus ~ .input-focus-bg { border-color: #2196f3; box-shadow: none, none; } .bv-input-group-inner > .bv-form-control .custom-file-label, .bv-input-group-inner > .custom-select .custom-file-label, .bv-input-group-inner > .custom-file .custom-file-label { /* stylelint-disable */ border-color: transparent !important; box-shadow: none !important; /* stylelint-enable */ } .bv-input-group-inner > .bv-form-control .custom-file-label.input-group-first::after, .bv-input-group-inner > .custom-select .custom-file-label.input-group-first::after, .bv-input-group-inner > .custom-file .custom-file-label.input-group-first::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .bv-input-group-inner > .bv-form-control ~ .custom-file-focus-bg, .bv-input-group-inner > .custom-select ~ .custom-file-focus-bg, .bv-input-group-inner > .custom-file ~ .custom-file-focus-bg { border-color: #2196f3; box-shadow: none, none; } .bv-input-group-inner > .bv-form-control:focus, .bv-input-group-inner > .custom-select:focus, .bv-input-group-inner > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; outline: 0 none; } .bv-input-group-inner > .custom-file .custom-file-input:focus { z-index: 4; } .bv-input-group-inner > .custom-file { display: flex; align-items: center; } .bv-input-group-inner > .custom-file + .input-group-append { margin-left: -0.3125rem; border-left: none; } .bv-input-group-inner .bv-form-control:disabled, .bv-input-group-inner .bv-form-control[readonly] { background-color: transparent; } .bv-input-group-inner .bv-form-control:disabled ~ .input-focus-bg, .bv-input-group-inner .bv-form-control[readonly] ~ .input-focus-bg { background-color: #e9ecef; } .bv-input-group-inner .custom-select:disabled { background-color: transparent; } .bv-input-group-inner .custom-select:disabled ~ .input-focus-bg { background-color: #e9ecef; } .bv-input-group-inner .custom-file-input[disabled] ~ .custom-file-label, .bv-input-group-inner .custom-file-input:disabled ~ .custom-file-label { background-color: transparent; } .bv-input-group-inner .input-group-file-disabled ~ .input-focus-bg { background-color: #e9ecef; } .bv-input-group-inner .input-group-file-disabled ~ .input-focus-bg.custom-file-focus-bg { border-color: #e0e0e0 !important; box-shadow: none; } .bv-input-group-inner .invalid-feedback + .input-focus-bg { height: 2.6875rem; } .input-focus-bg { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; border: 2px solid #e0e0e0; border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .bv-dropdown .c-btn:focus { outline: none; } .bv-link { color: #2196f3; } .bv-link:hover { color: #6ab8f7; } .bv-label { font-size: 0.75rem; color: #717171; line-height: 1.5; } .bv-input-group-prepend, .input-group-append { z-index: 1; margin-right: -2px; display: flex; border: 0.3125rem solid transparent; } .bv-input-group-prepend .btn + .bv-input-group-text, .bv-input-group-prepend .bv-input-group-text + .bv-input-group-text, .input-group-append .btn + .bv-input-group-text, .input-group-append .bv-input-group-text + .bv-input-group-text { margin-left: 0; } .bv-input-group-prepend .btn, .input-group-append .btn { padding-top: 0; padding-bottom: 0; } .bv-input-group-prepend .btn.input-group-first, .input-group-append .btn.input-group-first { border-top-right-radius: 0; border-bottom-right-radius: 0; } .bv-input-group-prepend .btn.input-group-middle, .input-group-append .btn.input-group-middle { border-radius: 0; } .bv-input-group-prepend .btn.input-group-last, .input-group-append .btn.input-group-last { border-top-left-radius: 0; border-bottom-left-radius: 0; } .bv-input-group-text { display: flex; align-items: center; margin-bottom: 0; font-weight: 400; color: #717171; text-align: center; white-space: nowrap; background-color: rgba(0, 0, 0, 0.08); border: 1px solid #cad1d7; border-radius: 0.25rem; font-size: 0.75rem; border: none; border-radius: 0.2rem; /* stylelint-disable */ /* stylelint-enable */ } .bv-input-group-text nput[type=checkbox] { margin-top: 0; } .bv-input-group-text.input-group-first { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .bv-input-group-text.input-group-middle { border-radius: 0 !important; } .bv-input-group-text.input-group-last { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .bv-input-group-text.bv-input-group-icon { justify-content: center; width: 2.0625rem; padding-right: 0.625rem; padding-left: 0.625rem; /* stylelint-disable-next-line declaration-no-important */ font-size: 0.875rem !important; } .bv-input-group-lg .bv-input-group-text.bv-input-group-icon { width: 2.75rem; /* stylelint-disable */ padding-right: 0.5rem !important; padding-left: 0.5rem !important; font-size: 1rem !important; /* stylelint-enable */ } .bv-input-group-lg .bv-input-group-text.bv-input-textarea { height: 2.75rem; } .input-group-sm .bv-input-group-text.bv-input-group-icon { width: 1.25rem; /* stylelint-disable */ padding-right: 0.25rem !important; padding-left: 0.25rem !important; font-size: 0.6875rem !important; /* stylelint-enable */ } .bv-input-group-lg > .bv-input-group-inner > .bv-input-group-prepend > .bv-input-group-text, .bv-input-group-lg > .bv-input-group-inner > .input-group-append > .bv-input-group-text { padding: 0.5rem 1.375rem; font-size: 0.875rem; line-height: 1.5; } .input-group-sm > .bv-input-group-inner > .bv-input-group-prepend > .bv-input-group-text, .input-group-sm > .bv-input-group-inner > .input-group-append > .bv-input-group-text { padding: 0.125rem 0.5rem; font-size: 0.75rem; line-height: 1.5; } .bv-input-group-lg > .bv-input-group-inner .invalid-feedback + .input-focus-bg { height: 3.375rem; } .input-group-sm > .bv-input-group-inner .invalid-feedback + .input-focus-bg { height: 1.875rem; } .bv-input-group > .bv-input-group-inner > .bv-input-group-prepend > .btn-icon-only, .bv-input-group > .bv-input-group-inner > .input-group-append > .btn-icon-only { display: flex; align-items: center; justify-content: center; width: 2.0625rem; height: 2.0625rem; } .input-group-sm > .bv-input-group-inner > .bv-input-group-prepend > .btn-icon-only, .input-group-sm > .bv-input-group-inner > .input-group-append > .btn-icon-only { width: 1.25rem; height: 1.25rem; } .bv-input-group-lg > .bv-input-group-inner > .bv-input-group-prepend > .btn-icon-only, .bv-input-group-lg > .bv-input-group-inner > .input-group-append > .btn-icon-only { width: 2.75rem; height: 2.75rem; } .bv-input-group-round .input-focus-bg { border-radius: 1.3125rem; } .bv-input-group-round .bv-input-group-text { border-radius: 1rem; } .bv-input-group-round.bv-input-group-lg .input-focus-bg { border-radius: 1.6875rem; } .bv-input-group-round.bv-input-group-lg .bv-input-group-text { border-radius: 1.375rem; } .bv-input-group-round.input-group-sm .input-focus-sm { border-radius: 0.9375rem; } .bv-input-group-round.input-group-sm .bv-input-group-text { border-radius: 0.625rem; } .bv-input-group-round.bv-input-group-lg .input-focus-bg { pointer-events: none !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: background-color 5000s ease-in-out 0s; transition: background-color 5000s ease-in-out 0s; } .bv-input-group-inner > .bv-form-control, .bv-input-group-inner > .custom-select, .bv-input-group-inner > .custom-file { z-index: auto !important; z-index: initial !important; } .form-light-1 .input-focus-bg { border-color: rgba(255, 255, 255, 0.19); } .form-light-1 .bv-input-group-inner > .bv-form-control:focus ~ .input-focus-bg, .form-light-1 .bv-input-group-inner > .custom-select:focus ~ .input-focus-bg, .form-light-1 .bv-input-group-inner > .custom-file:focus ~ .input-focus-bg { border-color: #2196f3; box-shadow: none; } .form-light-1 .bv-input-group-inner > .bv-form-control ~ .custom-file-focus-bg, .form-light-1 .bv-input-group-inner > .custom-select ~ .custom-file-focus-bg, .form-light-1 .bv-input-group-inner > .custom-file ~ .custom-file-focus-bg { border-color: #2196f3; box-shadow: none; } .form-light-1 .bv-input-group-inner .bv-form-control:disabled ~ .input-focus-bg, .form-light-1 .bv-input-group-inner .bv-form-control[readonly] ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.1); } .form-light-1 .bv-input-group-inner .custom-select:disabled ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.1); } .form-light-1 .input-group-file-disabled ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.1); } .form-light-1 .input-group-file-disabled ~ .input-focus-bg.custom-file-focus-bg { border-color: rgba(255, 255, 255, 0.19); } .form-light-1 .bv-input-group-text { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.1); } .form-light-2 .input-focus-bg { border-color: rgba(255, 255, 255, 0.5); } .form-light-2 .bv-input-group-inner > .bv-form-control:focus ~ .input-focus-bg, .form-light-2 .bv-input-group-inner > .custom-select:focus ~ .input-focus-bg, .form-light-2 .bv-input-group-inner > .custom-file:focus ~ .input-focus-bg { border-color: #fff; box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-light-2 .bv-input-group-inner > .bv-form-control ~ .custom-file-focus-bg, .form-light-2 .bv-input-group-inner > .custom-select ~ .custom-file-focus-bg, .form-light-2 .bv-input-group-inner > .custom-file ~ .custom-file-focus-bg { border-color: #fff; box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.2); } .form-light-2 .bv-input-group-inner .bv-form-control:disabled ~ .input-focus-bg, .form-light-2 .bv-input-group-inner .bv-form-control[readonly] ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.25); } .form-light-2 .bv-input-group-inner .custom-select:disabled ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.25); } .form-light-2 .input-group-file-disabled ~ .input-focus-bg { background-color: rgba(255, 255, 255, 0.25); } .form-light-2 .input-group-file-disabled ~ .input-focus-bg.custom-file-focus-bg { border-color: rgba(255, 255, 255, 0.5); } .form-light-2 .bv-input-group-text { color: #fff; background-color: rgba(255, 255, 255, 0.25); } body { overflow-x: hidden; } dt { color: #202020; } a { transition: color 0.2s ease-in-out; } a:hover { text-decoration: none; } h1.bv-h1, .h1.bv-h1 { font-size: 2rem; } h2.bv-h2, .h2.bv-h2 { font-size: 1.75rem; } h3.bv-h3, .h3.bv-h3 { font-size: 1.5rem; color: #202020; } h4.bv-h4, .h4.bv-h4 { font-size: 1.25rem; } h5.bv-h5, .h5.bv-h5 { font-size: 1rem; } h6.bv-h6, .h6.bv-h6 { font-size: 0.875rem; } @media (min-width: 768px) { h1.bv-h1, .h1.bv-h1 { font-size: 2.5rem; } h2.bv-h2, .h2.bv-h2 { font-size: 2rem; } h3.bv-h3, .h3.bv-h3 { font-size: 1.75rem; color: #202020; } h4.bv-h4, .h4.bv-h4 { font-size: 1.5rem; } h5.bv-h5, .h5.bv-h5 { font-size: 1.25rem; } h6.bv-h6, .h6.bv-h6 { font-size: 1rem; } } .lead-sm { font-size: 1rem; } .display-1 { font-size: 1.65rem; } .display-2 { font-size: 1.375rem; } .display-3 { font-size: 1.09375rem; } .display-4 { font-size: 0.81375rem; } .display-ultra-1 { font-size: 4.875rem; } .display-ultra-2 { font-size: 4.375rem; } .display-ultra-3 { font-size: 3.875rem; } .display-ultra-4 { font-size: 3.375rem; } @media (min-width: 768px) { .display-1 { font-size: 2.475rem; } .display-2 { font-size: 2.0625rem; } .display-3 { font-size: 1.640625rem; } .display-4 { font-size: 1.220625rem; } .display-ultra-1 { font-size: 7.3125rem; } .display-ultra-2 { font-size: 6.5625rem; } .display-ultra-3 { font-size: 5.8125rem; } .display-ultra-4 { font-size: 5.0625rem; } } @media (min-width: 1200px) { .display-1 { font-size: 3.3rem; } .display-2 { font-size: 2.75rem; } .display-3 { font-size: 2.1875rem; } .display-4 { font-size: 1.6275rem; } .display-ultra-1 { font-size: 9.75rem; } .display-ultra-2 { font-size: 8.75rem; } .display-ultra-3 { font-size: 7.75rem; } .display-ultra-4 { font-size: 6.75rem; } } .blockquote, .blockquote-3, .blockquote-2 { margin-bottom: 2rem; font-size: 1.25rem; font-style: italic; font-weight: 500; line-height: 1.6; color: #202020; } .blockquote-footer { margin-top: 1rem; font-size: 0.875rem; font-style: normal; font-weight: 400; } .blockquote-footer::before { position: relative; top: -4px; display: inline-block; width: 12px; height: 1px; margin-right: 0.625rem; content: ""; background-color: #b9b9b9; } .blockquote-light-1 { color: #fff; } .blockquote-light-1 .blockquote-footer { color: rgba(255, 255, 255, 0.5); } .blockquote-light-1 .blockquote-footer::before { background-color: rgba(255, 255, 255, 0.5); } .blockquote-light-2 { color: #fff; } .blockquote-light-2 .blockquote-footer { color: rgba(255, 255, 255, 0.75); } .blockquote-light-2 .blockquote-footer::before { background-color: rgba(255, 255, 255, 0.75); } .blockquote-light-2.blockquote-3 { /* stylelint-disable-next-line declaration-no-important */ border-color: #fff !important; } .blockquote-2 { padding: 0.1875rem 1.875rem 0.375rem; /* stylelint-disable declaration-no-important */ border-color: rgba(0, 0, 0, 0.07) !important; border-width: 5px !important; /* stylelint-enable */ } .blockquote-2.blockquote-light-1 { border-color: rgba(255, 255, 255, 0.16) !important; } .blockquote-2.blockquote-light-2 { border-color: rgba(255, 255, 255, 0.5) !important; } .blockquote-3 { padding: 2.5rem; background-color: #fff; /* stylelint-disable */ border-color: #2196f3 !important; border-width: 5px !important; /* stylelint-enable */ } .blockquote-3.blockquote-light-1, .blockquote-3.blockquote-light-2 { background-color: #111111; } .blockquote-3.blockquote-light-1 .blockquote-footer, .blockquote-3.blockquote-light-2 .blockquote-footer { color: rgba(255, 255, 255, 0.5); } .blockquote-3.blockquote-light-1 .blockquote-footer::before, .blockquote-3.blockquote-light-2 .blockquote-footer::before { background-color: rgba(255, 255, 255, 0.5); } .list-group { padding: 1.25rem 0; border-radius: 0.25rem; } .list-group-item.bv-list-group { margin-bottom: 0; border: none; } .list-group-item.bv-list-group::before { position: absolute; top: 0; left: 0; width: 4px; height: 100%; content: ""; background-color: #5e72e4; opacity: 0; transition: all 0.2s ease-in-out; } .list-group-item.bv-list-group.disabled, .list-group-item.bv-list-group:disabled { opacity: 0.65; } .list-group-item.bv-list-group.disabled::before, .list-group-item.bv-list-group:disabled::before { display: none; } .list-group-item.bv-list-group.active { color: #717171; background-color: transparent; border-color: transparent; } .list-group-item.bv-list-group.active::before { opacity: 1; } .list-group-item-indigo { /* stylelint-disable */ color: #fff !important; background-color: #5603ad !important; /* stylelint-enable */ } .list-group-item-indigo::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-purple { /* stylelint-disable */ color: #fff !important; background-color: #8965e0 !important; /* stylelint-enable */ } .list-group-item-purple::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-pink { /* stylelint-disable */ color: #fff !important; background-color: #f3a4b5 !important; /* stylelint-enable */ } .list-group-item-pink::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-orange { /* stylelint-disable */ color: #fff !important; background-color: #fb6340 !important; /* stylelint-enable */ } .list-group-item-orange::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-sky { /* stylelint-disable */ color: #fff !important; background-color: #64b5f6 !important; /* stylelint-enable */ } .list-group-item-sky::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-navy { /* stylelint-disable */ color: #fff !important; background-color: #0d47a1 !important; /* stylelint-enable */ } .list-group-item-navy::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-berry { /* stylelint-disable */ color: #fff !important; background-color: #b71c1c !important; /* stylelint-enable */ } .list-group-item-berry::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-rose { /* stylelint-disable */ color: #fff !important; background-color: #e91e63 !important; /* stylelint-enable */ } .list-group-item-rose::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-orchid { /* stylelint-disable */ color: #fff !important; background-color: #ba68c8 !important; /* stylelint-enable */ } .list-group-item-orchid::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-blush { /* stylelint-disable */ color: #fff !important; background-color: #ef5350 !important; /* stylelint-enable */ } .list-group-item-blush::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-scarlet { /* stylelint-disable */ color: #fff !important; background-color: #d32f2f !important; /* stylelint-enable */ } .list-group-item-scarlet::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-carrot { /* stylelint-disable */ color: #fff !important; background-color: #ef6c00 !important; /* stylelint-enable */ } .list-group-item-carrot::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-dark-gray { /* stylelint-disable */ color: #fff !important; background-color: #202020 !important; /* stylelint-enable */ } .list-group-item-dark-gray::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-primary { /* stylelint-disable */ color: #fff !important; background-color: #5e72e4 !important; /* stylelint-enable */ } .list-group-item-primary::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-secondary { /* stylelint-disable */ color: #fff !important; background-color: #f4f5f7 !important; /* stylelint-enable */ } .list-group-item-secondary::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-success { /* stylelint-disable */ color: #fff !important; background-color: #2dce89 !important; /* stylelint-enable */ } .list-group-item-success::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-info { /* stylelint-disable */ color: #fff !important; background-color: #11cdef !important; /* stylelint-enable */ } .list-group-item-info::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-warning { /* stylelint-disable */ color: #fff !important; background-color: #fb6340 !important; /* stylelint-enable */ } .list-group-item-warning::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-danger { /* stylelint-disable */ color: #fff !important; background-color: #f5365c !important; /* stylelint-enable */ } .list-group-item-danger::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-light { /* stylelint-disable */ color: #2c3e50 !important; background-color: #adb5bd !important; /* stylelint-enable */ } .list-group-item-light::before { background-color: #5e72e4 !important; } .list-group-item-dark { /* stylelint-disable */ color: #fff !important; background-color: #212529 !important; /* stylelint-enable */ } .list-group-item-dark::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-default { /* stylelint-disable */ color: #fff !important; background-color: #172b4d !important; /* stylelint-enable */ } .list-group-item-default::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-white { /* stylelint-disable */ color: #fff !important; background-color: #fff !important; /* stylelint-enable */ } .list-group-item-white::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-neutral { /* stylelint-disable */ color: #fff !important; background-color: #fff !important; /* stylelint-enable */ } .list-group-item-neutral::before { background-color: rgba(255, 255, 255, 0.6) !important; } .list-group-item-darker { /* stylelint-disable */ color: #fff !important; background-color: black !important; /* stylelint-enable */ } .list-group-item-darker::before { background-color: rgba(255, 255, 255, 0.6) !important; } .btn.bv-btn { margin-bottom: 1rem; text-transform: uppercase; padding: 0.9375rem 1.9375rem; font-size: 0.875rem; line-height: 1.45; border-radius: 0.25rem; transition: all 0.2s ease-in-out; color: #fff; background-color: #2196f3; box-shadow: 0 12px 35px -10px rgba(189, 195, 199, 0.55), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.14); } .btn.bv-btn:hover, .btn.bv-btn:focus, .btn.bv-btn.focus { color: #fff; background-color: #45a7f5; border-color: #d2d6d9; box-shadow: 0 1px 9px 0 rgba(189, 195, 199, 0.5); } .btn.bv-btn.disabled, .btn.bv-btn:disabled { color: #fff; background-color: #bdc3c7; border-color: #bdc3c7; box-shadow: 0 1px 9px 0 rgba(189, 195, 199, 0.5); } .btn.bv-btn:not(:disabled):not(.disabled):active, .btn.bv-btn:not(:disabled):not(.disabled):active:focus, .btn.bv-btn:not(:disabled):not(.disabled).active, .btn.bv-btn:not(:disabled):not(.disabled).active:focus, .show > .btn.bv-btn.dropdown-toggle, .show > .btn.bv-btn.dropdown-toggle:focus { color: #fff; background-color: #bdc3c7; border-color: transparent; box-shadow: 0 1px 9px 0 rgba(189, 195, 199, 0.5); } .btn.bv-btn > i { margin-right: 0.5rem; font-size: 0.875rem; } .btn-group-darker.btn-gray-shadow, .btn-group-neutral.btn-gray-shadow, .btn-group-white.btn-gray-shadow, .btn-group-default.btn-gray-shadow, .btn-group-dark.btn-gray-shadow, .btn-group-danger.btn-gray-shadow, .btn-group-warning.btn-gray-shadow, .btn-group-info.btn-gray-shadow, .btn-group-success.btn-gray-shadow, .btn-group-secondary.btn-gray-shadow, .btn-group-primary.btn-gray-shadow, .btn-group-dark-gray.btn-gray-shadow, .btn-group-carrot.btn-gray-shadow, .btn-group-scarlet.btn-gray-shadow, .btn-group-blush.btn-gray-shadow, .btn-group-orchid.btn-gray-shadow, .btn-group-rose.btn-gray-shadow, .btn-group-berry.btn-gray-shadow, .btn-group-navy.btn-gray-shadow, .btn-group-sky.btn-gray-shadow, .btn-group-orange.btn-gray-shadow, .btn-group-pink.btn-gray-shadow, .btn-group-purple.btn-gray-shadow, .btn-group-indigo.btn-gray-shadow, .btn-darker.btn-gray-shadow, .btn-neutral.btn-gray-shadow, .btn-white.btn-gray-shadow, .btn-default.btn-gray-shadow, .btn-dark.btn-gray-shadow, .btn-danger.btn-gray-shadow, .btn-warning.btn-gray-shadow, .btn-info.btn-gray-shadow, .btn-success.btn-gray-shadow, .btn-secondary.btn-gray-shadow, .btn-primary.btn-gray-shadow, .btn-dark-gray.btn-gray-shadow, .btn-carrot.btn-gray-shadow, .btn-scarlet.btn-gray-shadow, .btn-blush.btn-gray-shadow, .btn-orchid.btn-gray-shadow, .btn-rose.btn-gray-shadow, .btn-berry.btn-gray-shadow, .btn-navy.btn-gray-shadow, .btn-sky.btn-gray-shadow, .btn-orange.btn-gray-shadow, .btn-pink.btn-gray-shadow, .btn-purple.btn-gray-shadow, .btn-indigo.btn-gray-shadow { box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.55), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.14); } .btn-group-light.btn-gray-shadow, .btn-light.btn-gray-shadow { box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.45), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.07); } .btn-outline-darker.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-darker.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-darker.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-darker.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-darker.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-darker.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-darker.btn-gray-shadow:hover, .btn-outline-darker.btn-gray-shadow:focus, .btn-outline-darker.btn-gray-shadow.focus, .btn-outline-neutral.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-neutral.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-neutral.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-neutral.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-neutral.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-neutral.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-neutral.btn-gray-shadow:hover, .btn-outline-neutral.btn-gray-shadow:focus, .btn-outline-neutral.btn-gray-shadow.focus, .btn-outline-white.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-white.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-white.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-white.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-white.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-white.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-white.btn-gray-shadow:hover, .btn-outline-white.btn-gray-shadow:focus, .btn-outline-white.btn-gray-shadow.focus, .btn-outline-default.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-default.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-default.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-default.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-default.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-default.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-default.btn-gray-shadow:hover, .btn-outline-default.btn-gray-shadow:focus, .btn-outline-default.btn-gray-shadow.focus, .btn-outline-dark.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-dark.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-dark.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-dark.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-dark.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-dark.btn-gray-shadow:hover, .btn-outline-dark.btn-gray-shadow:focus, .btn-outline-dark.btn-gray-shadow.focus, .btn-outline-danger.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-danger.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-danger.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-danger.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-danger.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-danger.btn-gray-shadow:hover, .btn-outline-danger.btn-gray-shadow:focus, .btn-outline-danger.btn-gray-shadow.focus, .btn-outline-warning.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-warning.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-warning.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-warning.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-warning.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-warning.btn-gray-shadow:hover, .btn-outline-warning.btn-gray-shadow:focus, .btn-outline-warning.btn-gray-shadow.focus, .btn-outline-info.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-info.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-info.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-info.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-info.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-info.btn-gray-shadow:hover, .btn-outline-info.btn-gray-shadow:focus, .btn-outline-info.btn-gray-shadow.focus, .btn-outline-success.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-success.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-success.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-success.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-success.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-success.btn-gray-shadow:hover, .btn-outline-success.btn-gray-shadow:focus, .btn-outline-success.btn-gray-shadow.focus, .btn-outline-secondary.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-secondary.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-secondary.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-secondary.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-secondary.btn-gray-shadow:hover, .btn-outline-secondary.btn-gray-shadow:focus, .btn-outline-secondary.btn-gray-shadow.focus, .btn-outline-primary.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-primary.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-primary.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-primary.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-primary.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-primary.btn-gray-shadow:hover, .btn-outline-primary.btn-gray-shadow:focus, .btn-outline-primary.btn-gray-shadow.focus, .btn-outline-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark-gray.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-dark-gray.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-dark-gray.btn-gray-shadow:hover, .btn-outline-dark-gray.btn-gray-shadow:focus, .btn-outline-dark-gray.btn-gray-shadow.focus, .btn-outline-carrot.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-carrot.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-carrot.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-carrot.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-carrot.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-carrot.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-carrot.btn-gray-shadow:hover, .btn-outline-carrot.btn-gray-shadow:focus, .btn-outline-carrot.btn-gray-shadow.focus, .btn-outline-scarlet.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-scarlet.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-scarlet.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-scarlet.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-scarlet.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-scarlet.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-scarlet.btn-gray-shadow:hover, .btn-outline-scarlet.btn-gray-shadow:focus, .btn-outline-scarlet.btn-gray-shadow.focus, .btn-outline-blush.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-blush.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-blush.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-blush.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-blush.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-blush.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-blush.btn-gray-shadow:hover, .btn-outline-blush.btn-gray-shadow:focus, .btn-outline-blush.btn-gray-shadow.focus, .btn-outline-orchid.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-orchid.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-orchid.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-orchid.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-orchid.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-orchid.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-orchid.btn-gray-shadow:hover, .btn-outline-orchid.btn-gray-shadow:focus, .btn-outline-orchid.btn-gray-shadow.focus, .btn-outline-rose.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-rose.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-rose.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-rose.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-rose.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-rose.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-rose.btn-gray-shadow:hover, .btn-outline-rose.btn-gray-shadow:focus, .btn-outline-rose.btn-gray-shadow.focus, .btn-outline-berry.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-berry.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-berry.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-berry.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-berry.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-berry.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-berry.btn-gray-shadow:hover, .btn-outline-berry.btn-gray-shadow:focus, .btn-outline-berry.btn-gray-shadow.focus, .btn-outline-navy.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-navy.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-navy.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-navy.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-navy.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-navy.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-navy.btn-gray-shadow:hover, .btn-outline-navy.btn-gray-shadow:focus, .btn-outline-navy.btn-gray-shadow.focus, .btn-outline-sky.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-sky.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-sky.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-sky.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-sky.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-sky.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-sky.btn-gray-shadow:hover, .btn-outline-sky.btn-gray-shadow:focus, .btn-outline-sky.btn-gray-shadow.focus, .btn-outline-orange.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-orange.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-orange.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-orange.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-orange.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-orange.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-orange.btn-gray-shadow:hover, .btn-outline-orange.btn-gray-shadow:focus, .btn-outline-orange.btn-gray-shadow.focus, .btn-outline-pink.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-pink.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-pink.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-pink.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-pink.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-pink.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-pink.btn-gray-shadow:hover, .btn-outline-pink.btn-gray-shadow:focus, .btn-outline-pink.btn-gray-shadow.focus, .btn-outline-purple.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-purple.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-purple.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-purple.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-purple.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-purple.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-purple.btn-gray-shadow:hover, .btn-outline-purple.btn-gray-shadow:focus, .btn-outline-purple.btn-gray-shadow.focus, .btn-outline-indigo.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-indigo.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-indigo.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-indigo.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-indigo.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-indigo.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-indigo.btn-gray-shadow:hover, .btn-outline-indigo.btn-gray-shadow:focus, .btn-outline-indigo.btn-gray-shadow.focus, .btn-darker.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-darker.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-darker.btn-gray-shadow.dropdown-toggle:focus, .btn-darker.btn-gray-shadow:hover, .btn-darker.btn-gray-shadow:focus, .btn-darker.btn-gray-shadow.focus, .btn-darker.btn-gray-shadow.disabled, .btn-darker.btn-gray-shadow:disabled, .btn-neutral.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-neutral.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-neutral.btn-gray-shadow.dropdown-toggle:focus, .btn-neutral.btn-gray-shadow:hover, .btn-neutral.btn-gray-shadow:focus, .btn-neutral.btn-gray-shadow.focus, .btn-neutral.btn-gray-shadow.disabled, .btn-neutral.btn-gray-shadow:disabled, .btn-white.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-white.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-white.btn-gray-shadow.dropdown-toggle:focus, .btn-white.btn-gray-shadow:hover, .btn-white.btn-gray-shadow:focus, .btn-white.btn-gray-shadow.focus, .btn-white.btn-gray-shadow.disabled, .btn-white.btn-gray-shadow:disabled, .btn-default.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-default.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-default.btn-gray-shadow.dropdown-toggle:focus, .btn-default.btn-gray-shadow:hover, .btn-default.btn-gray-shadow:focus, .btn-default.btn-gray-shadow.focus, .btn-default.btn-gray-shadow.disabled, .btn-default.btn-gray-shadow:disabled, .btn-dark.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-dark.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.btn-gray-shadow.dropdown-toggle:focus, .btn-dark.btn-gray-shadow:hover, .btn-dark.btn-gray-shadow:focus, .btn-dark.btn-gray-shadow.focus, .btn-dark.btn-gray-shadow.disabled, .btn-dark.btn-gray-shadow:disabled, .btn-danger.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-danger.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.btn-gray-shadow.dropdown-toggle:focus, .btn-danger.btn-gray-shadow:hover, .btn-danger.btn-gray-shadow:focus, .btn-danger.btn-gray-shadow.focus, .btn-danger.btn-gray-shadow.disabled, .btn-danger.btn-gray-shadow:disabled, .btn-warning.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-warning.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.btn-gray-shadow.dropdown-toggle:focus, .btn-warning.btn-gray-shadow:hover, .btn-warning.btn-gray-shadow:focus, .btn-warning.btn-gray-shadow.focus, .btn-warning.btn-gray-shadow.disabled, .btn-warning.btn-gray-shadow:disabled, .btn-info.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-info.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-info.btn-gray-shadow.dropdown-toggle:focus, .btn-info.btn-gray-shadow:hover, .btn-info.btn-gray-shadow:focus, .btn-info.btn-gray-shadow.focus, .btn-info.btn-gray-shadow.disabled, .btn-info.btn-gray-shadow:disabled, .btn-success.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-success.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-success.btn-gray-shadow.dropdown-toggle:focus, .btn-success.btn-gray-shadow:hover, .btn-success.btn-gray-shadow:focus, .btn-success.btn-gray-shadow.focus, .btn-success.btn-gray-shadow.disabled, .btn-success.btn-gray-shadow:disabled, .btn-secondary.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-secondary.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.btn-gray-shadow.dropdown-toggle:focus, .btn-secondary.btn-gray-shadow:hover, .btn-secondary.btn-gray-shadow:focus, .btn-secondary.btn-gray-shadow.focus, .btn-secondary.btn-gray-shadow.disabled, .btn-secondary.btn-gray-shadow:disabled, .btn-primary.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-primary.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.btn-gray-shadow.dropdown-toggle:focus, .btn-primary.btn-gray-shadow:hover, .btn-primary.btn-gray-shadow:focus, .btn-primary.btn-gray-shadow.focus, .btn-primary.btn-gray-shadow.disabled, .btn-primary.btn-gray-shadow:disabled, .btn-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-dark-gray.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-dark-gray.btn-gray-shadow.dropdown-toggle:focus, .btn-dark-gray.btn-gray-shadow:hover, .btn-dark-gray.btn-gray-shadow:focus, .btn-dark-gray.btn-gray-shadow.focus, .btn-dark-gray.btn-gray-shadow.disabled, .btn-dark-gray.btn-gray-shadow:disabled, .btn-carrot.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-carrot.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-carrot.btn-gray-shadow.dropdown-toggle:focus, .btn-carrot.btn-gray-shadow:hover, .btn-carrot.btn-gray-shadow:focus, .btn-carrot.btn-gray-shadow.focus, .btn-carrot.btn-gray-shadow.disabled, .btn-carrot.btn-gray-shadow:disabled, .btn-scarlet.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-scarlet.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-scarlet.btn-gray-shadow.dropdown-toggle:focus, .btn-scarlet.btn-gray-shadow:hover, .btn-scarlet.btn-gray-shadow:focus, .btn-scarlet.btn-gray-shadow.focus, .btn-scarlet.btn-gray-shadow.disabled, .btn-scarlet.btn-gray-shadow:disabled, .btn-blush.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-blush.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-blush.btn-gray-shadow.dropdown-toggle:focus, .btn-blush.btn-gray-shadow:hover, .btn-blush.btn-gray-shadow:focus, .btn-blush.btn-gray-shadow.focus, .btn-blush.btn-gray-shadow.disabled, .btn-blush.btn-gray-shadow:disabled, .btn-orchid.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-orchid.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-orchid.btn-gray-shadow.dropdown-toggle:focus, .btn-orchid.btn-gray-shadow:hover, .btn-orchid.btn-gray-shadow:focus, .btn-orchid.btn-gray-shadow.focus, .btn-orchid.btn-gray-shadow.disabled, .btn-orchid.btn-gray-shadow:disabled, .btn-rose.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-rose.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-rose.btn-gray-shadow.dropdown-toggle:focus, .btn-rose.btn-gray-shadow:hover, .btn-rose.btn-gray-shadow:focus, .btn-rose.btn-gray-shadow.focus, .btn-rose.btn-gray-shadow.disabled, .btn-rose.btn-gray-shadow:disabled, .btn-berry.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-berry.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-berry.btn-gray-shadow.dropdown-toggle:focus, .btn-berry.btn-gray-shadow:hover, .btn-berry.btn-gray-shadow:focus, .btn-berry.btn-gray-shadow.focus, .btn-berry.btn-gray-shadow.disabled, .btn-berry.btn-gray-shadow:disabled, .btn-navy.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-navy.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-navy.btn-gray-shadow.dropdown-toggle:focus, .btn-navy.btn-gray-shadow:hover, .btn-navy.btn-gray-shadow:focus, .btn-navy.btn-gray-shadow.focus, .btn-navy.btn-gray-shadow.disabled, .btn-navy.btn-gray-shadow:disabled, .btn-sky.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-sky.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-sky.btn-gray-shadow.dropdown-toggle:focus, .btn-sky.btn-gray-shadow:hover, .btn-sky.btn-gray-shadow:focus, .btn-sky.btn-gray-shadow.focus, .btn-sky.btn-gray-shadow.disabled, .btn-sky.btn-gray-shadow:disabled, .btn-orange.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-orange.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-orange.btn-gray-shadow.dropdown-toggle:focus, .btn-orange.btn-gray-shadow:hover, .btn-orange.btn-gray-shadow:focus, .btn-orange.btn-gray-shadow.focus, .btn-orange.btn-gray-shadow.disabled, .btn-orange.btn-gray-shadow:disabled, .btn-pink.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-pink.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-pink.btn-gray-shadow.dropdown-toggle:focus, .btn-pink.btn-gray-shadow:hover, .btn-pink.btn-gray-shadow:focus, .btn-pink.btn-gray-shadow.focus, .btn-pink.btn-gray-shadow.disabled, .btn-pink.btn-gray-shadow:disabled, .btn-purple.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-purple.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-purple.btn-gray-shadow.dropdown-toggle:focus, .btn-purple.btn-gray-shadow:hover, .btn-purple.btn-gray-shadow:focus, .btn-purple.btn-gray-shadow.focus, .btn-purple.btn-gray-shadow.disabled, .btn-purple.btn-gray-shadow:disabled, .btn-indigo.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-indigo.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-indigo.btn-gray-shadow.dropdown-toggle:focus, .btn-indigo.btn-gray-shadow:hover, .btn-indigo.btn-gray-shadow:focus, .btn-indigo.btn-gray-shadow.focus, .btn-indigo.btn-gray-shadow.disabled, .btn-indigo.btn-gray-shadow:disabled { box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.4); } .btn-outline-light.btn-gray-shadow:not(:disabled):not(.disabled):active, .btn-outline-light.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-outline-light.btn-gray-shadow:not(:disabled):not(.disabled).active, .btn-outline-light.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.btn-gray-shadow.dropdown-toggle, .show > .btn-outline-light.btn-gray-shadow.dropdown-toggle:focus, .btn-outline-light.btn-gray-shadow:hover, .btn-outline-light.btn-gray-shadow:focus, .btn-outline-light.btn-gray-shadow.focus, .btn-light.btn-gray-shadow:not(:disabled):not(.disabled):active:focus, .btn-light.btn-gray-shadow:not(:disabled):not(.disabled).active:focus, .show > .btn-light.btn-gray-shadow.dropdown-toggle:focus, .btn-light.btn-gray-shadow:hover, .btn-light.btn-gray-shadow:focus, .btn-light.btn-gray-shadow.focus, .btn-light.btn-gray-shadow.disabled, .btn-light.btn-gray-shadow:disabled { box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.3); } .btn.bv-btn.btn-link { font-weight: 600; text-decoration: none; } .btn.bv-btn.btn-link, .btn.bv-btn.btn-link:hover, .btn.bv-btn.btn-link:focus, .btn.bv-btn.btn-link.focus, .btn.bv-btn.btn-link:not(:disabled):not(.disabled):active, .btn.bv-btn.btn-link:not(:disabled):not(.disabled).active, .show > .btn.bv-btn.btn-link.dropdown-toggle { color: #2196f3; background-color: transparent; border-color: transparent; box-shadow: none; } .btn.bv-btn.btn-link:hover, .btn.bv-btn.btn-link.focus, .btn.bv-btn.btn-link:focus { color: rgba(33, 150, 243, 0.8); } .btn-lg.bv-btn, .btn-group-lg > .bv-btn.btn { padding: 0.9375rem 1.9375rem; font-size: 0.875rem; line-height: 1.45; border-radius: 0.25rem; } .btn-lg.bv-btn > i, .btn-group-lg > .bv-btn.btn > i { font-size: 0.9375rem; } .bv-btn.btn-sm, .btn-group-sm > .bv-btn.btn { padding: 0.9375rem 1.9375rem; font-size: 0.75rem; line-height: 1.45; border-radius: 0.25rem; } .bv-btn.btn-sm > i, .btn-group-sm > .bv-btn.btn > i { font-size: 0.75rem; } .btn-round.bv-btn { border-radius: 1.3125rem; } .btn-round.bv-btn.btn-lg, .btn-group-lg > .btn-round.bv-btn.btn { border-radius: 1.6875rem; } .btn-round.bv-btn.btn-sm, .btn-group-sm > .btn-round.bv-btn.btn { border-radius: 0.9375rem; } .btn-icon-only { width: 43px; height: 43px; padding: 0; line-height: 41px; } .btn-icon-only > i { margin: 0; } .btn-icon-only.btn-lg, .btn-group-lg > .btn-icon-only.btn { width: 54px; height: 54px; line-height: 52px; } .btn-icon-only.btn-sm, .btn-group-sm > .btn-icon-only.btn { width: 30px; height: 30px; line-height: 28px; } .btn-icon-only.btn-round { border-radius: 50%; } .btn-letter-spacing { letter-spacing: 0.025em; } .modal-content { overflow: hidden; border: none; box-shadow: 0 1rem 3.2rem rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .modal-content .close { position: absolute; top: 0.375rem; right: 0.375rem; z-index: 1; padding: 0.9375rem; margin: 0; } .modal-header { padding: 0.9375rem 1.5rem; background-color: rgba(0, 0, 0, 0.03); border-bottom: none; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .modal-bg-image { background-size: cover; } .modal-footer { padding: 0.9375rem 1.5rem; border-top: none; } @media (min-width: 576px) { .modal-dialog-signup { max-width: 420px; } } .nav-link.bv-nav-link { position: relative; font-size: 0.75rem; font-weight: 600; color: #525f7f; text-transform: uppercase; } .nav-link.bv-nav-link::before { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; content: ""; background-color: #2196f3; opacity: 0; transition: all 0.2s ease-in-out; } .nav-link.bv-nav-link.active { color: #2196f3; } .nav-link.bv-nav-link.active::before { opacity: 1; } .nav-link.bv-nav-link.disabled { color: #8898aa; opacity: 0.65; } .nav-link.bv-nav-link.disabled::before { display: none; } .nav-link.bv-nav-link.dropdown-toggle::before { left: -8px; } .nav-link.bv-nav-link.dropdown-toggle::after { position: relative; top: -1px; } .nav-link.bv-nav-link.dropdown-toggle.focus, .nav-link.bv-nav-link.dropdown-toggle:focus { outline: 0; } .nav.flex-column .nav-link { padding: 0.9375rem 1.75rem; } .nav.flex-column .nav-link::before { top: 0; bottom: inherit; width: 3px; height: 100%; } .nav-tabs.bv-nav-tabs { position: relative; border-bottom: none; } .nav-tabs.bv-nav-tabs > .nav-item { position: relative; z-index: 1; } .nav-tabs.bv-nav-tabs .nav-link { border: none; } .nav-tabs.bv-nav-tabs::after { position: absolute; bottom: -4px; left: 0; z-index: 0; width: 100%; height: 3px; content: ""; background-color: #dee2e6; } .nav-tabs.bv-nav-tabs .nav-link.active, .nav-tabs.bv-nav-tabs .nav-item.show .nav-link { color: #2196f3; background-color: transparent; } .nav-tabs.bv-nav-tabs .dropdown-menu { margin-top: 0; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .nav-pills.bv-nav-pills > .nav-item, .nav-pills.bv-nav-pills > .nav-link { margin-right: 0.625rem; margin-bottom: 0.625rem; } .nav-pills.bv-nav-pills > .nav-item:last-child, .nav-pills.bv-nav-pills > .nav-link:last-child { margin-right: 0; } .nav-pills.bv-nav-pills .nav-link.bv-nav-link { padding: 0.75rem 1rem; background-color: #f5f7f7; transition: all 0.2s ease-in-out; } .nav-pills.bv-nav-pills .nav-link.bv-nav-link::before { display: none; } .nav-pills.bv-nav-pills .nav-link.bv-nav-link.active, .nav-pills.bv-nav-pills .nav-link.bv-nav-link:hover, .nav-pills.bv-nav-pills .nav-link.bv-nav-link:focus { color: #fff; background-color: #2196f3; box-shadow: 0 12px 35px -10px rgba(33, 150, 243, 0.55), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.14); } .nav-pills.bv-nav-pills .nav-link.bv-nav-link.disabled { color: #8898aa; background-color: transparent; box-shadow: none; } .nav-pills.bv-nav-pills.flex-column > .nav-item, .nav-pills.bv-nav-pills.flex-column > .nav-link { margin-right: 0; } .nav-pills.bv-nav-pills.flex-column .nav-link { padding: 0.75rem 1rem; margin-bottom: 1.5625rem; } .nav-pills.bv-nav-pills.flex-column.flex-sm-row .nav-link, .nav-pills.bv-nav-pills.flex-column.flex-md-row .nav-link, .nav-pills.bv-nav-pills.flex-column.flex-lg-row .nav-link, .nav-pills.bv-nav-pills.flex-column.flex-xl-row .nav-link { margin-right: 0.625rem; } .tab-content { padding-top: 2.625rem; } .nav-pills + .tab-content { padding-top: 1.125rem; } .nav-light-1 .nav-link { color: rgba(255, 255, 255, 0.75); } .nav-light-1 .nav-link.active, .nav-light-1 .nav-link:hover, .nav-light-1 .nav-link:focus { color: #2196f3; } .nav-light-1 .nav-link.disabled { /* stylelint-disable-next-line declaration-no-important */ color: rgba(255, 255, 255, 0.75) !important; opacity: 0.5; } .nav-light-1.nav-pills .nav-link { background-color: rgba(255, 255, 255, 0.06); } .nav-light-1.nav-pills .nav-link.active, .nav-light-1.nav-pills .nav-link:hover, .nav-light-1.nav-pills .nav-link:focus { color: #fff; background-color: #2196f3; box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.55), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.14); } .nav-light-1.nav-pills .nav-link.disabled { background-color: transparent; box-shadow: none; } .nav-light-1.nav-tabs::after { background-color: rgba(255, 255, 255, 0.1); } .nav-light-2 .nav-link, .nav-light-2 .nav-link.active, .nav-light-2 .nav-link:hover, .nav-light-2 .nav-link:focus, .nav-light-2 .nav-link.disabled { color: #fff; } .nav-light-2 .nav-link::before { background-color: #fff; } .nav-light-2.nav-pills .nav-link { background-color: rgba(255, 255, 255, 0.14); } .nav-light-2.nav-pills .nav-link.active, .nav-light-2.nav-pills .nav-link:hover, .nav-light-2.nav-pills .nav-link:focus { background-color: #2196f3; box-shadow: 0 12px 35px -10px rgba(0, 0, 0, 0.55), 0 8px 10px -5px rgba(0, 0, 0, 0.09), 0 4px 25px -2px rgba(0, 0, 0, 0.14); } .nav-light-2.nav-pills .nav-link.disabled { background-color: transparent; box-shadow: none; } /* stylelint-disable */ .nav-light-2.nav-tabs::after { background-color: rgba(255, 255, 255, 0.2); } .nav-light-2.nav-tabs .nav-link.active, .nav-light-2.nav-tabs .nav-item.show .nav-link { color: #fff; } /* stylelint-enable */ .navbar-brand { padding-top: 0; padding-bottom: 0; margin-right: 1.875rem; } .navbar-nav .nav-link { padding-top: 0.6875rem; padding-bottom: 0.6875rem; font-size: 0.875rem; } .navbar-nav .nav-link::before { display: none; } .navbar-nav .nav-link i { margin-right: 0.5rem; } .navbar-nav .nav-link.disabled { /* stylelint-disable-next-line declaration-no-important */ background-color: transparent !important; } .navbar-toggler { border: none; } /* stylelint-disable */ @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-sm .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-sm .nav-item.bv-nav-item > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-sm .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item.active.nav-link, .navbar-expand-sm .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-sm .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-sm.navbar-light .nav-item.active > .nav-link, .navbar-expand-sm.navbar-light .nav-item.active.nav-link, .navbar-expand-sm.navbar-light .nav-item:hover > .nav-link, .navbar-expand-sm.navbar-light .nav-item:hover.nav-link, .navbar-expand-sm.navbar-light .nav-item:focus > .nav-link, .navbar-expand-sm.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-sm.navbar-round .nav-item > .nav-link, .navbar-expand-sm.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-md .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-md .nav-item.bv-nav-item > .nav-link, .navbar-expand-md .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-md .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-md .nav-item.bv-nav-item.active.nav-link, .navbar-expand-md .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-md .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-md .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-md .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-md.navbar-light .nav-item.active > .nav-link, .navbar-expand-md.navbar-light .nav-item.active.nav-link, .navbar-expand-md.navbar-light .nav-item:hover > .nav-link, .navbar-expand-md.navbar-light .nav-item:hover.nav-link, .navbar-expand-md.navbar-light .nav-item:focus > .nav-link, .navbar-expand-md.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-md.navbar-round .nav-item > .nav-link, .navbar-expand-md.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-lg .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-lg .nav-item.bv-nav-item > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-lg .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item.active.nav-link, .navbar-expand-lg .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-lg .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-lg.navbar-light .nav-item.active > .nav-link, .navbar-expand-lg.navbar-light .nav-item.active.nav-link, .navbar-expand-lg.navbar-light .nav-item:hover > .nav-link, .navbar-expand-lg.navbar-light .nav-item:hover.nav-link, .navbar-expand-lg.navbar-light .nav-item:focus > .nav-link, .navbar-expand-lg.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-lg.navbar-round .nav-item > .nav-link, .navbar-expand-lg.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-xl .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-xl .nav-item.bv-nav-item > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-xl .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item.active.nav-link, .navbar-expand-xl .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-xl .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-xl.navbar-light .nav-item.active > .nav-link, .navbar-expand-xl.navbar-light .nav-item.active.nav-link, .navbar-expand-xl.navbar-light .nav-item:hover > .nav-link, .navbar-expand-xl.navbar-light .nav-item:hover.nav-link, .navbar-expand-xl.navbar-light .nav-item:focus > .nav-link, .navbar-expand-xl.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-xl.navbar-round .nav-item > .nav-link, .navbar-expand-xl.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand .nav-item.bv-nav-item > .nav-link, .navbar-expand .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand .nav-item.bv-nav-item.active > .nav-link, .navbar-expand .nav-item.bv-nav-item.active.nav-link, .navbar-expand .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand .nav-item.bv-nav-item:hover.nav-link, .navbar-expand .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand.navbar-light .nav-item.active > .nav-link, .navbar-expand.navbar-light .nav-item.active.nav-link, .navbar-expand.navbar-light .nav-item:hover > .nav-link, .navbar-expand.navbar-light .nav-item:hover.nav-link, .navbar-expand.navbar-light .nav-item:focus > .nav-link, .navbar-expand.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand.navbar-round .nav-item > .nav-link, .navbar-expand.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } /* stylelint-enable */ .section-title-2, .section-title-1 { margin-bottom: 1rem; } .section-title-1::after, .section-title-1::before { display: block; width: 1px; height: 50px; content: ""; background-color: #202020; /* stylelint-disable */ margin-left: auto !important; margin-right: auto !important; /* stylelint-enable */ } .section-title-1 { /* stylelint-disable-next-line declaration-no-important */ text-align: center !important; } .section-title-1::before { margin-bottom: 2.1875rem; } .section-title-1::after { margin-top: 2.1875rem; } .section-title-2::after, .section-title-2::before { display: inline-block; width: 50px; height: 1px; margin-bottom: 0.35em; content: ""; background-color: #202020; } .section-title-2::before { margin-right: 1rem; } .section-title-2::after { margin-left: 1rem; } .section-title-2.text-left::before, .section-title-2.text-right::after { display: none; } .section-title-3 { margin-bottom: 1.625rem; } .section-title-3::after { display: block; width: 60px; height: 3px; margin: 1.25rem auto 0; content: ""; background-color: rgba(0, 0, 0, 0.15); } .section-title-3.text-left::after { margin-left: 0; } .section-title-3.text-right::after { margin-right: 0; } .title-divider-round::after, .title-divider-round::before, .title-divider-round { top: 0; display: block; width: 8px; height: 8px; content: ""; background-color: rgba(0, 0, 0, 0.15); border-radius: 50%; } .title-divider-round { position: relative; margin: 1.4375rem auto 0; } .title-divider-round::before { position: absolute; left: -16px; } .title-divider-round::after { position: absolute; right: -16px; } .section-title-4.text-left .title-divider-round { margin-left: 16px; } .section-title-4.text-right .title-divider-round { margin-right: 16px; } .title-light-1 { color: #fff; } .title-light-1::before, .title-light-1::after { background-color: rgba(255, 255, 255, 0.75); } .title-light-1.section-title-3::after { background-color: rgba(255, 255, 255, 0.25); } .title-light-1 .title-divider-round, .title-light-1 .title-divider-round::before, .title-light-1 .title-divider-round::after { background-color: rgba(255, 255, 255, 0.25); } .title-light-2 { color: #fff; } .title-light-2::before, .title-light-2::after { background-color: #fff; } .title-light-2.section-title-3::after { background-color: #fff; } .title-light-2 .title-divider-round, .title-light-2 .title-divider-round::before, .title-light-2 .title-divider-round::after { background-color: #fff; } @media (max-width: 767.98px) { .section-title-2::before { display: none; } .section-title-2::after { /* stylelint-disable-next-line declaration-no-important */ display: block !important; margin: 1.25rem auto 0; } .section-title-2.text-right::after { margin-right: inherit; } .section-title-2.text-left::after { margin-left: inherit; } } .navbar-brand { padding-top: 0; padding-bottom: 0; margin-right: 1.875rem; } .navbar-nav .nav-link { padding-top: 0.6875rem; padding-bottom: 0.6875rem; font-size: 0.875rem; } .navbar-nav .nav-link::before { display: none; } .navbar-nav .nav-link i { margin-right: 0.5rem; } .navbar-nav .nav-link.disabled { /* stylelint-disable-next-line declaration-no-important */ background-color: transparent !important; } .navbar-toggler { border: none; } /* stylelint-disable */ @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-sm .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-sm .nav-item.bv-nav-item > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-sm .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item.active.nav-link, .navbar-expand-sm .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-sm .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-sm .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-sm.navbar-light .nav-item.active > .nav-link, .navbar-expand-sm.navbar-light .nav-item.active.nav-link, .navbar-expand-sm.navbar-light .nav-item:hover > .nav-link, .navbar-expand-sm.navbar-light .nav-item:hover.nav-link, .navbar-expand-sm.navbar-light .nav-item:focus > .nav-link, .navbar-expand-sm.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-sm.navbar-round .nav-item > .nav-link, .navbar-expand-sm.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-md .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-md .nav-item.bv-nav-item > .nav-link, .navbar-expand-md .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-md .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-md .nav-item.bv-nav-item.active.nav-link, .navbar-expand-md .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-md .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-md .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-md .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-md.navbar-light .nav-item.active > .nav-link, .navbar-expand-md.navbar-light .nav-item.active.nav-link, .navbar-expand-md.navbar-light .nav-item:hover > .nav-link, .navbar-expand-md.navbar-light .nav-item:hover.nav-link, .navbar-expand-md.navbar-light .nav-item:focus > .nav-link, .navbar-expand-md.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-md.navbar-round .nav-item > .nav-link, .navbar-expand-md.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-lg .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-lg .nav-item.bv-nav-item > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-lg .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item.active.nav-link, .navbar-expand-lg .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-lg .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-lg .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-lg.navbar-light .nav-item.active > .nav-link, .navbar-expand-lg.navbar-light .nav-item.active.nav-link, .navbar-expand-lg.navbar-light .nav-item:hover > .nav-link, .navbar-expand-lg.navbar-light .nav-item:hover.nav-link, .navbar-expand-lg.navbar-light .nav-item:focus > .nav-link, .navbar-expand-lg.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-lg.navbar-round .nav-item > .nav-link, .navbar-expand-lg.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand-xl .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand-xl .nav-item.bv-nav-item > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand-xl .nav-item.bv-nav-item.active > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item.active.nav-link, .navbar-expand-xl .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item:hover.nav-link, .navbar-expand-xl .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand-xl .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand-xl.navbar-light .nav-item.active > .nav-link, .navbar-expand-xl.navbar-light .nav-item.active.nav-link, .navbar-expand-xl.navbar-light .nav-item:hover > .nav-link, .navbar-expand-xl.navbar-light .nav-item:hover.nav-link, .navbar-expand-xl.navbar-light .nav-item:focus > .nav-link, .navbar-expand-xl.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand-xl.navbar-round .nav-item > .nav-link, .navbar-expand-xl.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .nav-item.bv-nav-item { margin-right: 0.3125rem; } .navbar-expand .nav-item.bv-nav-item:last-child { margin-right: 0; } .navbar-expand .nav-item.bv-nav-item > .nav-link, .navbar-expand .nav-item.bv-nav-item.nav-link { border-radius: 0.1875rem; transition: all 0.2s ease-in-out; } .navbar-expand .nav-item.bv-nav-item.active > .nav-link, .navbar-expand .nav-item.bv-nav-item.active.nav-link, .navbar-expand .nav-item.bv-nav-item:hover > .nav-link, .navbar-expand .nav-item.bv-nav-item:hover.nav-link, .navbar-expand .nav-item.bv-nav-item:focus > .nav-link, .navbar-expand .nav-item.bv-nav-item:focus.nav-link { background-color: rgba(255, 255, 255, 0.2); } .navbar-expand.navbar-light .nav-item.active > .nav-link, .navbar-expand.navbar-light .nav-item.active.nav-link, .navbar-expand.navbar-light .nav-item:hover > .nav-link, .navbar-expand.navbar-light .nav-item:hover.nav-link, .navbar-expand.navbar-light .nav-item:focus > .nav-link, .navbar-expand.navbar-light .nav-item:focus.nav-link { background-color: #ecf0f1; } .navbar-expand.navbar-round .nav-item > .nav-link, .navbar-expand.navbar-round .nav-item.nav-link { border-radius: 1.3125rem; } /* stylelint-enable */ /* stylelint-disable selector-no-id, declaration-no-important */ .border-top-enable { border-top-width: 1px !important; } .border-right-enable { border-right-width: 1px !important; } .border-bottom-enable { border-bottom-width: 1px !important; } .border-left-enable { border-left-width: 1px !important; } .border-top-disable { border-top-width: 0 !important; } .border-right-disable { border-right-width: 0 !important; } .border-bottom-disable { border-bottom-width: 0 !important; } .border-left-disable { border-left-width: 0 !important; } /* stylelint-enable selector-no-id, declaration-no-important */ @media (min-width: 576px) { /* stylelint-disable selector-no-id, declaration-no-important */ .border-sm-top-enable { border-top-width: 1px !important; } .border-sm-right-enable { border-right-width: 1px !important; } .border-sm-bottom-enable { border-bottom-width: 1px !important; } .border-sm-left-enable { border-left-width: 1px !important; } .border-sm-top-disable { border-top-width: 0 !important; } .border-sm-right-disable { border-right-width: 0 !important; } .border-sm-bottom-disable { border-bottom-width: 0 !important; } .border-sm-left-disable { border-left-width: 0 !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 768px) { /* stylelint-disable selector-no-id, declaration-no-important */ .border-md-top-enable { border-top-width: 1px !important; } .border-md-right-enable { border-right-width: 1px !important; } .border-md-bottom-enable { border-bottom-width: 1px !important; } .border-md-left-enable { border-left-width: 1px !important; } .border-md-top-disable { border-top-width: 0 !important; } .border-md-right-disable { border-right-width: 0 !important; } .border-md-bottom-disable { border-bottom-width: 0 !important; } .border-md-left-disable { border-left-width: 0 !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 992px) { /* stylelint-disable selector-no-id, declaration-no-important */ .border-lg-top-enable { border-top-width: 1px !important; } .border-lg-right-enable { border-right-width: 1px !important; } .border-lg-bottom-enable { border-bottom-width: 1px !important; } .border-lg-left-enable { border-left-width: 1px !important; } .border-lg-top-disable { border-top-width: 0 !important; } .border-lg-right-disable { border-right-width: 0 !important; } .border-lg-bottom-disable { border-bottom-width: 0 !important; } .border-lg-left-disable { border-left-width: 0 !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 1200px) { /* stylelint-disable selector-no-id, declaration-no-important */ .border-xl-top-enable { border-top-width: 1px !important; } .border-xl-right-enable { border-right-width: 1px !important; } .border-xl-bottom-enable { border-bottom-width: 1px !important; } .border-xl-left-enable { border-left-width: 1px !important; } .border-xl-top-disable { border-top-width: 0 !important; } .border-xl-right-disable { border-right-width: 0 !important; } .border-xl-bottom-disable { border-bottom-width: 0 !important; } .border-xl-left-disable { border-left-width: 0 !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } .rounded-xl { border-radius: 0.5rem !important; } .rounded-ultra { border-radius: 1.875rem !important; } .bg-viridian-100 { background-color: #2c3e50 !important; } a.bg-viridian-100:hover, a.bg-viridian-100:focus, button.bg-viridian-100:hover, button.bg-viridian-100:focus { background-color: #1a252f !important; } .bg-viridian-200 { background-color: #273746 !important; } a.bg-viridian-200:hover, a.bg-viridian-200:focus, button.bg-viridian-200:hover, button.bg-viridian-200:focus { background-color: #151d25 !important; } .bg-viridian-300 { background-color: #212f3d !important; } a.bg-viridian-300:hover, a.bg-viridian-300:focus, button.bg-viridian-300:hover, button.bg-viridian-300:focus { background-color: #0f161c !important; } .bg-viridian-400 { background-color: #1c2833 !important; } a.bg-viridian-400:hover, a.bg-viridian-400:focus, button.bg-viridian-400:hover, button.bg-viridian-400:focus { background-color: #0a0e12 !important; } .bg-viridian-500 { background-color: #17202a !important; } a.bg-viridian-500:hover, a.bg-viridian-500:focus, button.bg-viridian-500:hover, button.bg-viridian-500:focus { background-color: #050709 !important; } .bg-image { background-repeat: no-repeat; background-position: center; background-size: cover; } .bg-dark { background-color: #1c2833; } .bg-fixed { /* stylelint-disable-next-line declaration-no-important */ background-attachment: fixed !important; } .swatch-light-gray { color: #212529; background-color: #f7f9f9; } .swatch-dark-viridian { color: #fff; background-color: #212529; } .swatch-sky { color: #fff; background-color: #64b5f6; } .swatch-navy { color: #fff; background-color: #0d47a1; } .swatch-berry { color: #fff; background-color: #b71c1c; } .swatch-rose { color: #fff; background-color: #e91e63; } .swatch-orchid { color: #fff; background-color: #ba68c8; } .swatch-blush { color: #fff; background-color: #ef5350; } .swatch-scarlet { color: #fff; background-color: #d32f2f; } .swatch-carrot { color: #fff; background-color: #ef6c00; } .swatch-dark-gray { color: #fff; background-color: #202020; } .swatch-blue { color: #fff; background-color: #5e72e4; } .swatch-indigo { color: #fff; background-color: #5603ad; } .swatch-purple { color: #fff; background-color: #8965e0; } .swatch-pink { color: #fff; background-color: #f3a4b5; } .swatch-red { color: #fff; background-color: #f5365c; } .swatch-orange { color: #fff; background-color: #fb6340; } .swatch-yellow { color: #212529; background-color: #ffd600; } .swatch-green { color: #fff; background-color: #2dce89; } .swatch-teal { color: #fff; background-color: #11cdef; } .swatch-cyan { color: #fff; background-color: #2bffc6; } .swatch-white { color: #212529; background-color: #fff; } .swatch-gray { color: #fff; background-color: #8898aa; } .swatch-gray-dark { color: #fff; background-color: #32325d; } .swatch-light { color: #212529; background-color: #ced4da; } .swatch-lighter { color: #212529; background-color: #e9ecef; } .swatch-gray-100 { color: #212529; background-color: #f6f9fc; } .swatch-gray-200 { color: #212529; background-color: #e9ecef; } .swatch-gray-300 { color: #212529; background-color: #dee2e6; } .swatch-gray-400 { color: #212529; background-color: #ced4da; } .swatch-gray-500 { color: #fff; background-color: #adb5bd; } .swatch-gray-600 { color: #fff; background-color: #8898aa; } .swatch-gray-700 { color: #fff; background-color: #525f7f; } .swatch-gray-800 { color: #fff; background-color: #32325d; } .swatch-gray-900 { color: #fff; background-color: #212529; } /* stylelint-disable-next-line declaration-no-important */ .shadow-md { box-shadow: 0 0.67rem 2.15rem rgba(23, 32, 42, 0.14) !important; } .font-weight-100 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 100 !important; } .font-weight-200 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 200 !important; } .font-weight-300 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 300 !important; } .font-weight-400 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 400 !important; } .font-weight-500 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 500 !important; } .font-weight-600 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 600 !important; } .font-weight-700 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 700 !important; } .font-weight-800 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 800 !important; } .font-weight-900 { /* stylelint-disable-next-line declaration-no-important */ font-weight: 900 !important; } .bv-text-light.text-light { color: #f7f9f9 !important; font-size: 0.875rem !important; } /* stylelint-disable declaration-no-important */ .line-height-sm { line-height: 1.45 !important; } .line-height-md { line-height: 1.7 !important; } .line-height-lg { line-height: 1.95 !important; } /* stylelint-enable */ /* stylelint-disable declaration-no-important */ .text-black-25 { color: rgba(0, 0, 0, 0.25) !important; } .text-black-75 { color: rgba(0, 0, 0, 0.75) !important; } .text-white-25 { color: rgba(255, 255, 255, 0.25) !important; } .text-white-75 { color: rgba(255, 255, 255, 0.75) !important; } /* stylelint-enable */ /* stylelint-disable declaration-no-important */ .letter-spacing-sm { letter-spacing: 0.1em !important; } .letter-spacing-md { letter-spacing: 0.2em !important; } .letter-spacing-lg { letter-spacing: 0.3em !important; } /* stylelint-enable */ .text-hover-primary:hover, .text-hover-primary:focus { /* stylelint-disable-next-line declaration-no-important */ color: #6ab8f7 !important; } .text-primary.bv-text-primary { color: #2196f3 !important; } .text-hover-white:hover, .text-hover-white:focus { /* stylelint-disable-next-line declaration-no-important */ color: #fff !important; } .z-index-0 { /* stylelint-disable-next-line declaration-no-important */ z-index: 0 !important; } .z-index-1 { /* stylelint-disable-next-line declaration-no-important */ z-index: 1 !important; } .z-index-2 { /* stylelint-disable-next-line declaration-no-important */ z-index: 2 !important; } .z-index-3 { /* stylelint-disable-next-line declaration-no-important */ z-index: 3 !important; } .z-index-4 { /* stylelint-disable-next-line declaration-no-important */ z-index: 4 !important; } .z-index-5 { /* stylelint-disable-next-line declaration-no-important */ z-index: 5 !important; } .z-index-6 { /* stylelint-disable-next-line declaration-no-important */ z-index: 6 !important; } .z-index-7 { /* stylelint-disable-next-line declaration-no-important */ z-index: 7 !important; } .z-index-8 { /* stylelint-disable-next-line declaration-no-important */ z-index: 8 !important; } .z-index-9 { /* stylelint-disable-next-line declaration-no-important */ z-index: 9 !important; } /* stylelint-disable selector-no-id, declaration-no-important */ .mt-up50 { margin-top: -50px !important; } .mt-up75 { margin-top: -75px !important; } .mt-up100 { margin-top: -100px !important; } .mt-up125 { margin-top: -125px !important; } .mt-up150 { margin-top: -150px !important; } /* stylelint-enable selector-no-id, declaration-no-important */ @media (min-width: 576px) { /* stylelint-disable selector-no-id, declaration-no-important */ .mt-sm-up50 { margin-top: -50px !important; } .mt-sm-up75 { margin-top: -75px !important; } .mt-sm-up100 { margin-top: -100px !important; } .mt-sm-up125 { margin-top: -125px !important; } .mt-sm-up150 { margin-top: -150px !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 768px) { /* stylelint-disable selector-no-id, declaration-no-important */ .mt-md-up50 { margin-top: -50px !important; } .mt-md-up75 { margin-top: -75px !important; } .mt-md-up100 { margin-top: -100px !important; } .mt-md-up125 { margin-top: -125px !important; } .mt-md-up150 { margin-top: -150px !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 992px) { /* stylelint-disable selector-no-id, declaration-no-important */ .mt-lg-up50 { margin-top: -50px !important; } .mt-lg-up75 { margin-top: -75px !important; } .mt-lg-up100 { margin-top: -100px !important; } .mt-lg-up125 { margin-top: -125px !important; } .mt-lg-up150 { margin-top: -150px !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } @media (min-width: 1200px) { /* stylelint-disable selector-no-id, declaration-no-important */ .mt-xl-up50 { margin-top: -50px !important; } .mt-xl-up75 { margin-top: -75px !important; } .mt-xl-up100 { margin-top: -100px !important; } .mt-xl-up125 { margin-top: -125px !important; } .mt-xl-up150 { margin-top: -150px !important; } /* stylelint-enable selector-no-id, declaration-no-important */ } .testimonial-3 .tesimonial-name, .testimonial-2 .tesimonial-name, .testimonial-1 .tesimonial-name { font-size: 1.125rem; font-weight: 600; color: #202020; } .testimonial-1 .testimonial-image { margin-bottom: 2.5rem; } .testimonial-1 .testimonial-image figure { width: 80px; height: 80px; margin: 0 auto; } .testimonial-1 .testimonial-image figure img { border-radius: 50%; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); } .testimonial-1 .testimonial-details { position: relative; padding: 2.1875rem 2.5rem; background-color: #f4f6f7; } .testimonial-1 .testimonial-details::before { position: absolute; top: -20px; left: 0; width: 0; height: 0; content: ""; border-bottom: 20px solid #e5e8e8; border-left: 25px solid transparent; } .testimonial-2 .testimonial-image { margin-bottom: 2.5rem; } .testimonial-2 .testimonial-image figure { width: 80px; height: 80px; margin: 0 auto; } .testimonial-2 .testimonial-image figure img { border-radius: 50%; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); } .testimonial-2 .testimonial-details { position: relative; padding: 2.1875rem 2.5rem; box-shadow: 0 0 5.625rem -1.5625rem rgba(23, 32, 42, 0.19); background-image: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); background-repeat: repeat-x; border-radius: 0.3rem; } .testimonial-2 .testimonial-details::before { position: absolute; top: -20px; left: 50%; width: 0; height: 0; content: ""; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 11.5px 20px 11.5px; transform: translateX((-50%)); } .testimonial-3 { padding: 1rem 0; text-align: center; } .testimonial-3 .testimonial-quote { margin-bottom: 3.125rem; font-size: 1.25rem; font-style: italic; font-weight: 500; } .testimonial-3 .testimonial-image { margin-bottom: 2.5rem; } .testimonial-3 .testimonial-image figure { width: 80px; height: 80px; margin: 0 auto; } .testimonial-3 .testimonial-image figure img { border-radius: 50%; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); } .testimonial-3 .tesimonial-name span { display: block; font-size: 70%; font-style: italic; font-weight: 400; color: #717171; } .testimonial-3 .testimonial-quote-icon { margin-bottom: 1.875rem; color: #b3b6b7; } .testimonial-light-1.testimonial-1 .testimonial-details { background-color: #2c3e50; } .testimonial-light-1.testimonial-1 .testimonial-details::before { border-bottom: 20px solid rgba(44, 62, 80, 0.6); } .testimonial-light-1.testimonial-2 .testimonial-details { box-shadow: 0 0 5.625rem -1.5625rem rgba(0, 0, 0, 0.5); background-image: linear-gradient(to bottom, #2c3e50 0%, rgba(44, 62, 80, 0) 100%); background-repeat: repeat-x; } .testimonial-light-1.testimonial-2 .testimonial-details::before { border-color: transparent transparent #2c3e50 transparent; } .testimonial-light-2.testimonial-1 .testimonial-details { background-color: #f7f9f9; } .testimonial-light-2.testimonial-1 .testimonial-details::before { border-bottom: 20px solid rgba(247, 249, 249, 0.5); } @media (min-width: 768px) { .testimonial-1 { display: table; width: 100%; } .testimonial-1 .testimonial-image { display: table-cell; width: 120px; padding: 0 40px 0 0; vertical-align: top; } .testimonial-1 .testimonial-details::before { top: 0; left: -20px; display: table-cell; vertical-align: top; border-bottom: 25px solid #e5e8e8; border-left: 20px solid transparent; } .testimonial-1.testimonial-light-1 .testimonial-details::before { border-bottom: 25px solid rgba(44, 62, 80, 0.6); } .testimonial-1.testimonial-light-2 .testimonial-details::before { border-bottom: 25px solid rgba(247, 249, 249, 0.5); } .testimonial-2 { display: table; width: 100%; } .testimonial-2 .testimonial-image { display: table-cell; width: 120px; padding: 0 40px 0 0; vertical-align: top; } .testimonial-2 .testimonial-details { box-shadow: -3.75rem 0 5.625rem -1.875rem rgba(23, 32, 42, 0.19); background-image: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%); background-repeat: repeat-x; } .testimonial-2 .testimonial-details::before { top: 30px; left: -20px; display: table-cell; vertical-align: top; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 11.5px 20px 11.5px 0; transform: translateX((0)); } .testimonial-2.testimonial-light-1 .testimonial-details { box-shadow: -3.75rem 0 5.625rem -1.875rem rgba(0, 0, 0, 0.5); background-image: linear-gradient(to right, #2c3e50 0%, rgba(44, 62, 80, 0) 100%); background-repeat: repeat-x; } .testimonial-2.testimonial-light-1 .testimonial-details::before { border-color: transparent #2c3e50 transparent transparent; } } /*! ========================================================= * {{ site.product.name }} {{ site.product.name_long }} - v{{ site.product.version }} ========================================================= * Product Page: {{ site.product.download }} * Copyright {{ 'now' | date: "%Y" }} {{ site.author }} ({{ site.website.url }}) * Licensed under MIT ({{ site.product.license }}) * Coded by www.creative-tim.com ========================================================= * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. */ iframe { border: 0; } figcaption, figure, main { display: block; } main { overflow: hidden; } .section-nucleo-icons .icons-container { position: relative; max-width: 100%; height: 360px; margin: 0 auto; z-index: 1; } .section-nucleo-icons { --icon-size: 5rem; --icon-sm-size: 3.75rem; --gutter: 7rem; } .section-nucleo-icons .icons-container i { position: absolute; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: #fff; z-index: 1; transform: translate(-50%, -50%); box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); transition: all 0.2s cubic-bezier(0.25, 0.65, 0.9, 0.75); } .section-nucleo-icons .icons-container i.icon { width: var(--icon-size); height: var(--icon-size); font-size: 1.7em; } .section-nucleo-icons .icons-container i.icon-sm { width: var(--icon-sm-size); height: var(--icon-sm-size); font-size: 1.5em; } .section-nucleo-icons .icons-container i:nth-child(1) { font-size: 42px; color: #fb6340; z-index: 2; } .section-nucleo-icons .icons-container:not(.on-screen) i { transform: translate(-50%, -50%); left: 50%; top: 50%; } .section-nucleo-icons .icons-container:not(.on-screen) i:not(:nth-child(1)) { opacity: 0; } .section-nucleo-icons .icons-container.on-screen i { opacity: 1; } .section-nucleo-icons .icons-container.on-screen i:nth-child(1) { left: 50%; top: 50%; font-size: 42px; color: #fb6340; } .section-nucleo-icons .icons-container.on-screen i:nth-child(2) { left: calc(50% + var(--gutter) * 1.7); top: 50%; } .section-nucleo-icons .icons-container.on-screen i:nth-child(3) { left: calc(50% + var(--gutter)); top: calc(50% + var(--gutter)); } .section-nucleo-icons .icons-container.on-screen i:nth-child(4) { left: calc(50% + var(--gutter)); top: calc(50% - var(--gutter)); } .section-nucleo-icons .icons-container.on-screen i:nth-child(5) { left: calc(50% + var(--gutter) * 3); top: 50%; } .section-nucleo-icons .icons-container.on-screen i:nth-child(6) { left: calc(50% + var(--gutter) * 2.7); top: calc(50% + var(--gutter) * 1.5); } .section-nucleo-icons .icons-container.on-screen i:nth-child(7) { left: calc(50% + var(--gutter) * 2.7); top: calc(50% - var(--gutter) * 1.5); } .section-nucleo-icons .icons-container.on-screen i:nth-child(8) { left: calc(50% - var(--gutter) * 1.7); top: 50%; } .section-nucleo-icons .icons-container.on-screen i:nth-child(9) { left: calc(50% - var(--gutter)); top: calc(50% + var(--gutter)); } .section-nucleo-icons .icons-container.on-screen i:nth-child(10) { left: calc(50% - var(--gutter)); top: calc(50% - var(--gutter)); } .section-nucleo-icons .icons-container.on-screen i:nth-child(11) { left: calc(50% - var(--gutter) * 4); top: 50%; } .section-nucleo-icons .icons-container.on-screen i:nth-child(12) { left: calc(50% - var(--gutter) * 2.7); top: calc(50% + var(--gutter) * 1.5); } .section-nucleo-icons .icons-container.on-screen i:nth-child(13) { left: calc(50% - var(--gutter) * 2.7); top: calc(50% - var(--gutter) * 1.5); } .blur--hover { position: relative; } .blur--hover .blur-item { transition: 1s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; filter: blur(0); opacity: 1; } .blur--hover .blur-hidden { position: absolute; top: calc(50% + 7px); left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.15s ease; z-index: 100; } .blur--hover:hover .blur-item { opacity: 0.8; filter: blur(10px); transform: scale(0.95); z-index: 1; } .blur--hover:hover .blur-hidden { opacity: 1; top: 50%; } .bg-light-gray { background-color: #f7f9f9 !important; } a.bg-light-gray:hover, a.bg-light-gray:focus, button.bg-light-gray:hover, button.bg-light-gray:focus { background-color: #dae3e3 !important; } .bg-dark-viridian { background-color: #212529 !important; } a.bg-dark-viridian:hover, a.bg-dark-viridian:focus, button.bg-dark-viridian:hover, button.bg-dark-viridian:focus { background-color: #0a0c0d !important; } .bg-sky { background-color: #64b5f6 !important; } a.bg-sky:hover, a.bg-sky:focus, button.bg-sky:hover, button.bg-sky:focus { background-color: #349ef3 !important; } .bg-navy { background-color: #0d47a1 !important; } a.bg-navy:hover, a.bg-navy:focus, button.bg-navy:hover, button.bg-navy:focus { background-color: #093272 !important; } .bg-berry { background-color: #b71c1c !important; } a.bg-berry:hover, a.bg-berry:focus, button.bg-berry:hover, button.bg-berry:focus { background-color: #8b1515 !important; } .bg-rose { background-color: #e91e63 !important; } a.bg-rose:hover, a.bg-rose:focus, button.bg-rose:hover, button.bg-rose:focus { background-color: #c1134e !important; } .bg-orchid { background-color: #ba68c8 !important; } a.bg-orchid:hover, a.bg-orchid:focus, button.bg-orchid:hover, button.bg-orchid:focus { background-color: #a844b9 !important; } .bg-blush { background-color: #ef5350 !important; } a.bg-blush:hover, a.bg-blush:focus, button.bg-blush:hover, button.bg-blush:focus { background-color: #eb2521 !important; } .bg-scarlet { background-color: #d32f2f !important; } a.bg-scarlet:hover, a.bg-scarlet:focus, button.bg-scarlet:hover, button.bg-scarlet:focus { background-color: #ab2424 !important; } .bg-carrot { background-color: #ef6c00 !important; } a.bg-carrot:hover, a.bg-carrot:focus, button.bg-carrot:hover, button.bg-carrot:focus { background-color: #bc5500 !important; } .bg-dark-gray { background-color: #202020 !important; } a.bg-dark-gray:hover, a.bg-dark-gray:focus, button.bg-dark-gray:hover, button.bg-dark-gray:focus { background-color: #070707 !important; } .bg-blue { background-color: #5e72e4 !important; } a.bg-blue:hover, a.bg-blue:focus, button.bg-blue:hover, button.bg-blue:focus { background-color: #324cdd !important; } .bg-indigo { background-color: #5603ad !important; } a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus { background-color: #3d027b !important; } .bg-purple { background-color: #8965e0 !important; } a.bg-purple:hover, a.bg-purple:focus, button.bg-purple:hover, button.bg-purple:focus { background-color: #683bd7 !important; } .bg-pink { background-color: #f3a4b5 !important; } a.bg-pink:hover, a.bg-pink:focus, button.bg-pink:hover, button.bg-pink:focus { background-color: #ed7790 !important; } .bg-red { background-color: #f5365c !important; } a.bg-red:hover, a.bg-red:focus, button.bg-red:hover, button.bg-red:focus { background-color: #ec0c38 !important; } .bg-orange { background-color: #fb6340 !important; } a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus { background-color: #fa3a0e !important; } .bg-yellow { background-color: #ffd600 !important; } a.bg-yellow:hover, a.bg-yellow:focus, button.bg-yellow:hover, button.bg-yellow:focus { background-color: #ccab00 !important; } .bg-green { background-color: #2dce89 !important; } a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus { background-color: #24a46d !important; } .bg-teal { background-color: #11cdef !important; } a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus { background-color: #0da5c0 !important; } .bg-cyan { background-color: #2bffc6 !important; } a.bg-cyan:hover, a.bg-cyan:focus, button.bg-cyan:hover, button.bg-cyan:focus { background-color: #00f7b5 !important; } .bg-white { background-color: #fff !important; } a.bg-white:hover, a.bg-white:focus, button.bg-white:hover, button.bg-white:focus { background-color: #e6e6e6 !important; } .bg-gray { background-color: #8898aa !important; } a.bg-gray:hover, a.bg-gray:focus, button.bg-gray:hover, button.bg-gray:focus { background-color: #6a7e95 !important; } .bg-gray-dark { background-color: #32325d !important; } a.bg-gray-dark:hover, a.bg-gray-dark:focus, button.bg-gray-dark:hover, button.bg-gray-dark:focus { background-color: #20203c !important; } .bg-light { background-color: #ced4da !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #b1bbc4 !important; } .bg-lighter { background-color: #e9ecef !important; } a.bg-lighter:hover, a.bg-lighter:focus, button.bg-lighter:hover, button.bg-lighter:focus { background-color: #cbd3da !important; } .bg-gradient-indigo { background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important; } .bg-gradient-purple { background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important; } .bg-gradient-pink { background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important; } .bg-gradient-orange { background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; } .bg-gradient-sky { background: linear-gradient(35deg, #64b5f6 0, #6478f6 100%) !important; } .bg-gradient-navy { background: linear-gradient(35deg, #0d47a1 0, #110da1 100%) !important; } .bg-gradient-berry { background: linear-gradient(35deg, #b71c1c 0, #b75d1c 100%) !important; } .bg-gradient-rose { background: linear-gradient(35deg, #e91e63 0, #e92e1e 100%) !important; } .bg-gradient-orchid { background: linear-gradient(35deg, #ba68c8 0, #c868ae 100%) !important; } .bg-gradient-blush { background: linear-gradient(35deg, #ef5350 0, #ef9550 100%) !important; } .bg-gradient-scarlet { background: linear-gradient(35deg, #d32f2f 0, #d3732f 100%) !important; } .bg-gradient-carrot { background: linear-gradient(35deg, #ef6c00 0, #efd000 100%) !important; } .bg-gradient-dark-gray { background: linear-gradient(35deg, #202020 0, #202020 100%) !important; } .bg-gradient-primary { background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; } .bg-gradient-secondary { background: linear-gradient(35deg, #f4f5f7 0, #f4f4f7 100%) !important; } .bg-gradient-success { background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; } .bg-gradient-info { background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; } .bg-gradient-warning { background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; } .bg-gradient-danger { background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; } .bg-gradient-light { background: linear-gradient(35deg, #adb5bd 0, #adaebd 100%) !important; } .bg-gradient-dark { background: linear-gradient(35deg, #212529 0, #212229 100%) !important; } .bg-gradient-default { background: linear-gradient(35deg, #172b4d 0, #1a174d 100%) !important; } .bg-gradient-white { background: linear-gradient(35deg, #fff 0, white 100%) !important; } .bg-gradient-neutral { background: linear-gradient(35deg, #fff 0, white 100%) !important; } .bg-gradient-darker { background: linear-gradient(35deg, black 0, black 100%) !important; } .bg-gradient-light-gray { background: linear-gradient(35deg, #f7f9f9 0, #f7f8f9 100%) !important; } .bg-gradient-dark-viridian { background: linear-gradient(35deg, #212529 0, #212229 100%) !important; } .bg-gradient-sky { background: linear-gradient(35deg, #64b5f6 0, #6478f6 100%) !important; } .bg-gradient-navy { background: linear-gradient(35deg, #0d47a1 0, #110da1 100%) !important; } .bg-gradient-berry { background: linear-gradient(35deg, #b71c1c 0, #b75d1c 100%) !important; } .bg-gradient-rose { background: linear-gradient(35deg, #e91e63 0, #e92e1e 100%) !important; } .bg-gradient-orchid { background: linear-gradient(35deg, #ba68c8 0, #c868ae 100%) !important; } .bg-gradient-blush { background: linear-gradient(35deg, #ef5350 0, #ef9550 100%) !important; } .bg-gradient-scarlet { background: linear-gradient(35deg, #d32f2f 0, #d3732f 100%) !important; } .bg-gradient-carrot { background: linear-gradient(35deg, #ef6c00 0, #efd000 100%) !important; } .bg-gradient-dark-gray { background: linear-gradient(35deg, #202020 0, #202020 100%) !important; } .bg-gradient-blue { background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; } .bg-gradient-indigo { background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important; } .bg-gradient-purple { background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important; } .bg-gradient-pink { background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important; } .bg-gradient-red { background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; } .bg-gradient-orange { background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; } .bg-gradient-yellow { background: linear-gradient(35deg, #ffd600 0, #beff00 100%) !important; } .bg-gradient-green { background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; } .bg-gradient-teal { background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; } .bg-gradient-cyan { background: linear-gradient(35deg, #2bffc6 0, #2be0ff 100%) !important; } .bg-gradient-white { background: linear-gradient(35deg, #fff 0, white 100%) !important; } .bg-gradient-gray { background: linear-gradient(35deg, #8898aa 0, #888aaa 100%) !important; } .bg-gradient-gray-dark { background: linear-gradient(35deg, #32325d 0, #44325d 100%) !important; } .bg-gradient-light { background: linear-gradient(35deg, #ced4da 0, #cecfda 100%) !important; } .bg-gradient-lighter { background: linear-gradient(35deg, #e9ecef 0, #e9eaef 100%) !important; } .bg-translucent-indigo { background-color: rgba(69, 2, 138, 0.6) !important; } a.bg-translucent-indigo:hover, a.bg-translucent-indigo:focus, button.bg-translucent-indigo:hover, button.bg-translucent-indigo:focus { background-color: rgba(56, 2, 113, 0.6) !important; } .bg-translucent-purple { background-color: rgba(114, 71, 218, 0.6) !important; } a.bg-translucent-purple:hover, a.bg-translucent-purple:focus, button.bg-translucent-purple:hover, button.bg-translucent-purple:focus { background-color: rgba(98, 50, 214, 0.6) !important; } .bg-translucent-pink { background-color: rgba(239, 132, 155, 0.6) !important; } a.bg-translucent-pink:hover, a.bg-translucent-pink:focus, button.bg-translucent-pink:hover, button.bg-translucent-pink:focus { background-color: rgba(236, 110, 137, 0.6) !important; } .bg-translucent-orange { background-color: rgba(250, 70, 29, 0.6) !important; } a.bg-translucent-orange:hover, a.bg-translucent-orange:focus, button.bg-translucent-orange:hover, button.bg-translucent-orange:focus { background-color: rgba(249, 51, 5, 0.6) !important; } .bg-translucent-sky { background-color: rgba(66, 165, 244, 0.6) !important; } a.bg-translucent-sky:hover, a.bg-translucent-sky:focus, button.bg-translucent-sky:hover, button.bg-translucent-sky:focus { background-color: rgba(42, 153, 243, 0.6) !important; } .bg-translucent-navy { background-color: rgba(10, 56, 128, 0.6) !important; } a.bg-translucent-navy:hover, a.bg-translucent-navy:focus, button.bg-translucent-navy:hover, button.bg-translucent-navy:focus { background-color: rgba(8, 46, 104, 0.6) !important; } .bg-translucent-berry { background-color: rgba(152, 23, 23, 0.6) !important; } a.bg-translucent-berry:hover, a.bg-translucent-berry:focus, button.bg-translucent-berry:hover, button.bg-translucent-berry:focus { background-color: rgba(130, 20, 20, 0.6) !important; } .bg-translucent-rose { background-color: rgba(207, 20, 84, 0.6) !important; } a.bg-translucent-rose:hover, a.bg-translucent-rose:focus, button.bg-translucent-rose:hover, button.bg-translucent-rose:focus { background-color: rgba(184, 18, 74, 0.6) !important; } .bg-translucent-orchid { background-color: rgba(174, 78, 190, 0.6) !important; } a.bg-translucent-orchid:hover, a.bg-translucent-orchid:focus, button.bg-translucent-orchid:hover, button.bg-translucent-orchid:focus { background-color: rgba(161, 65, 178, 0.6) !important; } .bg-translucent-blush { background-color: rgba(236, 51, 47, 0.6) !important; } a.bg-translucent-blush:hover, a.bg-translucent-blush:focus, button.bg-translucent-blush:hover, button.bg-translucent-blush:focus { background-color: rgba(234, 28, 24, 0.6) !important; } .bg-translucent-scarlet { background-color: rgba(183, 39, 39, 0.6) !important; } a.bg-translucent-scarlet:hover, a.bg-translucent-scarlet:focus, button.bg-translucent-scarlet:hover, button.bg-translucent-scarlet:focus { background-color: rgba(162, 34, 34, 0.6) !important; } .bg-translucent-carrot { background-color: rgba(203, 92, 0, 0.6) !important; } a.bg-translucent-carrot:hover, a.bg-translucent-carrot:focus, button.bg-translucent-carrot:hover, button.bg-translucent-carrot:focus { background-color: rgba(178, 80, 0, 0.6) !important; } .bg-translucent-dark-gray { background-color: rgba(14, 14, 14, 0.6) !important; } a.bg-translucent-dark-gray:hover, a.bg-translucent-dark-gray:focus, button.bg-translucent-dark-gray:hover, button.bg-translucent-dark-gray:focus { background-color: rgba(1, 1, 1, 0.6) !important; } .bg-translucent-primary { background-color: rgba(63, 87, 223, 0.6) !important; } a.bg-translucent-primary:hover, a.bg-translucent-primary:focus, button.bg-translucent-primary:hover, button.bg-translucent-primary:focus { background-color: rgba(42, 68, 219, 0.6) !important; } .bg-translucent-secondary { background-color: rgba(223, 226, 232, 0.6) !important; } a.bg-translucent-secondary:hover, a.bg-translucent-secondary:focus, button.bg-translucent-secondary:hover, button.bg-translucent-secondary:focus { background-color: rgba(209, 213, 221, 0.6) !important; } .bg-translucent-success { background-color: rgba(39, 177, 118, 0.6) !important; } a.bg-translucent-success:hover, a.bg-translucent-success:focus, button.bg-translucent-success:hover, button.bg-translucent-success:focus { background-color: rgba(34, 156, 104, 0.6) !important; } .bg-translucent-info { background-color: rgba(14, 177, 206, 0.6) !important; } a.bg-translucent-info:hover, a.bg-translucent-info:focus, button.bg-translucent-info:hover, button.bg-translucent-info:focus { background-color: rgba(12, 156, 183, 0.6) !important; } .bg-translucent-warning { background-color: rgba(250, 70, 29, 0.6) !important; } a.bg-translucent-warning:hover, a.bg-translucent-warning:focus, button.bg-translucent-warning:hover, button.bg-translucent-warning:focus { background-color: rgba(249, 51, 5, 0.6) !important; } .bg-translucent-danger { background-color: rgba(243, 20, 64, 0.6) !important; } a.bg-translucent-danger:hover, a.bg-translucent-danger:focus, button.bg-translucent-danger:hover, button.bg-translucent-danger:focus { background-color: rgba(227, 11, 54, 0.6) !important; } .bg-translucent-light { background-color: rgba(153, 163, 173, 0.6) !important; } a.bg-translucent-light:hover, a.bg-translucent-light:focus, button.bg-translucent-light:hover, button.bg-translucent-light:focus { background-color: rgba(139, 150, 162, 0.6) !important; } .bg-translucent-dark { background-color: rgba(17, 19, 21, 0.6) !important; } a.bg-translucent-dark:hover, a.bg-translucent-dark:focus, button.bg-translucent-dark:hover, button.bg-translucent-dark:focus { background-color: rgba(6, 6, 7, 0.6) !important; } .bg-translucent-default { background-color: rgba(15, 28, 50, 0.6) !important; } a.bg-translucent-default:hover, a.bg-translucent-default:focus, button.bg-translucent-default:hover, button.bg-translucent-default:focus { background-color: rgba(9, 17, 30, 0.6) !important; } .bg-translucent-white { background-color: rgba(237, 237, 237, 0.6) !important; } a.bg-translucent-white:hover, a.bg-translucent-white:focus, button.bg-translucent-white:hover, button.bg-translucent-white:focus { background-color: rgba(224, 224, 224, 0.6) !important; } .bg-translucent-neutral { background-color: rgba(237, 237, 237, 0.6) !important; } a.bg-translucent-neutral:hover, a.bg-translucent-neutral:focus, button.bg-translucent-neutral:hover, button.bg-translucent-neutral:focus { background-color: rgba(224, 224, 224, 0.6) !important; } .bg-translucent-darker { background-color: rgba(0, 0, 0, 0.6) !important; } a.bg-translucent-darker:hover, a.bg-translucent-darker:focus, button.bg-translucent-darker:hover, button.bg-translucent-darker:focus { background-color: rgba(0, 0, 0, 0.6) !important; } .section-primary { background-color: #fff !important; } a.section-primary:hover, a.section-primary:focus, button.section-primary:hover, button.section-primary:focus { background-color: #e6e6e6 !important; } .section-secondary { background-color: #f4f5f7 !important; } a.section-secondary:hover, a.section-secondary:focus, button.section-secondary:hover, button.section-secondary:focus { background-color: #d6dae2 !important; } .section-light { background-color: #ced4da !important; } a.section-light:hover, a.section-light:focus, button.section-light:hover, button.section-light:focus { background-color: #b1bbc4 !important; } .section-dark { background-color: #212529 !important; } a.section-dark:hover, a.section-dark:focus, button.section-dark:hover, button.section-dark:focus { background-color: #0a0c0d !important; } .section-darker { background-color: black !important; } a.section-darker:hover, a.section-darker:focus, button.section-darker:hover, button.section-darker:focus { background-color: black !important; } .bg-gradient-indigo { background: linear-gradient(35deg, #5603ad 0, #9d03ad 100%) !important; } .bg-gradient-purple { background: linear-gradient(35deg, #8965e0 0, #bc65e0 100%) !important; } .bg-gradient-pink { background: linear-gradient(35deg, #f3a4b5 0, #f3b4a4 100%) !important; } .bg-gradient-orange { background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; } .bg-gradient-sky { background: linear-gradient(35deg, #64b5f6 0, #6478f6 100%) !important; } .bg-gradient-navy { background: linear-gradient(35deg, #0d47a1 0, #110da1 100%) !important; } .bg-gradient-berry { background: linear-gradient(35deg, #b71c1c 0, #b75d1c 100%) !important; } .bg-gradient-rose { background: linear-gradient(35deg, #e91e63 0, #e92e1e 100%) !important; } .bg-gradient-orchid { background: linear-gradient(35deg, #ba68c8 0, #c868ae 100%) !important; } .bg-gradient-blush { background: linear-gradient(35deg, #ef5350 0, #ef9550 100%) !important; } .bg-gradient-scarlet { background: linear-gradient(35deg, #d32f2f 0, #d3732f 100%) !important; } .bg-gradient-carrot { background: linear-gradient(35deg, #ef6c00 0, #efd000 100%) !important; } .bg-gradient-dark-gray { background: linear-gradient(35deg, #202020 0, #202020 100%) !important; } .bg-gradient-primary { background: linear-gradient(35deg, #5e72e4 0, #825ee4 100%) !important; } .bg-gradient-secondary { background: linear-gradient(35deg, #f4f5f7 0, #f4f4f7 100%) !important; } .bg-gradient-success { background: linear-gradient(35deg, #2dce89 0, #2dcecc 100%) !important; } .bg-gradient-info { background: linear-gradient(35deg, #11cdef 0, #1171ef 100%) !important; } .bg-gradient-warning { background: linear-gradient(35deg, #fb6340 0, #fbb140 100%) !important; } .bg-gradient-danger { background: linear-gradient(35deg, #f5365c 0, #f56036 100%) !important; } .bg-gradient-light { background: linear-gradient(35deg, #adb5bd 0, #adaebd 100%) !important; } .bg-gradient-dark { background: linear-gradient(35deg, #212529 0, #212229 100%) !important; } .bg-gradient-default { background: linear-gradient(35deg, #172b4d 0, #1a174d 100%) !important; } .bg-gradient-white { background: linear-gradient(35deg, #fff 0, white 100%) !important; } .bg-gradient-neutral { background: linear-gradient(35deg, #fff 0, white 100%) !important; } .bg-gradient-darker { background: linear-gradient(35deg, black 0, black 100%) !important; } .fill-indigo { fill: #5603ad; } .stroke-indigo { stroke: #5603ad; } .fill-purple { fill: #8965e0; } .stroke-purple { stroke: #8965e0; } .fill-pink { fill: #f3a4b5; } .stroke-pink { stroke: #f3a4b5; } .fill-orange { fill: #fb6340; } .stroke-orange { stroke: #fb6340; } .fill-sky { fill: #64b5f6; } .stroke-sky { stroke: #64b5f6; } .fill-navy { fill: #0d47a1; } .stroke-navy { stroke: #0d47a1; } .fill-berry { fill: #b71c1c; } .stroke-berry { stroke: #b71c1c; } .fill-rose { fill: #e91e63; } .stroke-rose { stroke: #e91e63; } .fill-orchid { fill: #ba68c8; } .stroke-orchid { stroke: #ba68c8; } .fill-blush { fill: #ef5350; } .stroke-blush { stroke: #ef5350; } .fill-scarlet { fill: #d32f2f; } .stroke-scarlet { stroke: #d32f2f; } .fill-carrot { fill: #ef6c00; } .stroke-carrot { stroke: #ef6c00; } .fill-dark-gray { fill: #202020; } .stroke-dark-gray { stroke: #202020; } .fill-primary { fill: #5e72e4; } .stroke-primary { stroke: #5e72e4; } .fill-secondary { fill: #f4f5f7; } .stroke-secondary { stroke: #f4f5f7; } .fill-success { fill: #2dce89; } .stroke-success { stroke: #2dce89; } .fill-info { fill: #11cdef; } .stroke-info { stroke: #11cdef; } .fill-warning { fill: #fb6340; } .stroke-warning { stroke: #fb6340; } .fill-danger { fill: #f5365c; } .stroke-danger { stroke: #f5365c; } .fill-light { fill: #adb5bd; } .stroke-light { stroke: #adb5bd; } .fill-dark { fill: #212529; } .stroke-dark { stroke: #212529; } .fill-default { fill: #172b4d; } .stroke-default { stroke: #172b4d; } .fill-white { fill: #fff; } .stroke-white { stroke: #fff; } .fill-neutral { fill: #fff; } .stroke-neutral { stroke: #fff; } .fill-darker { fill: black; } .stroke-darker { stroke: black; } .fill-opacity-8 { fill-opacity: 0.8; } .floating { -webkit-animation: floating 3s ease infinite; animation: floating 3s ease infinite; will-change: transform; } .floating:hover { -webkit-animation-play-state: paused; animation-play-state: paused; } .floating-lg { -webkit-animation: floating-lg 3s ease infinite; animation: floating-lg 3s ease infinite; } .floating-sm { -webkit-animation: floating-sm 3s ease infinite; animation: floating-sm 3s ease infinite; } @-webkit-keyframes floating-lg { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(0px); } } @keyframes floating-lg { 0% { transform: translateY(0px); } 50% { transform: translateY(15px); } 100% { transform: translateY(0px); } } @-webkit-keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } @keyframes floating { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } @-webkit-keyframes floating-sm { 0% { transform: translateY(0px); } 50% { transform: translateY(5px); } 100% { transform: translateY(0px); } } @keyframes floating-sm { 0% { transform: translateY(0px); } 50% { transform: translateY(5px); } 100% { transform: translateY(0px); } } .img-center { display: block; margin-left: auto; margin-right: auto; } .floatfix:before, .floatfix:after { content: ""; display: table; } .floatfix:after { clear: both; } .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-9 { opacity: 0.9 !important; } .opacity-10 { opacity: 1 !important; } .top-0 { top: 0; } .right-0 { right: 0; } .bottom-0 { bottom: 0; } .left-0 { left: 0; } .top-1 { top: 0.25rem; } .right-1 { right: 0.25rem; } .bottom-1 { bottom: 0.25rem; } .left-1 { left: 0.25rem; } .top-2 { top: 0.5rem; } .right-2 { right: 0.5rem; } .bottom-2 { bottom: 0.5rem; } .left-2 { left: 0.5rem; } .top-3 { top: 1rem; } .right-3 { right: 1rem; } .bottom-3 { bottom: 1rem; } .left-3 { left: 1rem; } .top-4 { top: 1.5rem; } .right-4 { right: 1.5rem; } .bottom-4 { bottom: 1.5rem; } .left-4 { left: 1.5rem; } .top-5 { top: 3rem; } .right-5 { right: 3rem; } .bottom-5 { bottom: 3rem; } .left-5 { left: 3rem; } .top--9 { top: -10rem; } .right--9 { right: -10rem; } .bottom--9 { bottom: -10rem; } .left--9 { left: -10rem; } .top--8 { top: -8rem; } .right--8 { right: -8rem; } .bottom--8 { bottom: -8rem; } .left--8 { left: -8rem; } .top--7 { top: -6rem; } .right--7 { right: -6rem; } .bottom--7 { bottom: -6rem; } .left--7 { left: -6rem; } .top--6 { top: -4.5rem; } .right--6 { right: -4.5rem; } .bottom--6 { bottom: -4.5rem; } .left--6 { left: -4.5rem; } .top--5 { top: -3rem; } .right--5 { right: -3rem; } .bottom--5 { bottom: -3rem; } .left--5 { left: -3rem; } .top--4 { top: -1.5rem; } .right--4 { right: -1.5rem; } .bottom--4 { bottom: -1.5rem; } .left--4 { left: -1.5rem; } .top--3 { top: -1rem; } .right--3 { right: -1rem; } .bottom--3 { bottom: -1rem; } .left--3 { left: -1rem; } .top--2 { top: -0.5rem; } .right--2 { right: -0.5rem; } .bottom--2 { bottom: -0.5rem; } .left--2 { left: -0.5rem; } .top--1 { top: -0.25rem; } .right--1 { right: -0.25rem; } .bottom--1 { bottom: -0.25rem; } .left--1 { left: -0.25rem; } .top-6 { top: 4.5rem; } .right-6 { right: 4.5rem; } .bottom-6 { bottom: 4.5rem; } .left-6 { left: 4.5rem; } .top-7 { top: 6rem; } .right-7 { right: 6rem; } .bottom-7 { bottom: 6rem; } .left-7 { left: 6rem; } .top-8 { top: 8rem; } .right-8 { right: 8rem; } .bottom-8 { bottom: 8rem; } .left-8 { left: 8rem; } .top-9 { top: 10rem; } .right-9 { right: 10rem; } .bottom-9 { bottom: 10rem; } .left-9 { left: 10rem; } .center { left: 50%; transform: translateX(-50%); } .h-100vh { height: 100vh !important; } .row.row-grid > [class*=col-] + [class*=col-] { margin-top: 3rem; } @media (min-width: 992px) { .row.row-grid > [class*=col-lg-] + [class*=col-lg-] { margin-top: 0; } } @media (min-width: 768px) { .row.row-grid > [class*=col-md-] + [class*=col-md-] { margin-top: 0; } } @media (min-width: 576px) { .row.row-grid > [class*=col-sm-] + [class*=col-sm-] { margin-top: 0; } } .row-grid + .row-grid { margin-top: 3rem; } @media (min-width: 992px) { [class*=mt--], [class*=mr--], [class*=mb--], [class*=ml--] { position: relative; z-index: 5; } .mt--100 { margin-top: -100px !important; } .mr--100 { margin-right: -100px !important; } .mb--100 { margin-bottom: -100px !important; } .ml--100 { margin-left: -100px !important; } .mt--150 { margin-top: -150px !important; } .mb--150 { margin-bottom: -150px !important; } .mt--200 { margin-top: -200px !important; } .mb--200 { margin-bottom: -200px !important; } .mt--300 { margin-top: -300px !important; } .mb--300 { margin-bottom: -300px !important; } .pt-100 { padding-top: 100px !important; } .pb-100 { padding-bottom: 100px !important; } .pt-150 { padding-top: 150px !important; } .pb-150 { padding-bottom: 150px !important; } .pt-200 { padding-top: 200px !important; } .pb-200 { padding-bottom: 200px !important; } .pt-250 { padding-top: 250px !important; } .pb-250 { padding-bottom: 250px !important; } .pt-300 { padding-top: 300px !important; } .pb-300 { padding-bottom: 300px !important; } } [class*=shadow] { transition: all 0.15s ease; } .shadow-sm--hover:hover { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow--hover:hover { box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07) !important; } .shadow-lg--hover:hover { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none--hover:hover { box-shadow: none !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .text-xs { font-size: 0.75rem !important; } .text-sm { font-size: 0.875rem !important; } .text-lg { font-size: 1.25rem !important; } .text-xl { font-size: 1.5rem !important; } .text-underline { text-decoration: underline; } .text-through { text-decoration: line-through; } .lh-100 { line-height: 1; } .lh-110 { line-height: 1.1; } .lh-120 { line-height: 1.2; } .lh-130 { line-height: 1.3; } .lh-140 { line-height: 1.4; } .lh-150 { line-height: 1.5; } .lh-160 { line-height: 1.6; } .lh-170 { line-height: 1.7; } .lh-180 { line-height: 1.8; } .ls-1 { letter-spacing: 0.0625rem; } .ls-15 { letter-spacing: 0.09375rem; } .ls-2 { letter-spacing: 0.125rem; } .text-light-gray { color: #f7f9f9 !important; } a.text-light-gray:hover, a.text-light-gray:focus { color: #cbd8d8 !important; } .text-dark-viridian { color: #212529 !important; } a.text-dark-viridian:hover, a.text-dark-viridian:focus { color: black !important; } .text-sky { color: #64b5f6 !important; } a.text-sky:hover, a.text-sky:focus { color: #1c92f2 !important; } .text-navy { color: #0d47a1 !important; } a.text-navy:hover, a.text-navy:focus { color: #07285a !important; } .text-berry { color: #b71c1c !important; } a.text-berry:hover, a.text-berry:focus { color: #751212 !important; } .text-rose { color: #e91e63 !important; } a.text-rose:hover, a.text-rose:focus { color: #aa1145 !important; } .text-orchid { color: #ba68c8 !important; } a.text-orchid:hover, a.text-orchid:focus { color: #973da7 !important; } .text-blush { color: #ef5350 !important; } a.text-blush:hover, a.text-blush:focus { color: #de1814 !important; } .text-scarlet { color: #d32f2f !important; } a.text-scarlet:hover, a.text-scarlet:focus { color: #962020 !important; } .text-carrot { color: #ef6c00 !important; } a.text-carrot:hover, a.text-carrot:focus { color: #a34900 !important; } .text-dark-gray { color: #202020 !important; } a.text-dark-gray:hover, a.text-dark-gray:focus { color: black !important; } .text-blue { color: #5e72e4 !important; } a.text-blue:hover, a.text-blue:focus { color: #233dd2 !important; } .text-indigo { color: #5603ad !important; } a.text-indigo:hover, a.text-indigo:focus { color: #310262 !important; } .text-purple { color: #8965e0 !important; } a.text-purple:hover, a.text-purple:focus { color: #5a2acf !important; } .text-pink { color: #f3a4b5 !important; } a.text-pink:hover, a.text-pink:focus { color: #ea607e !important; } .text-red { color: #f5365c !important; } a.text-red:hover, a.text-red:focus { color: #d40b33 !important; } .text-orange { color: #fb6340 !important; } a.text-orange:hover, a.text-orange:focus { color: #ea3005 !important; } .text-yellow { color: #ffd600 !important; } a.text-yellow:hover, a.text-yellow:focus { color: #b39600 !important; } .text-green { color: #2dce89 !important; } a.text-green:hover, a.text-green:focus { color: #1f8f5f !important; } .text-teal { color: #11cdef !important; } a.text-teal:hover, a.text-teal:focus { color: #0b90a8 !important; } .text-cyan { color: #2bffc6 !important; } a.text-cyan:hover, a.text-cyan:focus { color: #00dea2 !important; } .text-white { color: #fff !important; } a.text-white:hover, a.text-white:focus { color: #d9d9d9 !important; } .text-gray { color: #8898aa !important; } a.text-gray:hover, a.text-gray:focus { color: #607286 !important; } .text-gray-dark { color: #32325d !important; } a.text-gray-dark:hover, a.text-gray-dark:focus { color: #17172b !important; } .text-light { color: #ced4da !important; } a.text-light:hover, a.text-light:focus { color: #a2aeb9 !important; } .text-lighter { color: #e9ecef !important; } a.text-lighter:hover, a.text-lighter:focus { color: #bdc6cf !important; } @media (min-width: 992px) { .transform-perspective-right { transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg); } .transform-perspective-left { transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg); } } .blur--hover { position: relative; } .blur--hover .blur-item { transition: 1s cubic-bezier(0.19, 1, 0.22, 1); will-change: transform; filter: blur(0); opacity: 1; } .blur--hover .blur-hidden { position: absolute; top: calc(50% + 7px); left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.15s ease; z-index: 100; } .blur--hover:hover .blur-item { opacity: 0.8; filter: blur(10px); transform: scale(0.95); z-index: 1; } .blur--hover:hover .blur-hidden { opacity: 1; top: 50%; } .img-center { display: block; margin-left: auto; margin-right: auto; } .opacity-1 { opacity: 0.1 !important; } .opacity-2 { opacity: 0.2 !important; } .opacity-3 { opacity: 0.3 !important; } .opacity-4 { opacity: 0.4 !important; } .opacity-5 { opacity: 0.5 !important; } .opacity-6 { opacity: 0.6 !important; } .opacity-7 { opacity: 0.7 !important; } .opacity-8 { opacity: 0.8 !important; } .opacity-8 { opacity: 0.9 !important; } .opacity-10 { opacity: 1 !important; } .overflow-visible { overflow: visible !important; } .overflow-hidden { overflow: hidden !important; } .accordion .card-header { position: relative; cursor: pointer; } .accordion .card-header:after { content: "\ea0f"; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%); font: normal normal normal 14px/1 NucleoIcons; line-height: 0; transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .accordion .card-header:after { transition: none; } } .accordion .card-header[aria-expanded=false]:after { content: "\ea0f"; } .accordion .card-header[aria-expanded=true]:after { transform: rotate(180deg); } .accordion .card-header[aria-expanded=true] .heading { color: #5e72e4; } .alert { padding: 1rem 1.5rem; border: 0; font-size: 0.875rem; border-radius: 0.25rem; } .alert .alert-inner--icon { font-size: 1.25rem; margin-right: 1.25rem; display: inline-block; vertical-align: middle; } .alert .alert-inner--icon i.ni { position: relative; top: 1px; } .alert .alert-inner--text { display: inline-block; vertical-align: middle; } .alert:not(.alert-secondary) { color: #fff; } [class*=alert-] .alert-link { color: #fff; border-bottom: 1px dotted rgba(255, 255, 255, 0.5); } .alert-heading { font-weight: 600; font-size: 0.9375rem; margin-top: 0.15rem; } .alert-dismissible .close { top: 50%; right: 1.5rem; padding: 0; transform: translateY(-50%); color: rgba(255, 255, 255, 0.6); opacity: 1; } .alert-dismissible .close:hover, .alert-dismissible .close:focus { color: rgba(255, 255, 255, 0.9); opacity: 1 !important; } @media (max-width: 575.98px) { .alert-dismissible .close { top: 1rem; right: 0.5rem; } } .alert-dismissible .close > span:not(.sr-only) { font-size: 1.5rem; background-color: transparent; color: rgba(255, 255, 255, 0.6); } .alert-dismissible .close:hover > span:not(.sr-only), .alert-dismissible .close:focus > span:not(.sr-only) { background-color: transparent; color: rgba(255, 255, 255, 0.9); } .alert-secondary .close > span:not(.sr-only) { color: rgba(23, 43, 77, 0.6); } .alert-secondary .close:hover > span:not(.sr-only), .alert-secondary .close:focus > span:not(.sr-only) { color: #172b4d; } .alert-notify { display: flex !important; max-width: 600px; width: calc(100% - 30px); padding-right: 80px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.85); } .alert-notify:hover { z-index: 1081 !important; } .alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) { background-color: rgba(0, 0, 0, 0.95); } .alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) .alert-notify-close { color: #ffd600; } .alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) .alert-notify-close:hover { opacity: 0.8; } .alert-notify .alert-icon.ni { position: relative; top: 4px; } .alert-notify .alert-title { display: block; font-size: 1rem; font-weight: 600; } .alert-notify .close { top: 1rem !important; right: 1.5rem !important; transform: translateY(0); } .avatar { color: #fff; background-color: #adb5bd; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; border-radius: 50%; height: 48px; width: 48px; } .avatar img { width: 100%; border-radius: 50%; } .avatar + .avatar-content { display: inline-block; margin-left: 0.75rem; } .avatar-xl { width: 74px; height: 74px; } .avatar-lg { width: 58px; height: 58px; font-size: 0.875rem; } .avatar-sm { width: 38px; height: 38px; font-size: 0.875rem; } .avatar-group .avatar { position: relative; z-index: 2; border: 2px solid #fff; } .avatar-group .avatar:hover { z-index: 3; } .avatar-group .avatar + .avatar { margin-left: -1rem; } .badge { text-transform: uppercase; } .badge a { color: #fff; } .badge-pill { padding-right: 0.875em; padding-left: 0.875em; } .badge-circle { text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; width: 2rem; height: 2rem; font-size: 0.875rem; } .badge-inline { margin-right: 0.625rem; } .badge-inline + span { top: 2px; position: relative; } .badge-inline + span > a { text-decoration: underline; } .badge-md { padding: 0.65em 1em; } .badge-lg { padding: 0.85em 1.375em; } .badge-secondary { color: #32325d; } .btn .badge:not(:first-child) { margin-left: 0.5rem; } .btn .badge:not(:last-child) { margin-right: 0.5rem; } .breadcrumb-item { font-size: 0.875rem; } .breadcrumb-dark { background-color: #172b4d; } .breadcrumb-dark .breadcrumb-item { font-weight: 600; } .breadcrumb-dark .breadcrumb-item a { color: #f6f9fc; } .breadcrumb-dark .breadcrumb-item a:hover { color: #fff; } .breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before { color: #adb5bd; } .breadcrumb-dark .breadcrumb-item.active { color: #dee2e6; } .breadcrumb-links { padding: 0; margin: 0; background: transparent; } .btn { position: relative; text-transform: uppercase; will-change: transform; letter-spacing: 0.025em; font-size: 0.875rem; } .btn:hover { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transform: translateY(-1px); } .btn:not(:last-child) { margin-right: 0.5rem; } .btn-group .btn { box-shadow: none; } .btn-group .btn, .input-group .btn { margin-right: 0; transform: translateY(0); } [data-toggle=buttons]:not(.btn-group-colors) > .btn { background-color: #f6f9fc; cursor: pointer; box-shadow: none; border: 0; margin: 0; } [data-toggle=buttons]:not(.btn-group-colors) > .btn:not(.active) { color: #525f7f; } [data-toggle=buttons]:not(.btn-group-colors) > .btn.active { background-color: #5e72e4; color: #fff; } .btn-group-colors > .btn { box-shadow: none; /*border-radius: 50% !important;*/ width: 20px; height: 20px; padding: 0; margin-right: 0.5rem; margin-bottom: 0.25rem; position: relative; } .btn-group-colors > .btn:not([class*=bg-]) { border-color: #f6f9fc !important; } .btn-group-colors > .btn:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 28px; color: #fff; transform: scale(0); opacity: 0; content: "\ea26"; font-family: NucleoIcons, sans-serif; font-size: 14px; transition: transform 200ms, opacity 200ms; } @media (prefers-reduced-motion: reduce) { .btn-group-colors > .btn:before { transition: none; } } .btn-group-colors > .btn.btn:not([class*=bg-]) { border: 1px solid #bbc4cc; } .btn-group-colors > .btn.btn:not([class*=bg-]):before { color: #525f7f; } .btn-group-colors > .btn.active:before { transform: scale(1); opacity: 1; } .btn-sm, .btn-group-sm > .btn { font-size: 0.75rem; } .btn-sm.btn-icon-only, .btn-group-sm > .btn-icon-only.btn { width: 35px; height: 35px; } .btn-sm .btn-inner--icon, .btn-group-sm > .btn .btn-inner--icon { font-size: 0.5rem; } .btn-lg.btn-icon-only, .btn-group-lg > .btn-icon-only.btn { width: 52px; height: 52px; } .btn-lg .btn-inner--icon, .btn-group-lg > .btn .btn-inner--icon { font-size: 1.2rem; position: relative; top: 2px; } [class*=btn-outline-] { border-width: 1px; } .btn-outline-secondary { color: #637089; } .btn-inner--icon i:not(.fa) { position: relative; } .btn-link { font-weight: 600; box-shadow: none; } .btn-link:hover { box-shadow: none; transform: none; } .btn-link.text-secondary { color: #637089 !important; } .btn-neutral { color: #5e72e4; } .btn svg:not(:first-child), .btn i:not(:first-child) { margin-left: 0.5rem; } .btn svg:not(:last-child), .btn i:not(:last-child) { margin-right: 0.5rem; } .btn-icon-label { position: relative; } .btn-icon-label .btn-inner--icon { position: absolute; height: 100%; line-height: 1; border-radius: 0; text-align: center; margin: 0; width: 3em; background-color: rgba(0, 0, 0, 0.1); } .btn-icon-label .btn-inner--icon:not(:first-child) { right: 0; top: 0; border-top-right-radius: inherit; border-bottom-right-radius: inherit; } .btn-icon-label .btn-inner--icon:not(:last-child) { left: 0; top: 0; border-top-left-radius: inherit; border-bottom-left-radius: inherit; } .btn-icon-label .btn-inner--icon svg { position: relative; top: 50%; transform: translateY(-50%); } .btn-icon-label .btn-inner--text:not(:first-child) { padding-left: 3em; } .btn-icon-label .btn-inner--text:not(:last-child) { padding-right: 3em; } .btn-icon .btn-inner--icon img { width: 20px; } .btn-icon .btn-inner--text:not(:first-child) { margin-left: 0.75em; } .btn-icon .btn-inner--text:not(:last-child) { margin-right: 0.75em; } .btn-icon-only { width: 2.375rem; height: 2.375rem; padding: 0; } a.btn-icon-only { line-height: 2.5; } .btn-icon-only.btn-sm, .btn-group-sm > .btn-icon-only.btn { width: 2rem; height: 2rem; } .btn-facebook { color: #fff; background-color: #3b5999; border-color: #3b5999; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-facebook:hover { color: #fff; background-color: #3b5999; border-color: #3b5999; } .btn-facebook:focus, .btn-facebook.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(59, 89, 153, 0.5); } .btn-facebook.disabled, .btn-facebook:disabled { color: #fff; background-color: #3b5999; border-color: #3b5999; } .btn-facebook:not(:disabled):not(.disabled):active, .btn-facebook:not(:disabled):not(.disabled).active, .show > .btn-facebook.dropdown-toggle { color: #fff; background-color: #2d4474; border-color: #3b5999; } .btn-facebook:not(:disabled):not(.disabled):active:focus, .btn-facebook:not(:disabled):not(.disabled).active:focus, .show > .btn-facebook.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(59, 89, 153, 0.5); } .btn-twitter { color: #fff; background-color: #1da1f2; border-color: #1da1f2; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-twitter:hover { color: #fff; background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:focus, .btn-twitter.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(29, 161, 242, 0.5); } .btn-twitter.disabled, .btn-twitter:disabled { color: #fff; background-color: #1da1f2; border-color: #1da1f2; } .btn-twitter:not(:disabled):not(.disabled):active, .btn-twitter:not(:disabled):not(.disabled).active, .show > .btn-twitter.dropdown-toggle { color: #fff; background-color: #0c85d0; border-color: #1da1f2; } .btn-twitter:not(:disabled):not(.disabled):active:focus, .btn-twitter:not(:disabled):not(.disabled).active:focus, .show > .btn-twitter.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(29, 161, 242, 0.5); } .btn-google-plus { color: #fff; background-color: #dd4b39; border-color: #dd4b39; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-google-plus:hover { color: #fff; background-color: #dd4b39; border-color: #dd4b39; } .btn-google-plus:focus, .btn-google-plus.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(221, 75, 57, 0.5); } .btn-google-plus.disabled, .btn-google-plus:disabled { color: #fff; background-color: #dd4b39; border-color: #dd4b39; } .btn-google-plus:not(:disabled):not(.disabled):active, .btn-google-plus:not(:disabled):not(.disabled).active, .show > .btn-google-plus.dropdown-toggle { color: #fff; background-color: #c23321; border-color: #dd4b39; } .btn-google-plus:not(:disabled):not(.disabled):active:focus, .btn-google-plus:not(:disabled):not(.disabled).active:focus, .show > .btn-google-plus.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(221, 75, 57, 0.5); } .btn-instagram { color: #fff; background-color: #e4405f; border-color: #e4405f; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-instagram:hover { color: #fff; background-color: #e4405f; border-color: #e4405f; } .btn-instagram:focus, .btn-instagram.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(228, 64, 95, 0.5); } .btn-instagram.disabled, .btn-instagram:disabled { color: #fff; background-color: #e4405f; border-color: #e4405f; } .btn-instagram:not(:disabled):not(.disabled):active, .btn-instagram:not(:disabled):not(.disabled).active, .show > .btn-instagram.dropdown-toggle { color: #fff; background-color: #d31e40; border-color: #e4405f; } .btn-instagram:not(:disabled):not(.disabled):active:focus, .btn-instagram:not(:disabled):not(.disabled).active:focus, .show > .btn-instagram.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(228, 64, 95, 0.5); } .btn-pinterest { color: #fff; background-color: #bd081c; border-color: #bd081c; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-pinterest:hover { color: #fff; background-color: #bd081c; border-color: #bd081c; } .btn-pinterest:focus, .btn-pinterest.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(189, 8, 28, 0.5); } .btn-pinterest.disabled, .btn-pinterest:disabled { color: #fff; background-color: #bd081c; border-color: #bd081c; } .btn-pinterest:not(:disabled):not(.disabled):active, .btn-pinterest:not(:disabled):not(.disabled).active, .show > .btn-pinterest.dropdown-toggle { color: #fff; background-color: #8c0615; border-color: #bd081c; } .btn-pinterest:not(:disabled):not(.disabled):active:focus, .btn-pinterest:not(:disabled):not(.disabled).active:focus, .show > .btn-pinterest.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(189, 8, 28, 0.5); } .btn-youtube { color: #fff; background-color: #cd201f; border-color: #cd201f; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-youtube:hover { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-youtube:focus, .btn-youtube.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(205, 32, 31, 0.5); } .btn-youtube.disabled, .btn-youtube:disabled { color: #fff; background-color: #cd201f; border-color: #cd201f; } .btn-youtube:not(:disabled):not(.disabled):active, .btn-youtube:not(:disabled):not(.disabled).active, .show > .btn-youtube.dropdown-toggle { color: #fff; background-color: #a11918; border-color: #cd201f; } .btn-youtube:not(:disabled):not(.disabled):active:focus, .btn-youtube:not(:disabled):not(.disabled).active:focus, .show > .btn-youtube.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(205, 32, 31, 0.5); } .btn-slack { color: #fff; background-color: #3aaf85; border-color: #3aaf85; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-slack:hover { color: #fff; background-color: #3aaf85; border-color: #3aaf85; } .btn-slack:focus, .btn-slack.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(58, 175, 133, 0.5); } .btn-slack.disabled, .btn-slack:disabled { color: #fff; background-color: #3aaf85; border-color: #3aaf85; } .btn-slack:not(:disabled):not(.disabled):active, .btn-slack:not(:disabled):not(.disabled).active, .show > .btn-slack.dropdown-toggle { color: #fff; background-color: #2d8968; border-color: #3aaf85; } .btn-slack:not(:disabled):not(.disabled):active:focus, .btn-slack:not(:disabled):not(.disabled).active:focus, .show > .btn-slack.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(58, 175, 133, 0.5); } .btn-dribbble { color: #fff; background-color: #ea4c89; border-color: #ea4c89; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-dribbble:hover { color: #fff; background-color: #ea4c89; border-color: #ea4c89; } .btn-dribbble:focus, .btn-dribbble.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(234, 76, 137, 0.5); } .btn-dribbble.disabled, .btn-dribbble:disabled { color: #fff; background-color: #ea4c89; border-color: #ea4c89; } .btn-dribbble:not(:disabled):not(.disabled):active, .btn-dribbble:not(:disabled):not(.disabled).active, .show > .btn-dribbble.dropdown-toggle { color: #fff; background-color: #e51e6b; border-color: #ea4c89; } .btn-dribbble:not(:disabled):not(.disabled):active:focus, .btn-dribbble:not(:disabled):not(.disabled).active:focus, .show > .btn-dribbble.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(234, 76, 137, 0.5); } .btn-github { color: #fff; background-color: #222222; border-color: #222222; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-github:hover { color: #fff; background-color: #222222; border-color: #222222; } .btn-github:focus, .btn-github.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(34, 34, 34, 0.5); } .btn-github.disabled, .btn-github:disabled { color: #fff; background-color: #222222; border-color: #222222; } .btn-github:not(:disabled):not(.disabled):active, .btn-github:not(:disabled):not(.disabled).active, .show > .btn-github.dropdown-toggle { color: #fff; background-color: #090909; border-color: #222222; } .btn-github:not(:disabled):not(.disabled):active:focus, .btn-github:not(:disabled):not(.disabled).active:focus, .show > .btn-github.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(34, 34, 34, 0.5); } .btn-icon-clipboard { margin: 0; padding: 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1.25; color: #32325d; background-color: #f6f9fc; border-radius: 0.25rem; border: 0; text-align: left; font-family: inherit; display: inline-block; vertical-align: middle; text-decoration: none; -moz-appearance: none; cursor: pointer; width: 100%; margin: 0.5rem 0; } .btn-icon-clipboard:hover { background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 0 0 1px, rgba(0, 0, 0, 0.1) 0 4px 16px; } .btn-icon-clipboard > div { align-items: center; display: flex; } .btn-icon-clipboard i { box-sizing: content-box; color: #5e72e4; vertical-align: middle; font-size: 1.5rem; } .btn-icon-clipboard span { display: inline-block; font-size: 0.875rem; line-height: 1.5; margin-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } .card { margin-bottom: 30px; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); border: 0; } .card-translucent { background-color: rgba(18, 91, 152, 0.08); } .card-deck .card { margin-bottom: 30px; } .card.shadow { border: 0 !important; } @media (min-width: 576px) { .card-columns { -moz-column-count: 1; column-count: 1; } } @media (min-width: 768px) { .card-columns { -moz-column-count: 2; column-count: 2; } } @media (min-width: 1200px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } } .w-10 { width: 10%; } .card-stats .card-body { padding: 1rem 1.5rem; } .card-stats .card-status-bullet { position: absolute; top: 0; right: 0; transform: translate(50%, -50%); } .card-profile-image { position: relative; } .card-profile-image img { max-width: 100px; border-radius: 0.25rem; border: 3px solid #fff; transform: translate(-50%, -50%) scale(1); position: absolute; left: 50%; transition: all 0.15s ease; } .card-profile-image img:hover { transform: translate(-50%, -50%) scale(1.03); } .card-profile-stats { padding: 1rem 0; } .card-profile-stats > div { text-align: center; margin-right: 1rem; padding: 0.875rem; } .card-profile-stats > div:last-child { margin-right: 0; } .card-profile-stats > div .heading { font-size: 1.1rem; font-weight: bold; display: block; } .card-profile-stats > div .description { font-size: 0.875rem; color: #adb5bd; } .card-profile-actions { padding: 0.875rem; } .card-pricing .card-header { padding-top: 1.25rem; padding-bottom: 1.25rem; } .card-pricing .list-unstyled li { padding: 0.5rem 0; color: #8898aa; } .card-pricing.popular { z-index: 1; border: 3px solid #5e72e4 !important; } @media (min-width: 768px) { .card-pricing.zoom-in { z-index: 1; transform: scale(1.1); } } .card-serial-number { display: flex; justify-content: space-between; font-size: 1.625rem; } .card-serial-number > div:not(:last-child) { display: flex; flex: 1 1 auto; } .card-serial-number > div:not(:last-child):after { content: "-"; flex: 1 1 auto; text-align: center; position: relative; left: -2px; } @media (max-width: 575.98px) { .card-serial-number { font-size: 1.0625rem; } } .card-blockquote { padding: 2rem; position: relative; } .card-blockquote .svg-bg { display: block; width: 100%; height: 95px; position: absolute; top: -94px; left: 0; } .card-lift--hover:hover { transform: translateY(-20px); transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .card-lift--hover:hover { transition: none; } } .chart { position: relative; height: 350px; } .chart-sm { height: 230px; } .chart-legend { display: flex; justify-content: center; margin-top: 2.5rem; font-size: 0.875rem; text-align: center; color: #8898aa; } .chart-legend-item { display: inline-flex; align-items: center; } .chart-legend-item + .chart-legend-item { margin-left: 1rem; } .chart-legend-indicator { display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.375rem; border-radius: 50%; } #chart-tooltip { z-index: 0; } #chart-tooltip .arrow { top: 100%; left: 50%; transform: translateX(-50%) translateX(-0.5rem); } .chart-info-overlay { position: absolute; top: 0; left: 5%; max-width: 350px; padding: 20px; z-index: 1; } .close { transition: all 0.15s ease; } .close > span:not(.sr-only) { background-color: transparent; color: rgba(0, 0, 0, 0.6); line-height: 17px; height: 1.25rem; width: 1.25rem; border-radius: 50%; font-size: 1.25rem; display: block; transition: all 0.15s ease; } .close:hover, .close:focus { background-color: transparent; color: rgba(0, 0, 0, 0.9); outline: none; } .close:hover span:not(.sr-only), .close:focus span:not(.sr-only) { background-color: transparent; } .main-content { position: relative; } .main-content .navbar-top { padding-left: 0 !important; padding-right: 0 !important; } @media (min-width: 768px) { .main-content .container-fluid { padding-left: 30px !important; padding-right: 30px !important; } } .custom-toggle { position: relative; display: inherit; width: 52px; height: 1.5rem; margin: 0; display: inline-block; } .custom-toggle input { display: none; } .custom-toggle input:checked + .custom-toggle-slider { border: 1px solid #5e72e4; } .custom-toggle input:checked + .custom-toggle-slider:before { background: #5e72e4; transform: translateX(28px); } .custom-toggle input:disabled + .custom-toggle-slider { border: 1px solid #e9ecef; } .custom-toggle input:disabled:checked + .custom-toggle-slider { border: 1px solid #e9ecef; } .custom-toggle input:disabled:checked + .custom-toggle-slider:before { background-color: #8a98eb; } .custom-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ced4da; border-radius: 34px !important; background-color: transparent; } .custom-toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; border-radius: 50% !important; background-color: #ddd; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .custom-toggle-wrapper .custom-toggle + .custom-toggle { margin-left: 1rem !important; } .custom-toggle input:checked + .custom-toggle-slider:after { content: attr(data-label-on); color: #5e72e4; right: auto; left: 0; } .custom-toggle-slider:after { color: #ced4da; content: attr(data-label-off); display: block; font-family: inherit; font-weight: 600; font-size: 0.75rem; line-height: 24px; position: absolute; right: 0; margin: 0 0.21667rem; top: 0; text-align: center; min-width: 1.66667rem; overflow: hidden; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .custom-toggle-slider:after { transition: none; } } .custom-toggle-indigo input:checked + .custom-toggle-slider { border-color: #5603ad; } .custom-toggle-indigo input:checked + .custom-toggle-slider:before { background: #5603ad; } .custom-toggle-indigo input:checked + .custom-toggle-slider:after { color: #5603ad; } .custom-toggle-indigo input:disabled:checked + .custom-toggle-slider { border-color: #5603ad; } .custom-toggle-indigo input:disabled:checked + .custom-toggle-slider:before { background-color: #6f04df; } .custom-toggle-purple input:checked + .custom-toggle-slider { border-color: #8965e0; } .custom-toggle-purple input:checked + .custom-toggle-slider:before { background: #8965e0; } .custom-toggle-purple input:checked + .custom-toggle-slider:after { color: #8965e0; } .custom-toggle-purple input:disabled:checked + .custom-toggle-slider { border-color: #8965e0; } .custom-toggle-purple input:disabled:checked + .custom-toggle-slider:before { background-color: #aa8fe9; } .custom-toggle-pink input:checked + .custom-toggle-slider { border-color: #f3a4b5; } .custom-toggle-pink input:checked + .custom-toggle-slider:before { background: #f3a4b5; } .custom-toggle-pink input:checked + .custom-toggle-slider:after { color: #f3a4b5; } .custom-toggle-pink input:disabled:checked + .custom-toggle-slider { border-color: #f3a4b5; } .custom-toggle-pink input:disabled:checked + .custom-toggle-slider:before { background-color: #f9d1da; } .custom-toggle-orange input:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-orange input:checked + .custom-toggle-slider:before { background: #fb6340; } .custom-toggle-orange input:checked + .custom-toggle-slider:after { color: #fb6340; } .custom-toggle-orange input:disabled:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-orange input:disabled:checked + .custom-toggle-slider:before { background-color: #fc8c72; } .custom-toggle-sky input:checked + .custom-toggle-slider { border-color: #64b5f6; } .custom-toggle-sky input:checked + .custom-toggle-slider:before { background: #64b5f6; } .custom-toggle-sky input:checked + .custom-toggle-slider:after { color: #64b5f6; } .custom-toggle-sky input:disabled:checked + .custom-toggle-slider { border-color: #64b5f6; } .custom-toggle-sky input:disabled:checked + .custom-toggle-slider:before { background-color: #94ccf9; } .custom-toggle-navy input:checked + .custom-toggle-slider { border-color: #0d47a1; } .custom-toggle-navy input:checked + .custom-toggle-slider:before { background: #0d47a1; } .custom-toggle-navy input:checked + .custom-toggle-slider:after { color: #0d47a1; } .custom-toggle-navy input:disabled:checked + .custom-toggle-slider { border-color: #0d47a1; } .custom-toggle-navy input:disabled:checked + .custom-toggle-slider:before { background-color: #115cd0; } .custom-toggle-berry input:checked + .custom-toggle-slider { border-color: #b71c1c; } .custom-toggle-berry input:checked + .custom-toggle-slider:before { background: #b71c1c; } .custom-toggle-berry input:checked + .custom-toggle-slider:after { color: #b71c1c; } .custom-toggle-berry input:disabled:checked + .custom-toggle-slider { border-color: #b71c1c; } .custom-toggle-berry input:disabled:checked + .custom-toggle-slider:before { background-color: #de2828; } .custom-toggle-rose input:checked + .custom-toggle-slider { border-color: #e91e63; } .custom-toggle-rose input:checked + .custom-toggle-slider:before { background: #e91e63; } .custom-toggle-rose input:checked + .custom-toggle-slider:after { color: #e91e63; } .custom-toggle-rose input:disabled:checked + .custom-toggle-slider { border-color: #e91e63; } .custom-toggle-rose input:disabled:checked + .custom-toggle-slider:before { background-color: #ee4c83; } .custom-toggle-orchid input:checked + .custom-toggle-slider { border-color: #ba68c8; } .custom-toggle-orchid input:checked + .custom-toggle-slider:before { background: #ba68c8; } .custom-toggle-orchid input:checked + .custom-toggle-slider:after { color: #ba68c8; } .custom-toggle-orchid input:disabled:checked + .custom-toggle-slider { border-color: #ba68c8; } .custom-toggle-orchid input:disabled:checked + .custom-toggle-slider:before { background-color: #cb8dd6; } .custom-toggle-blush input:checked + .custom-toggle-slider { border-color: #ef5350; } .custom-toggle-blush input:checked + .custom-toggle-slider:before { background: #ef5350; } .custom-toggle-blush input:checked + .custom-toggle-slider:after { color: #ef5350; } .custom-toggle-blush input:disabled:checked + .custom-toggle-slider { border-color: #ef5350; } .custom-toggle-blush input:disabled:checked + .custom-toggle-slider:before { background-color: #f3817f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider { border-color: #d32f2f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider:before { background: #d32f2f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider:after { color: #d32f2f; } .custom-toggle-scarlet input:disabled:checked + .custom-toggle-slider { border-color: #d32f2f; } .custom-toggle-scarlet input:disabled:checked + .custom-toggle-slider:before { background-color: #dc5959; } .custom-toggle-carrot input:checked + .custom-toggle-slider { border-color: #ef6c00; } .custom-toggle-carrot input:checked + .custom-toggle-slider:before { background: #ef6c00; } .custom-toggle-carrot input:checked + .custom-toggle-slider:after { color: #ef6c00; } .custom-toggle-carrot input:disabled:checked + .custom-toggle-slider { border-color: #ef6c00; } .custom-toggle-carrot input:disabled:checked + .custom-toggle-slider:before { background-color: #ff8623; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider { border-color: #202020; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider:before { background: #202020; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider:after { color: #202020; } .custom-toggle-dark-gray input:disabled:checked + .custom-toggle-slider { border-color: #202020; } .custom-toggle-dark-gray input:disabled:checked + .custom-toggle-slider:before { background-color: #3a3a3a; } .custom-toggle-primary input:checked + .custom-toggle-slider { border-color: #5e72e4; } .custom-toggle-primary input:checked + .custom-toggle-slider:before { background: #5e72e4; } .custom-toggle-primary input:checked + .custom-toggle-slider:after { color: #5e72e4; } .custom-toggle-primary input:disabled:checked + .custom-toggle-slider { border-color: #5e72e4; } .custom-toggle-primary input:disabled:checked + .custom-toggle-slider:before { background-color: #8a98eb; } .custom-toggle-secondary input:checked + .custom-toggle-slider { border-color: #f4f5f7; } .custom-toggle-secondary input:checked + .custom-toggle-slider:before { background: #f4f5f7; } .custom-toggle-secondary input:checked + .custom-toggle-slider:after { color: #f4f5f7; } .custom-toggle-secondary input:disabled:checked + .custom-toggle-slider { border-color: #f4f5f7; } .custom-toggle-secondary input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-success input:checked + .custom-toggle-slider { border-color: #2dce89; } .custom-toggle-success input:checked + .custom-toggle-slider:before { background: #2dce89; } .custom-toggle-success input:checked + .custom-toggle-slider:after { color: #2dce89; } .custom-toggle-success input:disabled:checked + .custom-toggle-slider { border-color: #2dce89; } .custom-toggle-success input:disabled:checked + .custom-toggle-slider:before { background-color: #54daa1; } .custom-toggle-info input:checked + .custom-toggle-slider { border-color: #11cdef; } .custom-toggle-info input:checked + .custom-toggle-slider:before { background: #11cdef; } .custom-toggle-info input:checked + .custom-toggle-slider:after { color: #11cdef; } .custom-toggle-info input:disabled:checked + .custom-toggle-slider { border-color: #11cdef; } .custom-toggle-info input:disabled:checked + .custom-toggle-slider:before { background-color: #41d7f2; } .custom-toggle-warning input:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-warning input:checked + .custom-toggle-slider:before { background: #fb6340; } .custom-toggle-warning input:checked + .custom-toggle-slider:after { color: #fb6340; } .custom-toggle-warning input:disabled:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-warning input:disabled:checked + .custom-toggle-slider:before { background-color: #fc8c72; } .custom-toggle-danger input:checked + .custom-toggle-slider { border-color: #f5365c; } .custom-toggle-danger input:checked + .custom-toggle-slider:before { background: #f5365c; } .custom-toggle-danger input:checked + .custom-toggle-slider:after { color: #f5365c; } .custom-toggle-danger input:disabled:checked + .custom-toggle-slider { border-color: #f5365c; } .custom-toggle-danger input:disabled:checked + .custom-toggle-slider:before { background-color: #f76783; } .custom-toggle-light input:checked + .custom-toggle-slider { border-color: #adb5bd; } .custom-toggle-light input:checked + .custom-toggle-slider:before { background: #adb5bd; } .custom-toggle-light input:checked + .custom-toggle-slider:after { color: #adb5bd; } .custom-toggle-light input:disabled:checked + .custom-toggle-slider { border-color: #adb5bd; } .custom-toggle-light input:disabled:checked + .custom-toggle-slider:before { background-color: #c9cfd4; } .custom-toggle-dark input:checked + .custom-toggle-slider { border-color: #212529; } .custom-toggle-dark input:checked + .custom-toggle-slider:before { background: #212529; } .custom-toggle-dark input:checked + .custom-toggle-slider:after { color: #212529; } .custom-toggle-dark input:disabled:checked + .custom-toggle-slider { border-color: #212529; } .custom-toggle-dark input:disabled:checked + .custom-toggle-slider:before { background-color: #383f45; } .custom-toggle-default input:checked + .custom-toggle-slider { border-color: #172b4d; } .custom-toggle-default input:checked + .custom-toggle-slider:before { background: #172b4d; } .custom-toggle-default input:checked + .custom-toggle-slider:after { color: #172b4d; } .custom-toggle-default input:disabled:checked + .custom-toggle-slider { border-color: #172b4d; } .custom-toggle-default input:disabled:checked + .custom-toggle-slider:before { background-color: #234174; } .custom-toggle-white input:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-white input:checked + .custom-toggle-slider:before { background: #fff; } .custom-toggle-white input:checked + .custom-toggle-slider:after { color: #fff; } .custom-toggle-white input:disabled:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-white input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-neutral input:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-neutral input:checked + .custom-toggle-slider:before { background: #fff; } .custom-toggle-neutral input:checked + .custom-toggle-slider:after { color: #fff; } .custom-toggle-neutral input:disabled:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-neutral input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-darker input:checked + .custom-toggle-slider { border-color: black; } .custom-toggle-darker input:checked + .custom-toggle-slider:before { background: black; } .custom-toggle-darker input:checked + .custom-toggle-slider:after { color: black; } .custom-toggle-darker input:disabled:checked + .custom-toggle-slider { border-color: black; } .custom-toggle-darker input:disabled:checked + .custom-toggle-slider:before { background-color: #171a1c; } .custom-radio .custom-control-input ~ .custom-control-label { cursor: pointer; font-size: 0.875rem; height: 1.25rem; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { border-color: #5e72e4; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled ~ .custom-control-label::before { border-color: #e9ecef; } .custom-radio .custom-control-input:disabled:checked::before { border-color: rgba(94, 114, 228, 0.5); } .custom-checkbox .custom-control-input ~ .custom-control-label { cursor: pointer; font-size: 0.875rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: #5e72e4; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before { border-color: #e9ecef; } .custom-checkbox .custom-control-input:disabled:checked::before { border-color: rgba(94, 114, 228, 0.5); } .custom-control-label::before { border: 1px solid #cad1d7; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); top: 0.125rem; left: -2rem; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before { transition: none; } } .custom-control-label::after { top: 0.125rem; left: -2rem; } .custom-control-label span { position: relative; top: 2px; } .custom-control-label { margin-bottom: 0; } .custom-control-alternative .custom-control-label::before { border: 0; box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); } .custom-control-alternative .custom-control-input:checked ~ .custom-control-label::before { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .custom-control-alternative .custom-control-input:active ~ .custom-control-label::before, .custom-control-alternative .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); } .custom-checkbox .custom-control-input ~ .custom-control-label { cursor: pointer; font-size: 0.875rem; height: 1.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-color: #5e72e4; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before { border-color: #e9ecef; } .custom-checkbox .custom-control-input:disabled:checked::before { border-color: rgba(94, 114, 228, 0.5); } .custom-checkbox-indigo .custom-control-input:checked ~ .custom-control-label::before { border-color: #5603ad; background-color: #5603ad; } .custom-checkbox-indigo .custom-control-input:checked ~ .custom-control-label::after { background-image: #5603ad; } .custom-checkbox-purple .custom-control-input:checked ~ .custom-control-label::before { border-color: #8965e0; background-color: #8965e0; } .custom-checkbox-purple .custom-control-input:checked ~ .custom-control-label::after { background-image: #8965e0; } .custom-checkbox-pink .custom-control-input:checked ~ .custom-control-label::before { border-color: #f3a4b5; background-color: #f3a4b5; } .custom-checkbox-pink .custom-control-input:checked ~ .custom-control-label::after { background-image: #f3a4b5; } .custom-checkbox-orange .custom-control-input:checked ~ .custom-control-label::before { border-color: #fb6340; background-color: #fb6340; } .custom-checkbox-orange .custom-control-input:checked ~ .custom-control-label::after { background-image: #fb6340; } .custom-checkbox-sky .custom-control-input:checked ~ .custom-control-label::before { border-color: #64b5f6; background-color: #64b5f6; } .custom-checkbox-sky .custom-control-input:checked ~ .custom-control-label::after { background-image: #64b5f6; } .custom-checkbox-navy .custom-control-input:checked ~ .custom-control-label::before { border-color: #0d47a1; background-color: #0d47a1; } .custom-checkbox-navy .custom-control-input:checked ~ .custom-control-label::after { background-image: #0d47a1; } .custom-checkbox-berry .custom-control-input:checked ~ .custom-control-label::before { border-color: #b71c1c; background-color: #b71c1c; } .custom-checkbox-berry .custom-control-input:checked ~ .custom-control-label::after { background-image: #b71c1c; } .custom-checkbox-rose .custom-control-input:checked ~ .custom-control-label::before { border-color: #e91e63; background-color: #e91e63; } .custom-checkbox-rose .custom-control-input:checked ~ .custom-control-label::after { background-image: #e91e63; } .custom-checkbox-orchid .custom-control-input:checked ~ .custom-control-label::before { border-color: #ba68c8; background-color: #ba68c8; } .custom-checkbox-orchid .custom-control-input:checked ~ .custom-control-label::after { background-image: #ba68c8; } .custom-checkbox-blush .custom-control-input:checked ~ .custom-control-label::before { border-color: #ef5350; background-color: #ef5350; } .custom-checkbox-blush .custom-control-input:checked ~ .custom-control-label::after { background-image: #ef5350; } .custom-checkbox-scarlet .custom-control-input:checked ~ .custom-control-label::before { border-color: #d32f2f; background-color: #d32f2f; } .custom-checkbox-scarlet .custom-control-input:checked ~ .custom-control-label::after { background-image: #d32f2f; } .custom-checkbox-carrot .custom-control-input:checked ~ .custom-control-label::before { border-color: #ef6c00; background-color: #ef6c00; } .custom-checkbox-carrot .custom-control-input:checked ~ .custom-control-label::after { background-image: #ef6c00; } .custom-checkbox-dark-gray .custom-control-input:checked ~ .custom-control-label::before { border-color: #202020; background-color: #202020; } .custom-checkbox-dark-gray .custom-control-input:checked ~ .custom-control-label::after { background-image: #202020; } .custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::before { border-color: #5e72e4; background-color: #5e72e4; } .custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::after { background-image: #5e72e4; } .custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before { border-color: #f4f5f7; background-color: #f4f5f7; } .custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::after { background-image: #f4f5f7; } .custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before { border-color: #2dce89; background-color: #2dce89; } .custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::after { background-image: #2dce89; } .custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before { border-color: #11cdef; background-color: #11cdef; } .custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::after { background-image: #11cdef; } .custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before { border-color: #fb6340; background-color: #fb6340; } .custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::after { background-image: #fb6340; } .custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before { border-color: #f5365c; background-color: #f5365c; } .custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::after { background-image: #f5365c; } .custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::before { border-color: #adb5bd; background-color: #adb5bd; } .custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::after { background-image: #adb5bd; } .custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before { border-color: #212529; background-color: #212529; } .custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::after { background-image: #212529; } .custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::before { border-color: #172b4d; background-color: #172b4d; } .custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::after { background-image: #172b4d; } .custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::before { border-color: #fff; background-color: #fff; } .custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::after { background-image: #fff; } .custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::before { border-color: #fff; background-color: #fff; } .custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::after { background-image: #fff; } .custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::before { border-color: black; background-color: black; } .custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::after { background-image: black; } .dropdown, .dropup, .dropright, .dropleft { display: inline-block; } .dropdown-menu { min-width: 12rem; } .dropdown-menu .dropdown-item { padding: 1rem; font-size: 0.875rem; } .dropdown-menu .dropdown-item > i, .dropdown-menu .dropdown-item > svg { margin-right: 1rem; font-size: 1rem; vertical-align: -17%; } .dropdown-header { padding-left: 1rem; padding-right: 1rem; color: #f6f9fc; font-size: 0.625rem; text-transform: uppercase; font-weight: 700; } .dropdown-menu a.media > div:first-child { line-height: 1; } .dropdown-menu a.media p { color: #8898aa; } .dropdown-menu a.media:hover .heading, .dropdown-menu a.media:hover p { color: #172b4d !important; } .dropdown-menu-sm { min-width: 100px; border: 0.3rem; } .dropdown-menu-lg { min-width: 260px; border-radius: 0.3rem; } .dropdown-menu-xl { min-width: 450px; border-radius: 0.3rem; } .footer { background: #f4f5f7; padding: 1.5rem 0; } .footer .col-footer .heading { color: #8898aa; letter-spacing: 0; font-size: 0.875rem; text-transform: uppercase; font-weight: 600; margin-bottom: 1rem; } .footer .nav .nav-item .nav-link, .footer .footer-link { color: #8898aa !important; } .footer .nav .nav-item .nav-link:hover, .footer .footer-link:hover { color: #525f7f !important; } .footer .list-unstyled li a { display: inline-block; padding: 0.125rem 0; color: #8898aa; font-size: 0.85rem; } .footer .list-unstyled li a:hover { color: #525f7f; } .footer .copyright { font-size: 0.875rem; } .footer .dropdown .btn:not(:disabled):not(.disabled):active:focus, .footer .dropdown .btn:not(:disabled):not(.disabled).active:focus { box-shadow: none; } .footer-dark .col-footer .heading { color: #fff; } .footer.has-cards { overflow: hidden; padding-top: 500px; margin-top: -420px; position: relative; background: transparent; pointer-events: none; } .footer.has-cards:before { content: ""; position: absolute; left: 0; right: 0; top: 600px; height: 2000px; background: #f4f5f7; transform: skew(0, -8deg); } .footer.has-cards .container { pointer-events: auto; position: relative; } .nav-footer .nav-link { font-size: 0.875rem; } .nav-footer .nav-item:last-child .nav-link { padding-right: 0; } .footer-auto-bottom { position: absolute; bottom: 0; width: 100%; } /* Form controls */ label { font-size: 0.875rem; } .form-control-label { color: #525f7f; font-size: 0.875rem; font-weight: 600; } .form-control { font-size: 0.875rem; transition: all 0.15s ease; } .form-control:focus::-moz-placeholder { color: #adb5bd; } .form-control:focus::placeholder { color: #adb5bd; } .form-control.is-valid, .form-control.is-invalid { background-image: none; } .form-control { font-size: 0.875rem; transition: all 0.15s ease-in-out; height: calc( 1.5em + 1.25rem + 5px ); } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control:focus::-moz-placeholder { color: #adb5bd; } .form-control:focus::placeholder { color: #adb5bd; } .form-control-lg { height: calc( 2.25em + 1.25rem + 5px ); } .form-control-sm { height: calc( 0.45em + 1.25rem + 5px ); } .form-control-flush { padding: 0; border-width: 0; background-color: transparent; box-shadow: none; } .form-control-flush:focus { background-color: transparent; box-shadow: none; border-width: 0; } /* Textareas */ textarea[resize=none] { resize: none !important; } textarea[resize=both] { resize: both !important; } textarea[resize=vertical] { resize: vertical !important; } textarea[resize=horizontal] { resize: horizontal !important; } /* Alternative styles */ .form-control-muted { background-color: #edf0f5; border-color: #edf0f5; box-shadow: none; } .form-control-muted:focus { background-color: #edf0f5; } .form-control-alternative { box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); border: 0; transition: box-shadow 0.15s ease; } .form-control-alternative:focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .form-control-lg { font-size: 1rem; } .has-success, .has-danger { position: relative; } .has-success:after, .has-danger:after { width: 19px; height: 19px; line-height: 19px; text-align: center; font-family: "NucleoIcons"; display: inline-block; position: absolute; right: 15px; top: 2px; transform: translateY(50%); border-radius: 50%; font-size: 9px; opacity: 1; } .has-success .form-control-alternative.is-valid:focus, .has-success .form-control-alternative.is-invalid:focus, .has-danger .form-control-alternative.is-valid:focus, .has-danger .form-control-alternative.is-invalid:focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; } .has-success:after { content: "\ea26"; color: daken(#2dce89, 18%); background-color: #69deac; } .has-success .form-control { background-color: #fff; } .has-success .form-control:focus { border-color: rgba(50, 151, 211, 0.25); } .has-success .form-control::-moz-placeholder { color: #2dce89; } .has-success .form-control::placeholder { color: #2dce89; } .has-danger:after { content: "\ea53"; color: daken(#fb6340, 18%); background-color: #fda08b; } .has-danger .form-control { background-color: #fff; } .has-danger .form-control:focus { border-color: rgba(50, 151, 211, 0.25); } .has-danger .form-control::-moz-placeholder { color: #fb6340; } .has-danger .form-control::placeholder { color: #fb6340; } .custom-control { padding-left: 2rem; } .input-group { box-shadow: none; border-radius: 0.25rem; transition: all 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group { transition: none; } } .input-group .form-control { box-shadow: none; } .input-group .form-control:focus { box-shadow: none; } .input-group-text { transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .input-group-text { transition: none; } } .input-group-text i { font-size: 0.875rem; } .input-group-text .custom-control { line-height: 1; } .input-group-prepend .input-group-text { border-right: 0; } .input-group-append .input-group-text { border-left: 0; } .input-group-merge .form-control:not(:first-child) { border-left: 0; padding-left: 0; } .input-group-merge .form-control:not(:last-child) { border-right: 0; padding-right: 0; } .input-group-alternative { box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); border: 0; transition: box-shadow 0.15s ease; } .input-group-alternative .form-control, .input-group-alternative .input-group-text { border: 0; box-shadow: none; } .focused .input-group-alternative { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; } .input-group-flush { box-shadow: none; } .input-group-flush > .form-control { padding: 0; border-width: 0; background-color: transparent; } .input-group-flush > .input-group-prepend > .input-group-text, .input-group-flush > .input-group-append > .input-group-text { padding: 0; padding-right: 1rem; border-width: 0; background-color: transparent; } .focused .input-group { box-shadow: none; } .focused .input-group-text { color: #8898aa; background-color: #fff; border-color: rgba(50, 151, 211, 0.25); } .focused .form-control { border-color: rgba(50, 151, 211, 0.25); } .focused .input-group-flush { box-shadow: none; } .form-primary .form-control { color: #fff; background-color: rgba(50, 76, 221, 0.5); border-color: #324cdd; } .form-primary .form-control:focus { background-color: rgba(42, 68, 219, 0.7); border: 1px solid #2a44db; } .form-primary .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.8); } .form-primary .form-control::placeholder { color: rgba(255, 255, 255, 0.8); } .form-primary .input-group-text { color: #fff; background-color: rgba(50, 76, 221, 0.5); border-color: #324cdd; } .form-primary .focused .input-group-text { color: #fff; background-color: rgba(42, 68, 219, 0.7); border-color: #2a44db; } @media (min-width: 992px) { .container-lg { max-width: 1160px; } } .row-example > .col span, .row-example > [class^=col-] span { display: block; padding: 0.75rem; color: rgb(57, 63, 73); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px; font-size: 0.875rem; border-radius: 0.25rem; margin: 1rem 0; } .no-gutters > .col span, .no-gutters > [class^=col-] span { border-radius: 0; } .icon { width: 3rem; height: 3rem; } .icon i, .icon svg { font-size: 3rem-0.75; } .icon + .icon-text { padding-left: 1rem; width: calc(100% - 3rem - 1); } .icon-xl { width: 5rem; height: 5rem; } .icon-xl i, .icon-xl svg { font-size: 5rem-0.75; } .icon-xl + .icon-text { width: calc(100% - 5rem - 1); } .icon-lg { width: 4rem; height: 4rem; } .icon-lg i, .icon-lg svg { font-size: 4rem-0.75; } .icon-lg + .icon-text { width: calc(100% - 4rem - 1); } .icon-sm { width: 2rem; height: 2rem; } .icon-sm i, .icon-sm svg { font-size: 2rem-0.75; } .icon-sm + .icon-text { width: calc(100% - 2rem - 1); } .icon-xs { width: 1.25rem; height: 1.25rem; } .icon-xs i, .icon-xs svg { font-size: 1.25rem-0.75 !important; } .icon-xs + .icon-text { width: calc(100% - 1.25rem - 1); } .icon-shape { padding: 12px; text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; } .icon-shape i, .icon-shape svg { font-size: 1.25rem; } .icon-shape.icon-lg i, .icon-shape.icon-lg svg { font-size: 1.625rem; } .icon-shape.icon-sm i, .icon-shape.icon-sm svg { font-size: 0.875rem; } .icon-shape svg { width: 30px; height: 30px; } .icon-shape-indigo { color: #3d007d; background-color: rgba(111, 4, 223, 0.5); } .icon-shape-purple { color: #642fe3; background-color: rgba(170, 143, 233, 0.5); } .icon-shape-pink { color: #f56f8c; background-color: rgba(249, 209, 218, 0.5); } .icon-shape-orange { color: #ff3709; background-color: rgba(252, 140, 114, 0.5); } .icon-shape-sky { color: #299ffe; background-color: rgba(148, 204, 249, 0.5); } .icon-shape-navy { color: #033178; background-color: rgba(17, 92, 208, 0.5); } .icon-shape-berry { color: #930d0d; background-color: rgba(222, 40, 40, 0.5); } .icon-shape-rose { color: #cc084b; background-color: rgba(238, 76, 131, 0.5); } .icon-shape-orchid { color: #b137c6; background-color: rgba(203, 141, 214, 0.5); } .icon-shape-blush { color: #f71915; background-color: rgba(243, 129, 127, 0.5); } .icon-shape-scarlet { color: #b51a1a; background-color: rgba(220, 89, 89, 0.5); } .icon-shape-carrot { color: #bc5500; background-color: rgba(255, 134, 35, 0.5); } .icon-shape-dark-gray { color: #070606; background-color: rgba(58, 58, 58, 0.5); } .icon-shape-primary { color: #2643e9; background-color: rgba(138, 152, 235, 0.5); } .icon-shape-secondary { color: #d3d9e5; background-color: rgba(255, 255, 255, 0.5); } .icon-shape-success { color: #1aae6f; background-color: rgba(84, 218, 161, 0.5); } .icon-shape-info { color: #03acca; background-color: rgba(65, 215, 242, 0.5); } .icon-shape-warning { color: #ff3709; background-color: rgba(252, 140, 114, 0.5); } .icon-shape-danger { color: #f80031; background-color: rgba(247, 103, 131, 0.5); } .icon-shape-light { color: #879cb0; background-color: rgba(201, 207, 212, 0.5); } .icon-shape-dark { color: #090c0e; background-color: rgba(56, 63, 69, 0.5); } .icon-shape-default { color: #091428; background-color: rgba(35, 65, 116, 0.5); } .icon-shape-white { color: #e8e3e3; background-color: rgba(255, 255, 255, 0.5); } .icon-shape-neutral { color: #e8e3e3; background-color: rgba(255, 255, 255, 0.5); } .icon-shape-darker { color: black; background-color: rgba(23, 26, 28, 0.5); } .input-group { box-shadow: none; border-radius: 0.25rem; transition: all 0.15s ease; } .input-group .form-control { box-shadow: none; } .input-group .form-control:not(:first-child) { border-left: 0; padding-left: 0; } .input-group .form-control:not(:last-child) { border-right: 0; padding-right: 0; } .input-group .form-control:focus { box-shadow: none; } .input-group .input-group-prepend { margin-right: 0; } .input-group .input-group-prepend .input-group-text { border-right: none; } .input-group-text { transition: all 0.15s ease; } .input-group-alternative { box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); border: 0; transition: box-shadow 0.15s ease; } .input-group-alternative .form-control, .input-group-alternative .input-group-text { border: 0; box-shadow: none; } .focused .input-group-alternative { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08) !important; } .focused .input-group { box-shadow: none; } .focused .input-group-text { color: #8898aa; background-color: #fff; border-color: #5e72e4; } .focused .form-control { border-color: #5e72e4; } .list-group-space .list-group-item { margin-bottom: 1.5rem; border-radius: 0.25rem; } .list-group-img { width: 3rem; height: 3rem; border-radius: 50%; vertical-align: top; margin: -0.1rem 1.2rem 0 -0.2rem; } .list-group-content { flex: 1; min-width: 0; } .list-group-content > p { color: #adb5bd; line-height: 1.5; margin: 0.2rem 0 0; } .list-group-heading { font-size: 1rem; color: #32325d; } .list-group-heading > small { float: right; color: #adb5bd; font-weight: 500; } .checklist-item { display: flex; justify-content: space-between; align-items: center; position: relative; padding-left: 0.75rem; } .checklist-item:before { content: ""; position: absolute; width: 3px; height: 100%; top: 0; left: 0; background-color: #5e72e4; border-radius: 8px; } .checklist-item-checked .checklist-info * { text-decoration: line-through; } .checklist-item-indigo:before { background-color: #5603ad; } .checklist-item-purple:before { background-color: #8965e0; } .checklist-item-pink:before { background-color: #f3a4b5; } .checklist-item-orange:before { background-color: #fb6340; } .checklist-item-sky:before { background-color: #64b5f6; } .checklist-item-navy:before { background-color: #0d47a1; } .checklist-item-berry:before { background-color: #b71c1c; } .checklist-item-rose:before { background-color: #e91e63; } .checklist-item-orchid:before { background-color: #ba68c8; } .checklist-item-blush:before { background-color: #ef5350; } .checklist-item-scarlet:before { background-color: #d32f2f; } .checklist-item-carrot:before { background-color: #ef6c00; } .checklist-item-dark-gray:before { background-color: #202020; } .checklist-item-primary:before { background-color: #5e72e4; } .checklist-item-secondary:before { background-color: #f4f5f7; } .checklist-item-success:before { background-color: #2dce89; } .checklist-item-info:before { background-color: #11cdef; } .checklist-item-warning:before { background-color: #fb6340; } .checklist-item-danger:before { background-color: #f5365c; } .checklist-item-light:before { background-color: #adb5bd; } .checklist-item-dark:before { background-color: #212529; } .checklist-item-default:before { background-color: #172b4d; } .checklist-item-white:before { background-color: #fff; } .checklist-item-neutral:before { background-color: #fff; } .checklist-item-darker:before { background-color: black; } .modal-title { font-size: 1.0625rem; } .modal-content { border: 0; border-radius: 0.3rem; } .modal-fluid .modal-dialog { margin-top: 0; margin-bottom: 0; } .modal-fluid .modal-content { border-radius: 0; } .modal-indigo .modal-title { color: #fff; } .modal-indigo .modal-header, .modal-indigo .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-indigo .modal-content { background-color: #5603ad; color: #fff; } .modal-indigo .modal-content .heading { color: #fff; } .modal-indigo .close > span:not(.sr-only) { color: #fff; } .modal-purple .modal-title { color: #fff; } .modal-purple .modal-header, .modal-purple .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-purple .modal-content { background-color: #8965e0; color: #fff; } .modal-purple .modal-content .heading { color: #fff; } .modal-purple .close > span:not(.sr-only) { color: #fff; } .modal-pink .modal-title { color: #fff; } .modal-pink .modal-header, .modal-pink .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-pink .modal-content { background-color: #f3a4b5; color: #fff; } .modal-pink .modal-content .heading { color: #fff; } .modal-pink .close > span:not(.sr-only) { color: #fff; } .modal-orange .modal-title { color: #fff; } .modal-orange .modal-header, .modal-orange .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-orange .modal-content { background-color: #fb6340; color: #fff; } .modal-orange .modal-content .heading { color: #fff; } .modal-orange .close > span:not(.sr-only) { color: #fff; } .modal-sky .modal-title { color: #fff; } .modal-sky .modal-header, .modal-sky .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-sky .modal-content { background-color: #64b5f6; color: #fff; } .modal-sky .modal-content .heading { color: #fff; } .modal-sky .close > span:not(.sr-only) { color: #fff; } .modal-navy .modal-title { color: #fff; } .modal-navy .modal-header, .modal-navy .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-navy .modal-content { background-color: #0d47a1; color: #fff; } .modal-navy .modal-content .heading { color: #fff; } .modal-navy .close > span:not(.sr-only) { color: #fff; } .modal-berry .modal-title { color: #fff; } .modal-berry .modal-header, .modal-berry .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-berry .modal-content { background-color: #b71c1c; color: #fff; } .modal-berry .modal-content .heading { color: #fff; } .modal-berry .close > span:not(.sr-only) { color: #fff; } .modal-rose .modal-title { color: #fff; } .modal-rose .modal-header, .modal-rose .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-rose .modal-content { background-color: #e91e63; color: #fff; } .modal-rose .modal-content .heading { color: #fff; } .modal-rose .close > span:not(.sr-only) { color: #fff; } .modal-orchid .modal-title { color: #fff; } .modal-orchid .modal-header, .modal-orchid .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-orchid .modal-content { background-color: #ba68c8; color: #fff; } .modal-orchid .modal-content .heading { color: #fff; } .modal-orchid .close > span:not(.sr-only) { color: #fff; } .modal-blush .modal-title { color: #fff; } .modal-blush .modal-header, .modal-blush .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-blush .modal-content { background-color: #ef5350; color: #fff; } .modal-blush .modal-content .heading { color: #fff; } .modal-blush .close > span:not(.sr-only) { color: #fff; } .modal-scarlet .modal-title { color: #fff; } .modal-scarlet .modal-header, .modal-scarlet .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-scarlet .modal-content { background-color: #d32f2f; color: #fff; } .modal-scarlet .modal-content .heading { color: #fff; } .modal-scarlet .close > span:not(.sr-only) { color: #fff; } .modal-carrot .modal-title { color: #fff; } .modal-carrot .modal-header, .modal-carrot .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-carrot .modal-content { background-color: #ef6c00; color: #fff; } .modal-carrot .modal-content .heading { color: #fff; } .modal-carrot .close > span:not(.sr-only) { color: #fff; } .modal-dark-gray .modal-title { color: #fff; } .modal-dark-gray .modal-header, .modal-dark-gray .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-dark-gray .modal-content { background-color: #202020; color: #fff; } .modal-dark-gray .modal-content .heading { color: #fff; } .modal-dark-gray .close > span:not(.sr-only) { color: #fff; } .modal-primary .modal-title { color: #fff; } .modal-primary .modal-header, .modal-primary .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-primary .modal-content { background-color: #5e72e4; color: #fff; } .modal-primary .modal-content .heading { color: #fff; } .modal-primary .close > span:not(.sr-only) { color: #fff; } .modal-secondary .modal-title { color: #212529; } .modal-secondary .modal-header, .modal-secondary .modal-footer { border-color: rgba(33, 37, 41, 0.075); } .modal-secondary .modal-content { background-color: #f4f5f7; color: #212529; } .modal-secondary .modal-content .heading { color: #212529; } .modal-secondary .close > span:not(.sr-only) { color: #fff; } .modal-success .modal-title { color: #fff; } .modal-success .modal-header, .modal-success .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-success .modal-content { background-color: #2dce89; color: #fff; } .modal-success .modal-content .heading { color: #fff; } .modal-success .close > span:not(.sr-only) { color: #fff; } .modal-info .modal-title { color: #fff; } .modal-info .modal-header, .modal-info .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-info .modal-content { background-color: #11cdef; color: #fff; } .modal-info .modal-content .heading { color: #fff; } .modal-info .close > span:not(.sr-only) { color: #fff; } .modal-warning .modal-title { color: #fff; } .modal-warning .modal-header, .modal-warning .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-warning .modal-content { background-color: #fb6340; color: #fff; } .modal-warning .modal-content .heading { color: #fff; } .modal-warning .close > span:not(.sr-only) { color: #fff; } .modal-danger .modal-title { color: #fff; } .modal-danger .modal-header, .modal-danger .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-danger .modal-content { background-color: #f5365c; color: #fff; } .modal-danger .modal-content .heading { color: #fff; } .modal-danger .close > span:not(.sr-only) { color: #fff; } .modal-light .modal-title { color: #fff; } .modal-light .modal-header, .modal-light .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-light .modal-content { background-color: #adb5bd; color: #fff; } .modal-light .modal-content .heading { color: #fff; } .modal-light .close > span:not(.sr-only) { color: #fff; } .modal-dark .modal-title { color: #fff; } .modal-dark .modal-header, .modal-dark .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-dark .modal-content { background-color: #212529; color: #fff; } .modal-dark .modal-content .heading { color: #fff; } .modal-dark .close > span:not(.sr-only) { color: #fff; } .modal-default .modal-title { color: #fff; } .modal-default .modal-header, .modal-default .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-default .modal-content { background-color: #172b4d; color: #fff; } .modal-default .modal-content .heading { color: #fff; } .modal-default .close > span:not(.sr-only) { color: #fff; } .modal-white .modal-title { color: #212529; } .modal-white .modal-header, .modal-white .modal-footer { border-color: rgba(33, 37, 41, 0.075); } .modal-white .modal-content { background-color: #fff; color: #212529; } .modal-white .modal-content .heading { color: #212529; } .modal-white .close > span:not(.sr-only) { color: #fff; } .modal-neutral .modal-title { color: #212529; } .modal-neutral .modal-header, .modal-neutral .modal-footer { border-color: rgba(33, 37, 41, 0.075); } .modal-neutral .modal-content { background-color: #fff; color: #212529; } .modal-neutral .modal-content .heading { color: #212529; } .modal-neutral .close > span:not(.sr-only) { color: #fff; } .modal-darker .modal-title { color: #fff; } .modal-darker .modal-header, .modal-darker .modal-footer { border-color: rgba(255, 255, 255, 0.075); } .modal-darker .modal-content { background-color: black; color: #fff; } .modal-darker .modal-content .heading { color: #fff; } .modal-darker .close > span:not(.sr-only) { color: #fff; } .nav-link { color: #525f7f; } .nav-link:hover, .nav-link.active { color: #5e72e4; } .nav-link i:not(.fa) { position: relative; top: 2px; } .nav-pills .nav-item:not(:last-child) { padding-right: 1rem; } .nav-pills .nav-link { padding: 0.75rem 1rem; color: #5e72e4; font-weight: 500; font-size: 0.875rem; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); background-color: #fff; transition: all 0.15s ease; } .nav-pills .nav-link:hover { color: #485fe0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #5e72e4; } @media (max-width: 575.98px) { .nav-pills .nav-item { margin-bottom: 1rem; } } @media (max-width: 767.98px) { .nav-pills:not(.nav-pills-circle) .nav-item { padding-right: 0; } } .nav-pills-circle .nav-link { text-align: center; height: 60px; width: 60px; padding: 0; line-height: 60px; border-radius: 50%; } .nav-pills-circle .nav-link-icon i, .nav-pills-circle .nav-link-icon svg { font-size: 1rem; } .nav-wrapper { padding: 1rem 0; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-wrapper + .card { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .nav-link { color: #525f7f; } .nav-link:hover { color: #5e72e4; } .nav-link i.ni { position: relative; top: 2px; } .navbar-horizontal .navbar-nav .nav-link { font-size: 0.9rem; font-weight: 400; text-transform: normal; letter-spacing: 0; } .navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text { margin-left: 0.25rem; } .navbar-horizontal .navbar-brand { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.05px; } .navbar-horizontal .navbar-brand img { height: 30px; } .navbar-horizontal .navbar-dark .navbar-brand { color: #fff; } .navbar-horizontal .navbar-light .navbar-brand { color: #32325d; } .navbar-horizontal .navbar-nav .nav-item .media:not(:last-child) { margin-bottom: 1.5rem; } @media (min-width: 992px) { .navbar-horizontal .navbar-nav .nav-item { margin-right: 0.5rem; } .navbar-horizontal .navbar-nav .nav-item [data-toggle=dropdown]::after { transition: all 0.15s ease; } .navbar-horizontal .navbar-nav .nav-item.show [data-toggle=dropdown]::after { transform: rotate(180deg); } .navbar-horizontal .navbar-nav .nav-link { padding-top: 1rem; padding-bottom: 1rem; border-radius: 0.25rem; } .navbar-horizontal .navbar-nav .nav-link i { margin-right: 0.625rem; } .navbar-horizontal .navbar-nav .nav-link-icon { padding-left: 0.5rem !important; padding-right: 0.5rem !important; font-size: 1rem; border-radius: 0.25rem; } .navbar-horizontal .navbar-nav .nav-link-icon i { margin-right: 0; } .navbar-horizontal .navbar-nav .dropdown-menu { opacity: 0; pointer-events: none; margin: 0; } .navbar-horizontal .navbar-nav .dropdown-menu:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; left: 20px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .navbar-horizontal .navbar-nav .dropdown-menu-right:before { right: 20px; left: auto; } .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show { opacity: 1; pointer-events: auto; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; animation: show-navbar-dropdown 0.25s ease forwards; } .navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close { display: block; -webkit-animation: hide-navbar-dropdown 0.15s ease backwards; animation: hide-navbar-dropdown 0.15s ease backwards; } .navbar-horizontal .navbar-nav.navbar-nav-hover .dropdown-menu { opacity: 0; display: block; pointer-events: none; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } .navbar-horizontal .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu { display: block; opacity: 1; pointer-events: auto; visibility: visible; transform: translate(0, 0); -webkit-animation: none; animation: none; } .navbar-horizontal .navbar-nav .dropdown-menu-inner { position: relative; padding: 1rem; } } .navbar-horizontal.navbar-transparent { position: absolute; top: 0; width: 100%; z-index: 100; background-color: transparent; border: 0; box-shadow: none; } .navbar-horizontal.navbar-transparent .navbar-brand { color: rgb(255, 255, 255); } .navbar-horizontal.navbar-transparent .navbar-toggler { color: rgb(255, 255, 255); } .navbar-horizontal.navbar-transparent .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } @media (min-width: 768px) { .navbar-horizontal.navbar-transparent .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.95); } .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover, .navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.65); } .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-horizontal.navbar-transparent .navbar-nav .show > .nav-link, .navbar-horizontal.navbar-transparent .navbar-nav .active > .nav-link, .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show, .navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active { color: rgba(255, 255, 255, 0.65); } .navbar-horizontal.navbar-transparent .navbar-brand { color: rgba(255, 255, 255, 0.95); } .navbar-horizontal.navbar-transparent .navbar-brand:hover, .navbar-horizontal.navbar-transparent .navbar-brand:focus { color: rgba(255, 255, 255, 0.95); } } .navbar-horizontal .navbar-collapse-header { display: none; } @media (max-width: 991.98px) { .navbar-horizontal .navbar-nav .nav-link { padding: 0.625rem 0; color: #172b4d !important; } .navbar-horizontal .navbar-nav .dropdown-menu { box-shadow: none; min-width: auto; } .navbar-horizontal .navbar-nav .dropdown-menu .media svg { width: 30px; } .navbar-horizontal .navbar-collapse .navbar-toggler { width: 20px; height: 20px; position: relative; cursor: pointer; display: inline-block; padding: 0; } .navbar-horizontal .navbar-collapse .navbar-toggler span { display: block; position: absolute; width: 100%; height: 2px; border-radius: 2px; opacity: 1; background: #283448; } .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(1) { transform: rotate(135deg); } .navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(2) { transform: rotate(-135deg); } .navbar-horizontal .navbar-collapse .navbar-collapse-header { display: block; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .navbar-horizontal .navbar-collapse .collapse-brand img { height: 36px; } .navbar-horizontal .navbar-collapse .collapse-close { text-align: right; } .navbar-horizontal .navbar-collapse.collapsing, .navbar-horizontal .navbar-collapse.show { padding: 1.5rem; border-radius: 0.25rem; background: #fff; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); -webkit-animation: show-navbar-collapse 0.2s ease forwards; animation: show-navbar-collapse 0.2s ease forwards; } .navbar-horizontal .navbar-collapse.collapsing-out { -webkit-animation: hide-navbar-collapse 0.2s ease forwards; animation: hide-navbar-collapse 0.2s ease forwards; } } @-webkit-keyframes show-navbar-collapse { 0% { opacity: 0; transform: scale(0.95); transform-origin: 100% 0; } 100% { opacity: 1; transform: scale(1); } } @keyframes show-navbar-collapse { 0% { opacity: 0; transform: scale(0.95); transform-origin: 100% 0; } 100% { opacity: 1; transform: scale(1); } } @-webkit-keyframes hide-navbar-collapse { from { opacity: 1; transform: scale(1); transform-origin: 100% 0; } to { opacity: 0; transform: scale(0.95); } } @keyframes hide-navbar-collapse { from { opacity: 1; transform: scale(1); transform-origin: 100% 0; } to { opacity: 0; transform: scale(0.95); } } @-webkit-keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } 100% { transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes hide-navbar-dropdown { from { opacity: 1; } to { opacity: 0; transform: translate(0, 10px); } } @keyframes hide-navbar-dropdown { from { opacity: 1; } to { opacity: 0; transform: translate(0, 10px); } } .navbar-vertical { padding-top: 0; border-width: 0 0 1px 0; border-style: solid; box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15); } .navbar-vertical.navbar-light { background-color: transparent; border-color: #f3f3f3; } .navbar-vertical.navbar-dark { background-color: transparent; border-color: rgba(255, 255, 255, 0.1); } .navbar-vertical .navbar-brand { margin-right: 0; } .navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img { max-width: 100%; max-height: 2rem; } @media (min-width: 768px) { .navbar-vertical .navbar-collapse { margin-left: -1rem; margin-right: -1rem; } .navbar-vertical .navbar-collapse:before { content: ""; display: block; margin: 0.5rem; } } .navbar-vertical .navbar-nav { margin-left: -1rem; margin-right: -1rem; } .navbar-vertical .navbar-nav .nav-link { padding-left: 1rem; padding-right: 1rem; font-size: 0.9rem; font-weight: 400; } .navbar-vertical .navbar-nav .nav-link.active { position: relative; } .navbar-vertical .navbar-nav .nav-link > i { min-width: 2rem; font-size: 0.9375rem; line-height: 1.5rem; } .navbar-vertical .navbar-nav .nav-link .dropdown-menu { border: none; } .navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu { margin-left: 0.5rem; } .navbar-vertical .navbar-nav .nav-sm .nav-link { font-size: 0.8125rem; } .navbar-vertical .navbar-nav .nav-link { display: flex; align-items: center; } .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after { display: inline-block; font-style: normal; font-feature-settings: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f105"; margin-left: auto; color: #ced4da; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse]:after { transition: none; } } .navbar-vertical .navbar-nav .nav-link[data-toggle=collapse][aria-expanded=true]:after { color: #5e72e4; transform: rotate(90deg); } .navbar-vertical .navbar-nav .nav .nav-link { padding-left: 3rem; } .navbar-vertical .navbar-nav .nav .nav .nav-link { padding-left: 3.5rem; } .navbar-vertical .navbar-heading { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .navbar-vertical.navbar-expand-xs { display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: 62px; overflow-y: auto; padding-left: 0; padding-right: 0; } .navbar-vertical.navbar-expand-xs .navbar-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-xs > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .navbar-vertical.navbar-expand-xs > [class*=container] { min-height: none; height: 100%; } } .navbar-vertical.navbar-expand-xs.fixed-left { left: 0; border-width: 0 1px 0 0; } .navbar-vertical.navbar-expand-xs.fixed-right { right: 0; border-width: 0 0 0 1px; } .navbar-vertical.navbar-expand-xs .navbar-collapse { flex: 1; display: flex; flex-direction: column; align-items: stretch; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-xs .navbar-collapse > * { min-width: 100%; } .navbar-vertical.navbar-expand-xs .navbar-nav { flex-direction: column; margin-left: -1.5rem; margin-right: -1.5rem; } .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link { padding: 0.675rem 1.5rem; } .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item { margin-top: 2px; } .navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active { background: #f6f9fc; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } .navbar-vertical.navbar-expand-xs .lavalamp-object { width: calc(100% - 1rem) !important; background: #5e72e4; color: #fff; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 3.5rem; } .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm { display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: 62px; overflow-y: auto; padding-left: 0; padding-right: 0; } .navbar-vertical.navbar-expand-sm .navbar-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-sm > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } } @media (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active) { .navbar-vertical.navbar-expand-sm > [class*=container] { min-height: none; height: 100%; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-left { left: 0; border-width: 0 1px 0 0; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-right { right: 0; border-width: 0 0 0 1px; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-collapse { flex: 1; display: flex; flex-direction: column; align-items: stretch; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-sm .navbar-collapse > * { min-width: 100%; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav { flex-direction: column; margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav-link { padding: 0.675rem 1.5rem; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item { margin-top: 2px; } .navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active { background: #f6f9fc; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .lavalamp-object { width: calc(100% - 1rem) !important; background: #5e72e4; color: #fff; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 3.5rem; } } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md { display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: 62px; overflow-y: auto; padding-left: 0; padding-right: 0; } .navbar-vertical.navbar-expand-md .navbar-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-md > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } } @media (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active) { .navbar-vertical.navbar-expand-md > [class*=container] { min-height: none; height: 100%; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-left { left: 0; border-width: 0 1px 0 0; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-right { right: 0; border-width: 0 0 0 1px; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-collapse { flex: 1; display: flex; flex-direction: column; align-items: stretch; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-md .navbar-collapse > * { min-width: 100%; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav { flex-direction: column; margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav-link { padding: 0.675rem 1.5rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item { margin-top: 2px; } .navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link.active { background: #f6f9fc; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .lavalamp-object { width: calc(100% - 1rem) !important; background: #5e72e4; color: #fff; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 3.5rem; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg { display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: 62px; overflow-y: auto; padding-left: 0; padding-right: 0; } .navbar-vertical.navbar-expand-lg .navbar-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-lg > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } } @media (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active) { .navbar-vertical.navbar-expand-lg > [class*=container] { min-height: none; height: 100%; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-left { left: 0; border-width: 0 1px 0 0; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-right { right: 0; border-width: 0 0 0 1px; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-collapse { flex: 1; display: flex; flex-direction: column; align-items: stretch; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-lg .navbar-collapse > * { min-width: 100%; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav { flex-direction: column; margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav-link { padding: 0.675rem 1.5rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item { margin-top: 2px; } .navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link.active { background: #f6f9fc; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .lavalamp-object { width: calc(100% - 1rem) !important; background: #5e72e4; color: #fff; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 3.5rem; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl { display: block; position: fixed; top: 0; bottom: 0; width: 100%; max-width: 62px; overflow-y: auto; padding-left: 0; padding-right: 0; } .navbar-vertical.navbar-expand-xl .navbar-inner { padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-xl > [class*=container] { flex-direction: column; align-items: stretch; min-height: 100%; padding-left: 0; padding-right: 0; } } @media (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active) { .navbar-vertical.navbar-expand-xl > [class*=container] { min-height: none; height: 100%; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-left { left: 0; border-width: 0 1px 0 0; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-right { right: 0; border-width: 0 0 0 1px; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-collapse { flex: 1; display: flex; flex-direction: column; align-items: stretch; margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .navbar-vertical.navbar-expand-xl .navbar-collapse > * { min-width: 100%; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav { flex-direction: column; margin-left: -1.5rem; margin-right: -1.5rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav-link { padding: 0.675rem 1.5rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item { margin-top: 2px; } .navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link.active { background: #f6f9fc; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .lavalamp-object { width: calc(100% - 1rem) !important; background: #5e72e4; color: #fff; margin-right: 0.5rem; margin-left: 0.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 0.25rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link { padding-top: 0.45rem; padding-bottom: 0.45rem; padding-left: 3.5rem; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav .nav-link { padding-left: 4.25rem; } } .navbar-vertical.navbar-expand-xs.fixed-left + .main-content { margin-left: 62px; } .navbar-vertical.navbar-expand-xs.fixed-right + .main-content { margin-right: 62px; } @media (min-width: 576px) { .navbar-vertical.navbar-expand-sm.fixed-left + .main-content { margin-left: 62px; } .navbar-vertical.navbar-expand-sm.fixed-right + .main-content { margin-right: 62px; } } @media (min-width: 768px) { .navbar-vertical.navbar-expand-md.fixed-left + .main-content { margin-left: 62px; } .navbar-vertical.navbar-expand-md.fixed-right + .main-content { margin-right: 62px; } } @media (min-width: 992px) { .navbar-vertical.navbar-expand-lg.fixed-left + .main-content { margin-left: 62px; } .navbar-vertical.navbar-expand-lg.fixed-right + .main-content { margin-right: 62px; } } @media (min-width: 1200px) { .navbar-vertical.navbar-expand-xl.fixed-left + .main-content { margin-left: 62px; } .navbar-vertical.navbar-expand-xl.fixed-right + .main-content { margin-right: 62px; } } .sidenav.fixed-left + .main-content { margin-left: 62px; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidenav.fixed-left + .main-content { transition: none; } } .sidenav.fixed-right + .main-content { margin-right: 62px; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidenav.fixed-right + .main-content { transition: none; } } @media (min-width: 1200px) { .g-sidenav-pinned .sidenav.fixed-left + .main-content { margin-left: 250px; } .g-sidenav-pinned .sidenav.fixed-right + .main-content { margin-right: 250px; } } .sidenav { z-index: 1050; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidenav { transition: none; } } @media (min-width: 1200px) { .sidenav:hover { max-width: 250px; } .sidenav .sidenav-toggler { padding: 1.5rem; } } .sidenav .navbar-brand, .sidenav .navbar-heading { padding: 1.5rem; display: none; } .sidenav-header { height: 78px; } .g-sidenav-show .sidenav .navbar-brand, .g-sidenav-show .sidenav .navbar-heading { display: block; } .g-sidenav-show .sidenav .nav-item .collapse { height: auto; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .g-sidenav-show .sidenav .nav-item .collapse { transition: none; } } .g-sidenav-pinned .sidenav { max-width: 250px !important; } .g-sidenav-pinned .sidenav .navbar-brand, .g-sidenav-pinned .sidenav .navbar-heading { display: block; } .g-sidenav-hidden:not(.g-sidenav-show) .sidenav .navbar-nav > .nav-item > .nav-link:after { content: ""; } .g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-item .collapse { display: none !important; } .g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-link-text { display: none !important; } .g-sidenav-hide .sidenav .navbar-nav > .nav-item > .nav-link:after { content: ""; } .g-sidenav-hide .sidenav .nav-item .collapse { display: none !important; } .g-sidenav-hide .sidenav .nav-link-text { display: none !important; } @media (max-width: 1199.98px) { .sidenav { transform: translateX(-62px); } .sidenav.fixed-left + .main-content { margin-left: 0 !important; } .g-sidenav-pinned .sidenav { transform: translateX(0); } } .sidenav-toggler-inner, .sidenav-toggler-line { width: 18px; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidenav-toggler-inner, .sidenav-toggler-line { transition: none; } } .sidenav-toggler-inner { position: relative; } .sidenav-toggler-inner:before { content: ""; position: absolute; width: 40px; height: 40px; left: -11px; top: -14px; border-radius: 50%; transform: scale(0); transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .sidenav-toggler-inner:before { transition: none; } } .sidenav-toggler-line { height: 2px; background-color: #172b4d; display: block; position: relative; } .sidenav-toggler-line:not(:last-child) { margin-bottom: 3px; } .sidenav-toggler-dark .sidenav-toggler-line { background-color: #fff; } .sidenav-toggler { cursor: pointer; } .sidenav-toggler.active .sidenav-toggler-inner:before { transform: scale(1); } .sidenav-toggler.active .sidenav-toggler-line:first-child { width: 13px; transform: translateX(5px); } .sidenav-toggler.active .sidenav-toggler-line:last-child { width: 13px; transform: translateX(5px); } .navbar-top { border: 0; padding-left: 1rem; padding-right: 1rem; } .navbar-top .container, .navbar-top .container-fluid { padding-left: 15px; padding-right: 15px; } @media (min-width: 576px) { .navbar-top .navbar-brand { display: none; } } @media (max-width: 575.98px) { .navbar-top .navbar-collapse { width: 100%; } .navbar-top .nav-item { position: static; } .navbar-top .nav-item .dropdown-menu { position: absolute; width: 94%; min-width: auto; left: 3%; right: auto; } } .navbar-top.border-bottom.navbar-dark { border-color: rgba(255, 255, 255, 0.08) !important; } .navbar-top.border-bottom.navbar-light { border-color: rgba(0, 0, 0, 0.04) !important; } .sidenav-pinned .navbar-top .navbar-brand { display: none; } .navbar-search .input-group { border-radius: 2rem; border: 0 solid; transition: background-color 0.3s linear; transition-delay: 0.15s; } @media (prefers-reduced-motion: reduce) { .navbar-search .input-group { transition: none; } } .navbar-search .input-group .input-group-text { background-color: transparent; padding-left: 1rem; border: 0; } .navbar-search .form-control { width: 250px; background-color: transparent; border: 0; transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .navbar-search .form-control { transition: none; } } .navbar-search .focused .input-group .form-control { width: 380px; } .navbar-search .close { display: none; } .navbar-search-dark .input-group { background-color: rgba(23, 43, 77, 0.8); border-color: rgba(255, 255, 255, 0.6); } .navbar-search-dark .input-group-text { color: rgba(255, 255, 255, 0.6); } .navbar-search-dark .form-control { color: rgba(255, 255, 255, 0.9); } .navbar-search-dark .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } .navbar-search-dark .form-control::placeholder { color: rgba(255, 255, 255, 0.6); } .navbar-search-dark .focused .input-group { background-color: rgba(23, 43, 77, 0.9); border-color: rgba(255, 255, 255, 0.9); } .navbar-search-light .input-group { background-color: rgba(255, 255, 255, 0.9); border-color: rgba(0, 0, 0, 0.6); } .navbar-search-light .input-group-text { color: rgba(0, 0, 0, 0.6); } .navbar-search-light .form-control { color: rgba(0, 0, 0, 0.9); } .navbar-search-light .form-control::-moz-placeholder { color: rgba(0, 0, 0, 0.6); } .navbar-search-light .form-control::placeholder { color: rgba(0, 0, 0, 0.6); } .navbar-search-light .focused .input-group { background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.9); } @media (max-width: 575.98px) { .navbar-search { display: none; width: 100%; transform: translateX(-150%); transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .navbar-search { transition: none; } } @media (max-width: 575.98px) { .navbar-search .form-group { width: 100%; } } @media (max-width: 575.98px) { .navbar-search .form-control { width: auto; } } @media (max-width: 575.98px) { .navbar-search .focused .input-group .form-control { width: auto; } } @media (max-width: 575.98px) { .navbar-search .close { display: none; opacity: 0; } .navbar-search .close span { width: auto; height: auto; } } @media (max-width: 575.98px) { .navbar-top .navbar-nav { transition: all 0.15s ease; } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .navbar-top .navbar-nav { transition: none; } } @media (max-width: 575.98px) { .g-navbar-search-showing .navbar-search .close { display: block; } .g-navbar-search-showing .navbar-top .navbar-nav { display: flex; opacity: 1; transform: translateX(150%); } } @media (max-width: 575.98px) { .g-navbar-search-show .navbar-search { display: block; } .g-navbar-search-show .navbar-search .form-control { width: auto; } .g-navbar-search-show .navbar-search .close { color: white; position: absolute; top: 0; right: 0; width: 46px; height: 46px; text-align: center; line-height: 46px; cursor: pointer; } .g-navbar-search-show .navbar-top .navbar-nav { display: none; } .g-navbar-search-show .navbar-top .navbar-collapse { width: 100%; } } @media (max-width: 575.98px) { .g-navbar-search-shown .navbar-search { transform: translateX(0); } .g-navbar-search-shown .navbar-search .close { display: block; opacity: 1; } } @media (max-width: 575.98px) { .g-navbar-search-hiding .navbar-top .navbar-nav { display: flex; opacity: 0; transform: translateX(150%); } } @media (max-width: 575.98px) { .g-navbar-search-hidden .navbar-top .navbar-nav { opacity: 1; transform: translateX(0); } } .navbar-floating-wrapper { padding-top: 1rem; padding-bottom: 1rem; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; } .navbar-floating-wrapper .navbar { border-radius: 0.25rem; } .navbar.navbar-absolute { position: absolute; z-index: 1050; width: 100%; } .navbar-nav .nav-link { font-size: 0.9rem; font-family: "Open Sans", sans-serif; font-weight: 400; text-transform: normal; letter-spacing: 0; transition: all 0.15s linear; } @media (prefers-reduced-motion: reduce) { .navbar-nav .nav-link { transition: none; } } .navbar-nav .nav-link .nav-link-inner--text { margin-left: 0.25rem; } .navbar-brand { font-size: 0.875rem; font-weight: 600; text-transform: uppercase; font-size: 0.875rem; letter-spacing: 0.05px; } .navbar-brand img { width: 30px; } .navbar-dark .navbar-brand { color: #fff; } .navbar-light .navbar-brand { color: #32325d; } .navbar-nav .nav-item .media:not(:last-child) { margin-bottom: 1.5rem; } @media (min-width: 992px) { .navbar-nav .nav-item { margin-right: 0.5rem; } .navbar-nav .nav-item [data-toggle=dropdown]::after { transition: all 0.15s ease; } .navbar-nav .nav-item.show [data-toggle=dropdown]::after { transform: rotate(180deg); } .navbar-nav .nav-link { padding-top: 1rem; padding-bottom: 1rem; border-radius: 0.25rem; } .navbar-nav .nav-link i { margin-right: 0.625rem; } .navbar-nav .nav-link-icon { padding-left: 0.5rem !important; padding-right: 0.5rem !important; font-size: 1rem; border-radius: 0.25rem; } .navbar-nav .nav-link-icon i { margin-right: 0; } .navbar-nav .dropdown-menu { opacity: 0; pointer-events: none; margin: 0; } .navbar-nav .dropdown-menu:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; left: 5px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .navbar-nav .dropdown-menu-right:before { right: 20px; left: auto; } .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show { opacity: 1; pointer-events: auto; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; animation: show-navbar-dropdown 0.25s ease forwards; } .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close { display: block; -webkit-animation: hide-navbar-dropdown 0.15s ease backwards; animation: hide-navbar-dropdown 0.15s ease backwards; } .navbar-nav.navbar-nav-hover .dropdown-menu { opacity: 0; display: block; pointer-events: none; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; -webkit-animation: none; animation: none; } .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu { display: block; opacity: 1; pointer-events: auto; visibility: visible; transform: translate(0, 0); -webkit-animation: none; animation: none; } .navbar-nav.navbar-nav-hover .nav-item.dropdown > .dropdown-menu .dropdown-item.open + .dropdown-menu { display: block; opacity: 1; pointer-events: auto; visibility: visible; transform: translate(0, 0); -webkit-animation: none; animation: none; } .navbar-nav.navbar-nav-hover .nav-item.dropdown > .dropdown-menu .dropdown-item + .dropdown-menu { margin-left: 10px; } .navbar-nav.navbar-nav-hover .nav-item.dropdown > .dropdown-menu .dropdown-item + .dropdown-menu:before { left: -16px; top: 4px; } .navbar-nav .dropdown-menu-inner { position: relative; padding: 1rem; } } .navbar-transparent { position: absolute; top: 0; width: 100%; z-index: 100; background-color: transparent !important; border: 0; box-shadow: none; } .navbar-transparent .navbar-brand { color: rgb(255, 255, 255); } .navbar-transparent .navbar-toggler { color: rgb(255, 255, 255); } .navbar-transparent .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.95)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .bg-white .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } @media (min-width: 768px) { .navbar-transparent .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.95); } .navbar-transparent .navbar-nav .nav-link:hover, .navbar-transparent .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.65); } .navbar-transparent .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-transparent .navbar-nav .show > .nav-link, .navbar-transparent .navbar-nav .active > .nav-link, .navbar-transparent .navbar-nav .nav-link.show, .navbar-transparent .navbar-nav .nav-link.active { color: rgba(255, 255, 255, 0.65); } .navbar-transparent .navbar-brand { color: rgba(255, 255, 255, 0.95); } .navbar-transparent .navbar-brand:hover, .navbar-transparent .navbar-brand:focus { color: rgba(255, 255, 255, 0.95); } } .navbar-collapse-header { display: none; } @media (max-width: 991.98px) { .navbar-nav .nav-link { padding: 0.625rem 0; color: #172b4d !important; } .navbar-nav .dropdown-menu { box-shadow: none; min-width: auto; } .navbar-nav .dropdown-menu .media svg { width: 30px; } .navbar-dark .navbar-nav .nav-link { color: #172b4d !important; } .navbar-collapse .navbar-toggler { width: 20px; height: 20px; position: relative; cursor: pointer; display: inline-block; padding: 0; } .navbar-collapse .navbar-toggler span { display: block; position: absolute; width: 100%; height: 2px; border-radius: 2px; opacity: 1; background: #283448; } .navbar-collapse .navbar-toggler :nth-child(1) { transform: rotate(135deg); } .navbar-collapse .navbar-toggler :nth-child(2) { transform: rotate(-135deg); } .navbar-collapse .navbar-collapse-header { display: block; padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .navbar-collapse .collapse-brand img { height: 36px; } .navbar-collapse .collapse-close { text-align: right; } .navbar-collapse.collapsing, .navbar-collapse.show { padding: 1.5rem; border-radius: 0.25rem; background: #fff; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); -webkit-animation: show-navbar-collapse 0.2s ease forwards; animation: show-navbar-collapse 0.2s ease forwards; } .navbar-collapse.collapsing-out { -webkit-animation: hide-navbar-collapse 0.2s ease forwards; animation: hide-navbar-collapse 0.2s ease forwards; } } @keyframes show-navbar-collapse { 0% { opacity: 0; transform: scale(0.95); transform-origin: 100% 0; } 100% { opacity: 1; transform: scale(1); } } @keyframes hide-navbar-collapse { from { opacity: 1; transform: scale(1); transform-origin: 100% 0; } to { opacity: 0; transform: scale(0.95); } } @keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes hide-navbar-dropdown { from { opacity: 1; } to { opacity: 0; transform: translate(0, 10px); } } .navbar .dropdown-menu { opacity: 0; pointer-events: none; margin: 0; } .navbar .dropdown-menu-arrow:before { background: #fff; box-shadow: none; content: ""; display: block; height: 12px; width: 12px; left: 20px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(12px); z-index: -5; border-radius: 2px; } .navbar .dropdown-menu-right:before { right: 20px; left: auto; } .navbar:not(.navbar-nav-hover) .dropdown-menu.show { opacity: 1; pointer-events: auto; -webkit-animation: show-navbar-dropdown 0.25s ease forwards; animation: show-navbar-dropdown 0.25s ease forwards; } .navbar:not(.navbar-nav-hover) .dropdown-menu.close { display: block; -webkit-animation: hide-navbar-dropdown 0.15s ease backwards; animation: hide-navbar-dropdown 0.15s ease backwards; } .navbar.navbar-nav-hover .dropdown-menu { opacity: 0; display: block; pointer-events: none; transform: translate(0, 10px) perspective(200px) rotateX(-2deg); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } .navbar.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu { display: block; opacity: 1; pointer-events: auto; visibility: visible; transform: translate(0, 0); -webkit-animation: none; animation: none; } .navbar .dropdown-menu-inner { position: relative; padding: 1rem; } @keyframes show-navbar-dropdown { 0% { opacity: 0; transform: translate(0, 10px) perspective(200px); transition: visibility 0.25s, opacity 0.25s, transform 0.25s; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes hide-navbar-dropdown { from { opacity: 1; } to { opacity: 0; transform: translate(0, 10px); } } .page-item.active .page-link { box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .page-item .page-link, .page-item span { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0 3px; border-radius: 50% !important; width: 36px; height: 36px; font-size: 0.875rem; } .pagination-lg .page-item .page-link, .pagination-lg .page-item span { width: 46px; height: 46px; line-height: 46px; } .pagination-sm .page-item .page-link, .pagination-sm .page-item span { width: 30px; height: 30px; line-height: 30px; } .popover { border: 0; } .popover-header { font-weight: 600; } .popover-indigo { background-color: #5603ad; } .popover-indigo .popover-header { background-color: #5603ad; color: #fff; } .popover-indigo .popover-body { color: #fff; } .popover-indigo .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-indigo.bs-popover-top .arrow::after, .popover-indigo.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #5603ad; } .popover-indigo.bs-popover-right .arrow::after, .popover-indigo.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #5603ad; } .popover-indigo.bs-popover-bottom .arrow::after, .popover-indigo.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #5603ad; } .popover-indigo.bs-popover-left .arrow::after, .popover-indigo.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #5603ad; } .popover-purple { background-color: #8965e0; } .popover-purple .popover-header { background-color: #8965e0; color: #fff; } .popover-purple .popover-body { color: #fff; } .popover-purple .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-purple.bs-popover-top .arrow::after, .popover-purple.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #8965e0; } .popover-purple.bs-popover-right .arrow::after, .popover-purple.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #8965e0; } .popover-purple.bs-popover-bottom .arrow::after, .popover-purple.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #8965e0; } .popover-purple.bs-popover-left .arrow::after, .popover-purple.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #8965e0; } .popover-pink { background-color: #f3a4b5; } .popover-pink .popover-header { background-color: #f3a4b5; color: #fff; } .popover-pink .popover-body { color: #fff; } .popover-pink .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-pink.bs-popover-top .arrow::after, .popover-pink.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #f3a4b5; } .popover-pink.bs-popover-right .arrow::after, .popover-pink.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #f3a4b5; } .popover-pink.bs-popover-bottom .arrow::after, .popover-pink.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #f3a4b5; } .popover-pink.bs-popover-left .arrow::after, .popover-pink.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #f3a4b5; } .popover-orange { background-color: #fb6340; } .popover-orange .popover-header { background-color: #fb6340; color: #fff; } .popover-orange .popover-body { color: #fff; } .popover-orange .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-orange.bs-popover-top .arrow::after, .popover-orange.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #fb6340; } .popover-orange.bs-popover-right .arrow::after, .popover-orange.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #fb6340; } .popover-orange.bs-popover-bottom .arrow::after, .popover-orange.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #fb6340; } .popover-orange.bs-popover-left .arrow::after, .popover-orange.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #fb6340; } .popover-sky { background-color: #64b5f6; } .popover-sky .popover-header { background-color: #64b5f6; color: #fff; } .popover-sky .popover-body { color: #fff; } .popover-sky .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-sky.bs-popover-top .arrow::after, .popover-sky.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #64b5f6; } .popover-sky.bs-popover-right .arrow::after, .popover-sky.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #64b5f6; } .popover-sky.bs-popover-bottom .arrow::after, .popover-sky.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #64b5f6; } .popover-sky.bs-popover-left .arrow::after, .popover-sky.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #64b5f6; } .popover-navy { background-color: #0d47a1; } .popover-navy .popover-header { background-color: #0d47a1; color: #fff; } .popover-navy .popover-body { color: #fff; } .popover-navy .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-navy.bs-popover-top .arrow::after, .popover-navy.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #0d47a1; } .popover-navy.bs-popover-right .arrow::after, .popover-navy.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #0d47a1; } .popover-navy.bs-popover-bottom .arrow::after, .popover-navy.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #0d47a1; } .popover-navy.bs-popover-left .arrow::after, .popover-navy.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #0d47a1; } .popover-berry { background-color: #b71c1c; } .popover-berry .popover-header { background-color: #b71c1c; color: #fff; } .popover-berry .popover-body { color: #fff; } .popover-berry .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-berry.bs-popover-top .arrow::after, .popover-berry.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #b71c1c; } .popover-berry.bs-popover-right .arrow::after, .popover-berry.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #b71c1c; } .popover-berry.bs-popover-bottom .arrow::after, .popover-berry.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #b71c1c; } .popover-berry.bs-popover-left .arrow::after, .popover-berry.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #b71c1c; } .popover-rose { background-color: #e91e63; } .popover-rose .popover-header { background-color: #e91e63; color: #fff; } .popover-rose .popover-body { color: #fff; } .popover-rose .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-rose.bs-popover-top .arrow::after, .popover-rose.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #e91e63; } .popover-rose.bs-popover-right .arrow::after, .popover-rose.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #e91e63; } .popover-rose.bs-popover-bottom .arrow::after, .popover-rose.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #e91e63; } .popover-rose.bs-popover-left .arrow::after, .popover-rose.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #e91e63; } .popover-orchid { background-color: #ba68c8; } .popover-orchid .popover-header { background-color: #ba68c8; color: #fff; } .popover-orchid .popover-body { color: #fff; } .popover-orchid .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-orchid.bs-popover-top .arrow::after, .popover-orchid.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #ba68c8; } .popover-orchid.bs-popover-right .arrow::after, .popover-orchid.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #ba68c8; } .popover-orchid.bs-popover-bottom .arrow::after, .popover-orchid.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #ba68c8; } .popover-orchid.bs-popover-left .arrow::after, .popover-orchid.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #ba68c8; } .popover-blush { background-color: #ef5350; } .popover-blush .popover-header { background-color: #ef5350; color: #fff; } .popover-blush .popover-body { color: #fff; } .popover-blush .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-blush.bs-popover-top .arrow::after, .popover-blush.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #ef5350; } .popover-blush.bs-popover-right .arrow::after, .popover-blush.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #ef5350; } .popover-blush.bs-popover-bottom .arrow::after, .popover-blush.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #ef5350; } .popover-blush.bs-popover-left .arrow::after, .popover-blush.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #ef5350; } .popover-scarlet { background-color: #d32f2f; } .popover-scarlet .popover-header { background-color: #d32f2f; color: #fff; } .popover-scarlet .popover-body { color: #fff; } .popover-scarlet .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-scarlet.bs-popover-top .arrow::after, .popover-scarlet.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #d32f2f; } .popover-scarlet.bs-popover-right .arrow::after, .popover-scarlet.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #d32f2f; } .popover-scarlet.bs-popover-bottom .arrow::after, .popover-scarlet.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #d32f2f; } .popover-scarlet.bs-popover-left .arrow::after, .popover-scarlet.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #d32f2f; } .popover-carrot { background-color: #ef6c00; } .popover-carrot .popover-header { background-color: #ef6c00; color: #fff; } .popover-carrot .popover-body { color: #fff; } .popover-carrot .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-carrot.bs-popover-top .arrow::after, .popover-carrot.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #ef6c00; } .popover-carrot.bs-popover-right .arrow::after, .popover-carrot.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #ef6c00; } .popover-carrot.bs-popover-bottom .arrow::after, .popover-carrot.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #ef6c00; } .popover-carrot.bs-popover-left .arrow::after, .popover-carrot.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #ef6c00; } .popover-dark-gray { background-color: #202020; } .popover-dark-gray .popover-header { background-color: #202020; color: #fff; } .popover-dark-gray .popover-body { color: #fff; } .popover-dark-gray .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-dark-gray.bs-popover-top .arrow::after, .popover-dark-gray.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #202020; } .popover-dark-gray.bs-popover-right .arrow::after, .popover-dark-gray.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #202020; } .popover-dark-gray.bs-popover-bottom .arrow::after, .popover-dark-gray.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #202020; } .popover-dark-gray.bs-popover-left .arrow::after, .popover-dark-gray.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #202020; } .popover-primary { background-color: #5e72e4; } .popover-primary .popover-header { background-color: #5e72e4; color: #fff; } .popover-primary .popover-body { color: #fff; } .popover-primary .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-primary.bs-popover-top .arrow::after, .popover-primary.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #5e72e4; } .popover-primary.bs-popover-right .arrow::after, .popover-primary.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #5e72e4; } .popover-primary.bs-popover-bottom .arrow::after, .popover-primary.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #5e72e4; } .popover-primary.bs-popover-left .arrow::after, .popover-primary.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #5e72e4; } .popover-secondary { background-color: #f4f5f7; } .popover-secondary .popover-header { background-color: #f4f5f7; color: #212529; } .popover-secondary .popover-body { color: #212529; } .popover-secondary .popover-header { border-color: rgba(33, 37, 41, 0.2); } .popover-secondary.bs-popover-top .arrow::after, .popover-secondary.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #f4f5f7; } .popover-secondary.bs-popover-right .arrow::after, .popover-secondary.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #f4f5f7; } .popover-secondary.bs-popover-bottom .arrow::after, .popover-secondary.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #f4f5f7; } .popover-secondary.bs-popover-left .arrow::after, .popover-secondary.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #f4f5f7; } .popover-success { background-color: #2dce89; } .popover-success .popover-header { background-color: #2dce89; color: #fff; } .popover-success .popover-body { color: #fff; } .popover-success .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-success.bs-popover-top .arrow::after, .popover-success.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #2dce89; } .popover-success.bs-popover-right .arrow::after, .popover-success.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #2dce89; } .popover-success.bs-popover-bottom .arrow::after, .popover-success.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #2dce89; } .popover-success.bs-popover-left .arrow::after, .popover-success.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #2dce89; } .popover-info { background-color: #11cdef; } .popover-info .popover-header { background-color: #11cdef; color: #fff; } .popover-info .popover-body { color: #fff; } .popover-info .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-info.bs-popover-top .arrow::after, .popover-info.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #11cdef; } .popover-info.bs-popover-right .arrow::after, .popover-info.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #11cdef; } .popover-info.bs-popover-bottom .arrow::after, .popover-info.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #11cdef; } .popover-info.bs-popover-left .arrow::after, .popover-info.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #11cdef; } .popover-warning { background-color: #fb6340; } .popover-warning .popover-header { background-color: #fb6340; color: #fff; } .popover-warning .popover-body { color: #fff; } .popover-warning .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-warning.bs-popover-top .arrow::after, .popover-warning.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #fb6340; } .popover-warning.bs-popover-right .arrow::after, .popover-warning.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #fb6340; } .popover-warning.bs-popover-bottom .arrow::after, .popover-warning.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #fb6340; } .popover-warning.bs-popover-left .arrow::after, .popover-warning.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #fb6340; } .popover-danger { background-color: #f5365c; } .popover-danger .popover-header { background-color: #f5365c; color: #fff; } .popover-danger .popover-body { color: #fff; } .popover-danger .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-danger.bs-popover-top .arrow::after, .popover-danger.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #f5365c; } .popover-danger.bs-popover-right .arrow::after, .popover-danger.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #f5365c; } .popover-danger.bs-popover-bottom .arrow::after, .popover-danger.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #f5365c; } .popover-danger.bs-popover-left .arrow::after, .popover-danger.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #f5365c; } .popover-light { background-color: #adb5bd; } .popover-light .popover-header { background-color: #adb5bd; color: #fff; } .popover-light .popover-body { color: #fff; } .popover-light .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-light.bs-popover-top .arrow::after, .popover-light.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #adb5bd; } .popover-light.bs-popover-right .arrow::after, .popover-light.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #adb5bd; } .popover-light.bs-popover-bottom .arrow::after, .popover-light.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #adb5bd; } .popover-light.bs-popover-left .arrow::after, .popover-light.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #adb5bd; } .popover-dark { background-color: #212529; } .popover-dark .popover-header { background-color: #212529; color: #fff; } .popover-dark .popover-body { color: #fff; } .popover-dark .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-dark.bs-popover-top .arrow::after, .popover-dark.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #212529; } .popover-dark.bs-popover-right .arrow::after, .popover-dark.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #212529; } .popover-dark.bs-popover-bottom .arrow::after, .popover-dark.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #212529; } .popover-dark.bs-popover-left .arrow::after, .popover-dark.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #212529; } .popover-default { background-color: #172b4d; } .popover-default .popover-header { background-color: #172b4d; color: #fff; } .popover-default .popover-body { color: #fff; } .popover-default .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-default.bs-popover-top .arrow::after, .popover-default.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #172b4d; } .popover-default.bs-popover-right .arrow::after, .popover-default.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #172b4d; } .popover-default.bs-popover-bottom .arrow::after, .popover-default.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #172b4d; } .popover-default.bs-popover-left .arrow::after, .popover-default.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #172b4d; } .popover-white { background-color: #fff; } .popover-white .popover-header { background-color: #fff; color: #212529; } .popover-white .popover-body { color: #212529; } .popover-white .popover-header { border-color: rgba(33, 37, 41, 0.2); } .popover-white.bs-popover-top .arrow::after, .popover-white.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #fff; } .popover-white.bs-popover-right .arrow::after, .popover-white.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #fff; } .popover-white.bs-popover-bottom .arrow::after, .popover-white.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #fff; } .popover-white.bs-popover-left .arrow::after, .popover-white.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #fff; } .popover-neutral { background-color: #fff; } .popover-neutral .popover-header { background-color: #fff; color: #212529; } .popover-neutral .popover-body { color: #212529; } .popover-neutral .popover-header { border-color: rgba(33, 37, 41, 0.2); } .popover-neutral.bs-popover-top .arrow::after, .popover-neutral.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: #fff; } .popover-neutral.bs-popover-right .arrow::after, .popover-neutral.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: #fff; } .popover-neutral.bs-popover-bottom .arrow::after, .popover-neutral.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: #fff; } .popover-neutral.bs-popover-left .arrow::after, .popover-neutral.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: #fff; } .popover-darker { background-color: black; } .popover-darker .popover-header { background-color: black; color: #fff; } .popover-darker .popover-body { color: #fff; } .popover-darker .popover-header { border-color: rgba(255, 255, 255, 0.2); } .popover-darker.bs-popover-top .arrow::after, .popover-darker.bs-popover-auto[x-placement^=top] .arrow::after { border-top-color: black; } .popover-darker.bs-popover-right .arrow::after, .popover-darker.bs-popover-auto[x-placement^=right] .arrow::after { border-right-color: black; } .popover-darker.bs-popover-bottom .arrow::after, .popover-darker.bs-popover-auto[x-placement^=bottom] .arrow::after { border-bottom-color: black; } .popover-darker.bs-popover-left .arrow::after, .popover-darker.bs-popover-auto[x-placement^=left] .arrow::after { border-left-color: black; } .progress-wrapper { position: relative; padding-top: 1.5rem; } .progress { height: 8px; margin-bottom: 1rem; overflow: hidden; border-radius: 0.2rem; background-color: #e9ecef; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .sr-only { width: auto; height: 20px; margin: 0 0 0 30px; left: 0; clip: auto; line-height: 20px; font-size: 13px; } .progress-heading { font-size: 14px; font-weight: 500; margin: 0 0 2px; padding: 0; } .progress-bar { box-shadow: none; border-radius: 0; height: auto; } .progress-label span { display: inline-block; color: #172b4d; font-size: 0.625rem; font-weight: 600; text-transform: uppercase; padding: 0.25rem 0rem; } .progress-percentage { text-align: right; } .progress-percentage span { display: inline-block; color: #8898aa; font-size: 0.875rem; font-weight: 600; } .index-page .progress-wrapper { padding-top: 1rem; } .index-page .progress-wrapper .progress-label { position: absolute; top: auto; bottom: 10px; } .index-page .progress-wrapper .progress { margin-bottom: 0; } .section { position: relative; padding-top: 4rem; padding-bottom: 4rem; } .section-xl { padding-top: 8rem; padding-bottom: 8rem; } .section-lg { padding-top: 6rem; padding-bottom: 6rem; } .section-sm { padding-top: 2rem; padding-bottom: 2rem; } @media (min-width: 768px) { .section-hero { min-height: 500px; } } .section-shaped { position: relative; overflow: hidden; } .section-shaped.section-hero:before { top: 680px; } .section-shaped .stars-and-coded { margin-top: 8rem; } .section-shaped .shape { position: absolute; top: 0; z-index: -1; width: 100%; height: 100%; } .section-shaped .shape span { position: absolute; } .section-shaped .shape + .container { position: relative; height: 100%; } .section-shaped .shape.shape-skew + .container { padding-top: 0; } .section-shaped .shape.shape-skew + .container .col { margin-top: -100px; } .section-shaped .shape.shape-skew + .shape-container { padding-top: 18rem; padding-bottom: 19rem; } .section-shaped .shape-skew { transform: skewY(-4deg); transform-origin: 0; } .section-shaped .shape-skew span { transform: skew(4deg); } .section-shaped .shape-primary { background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%); } .section-shaped .shape-primary :nth-child(1) { background: #53f; } .section-shaped .shape-primary :nth-child(2) { background: #4553ff; } .section-shaped .shape-primary :nth-child(3) { background: #4f40ff; } .section-shaped .shape-primary :nth-child(4) { background: #25ddf5; } .section-shaped .shape-primary :nth-child(5) { background: #1fa2ff; } .section-shaped .shape-default { background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%); } .section-shaped .shape-default :nth-child(1) { background: #7795f8; } .section-shaped .shape-default :nth-child(2) { background: #7b9aff; } .section-shaped .shape-default :nth-child(3) { background: #6f8ff8; } .section-shaped .shape-default :nth-child(4) { background: #76eea7; } .section-shaped .shape-default :nth-child(5) { background: #6adaff; } .section-shaped .shape-light { background: linear-gradient(150deg, shapes-light-color("step-1-gradient-bg") 15%, shapes-light-color("step-2-gradient-bg") 70%, shapes-light-color("step-3-gradient-bg") 94%); } .section-shaped .shape-light :nth-child(1) { background: shapes-light-color("span-1-bg"); } .section-shaped .shape-light :nth-child(2) { background: shapes-light-color("span-2-bg"); } .section-shaped .shape-light :nth-child(3) { background: shapes-light-color("span-3-bg"); } .section-shaped .shape-light :nth-child(4) { background: shapes-light-color("span-4-bg"); } .section-shaped .shape-light :nth-child(5) { background: shapes-light-color("span-5-bg"); } .section-shaped .shape-dark { background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%); } .section-shaped .shape-dark :nth-child(1) { background: #2e2e57; } .section-shaped .shape-dark :nth-child(2) { background: #2b2b58; } .section-shaped .shape-dark :nth-child(3) { background: #25254d; } .section-shaped .shape-dark :nth-child(4) { background: #d782d9; } .section-shaped .shape-dark :nth-child(5) { background: #008169; } .section-shaped .shape-style-1 span { height: 120px; width: 120px; border-radius: 50%; } .section-shaped .shape-style-1 .span-200 { height: 200px; width: 200px; } .section-shaped .shape-style-1 .span-150 { height: 150px; width: 150px; } .section-shaped .shape-style-1 .span-100 { height: 100px; width: 100px; } .section-shaped .shape-style-1 .span-75 { height: 75px; width: 75px; } .section-shaped .shape-style-1 .span-50 { height: 50px; width: 50px; } .section-shaped .shape-style-1 :nth-child(1) { left: -4%; bottom: auto; background: rgba(255, 255, 255, 0.1); } .section-shaped .shape-style-1 :nth-child(2) { right: 4%; top: 10%; background: rgba(255, 255, 255, 0.1); } .section-shaped .shape-style-1 :nth-child(3) { top: 280px; right: 5.66666%; background: rgba(255, 255, 255, 0.3); } .section-shaped .shape-style-1 :nth-child(4) { top: 320px; right: 7%; background: rgba(255, 255, 255, 0.15); } .section-shaped .shape-style-1 :nth-child(5) { top: 38%; left: 1%; right: auto; background: rgba(255, 255, 255, 0.05); } .section-shaped .shape-style-1 :nth-child(6) { width: 200px; height: 200px; top: 44%; left: 10%; right: auto; background: rgba(255, 255, 255, 0.15); } .section-shaped .shape-style-1 :nth-child(7) { bottom: 50%; right: 36%; background: rgba(255, 255, 255, 0.04); } .section-shaped .shape-style-1 :nth-child(8) { bottom: 70px; right: 2%; background: rgba(255, 255, 255, 0.2); } .section-shaped .shape-style-1 :nth-child(9) { bottom: 1%; right: 2%; background: rgba(255, 255, 255, 0.1); } .section-shaped .shape-style-1 :nth-child(10) { bottom: 1%; left: 1%; right: auto; background: rgba(255, 255, 255, 0.05); } @media (max-width: 991.98px) { .section-shaped .shape-style-1 span { height: 120px; } } @media (max-width: 767.98px) { .section-shaped .shape-style-1 span { height: 90px; } } .section-shaped .shape-style-1.shape-primary { background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%); } .section-shaped .shape-style-1.shape-default { background: linear-gradient(150deg, #7795f8 15%, #6772e5 70%, #555abf 94%); } .section-shaped .shape-style-1.shape-light { background: linear-gradient(150deg, shapes-light-color("step-1-gradient-bg") 15%, shapes-light-color("step-2-gradient-bg") 70%, shapes-light-color("step-3-gradient-bg") 94%); } .section-shaped .shape-style-1.shape-dark { background: linear-gradient(150deg, #32325d 15%, #32325d 70%, #32325d 94%); } .section-shaped .shape-style-2 span { height: 190px; } .section-shaped .shape-style-2 .span-sm { height: 100px; } .section-shaped .shape-style-2 :nth-child(1) { width: 33.33333%; top: 0; left: -16.66666%; } .section-shaped .shape-style-2 :nth-child(2) { width: 33.33333%; top: 0; left: 16.66666%; right: auto; } .section-shaped .shape-style-2 :nth-child(3) { width: 33.33333%; left: 49.99999%; bottom: auto; } .section-shaped .shape-style-2 :nth-child(4) { width: 33.33333%; top: 55%; right: -16.66666%; } .section-shaped .shape-style-2 :nth-child(5) { width: 33.33333%; bottom: 0; } @media (max-width: 991.98px) { .section-shaped .shape-style-2 span { height: 120px; } } @media (max-width: 767.98px) { .section-shaped .shape-style-2 span { height: 90px; } } .section-shaped .shape-style-3 span { height: 140px; } .section-shaped .shape-style-3 .span-sm { height: 100px; } .section-shaped .shape-style-3 :nth-child(1) { width: 66%; left: -16.66666%; bottom: auto; } .section-shaped .shape-style-3 :nth-child(2) { width: 40%; top: 54%; right: -16.66666%; } .section-shaped .shape-style-3 :nth-child(3) { width: 33.33333%; top: 34%; left: -16.66666%; right: auto; } .section-shaped .shape-style-3 :nth-child(4) { width: 60%; bottom: 0; right: -16.66666%; opacity: 0.6; } .section-shaped .shape-style-3 :nth-child(5) { width: 33.33333%; bottom: 0; } @media (max-width: 991.98px) { .section-shaped .shape-style-3 span { height: 120px; } } @media (max-width: 767.98px) { .section-shaped .shape-style-3 span { height: 90px; } } .device-ill { pointer-events: none; position: absolute; display: flex; width: 1287px; left: 50%; margin-left: -644px; transform: scale(0.5) rotate(-12deg) translateX(50px); transform-origin: 50% 20%; will-change: transform; } .device-ill div { display: flex; justify-content: center; align-items: center; border-radius: 0.25rem; padding: 0.875rem; background: #fff; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173, 186, 204, 0.25), 0 2px 6px rgba(0, 21, 64, 0.14), 0 10px 20px rgba(0, 21, 64, 0.05); } .device-ill .tablet-landscape { width: 512px; height: 352px; margin: 115px 50px 0; } @media (min-width: 670px) { .device-ill { flex-wrap: wrap; width: 512px; margin-left: -50px; top: 215px; transform: rotate(-12deg); transform-origin: 100% 0; } .device-ill [class^=tablet] { margin: 0; } .device-ill .tablet-landscape { width: 512px; height: 352px; } } @media (min-width: 880px) { .device-ill { width: 829px; margin-left: -10px; top: 20px; } .device-ill .tablet-landscape { align-self: flex-end; margin-right: 50px; } .device-ill .phone-big { display: flex; width: 267px; height: 553px; } } .section-profile-cover { height: 580px; background-size: cover; background-position: center center; } @media (max-width: 991.98px) { .section-profile-cover { height: 400px; } } .section-components > .form-control + .form-control { margin-top: 0.5rem; } .section-components > .nav + .nav, .section-components > .alert + .alert, .section-components > .navbar + .navbar, .section-components > .progress + .progress, .section-components > .progress + .btn, .section-components .badge, .section-components .btn { margin-top: 0.5rem; margin-bottom: 0.5rem; } .section-components .btn-group { margin-top: 0.5rem; margin-bottom: 0.5rem; } .section-components .btn-group .btn { margin: 0; } .section-components .alert { margin: 0; } .section-components .alert + .alert { margin-top: 1.25rem; } .section-components .badge { margin-right: 0.1rem; } .section-components .modal-footer .btn { margin: 0; } /* .floating-cards { perspective:1500px; position:relative; align-items:center } .floating-cards > div { position:absolute; -ms-flex-negative:0; flex-shrink:0; border-radius:8px; overflow:hidden } .floating-cards .shine { position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none } */ .separator { position: absolute; top: auto; left: 0; right: 0; width: 100%; height: 150px; z-index: 1; transform: translateZ(0); overflow: hidden; pointer-events: none; } .separator svg { position: absolute; pointer-events: none; } .separator-top { top: 0; bottom: auto; } .separator-top svg { top: 0; } .separator-bottom { top: auto; bottom: 0; } .separator-bottom svg { bottom: 0; } .separator-inverse { transform: rotate(180deg); } .separator-skew { height: 80px; } .mt-md, .my-md { margin-top: 4rem !important; } .mr-md, .mx-md { margin-right: 4rem !important; } .mb-md, .my-md { margin-bottom: 4rem !important; } .ml-md, .mx-md { margin-left: 4rem !important; } .m-lg { margin: 6rem !important; } .mt-lg, .my-lg { margin-top: 6rem !important; } .mr-lg, .mx-lg { margin-right: 6rem !important; } .mb-lg, .my-lg { margin-bottom: 6rem !important; } .ml-lg, .mx-lg { margin-left: 6rem !important; } .m-xl { margin: 8rem !important; } .mt-xl, .my-xl { margin-top: 8rem !important; } .mr-xl, .mx-xl { margin-right: 8rem !important; } .mb-xl, .my-xl { margin-bottom: 8rem !important; } .ml-xl, .mx-xl { margin-left: 8rem !important; } .pt-lg, .py-lg { padding-top: 6rem !important; } .pr-lg, .px-lg { padding-right: 6rem !important; } .pb-lg, .py-lg { padding-bottom: 6rem !important; } .pl-lg, .px-lg { padding-left: 6rem !important; } .p-xl { padding: 8rem !important; } .pt-xl, .py-xl { padding-top: 8rem !important; } .pr-xl, .px-xl { padding-right: 8rem !important; } .pb-xl, .py-xl { padding-bottom: 8rem !important; } .pl-xl, .px-xl { padding-left: 8rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } p { font-size: 1rem; font-weight: 300; line-height: 1.7; } .lead { font-size: 1.25rem; font-weight: 300; line-height: 1.7; margin-top: 1.5rem; } .lead + .btn-wrapper { margin-top: 3rem; } .description { font-size: 0.875rem; } .heading { letter-spacing: 0.025em; font-size: 0.95rem; text-transform: uppercase; font-weight: 400; } .heading-title { letter-spacing: 0.025em; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; } .heading-small { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; } .heading-section { letter-spacing: 0.025em; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; } .heading-section img { display: block; width: 72px; height: 72px; margin-bottom: 1.5rem; } .heading-section.text-center img { margin-left: auto; margin-right: auto; } .surtitle { text-transform: uppercase; color: #8898aa; letter-spacing: 2px; margin-bottom: 0; } .display-1 span, .display-2 span, .display-3 span, .display-4 span { display: block; font-weight: 300; } article h4:not(:first-child), article h5:not(:first-child) { margin-top: 3rem; } article h4, article h5 { margin-bottom: 1.5rem; } article figure { margin: 3rem 0; } article h5 + figure { margin-top: 0; } .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .mask { transition: none; } } .backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1040; } .backdrop-dark { background: rgba(0, 0, 0, 0.3); } .backdrop-light { background: rgba(255, 255, 255, 0.3); } .btn.btn-facebook { background-color: #3b5999; color: #fff; } .btn.btn-facebook:focus, .btn.btn-facebook:hover { background-color: #344e87; color: #fff; } .btn.btn-facebook:active, .btn.btn-facebook:focus, .btn.btn-facebook:active:focus { box-shadow: none; } .btn.btn-facebook.btn-simple { color: #344e87; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-facebook.btn-simple:hover, .btn.btn-facebook.btn-simple:focus, .btn.btn-facebook.btn-simple:hover:focus, .btn.btn-facebook.btn-simple:active, .btn.btn-facebook.btn-simple:hover:focus:active { color: #344e87; background: transparent !important; box-shadow: none !important; } .btn.btn-facebook.btn-neutral { color: #3b5999; background-color: #fff; } .btn.btn-facebook.btn-neutral:hover, .btn.btn-facebook.btn-neutral:focus, .btn.btn-facebook.btn-neutral:active { color: #344e87; } .btn.btn-facebook.btn-icon-only { padding: 1.29rem; } .btn.btn-facebook.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-twitter { background-color: #1da1f2; color: #fff; } .btn.btn-twitter:focus, .btn.btn-twitter:hover { background-color: #0d95e8; color: #fff; } .btn.btn-twitter:active, .btn.btn-twitter:focus, .btn.btn-twitter:active:focus { box-shadow: none; } .btn.btn-twitter.btn-simple { color: #0d95e8; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-twitter.btn-simple:hover, .btn.btn-twitter.btn-simple:focus, .btn.btn-twitter.btn-simple:hover:focus, .btn.btn-twitter.btn-simple:active, .btn.btn-twitter.btn-simple:hover:focus:active { color: #0d95e8; background: transparent !important; box-shadow: none !important; } .btn.btn-twitter.btn-neutral { color: #1da1f2; background-color: #fff; } .btn.btn-twitter.btn-neutral:hover, .btn.btn-twitter.btn-neutral:focus, .btn.btn-twitter.btn-neutral:active { color: #0d95e8; } .btn.btn-twitter.btn-icon-only { padding: 1.29rem; } .btn.btn-twitter.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-pinterest { background-color: #bd081c; color: #fff; } .btn.btn-pinterest:focus, .btn.btn-pinterest:hover { background-color: #a00718; color: #fff; } .btn.btn-pinterest:active, .btn.btn-pinterest:focus, .btn.btn-pinterest:active:focus { box-shadow: none; } .btn.btn-pinterest.btn-simple { color: #a00718; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-pinterest.btn-simple:hover, .btn.btn-pinterest.btn-simple:focus, .btn.btn-pinterest.btn-simple:hover:focus, .btn.btn-pinterest.btn-simple:active, .btn.btn-pinterest.btn-simple:hover:focus:active { color: #a00718; background: transparent !important; box-shadow: none !important; } .btn.btn-pinterest.btn-neutral { color: #bd081c; background-color: #fff; } .btn.btn-pinterest.btn-neutral:hover, .btn.btn-pinterest.btn-neutral:focus, .btn.btn-pinterest.btn-neutral:active { color: #a00718; } .btn.btn-pinterest.btn-icon-only { padding: 1.29rem; } .btn.btn-pinterest.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-linkedin { background-color: #0077b5; color: #fff; } .btn.btn-linkedin:focus, .btn.btn-linkedin:hover { background-color: #00669c; color: #fff; } .btn.btn-linkedin:active, .btn.btn-linkedin:focus, .btn.btn-linkedin:active:focus { box-shadow: none; } .btn.btn-linkedin.btn-simple { color: #00669c; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-linkedin.btn-simple:hover, .btn.btn-linkedin.btn-simple:focus, .btn.btn-linkedin.btn-simple:hover:focus, .btn.btn-linkedin.btn-simple:active, .btn.btn-linkedin.btn-simple:hover:focus:active { color: #00669c; background: transparent !important; box-shadow: none !important; } .btn.btn-linkedin.btn-neutral { color: #0077b5; background-color: #fff; } .btn.btn-linkedin.btn-neutral:hover, .btn.btn-linkedin.btn-neutral:focus, .btn.btn-linkedin.btn-neutral:active { color: #00669c; } .btn.btn-linkedin.btn-icon-only { padding: 1.29rem; } .btn.btn-linkedin.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-dribbble { background-color: #ea4c89; color: #fff; } .btn.btn-dribbble:focus, .btn.btn-dribbble:hover { background-color: #e73177; color: #fff; } .btn.btn-dribbble:active, .btn.btn-dribbble:focus, .btn.btn-dribbble:active:focus { box-shadow: none; } .btn.btn-dribbble.btn-simple { color: #e73177; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-dribbble.btn-simple:hover, .btn.btn-dribbble.btn-simple:focus, .btn.btn-dribbble.btn-simple:hover:focus, .btn.btn-dribbble.btn-simple:active, .btn.btn-dribbble.btn-simple:hover:focus:active { color: #e73177; background: transparent !important; box-shadow: none !important; } .btn.btn-dribbble.btn-neutral { color: #ea4c89; background-color: #fff; } .btn.btn-dribbble.btn-neutral:hover, .btn.btn-dribbble.btn-neutral:focus, .btn.btn-dribbble.btn-neutral:active { color: #e73177; } .btn.btn-dribbble.btn-icon-only { padding: 1.29rem; } .btn.btn-dribbble.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-github { background-color: #222222; color: #fff; } .btn.btn-github:focus, .btn.btn-github:hover { background-color: #131313; color: #fff; } .btn.btn-github:active, .btn.btn-github:focus, .btn.btn-github:active:focus { box-shadow: none; } .btn.btn-github.btn-simple { color: #131313; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-github.btn-simple:hover, .btn.btn-github.btn-simple:focus, .btn.btn-github.btn-simple:hover:focus, .btn.btn-github.btn-simple:active, .btn.btn-github.btn-simple:hover:focus:active { color: #131313; background: transparent !important; box-shadow: none !important; } .btn.btn-github.btn-neutral { color: #222222; background-color: #fff; } .btn.btn-github.btn-neutral:hover, .btn.btn-github.btn-neutral:focus, .btn.btn-github.btn-neutral:active { color: #131313; } .btn.btn-github.btn-icon-only { padding: 1.29rem; } .btn.btn-github.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-youtube { background-color: #cd201f; color: #fff; } .btn.btn-youtube:focus, .btn.btn-youtube:hover { background-color: #b21c1b; color: #fff; } .btn.btn-youtube:active, .btn.btn-youtube:focus, .btn.btn-youtube:active:focus { box-shadow: none; } .btn.btn-youtube.btn-simple { color: #b21c1b; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-youtube.btn-simple:hover, .btn.btn-youtube.btn-simple:focus, .btn.btn-youtube.btn-simple:hover:focus, .btn.btn-youtube.btn-simple:active, .btn.btn-youtube.btn-simple:hover:focus:active { color: #b21c1b; background: transparent !important; box-shadow: none !important; } .btn.btn-youtube.btn-neutral { color: #cd201f; background-color: #fff; } .btn.btn-youtube.btn-neutral:hover, .btn.btn-youtube.btn-neutral:focus, .btn.btn-youtube.btn-neutral:active { color: #b21c1b; } .btn.btn-youtube.btn-icon-only { padding: 1.29rem; } .btn.btn-youtube.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-instagram { background-color: #e4405f; color: #fff; } .btn.btn-instagram:focus, .btn.btn-instagram:hover { background-color: #e02549; color: #fff; } .btn.btn-instagram:active, .btn.btn-instagram:focus, .btn.btn-instagram:active:focus { box-shadow: none; } .btn.btn-instagram.btn-simple { color: #e02549; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-instagram.btn-simple:hover, .btn.btn-instagram.btn-simple:focus, .btn.btn-instagram.btn-simple:hover:focus, .btn.btn-instagram.btn-simple:active, .btn.btn-instagram.btn-simple:hover:focus:active { color: #e02549; background: transparent !important; box-shadow: none !important; } .btn.btn-instagram.btn-neutral { color: #e4405f; background-color: #fff; } .btn.btn-instagram.btn-neutral:hover, .btn.btn-instagram.btn-neutral:focus, .btn.btn-instagram.btn-neutral:active { color: #e02549; } .btn.btn-instagram.btn-icon-only { padding: 1.29rem; } .btn.btn-instagram.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-reddit { background-color: #ff4500; color: #fff; } .btn.btn-reddit:focus, .btn.btn-reddit:hover { background-color: #e03d00; color: #fff; } .btn.btn-reddit:active, .btn.btn-reddit:focus, .btn.btn-reddit:active:focus { box-shadow: none; } .btn.btn-reddit.btn-simple { color: #e03d00; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-reddit.btn-simple:hover, .btn.btn-reddit.btn-simple:focus, .btn.btn-reddit.btn-simple:hover:focus, .btn.btn-reddit.btn-simple:active, .btn.btn-reddit.btn-simple:hover:focus:active { color: #e03d00; background: transparent !important; box-shadow: none !important; } .btn.btn-reddit.btn-neutral { color: #ff4500; background-color: #fff; } .btn.btn-reddit.btn-neutral:hover, .btn.btn-reddit.btn-neutral:focus, .btn.btn-reddit.btn-neutral:active { color: #e03d00; } .btn.btn-reddit.btn-icon-only { padding: 1.29rem; } .btn.btn-reddit.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-tumblr { background-color: #35465c; color: #fff; } .btn.btn-tumblr:focus, .btn.btn-tumblr:hover { background-color: #2a3749; color: #fff; } .btn.btn-tumblr:active, .btn.btn-tumblr:focus, .btn.btn-tumblr:active:focus { box-shadow: none; } .btn.btn-tumblr.btn-simple { color: #2a3749; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-tumblr.btn-simple:hover, .btn.btn-tumblr.btn-simple:focus, .btn.btn-tumblr.btn-simple:hover:focus, .btn.btn-tumblr.btn-simple:active, .btn.btn-tumblr.btn-simple:hover:focus:active { color: #2a3749; background: transparent !important; box-shadow: none !important; } .btn.btn-tumblr.btn-neutral { color: #35465c; background-color: #fff; } .btn.btn-tumblr.btn-neutral:hover, .btn.btn-tumblr.btn-neutral:focus, .btn.btn-tumblr.btn-neutral:active { color: #2a3749; } .btn.btn-tumblr.btn-icon-only { padding: 1.29rem; } .btn.btn-tumblr.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-behance { background-color: #1769ff; color: #fff; } .btn.btn-behance:focus, .btn.btn-behance:hover { background-color: #0057f7; color: #fff; } .btn.btn-behance:active, .btn.btn-behance:focus, .btn.btn-behance:active:focus { box-shadow: none; } .btn.btn-behance.btn-simple { color: #0057f7; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-behance.btn-simple:hover, .btn.btn-behance.btn-simple:focus, .btn.btn-behance.btn-simple:hover:focus, .btn.btn-behance.btn-simple:active, .btn.btn-behance.btn-simple:hover:focus:active { color: #0057f7; background: transparent !important; box-shadow: none !important; } .btn.btn-behance.btn-neutral { color: #1769ff; background-color: #fff; } .btn.btn-behance.btn-neutral:hover, .btn.btn-behance.btn-neutral:focus, .btn.btn-behance.btn-neutral:active { color: #0057f7; } .btn.btn-behance.btn-icon-only { padding: 1.29rem; } .btn.btn-behance.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-vimeo { background-color: #1ab7ea; color: #fff; } .btn.btn-vimeo:focus, .btn.btn-vimeo:hover { background-color: #13a3d2; color: #fff; } .btn.btn-vimeo:active, .btn.btn-vimeo:focus, .btn.btn-vimeo:active:focus { box-shadow: none; } .btn.btn-vimeo.btn-simple { color: #13a3d2; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-vimeo.btn-simple:hover, .btn.btn-vimeo.btn-simple:focus, .btn.btn-vimeo.btn-simple:hover:focus, .btn.btn-vimeo.btn-simple:active, .btn.btn-vimeo.btn-simple:hover:focus:active { color: #13a3d2; background: transparent !important; box-shadow: none !important; } .btn.btn-vimeo.btn-neutral { color: #1ab7ea; background-color: #fff; } .btn.btn-vimeo.btn-neutral:hover, .btn.btn-vimeo.btn-neutral:focus, .btn.btn-vimeo.btn-neutral:active { color: #13a3d2; } .btn.btn-vimeo.btn-icon-only { padding: 1.29rem; } .btn.btn-vimeo.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn.btn-slack { background-color: #3aaf85; color: #fff; } .btn.btn-slack:focus, .btn.btn-slack:hover { background-color: #329874; color: #fff; } .btn.btn-slack:active, .btn.btn-slack:focus, .btn.btn-slack:active:focus { box-shadow: none; } .btn.btn-slack.btn-simple { color: #329874; background-color: transparent; background-image: none !important; box-shadow: none; border: none; } .btn.btn-slack.btn-simple:hover, .btn.btn-slack.btn-simple:focus, .btn.btn-slack.btn-simple:hover:focus, .btn.btn-slack.btn-simple:active, .btn.btn-slack.btn-simple:hover:focus:active { color: #329874; background: transparent !important; box-shadow: none !important; } .btn.btn-slack.btn-neutral { color: #3aaf85; background-color: #fff; } .btn.btn-slack.btn-neutral:hover, .btn.btn-slack.btn-neutral:focus, .btn.btn-slack.btn-neutral:active { color: #329874; } .btn.btn-slack.btn-icon-only { padding: 1.29rem; } .btn.btn-slack.btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; position: relative; } .btn-gradient-facebook { background: linear-gradient(35deg, #3b5999 0, #4d70ba 100%) !important; color: #fff; } .btn-gradient-twitter { background: linear-gradient(35deg, #1da1f2 0, #4db5f5 100%) !important; color: #fff; } .btn-gradient-instagram { background: linear-gradient(35deg, #e4405f 0, #ea6d84 100%) !important; color: #fff; } .btn-gradient-linkedin { background: linear-gradient(35deg, #0077b5 0, #0099e8 100%) !important; color: #fff; } .btn-gradient-pinterest { background: linear-gradient(35deg, #bd081c 0, #ee0a23 100%) !important; color: #fff; } .btn-gradient-slack { background: linear-gradient(35deg, #3aaf85 0, #55c79e 100%) !important; color: #fff; } .btn-gradient-youtube { background: linear-gradient(35deg, #cd201f 0, #e23e3d 100%) !important; color: #fff; } .btn-gradient-dribbble { background: linear-gradient(35deg, #ea4c89 0, #ef7aa7 100%) !important; color: #fff; } .btn-gradient-vimeo { background: linear-gradient(35deg, #1ab7ea 0, #49c6ee 100%) !important; color: #fff; } .btn[class*=btn-gradient-].btn-icon-only { padding: 1.29rem; } .btn[class*=btn-gradient-].btn-icon-only .btn-inner--icon i { top: -10px; left: -7px; font-size: 14px; } .btn[class*=btn-gradient-]:hover { color: #fff !important; } .btn[class*=btn-gradient-]:active, .btn[class*=btn-gradient-]:focus, .btn[class*=btn-gradient-]:active:focus { box-shadow: none; } .custom-toggle { position: relative; display: inherit; width: 52px; height: 1.5rem; margin: 0; display: inline-block; } .custom-toggle input { display: none; } .custom-toggle input:checked + .custom-toggle-slider { border: 1px solid #5e72e4; } .custom-toggle input:checked + .custom-toggle-slider:before { background: #5e72e4; transform: translateX(28px); } .custom-toggle input:disabled + .custom-toggle-slider { border: 1px solid #e9ecef; } .custom-toggle input:disabled:checked + .custom-toggle-slider { border: 1px solid #e9ecef; } .custom-toggle input:disabled:checked + .custom-toggle-slider:before { background-color: #8a98eb; } .custom-toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ced4da; border-radius: 34px !important; background-color: transparent; } .custom-toggle-slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 2px; bottom: 2px; border-radius: 50% !important; background-color: #ddd; transition: all 0.3s ease; } .custom-toggle-wrapper .custom-toggle + .custom-toggle { margin-left: 1rem !important; } .custom-toggle input:checked + .custom-toggle-slider:after { content: attr(data-label-on); color: #5e72e4; right: auto; left: 0; } .custom-toggle-slider:after { color: #ced4da; content: attr(data-label-off); display: block; font-family: inherit; font-weight: 600; font-size: 0.75rem; line-height: 24px; position: absolute; right: 0; margin: 0 0.21667rem; top: 0; text-align: center; min-width: 1.66667rem; overflow: hidden; transition: all 0.3s ease; } .custom-toggle-indigo input:checked + .custom-toggle-slider { border-color: #5603ad; } .custom-toggle-indigo input:checked + .custom-toggle-slider:before { background: #5603ad; } .custom-toggle-indigo input:checked + .custom-toggle-slider:after { color: #5603ad; } .custom-toggle-indigo input:disabled:checked + .custom-toggle-slider { border-color: #5603ad; } .custom-toggle-indigo input:disabled:checked + .custom-toggle-slider:before { background-color: #6f04df; } .custom-toggle-purple input:checked + .custom-toggle-slider { border-color: #8965e0; } .custom-toggle-purple input:checked + .custom-toggle-slider:before { background: #8965e0; } .custom-toggle-purple input:checked + .custom-toggle-slider:after { color: #8965e0; } .custom-toggle-purple input:disabled:checked + .custom-toggle-slider { border-color: #8965e0; } .custom-toggle-purple input:disabled:checked + .custom-toggle-slider:before { background-color: #aa8fe9; } .custom-toggle-pink input:checked + .custom-toggle-slider { border-color: #f3a4b5; } .custom-toggle-pink input:checked + .custom-toggle-slider:before { background: #f3a4b5; } .custom-toggle-pink input:checked + .custom-toggle-slider:after { color: #f3a4b5; } .custom-toggle-pink input:disabled:checked + .custom-toggle-slider { border-color: #f3a4b5; } .custom-toggle-pink input:disabled:checked + .custom-toggle-slider:before { background-color: #f9d1da; } .custom-toggle-orange input:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-orange input:checked + .custom-toggle-slider:before { background: #fb6340; } .custom-toggle-orange input:checked + .custom-toggle-slider:after { color: #fb6340; } .custom-toggle-orange input:disabled:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-orange input:disabled:checked + .custom-toggle-slider:before { background-color: #fc8c72; } .custom-toggle-sky input:checked + .custom-toggle-slider { border-color: #64b5f6; } .custom-toggle-sky input:checked + .custom-toggle-slider:before { background: #64b5f6; } .custom-toggle-sky input:checked + .custom-toggle-slider:after { color: #64b5f6; } .custom-toggle-sky input:disabled:checked + .custom-toggle-slider { border-color: #64b5f6; } .custom-toggle-sky input:disabled:checked + .custom-toggle-slider:before { background-color: #94ccf9; } .custom-toggle-navy input:checked + .custom-toggle-slider { border-color: #0d47a1; } .custom-toggle-navy input:checked + .custom-toggle-slider:before { background: #0d47a1; } .custom-toggle-navy input:checked + .custom-toggle-slider:after { color: #0d47a1; } .custom-toggle-navy input:disabled:checked + .custom-toggle-slider { border-color: #0d47a1; } .custom-toggle-navy input:disabled:checked + .custom-toggle-slider:before { background-color: #115cd0; } .custom-toggle-berry input:checked + .custom-toggle-slider { border-color: #b71c1c; } .custom-toggle-berry input:checked + .custom-toggle-slider:before { background: #b71c1c; } .custom-toggle-berry input:checked + .custom-toggle-slider:after { color: #b71c1c; } .custom-toggle-berry input:disabled:checked + .custom-toggle-slider { border-color: #b71c1c; } .custom-toggle-berry input:disabled:checked + .custom-toggle-slider:before { background-color: #de2828; } .custom-toggle-rose input:checked + .custom-toggle-slider { border-color: #e91e63; } .custom-toggle-rose input:checked + .custom-toggle-slider:before { background: #e91e63; } .custom-toggle-rose input:checked + .custom-toggle-slider:after { color: #e91e63; } .custom-toggle-rose input:disabled:checked + .custom-toggle-slider { border-color: #e91e63; } .custom-toggle-rose input:disabled:checked + .custom-toggle-slider:before { background-color: #ee4c83; } .custom-toggle-orchid input:checked + .custom-toggle-slider { border-color: #ba68c8; } .custom-toggle-orchid input:checked + .custom-toggle-slider:before { background: #ba68c8; } .custom-toggle-orchid input:checked + .custom-toggle-slider:after { color: #ba68c8; } .custom-toggle-orchid input:disabled:checked + .custom-toggle-slider { border-color: #ba68c8; } .custom-toggle-orchid input:disabled:checked + .custom-toggle-slider:before { background-color: #cb8dd6; } .custom-toggle-blush input:checked + .custom-toggle-slider { border-color: #ef5350; } .custom-toggle-blush input:checked + .custom-toggle-slider:before { background: #ef5350; } .custom-toggle-blush input:checked + .custom-toggle-slider:after { color: #ef5350; } .custom-toggle-blush input:disabled:checked + .custom-toggle-slider { border-color: #ef5350; } .custom-toggle-blush input:disabled:checked + .custom-toggle-slider:before { background-color: #f3817f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider { border-color: #d32f2f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider:before { background: #d32f2f; } .custom-toggle-scarlet input:checked + .custom-toggle-slider:after { color: #d32f2f; } .custom-toggle-scarlet input:disabled:checked + .custom-toggle-slider { border-color: #d32f2f; } .custom-toggle-scarlet input:disabled:checked + .custom-toggle-slider:before { background-color: #dc5959; } .custom-toggle-carrot input:checked + .custom-toggle-slider { border-color: #ef6c00; } .custom-toggle-carrot input:checked + .custom-toggle-slider:before { background: #ef6c00; } .custom-toggle-carrot input:checked + .custom-toggle-slider:after { color: #ef6c00; } .custom-toggle-carrot input:disabled:checked + .custom-toggle-slider { border-color: #ef6c00; } .custom-toggle-carrot input:disabled:checked + .custom-toggle-slider:before { background-color: #ff8623; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider { border-color: #202020; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider:before { background: #202020; } .custom-toggle-dark-gray input:checked + .custom-toggle-slider:after { color: #202020; } .custom-toggle-dark-gray input:disabled:checked + .custom-toggle-slider { border-color: #202020; } .custom-toggle-dark-gray input:disabled:checked + .custom-toggle-slider:before { background-color: #3a3a3a; } .custom-toggle-primary input:checked + .custom-toggle-slider { border-color: #5e72e4; } .custom-toggle-primary input:checked + .custom-toggle-slider:before { background: #5e72e4; } .custom-toggle-primary input:checked + .custom-toggle-slider:after { color: #5e72e4; } .custom-toggle-primary input:disabled:checked + .custom-toggle-slider { border-color: #5e72e4; } .custom-toggle-primary input:disabled:checked + .custom-toggle-slider:before { background-color: #8a98eb; } .custom-toggle-secondary input:checked + .custom-toggle-slider { border-color: #f4f5f7; } .custom-toggle-secondary input:checked + .custom-toggle-slider:before { background: #f4f5f7; } .custom-toggle-secondary input:checked + .custom-toggle-slider:after { color: #f4f5f7; } .custom-toggle-secondary input:disabled:checked + .custom-toggle-slider { border-color: #f4f5f7; } .custom-toggle-secondary input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-success input:checked + .custom-toggle-slider { border-color: #2dce89; } .custom-toggle-success input:checked + .custom-toggle-slider:before { background: #2dce89; } .custom-toggle-success input:checked + .custom-toggle-slider:after { color: #2dce89; } .custom-toggle-success input:disabled:checked + .custom-toggle-slider { border-color: #2dce89; } .custom-toggle-success input:disabled:checked + .custom-toggle-slider:before { background-color: #54daa1; } .custom-toggle-info input:checked + .custom-toggle-slider { border-color: #11cdef; } .custom-toggle-info input:checked + .custom-toggle-slider:before { background: #11cdef; } .custom-toggle-info input:checked + .custom-toggle-slider:after { color: #11cdef; } .custom-toggle-info input:disabled:checked + .custom-toggle-slider { border-color: #11cdef; } .custom-toggle-info input:disabled:checked + .custom-toggle-slider:before { background-color: #41d7f2; } .custom-toggle-warning input:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-warning input:checked + .custom-toggle-slider:before { background: #fb6340; } .custom-toggle-warning input:checked + .custom-toggle-slider:after { color: #fb6340; } .custom-toggle-warning input:disabled:checked + .custom-toggle-slider { border-color: #fb6340; } .custom-toggle-warning input:disabled:checked + .custom-toggle-slider:before { background-color: #fc8c72; } .custom-toggle-danger input:checked + .custom-toggle-slider { border-color: #f5365c; } .custom-toggle-danger input:checked + .custom-toggle-slider:before { background: #f5365c; } .custom-toggle-danger input:checked + .custom-toggle-slider:after { color: #f5365c; } .custom-toggle-danger input:disabled:checked + .custom-toggle-slider { border-color: #f5365c; } .custom-toggle-danger input:disabled:checked + .custom-toggle-slider:before { background-color: #f76783; } .custom-toggle-light input:checked + .custom-toggle-slider { border-color: #adb5bd; } .custom-toggle-light input:checked + .custom-toggle-slider:before { background: #adb5bd; } .custom-toggle-light input:checked + .custom-toggle-slider:after { color: #adb5bd; } .custom-toggle-light input:disabled:checked + .custom-toggle-slider { border-color: #adb5bd; } .custom-toggle-light input:disabled:checked + .custom-toggle-slider:before { background-color: #c9cfd4; } .custom-toggle-dark input:checked + .custom-toggle-slider { border-color: #212529; } .custom-toggle-dark input:checked + .custom-toggle-slider:before { background: #212529; } .custom-toggle-dark input:checked + .custom-toggle-slider:after { color: #212529; } .custom-toggle-dark input:disabled:checked + .custom-toggle-slider { border-color: #212529; } .custom-toggle-dark input:disabled:checked + .custom-toggle-slider:before { background-color: #383f45; } .custom-toggle-default input:checked + .custom-toggle-slider { border-color: #172b4d; } .custom-toggle-default input:checked + .custom-toggle-slider:before { background: #172b4d; } .custom-toggle-default input:checked + .custom-toggle-slider:after { color: #172b4d; } .custom-toggle-default input:disabled:checked + .custom-toggle-slider { border-color: #172b4d; } .custom-toggle-default input:disabled:checked + .custom-toggle-slider:before { background-color: #234174; } .custom-toggle-white input:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-white input:checked + .custom-toggle-slider:before { background: #fff; } .custom-toggle-white input:checked + .custom-toggle-slider:after { color: #fff; } .custom-toggle-white input:disabled:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-white input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-neutral input:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-neutral input:checked + .custom-toggle-slider:before { background: #fff; } .custom-toggle-neutral input:checked + .custom-toggle-slider:after { color: #fff; } .custom-toggle-neutral input:disabled:checked + .custom-toggle-slider { border-color: #fff; } .custom-toggle-neutral input:disabled:checked + .custom-toggle-slider:before { background-color: white; } .custom-toggle-darker input:checked + .custom-toggle-slider { border-color: black; } .custom-toggle-darker input:checked + .custom-toggle-slider:before { background: black; } .custom-toggle-darker input:checked + .custom-toggle-slider:after { color: black; } .custom-toggle-darker input:disabled:checked + .custom-toggle-slider { border-color: black; } .custom-toggle-darker input:disabled:checked + .custom-toggle-slider:before { background-color: #171a1c; } .nav-pills.nav-pills-icons .nav-link { text-align: center; } .nav-pills.nav-pills-icons .nav-link i { display: block; margin-bottom: 10px; font-size: 16px; } .nav-pills.flex-column li > a { margin-bottom: 15px; } .nav-pills.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link { margin-bottom: 5px; } .nav-pills.nav-pills-just-icons .nav-item .nav-link { border-radius: 50%; height: 80px; max-width: 80px; min-width: auto; padding: 0; width: 80px; } .nav-pills .nav-item .nav-link.disabled, .nav-pills .nav-item .nav-link:disabled, .nav-pills .nav-item .nav-link[disabled] { opacity: 0.5; } .nav-pills.nav-pills-primary .nav-item .nav-link { color: #5e72e4; } .nav-pills.nav-pills-primary .nav-item .nav-link.active, .nav-pills.nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills.nav-pills-primary .nav-item .nav-link.active:hover { background-color: #5e72e4; color: #fff; } .nav-pills.nav-pills-info .nav-item .nav-link { color: #11cdef; } .nav-pills.nav-pills-info .nav-item .nav-link.active, .nav-pills.nav-pills-info .nav-item .nav-link.active:focus, .nav-pills.nav-pills-info .nav-item .nav-link.active:hover { background-color: #11cdef; color: #fff; } .nav-pills.nav-pills-success .nav-item .nav-link { color: #2dce89; } .nav-pills.nav-pills-success .nav-item .nav-link.active, .nav-pills.nav-pills-success .nav-item .nav-link.active:focus, .nav-pills.nav-pills-success .nav-item .nav-link.active:hover { background-color: #2dce89; color: #fff; } .nav-pills.nav-pills-warning .nav-item .nav-link { color: #fb6340; } .nav-pills.nav-pills-warning .nav-item .nav-link.active, .nav-pills.nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills.nav-pills-warning .nav-item .nav-link.active:hover { background-color: #fb6340; color: #fff; } .nav-pills.nav-pills-danger .nav-item .nav-link { color: #f5365c; } .nav-pills.nav-pills-danger .nav-item .nav-link.active, .nav-pills.nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills.nav-pills-danger .nav-item .nav-link.active:hover { background-color: #f5365c; color: #fff; } .tab-space { padding: 20px 0 50px 0px; } .tab-content.tab-subcategories { margin-top: 20px; background-color: transparent; padding-left: 15px; padding-right: 15px; } .nav-align-center { text-align: center; } .nav-align-center .nav-pills { display: inline-flex; } .avatar-xl { width: 74px; height: 74px; } .avatar-lg { width: 58px; height: 58px; font-size: 0.875rem; } .avatar-sm { width: 36px; height: 36px; font-size: 0.875rem; } .avatar-xs { width: 24px; height: 24px; font-size: 0.75rem; } .badge { text-transform: uppercase; } .badge a { color: #fff; } .badge-md { padding: 0.65em 1em; } .badge-lg { padding: 0.85em 1.375em; } .badge-inline { margin-right: 0.625rem; } .badge-inline + span { top: 2px; position: relative; } .badge-inline + span > a { text-decoration: underline; } .badge-default { color: #fff; } .badge-secondary { background-color: #f4f5f7; color: #212529; } .badge-dot { padding-left: 0; padding-right: 0; background: transparent; font-weight: 400; font-size: 0.875rem; text-transform: none; } .badge-dot strong { color: #32325d; } .badge-dot i { display: inline-block; vertical-align: middle; width: 0.375rem; height: 0.375rem; border-radius: 50%; margin-right: 0.375rem; } .badge-dot.badge-md i { width: 0.5rem; height: 0.5rem; } .badge-dot.badge-lg i { width: 0.625rem; height: 0.625rem; } .badge-circle { text-align: center; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0 !important; width: 1.25rem; height: 1.25rem; font-size: 0.75rem; font-weight: 600; } .badge-circle.badge-md { width: 1.5rem; height: 1.5rem; } .badge-circle.badge-lg { width: 2rem; height: 2rem; } .btn .badge-floating { position: absolute; right: -15px; top: -50%; border: 3px solid; } .btn .badge-floating.badge:not(.badge-circle) { transform: translate(-20%, 50%); } .btn.btn-round { border-radius: 30px; } .btn.back-to-top { display: inline-block; width: 40px; height: 40px; text-align: center; border-radius: 6px; position: fixed; bottom: 30px; right: 30px; transition: background-color 0.3s, opacity 0.5s, visibility 0.5s; opacity: 0; visibility: hidden; z-index: 1000; } .btn.back-to-top.show { opacity: 1; visibility: visible; } .btn-gradient-indigo { background: linear-gradient(35deg, #5603ad 0, #6f04df 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-indigo:hover { background: linear-gradient(35deg, #3d027b 0, #5603ad 100%) !important; color: #fff; } .btn-gradient-indigo:active { box-shadow: none !important; } .btn-gradient-purple { background: linear-gradient(35deg, #8965e0 0, #aa8fe9 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-purple:hover { background: linear-gradient(35deg, #683bd7 0, #8965e0 100%) !important; color: #fff; } .btn-gradient-purple:active { box-shadow: none !important; } .btn-gradient-pink { background: linear-gradient(35deg, #f3a4b5 0, #f9d1da 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-pink:hover { background: linear-gradient(35deg, #ed7790 0, #f3a4b5 100%) !important; color: #fff; } .btn-gradient-pink:active { box-shadow: none !important; } .btn-gradient-orange { background: linear-gradient(35deg, #fb6340 0, #fc8c72 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-orange:hover { background: linear-gradient(35deg, #fa3a0e 0, #fb6340 100%) !important; color: #fff; } .btn-gradient-orange:active { box-shadow: none !important; } .btn-gradient-sky { background: linear-gradient(35deg, #64b5f6 0, #94ccf9 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-sky:hover { background: linear-gradient(35deg, #349ef3 0, #64b5f6 100%) !important; color: #fff; } .btn-gradient-sky:active { box-shadow: none !important; } .btn-gradient-navy { background: linear-gradient(35deg, #0d47a1 0, #115cd0 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-navy:hover { background: linear-gradient(35deg, #093272 0, #0d47a1 100%) !important; color: #fff; } .btn-gradient-navy:active { box-shadow: none !important; } .btn-gradient-berry { background: linear-gradient(35deg, #b71c1c 0, #de2828 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-berry:hover { background: linear-gradient(35deg, #8b1515 0, #b71c1c 100%) !important; color: #fff; } .btn-gradient-berry:active { box-shadow: none !important; } .btn-gradient-rose { background: linear-gradient(35deg, #e91e63 0, #ee4c83 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-rose:hover { background: linear-gradient(35deg, #c1134e 0, #e91e63 100%) !important; color: #fff; } .btn-gradient-rose:active { box-shadow: none !important; } .btn-gradient-orchid { background: linear-gradient(35deg, #ba68c8 0, #cb8dd6 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-orchid:hover { background: linear-gradient(35deg, #a844b9 0, #ba68c8 100%) !important; color: #fff; } .btn-gradient-orchid:active { box-shadow: none !important; } .btn-gradient-blush { background: linear-gradient(35deg, #ef5350 0, #f3817f 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-blush:hover { background: linear-gradient(35deg, #eb2521 0, #ef5350 100%) !important; color: #fff; } .btn-gradient-blush:active { box-shadow: none !important; } .btn-gradient-scarlet { background: linear-gradient(35deg, #d32f2f 0, #dc5959 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-scarlet:hover { background: linear-gradient(35deg, #ab2424 0, #d32f2f 100%) !important; color: #fff; } .btn-gradient-scarlet:active { box-shadow: none !important; } .btn-gradient-carrot { background: linear-gradient(35deg, #ef6c00 0, #ff8623 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-carrot:hover { background: linear-gradient(35deg, #bc5500 0, #ef6c00 100%) !important; color: #fff; } .btn-gradient-carrot:active { box-shadow: none !important; } .btn-gradient-dark-gray { background: linear-gradient(35deg, #202020 0, #3a3a3a 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-dark-gray:hover { background: linear-gradient(35deg, #070707 0, #202020 100%) !important; color: #fff; } .btn-gradient-dark-gray:active { box-shadow: none !important; } .btn-gradient-primary { background: linear-gradient(35deg, #5e72e4 0, #8a98eb 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-primary:hover { background: linear-gradient(35deg, #324cdd 0, #5e72e4 100%) !important; color: #fff; } .btn-gradient-primary:active { box-shadow: none !important; } .btn-gradient-secondary { background: linear-gradient(35deg, #f4f5f7 0, white 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-secondary:hover { background: linear-gradient(35deg, #d6dae2 0, #f4f5f7 100%) !important; color: #fff; } .btn-gradient-secondary:active { box-shadow: none !important; } .btn-gradient-success { background: linear-gradient(35deg, #2dce89 0, #54daa1 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-success:hover { background: linear-gradient(35deg, #24a46d 0, #2dce89 100%) !important; color: #fff; } .btn-gradient-success:active { box-shadow: none !important; } .btn-gradient-info { background: linear-gradient(35deg, #11cdef 0, #41d7f2 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-info:hover { background: linear-gradient(35deg, #0da5c0 0, #11cdef 100%) !important; color: #fff; } .btn-gradient-info:active { box-shadow: none !important; } .btn-gradient-warning { background: linear-gradient(35deg, #fb6340 0, #fc8c72 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-warning:hover { background: linear-gradient(35deg, #fa3a0e 0, #fb6340 100%) !important; color: #fff; } .btn-gradient-warning:active { box-shadow: none !important; } .btn-gradient-danger { background: linear-gradient(35deg, #f5365c 0, #f76783 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-danger:hover { background: linear-gradient(35deg, #ec0c38 0, #f5365c 100%) !important; color: #fff; } .btn-gradient-danger:active { box-shadow: none !important; } .btn-gradient-light { background: linear-gradient(35deg, #adb5bd 0, #c9cfd4 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-light:hover { background: linear-gradient(35deg, #919ca6 0, #adb5bd 100%) !important; color: #fff; } .btn-gradient-light:active { box-shadow: none !important; } .btn-gradient-dark { background: linear-gradient(35deg, #212529 0, #383f45 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-dark:hover { background: linear-gradient(35deg, #0a0c0d 0, #212529 100%) !important; color: #fff; } .btn-gradient-dark:active { box-shadow: none !important; } .btn-gradient-default { background: linear-gradient(35deg, #172b4d 0, #234174 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-default:hover { background: linear-gradient(35deg, #0b1526 0, #172b4d 100%) !important; color: #fff; } .btn-gradient-default:active { box-shadow: none !important; } .btn-gradient-white { background: linear-gradient(35deg, #fff 0, white 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-white:hover { background: linear-gradient(35deg, #e6e6e6 0, white 100%) !important; color: #fff; } .btn-gradient-white:active { box-shadow: none !important; } .btn-gradient-neutral { background: linear-gradient(35deg, #fff 0, white 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-neutral:hover { background: linear-gradient(35deg, #e6e6e6 0, white 100%) !important; color: #fff; } .btn-gradient-neutral:active { box-shadow: none !important; } .btn-gradient-darker { background: linear-gradient(35deg, black 0, #171a1c 100%) !important; border-left: none; border-right: none; color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .btn-gradient-darker:hover { background: linear-gradient(35deg, black 0, #171a1c 100%) !important; color: #fff; } .btn-gradient-darker:active { box-shadow: none !important; } .btn-gradient-secondary { background: linear-gradient(35deg, #f4f5f7 0, white 100%) !important; color: #172b4d; } .btn-gradient-secondary:hover { color: #172b4d; } .dropdown.show .dropdown-menu.show .dropdown-item.dropdown-toggle + .dropdown-menu.show { left: 100% !important; margin-top: 0 !important; } .dropdown.show .dropdown-menu.show .dropdown-item.dropdown-toggle + .dropdown-menu.show li.show .dropdown-menu.show { left: 100% !important; } .dropdown.show .dropdown-menu.show .dropdown-menu.show { top: 70% !important; } .dropdown.show .dropdown-menu.show .dropdown-menu.show .dropdown-menu:first-of-type.show { top: 60% !important; } .dropdown.show .dropdown-menu.show .dropdown-menu.show .dropdown-menu:nth-of-type(2).show { top: 83% !important; } .dropdown.show .dropdown-menu.show .dropdown-item.dropdown-toggle.open:after { transform: rotate(180deg); transition: transform 0.3s ease; } .dropdown .dropdown-item.dropdown-toggle:after, .dropup .dropdown-item.dropdown-toggle:after { position: relative; float: right; top: 9px; margin-left: 0; } .dropdown .dropdown-item:hover, .dropup .dropdown-item:hover { transform: scale(1.1); border-radius: 0.3rem; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; background: #fff; } .dropdown .dropdown-menu { -webkit-animation: fpFadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s ease; } .dropdown .dropdown-menu:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; left: 5px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .dropdown.show .dropdown-menu.show { margin-top: 10px; bottom: auto !important; bottom: initial !important; top: 100% !important; -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); transform: none !important; transition: height 0.3s ease; } .dropup .dropdown-menu { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.3s ease; } .dropup .dropdown-menu:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; left: 5px; position: absolute; bottom: 7px; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .dropup.show .dropdown-menu.show { bottom: 100% !important; top: auto !important; top: initial !important; -webkit-animation: fpFadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInUp 300ms cubic-bezier(0.23, 1, 0.32, 1); transform: none !important; margin-bottom: 10px; transition: all 0.3s ease; } .dropdown-divider { margin: 0.2rem 0 !important; } .dropdown-toggle:after { transition: all 0.3s ease !important; } .dropdown-menu-right { right: 0 !important; left: auto !important; } .dropdown-menu-right:before { right: 20px; left: auto !important; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @-webkit-keyframes fpFadeInUp { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fpFadeInUp { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .pagination.pagination-info .page-item.active > .page-link, .pagination.pagination-info .page-item.active > .page-link:focus, .pagination.pagination-info .page-item.active > .page-link:hover { background-color: #11cdef; border-color: #11cdef; } .pagination.pagination-success .page-item.active > .page-link, .pagination.pagination-success .page-item.active > .page-link:focus, .pagination.pagination-success .page-item.active > .page-link:hover { background-color: #2dce89; border-color: #2dce89; } .pagination.pagination-primary .page-item.active > .page-link, .pagination.pagination-primary .page-item.active > .page-link:focus, .pagination.pagination-primary .page-item.active > .page-link:hover { background-color: #5e72e4; border-color: #5e72e4; } .pagination.pagination-warning .page-item.active > .page-link, .pagination.pagination-warning .page-item.active > .page-link:focus, .pagination.pagination-warning .page-item.active > .page-link:hover { background-color: #fb6340; border-color: #fb6340; } .pagination.pagination-danger .page-item.active > .page-link, .pagination.pagination-danger .page-item.active > .page-link:focus, .pagination.pagination-danger .page-item.active > .page-link:hover { background-color: #f5365c; border-color: #f5365c; } .pagination.pagination-secondary .page-item.active > .page-link, .pagination.pagination-secondary .page-item.active > .page-link:focus, .pagination.pagination-secondary .page-item.active > .page-link:hover { background-color: #f4f5f7; border-color: #f4f5f7; color: #172b4d; } .pagination.pagination-default .page-item.active > .page-link, .pagination.pagination-default .page-item.active > .page-link:focus, .pagination.pagination-default .page-item.active > .page-link:hover { background-color: #172b4d; border-color: #172b4d; color: #fff; } .navbar .dropdown .dropdown-item { transition: all 0.2s ease; } .navbar .dropdown .dropdown-item:active, .navbar .dropdown .dropdown-item:focus:active, .navbar .dropdown .dropdown-item:active { color: #212529 !important; } .navbar.navbar-main { width: 100%; position: absolute; z-index: 99; } .navbar.navbar-main .dropdown-menu-footer { background-color: #f6f9fc; padding: 20px 0; } .navbar.navbar-main .dropdown-menu-footer .dropdown-item { text-transform: uppercase; color: #5e72e4; } .navbar.navbar-main .dropdown-menu-footer .dropdown-item i { margin-right: 1.6rem; } @media (min-width: 992px) { .navbar-main .navbar-nav .nav-item.dropdown { cursor: pointer; } .navbar-main .navbar-nav .nav-item.dropdown .nav-link { pointer-events: none; } } .section-footer .container-fluid { padding-right: 0; padding-left: 0; } .footer hr { margin-top: 1.5rem; margin-bottom: 1.5rem; } .footer .footer-description { padding: 13px; font-size: 12px; line-height: 2; opacity: 0.5; } .footer .column .logo { height: 50px; margin-top: 10px; } .footer .column h4 { font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; margin: 0 0 20px; color: #8898aa; } .footer .column ul:not(.social-buttons) { margin-bottom: 0; padding: 0; list-style: none; } .footer .column ul:not(.social-buttons) li { color: #8898aa; padding: 5px 0; } .footer .column ul:not(.social-buttons) li a { color: inherit; text-decoration: none; transition: color 0.1s; font-weight: 500; } .footer .column ul:not(.social-buttons) li a:hover { color: #32325d; } .footer .copyrights { color: #aab7c4; list-style: none; position: absolute; bottom: 5px; left: 35px; } .footer .form-newsletter .form-group { float: left; width: 78%; margin-right: 2%; margin-top: 9px; } .footer .form-newsletter .btn { position: relative; top: 10px; } .footer.footer-big { padding: 30px 0; } .footer.footer-big .social-feed i { font-size: 20px; float: left; padding-right: 10px; position: relative; top: 3px; } .footer.footer-big .gallery-feed img { width: 20%; margin-right: 5%; margin-bottom: 5%; float: left; } .footer.footer-big hr { width: 100%; } .footer.footer-big .social-buttons { display: inline-flex; list-style: none; padding-left: 0; } .footer.footer-big .social-buttons li { margin-right: 10px; } .footer.footer-big .column .logo.logo-sm { height: 30px; } .footer.footer-simple nav, .footer.footer-simple .copyright { display: inline-block; width: 49%; } .footer.footer-simple .footer-brand { padding-left: 15px; font-size: 1.25rem; line-height: 60px; } .footer.footer-simple .inline-menu { line-height: 53px; } .footer.footer-simple .social-buttons { line-height: 57px; } .footer.footer-simple ul { margin-bottom: 0; padding: 0; list-style: none; } .footer.footer-simple ul:not(.links-vertical) { line-height: 3.1; } .footer.footer-simple ul.links-vertical { line-height: 1.6; } .footer.footer-simple ul.links-vertical li { display: block; margin-left: -5px; margin-right: -5px; margin-bottom: 0px; } .footer.footer-simple ul.links-vertical li a { padding: 5px; display: block; } .footer.footer-simple ul li { display: inline-block; } .footer.footer-simple ul li a { font-size: 0.875rem; text-transform: uppercase; text-decoration: none; } .footer.footer-simple ul li a:hover { text-decoration: none; } .footer[class*=bg-gradient-] .footer-brand { color: #fff; } .footer[class*=bg-gradient-] hr { color: rgba(255, 255, 255, 0.3); } .footer[class*=bg-gradient-] .column h4 { color: #fff; } .footer[class*=bg-gradient-] .nav-link, .footer[class*=bg-gradient-] ul li a:not(.btn), .footer[class*=bg-gradient-] .column p { color: rgba(255, 255, 255, 0.7) !important; } .footer[class*=bg-gradient-] .nav-link:hover, .footer[class*=bg-gradient-] ul li a:not(.btn):hover, .footer[class*=bg-gradient-] .column p:hover { color: #fff !important; } .section-shaped .footer .column h4, .section-shaped .footer .column ul li { color: #fff; } .section-shaped .footer .copyrights { color: #fff; } @media (max-width: 767.98px) { footer .title { text-align: center !important; } .footer .btn-wrapper.profile { text-align: center !important; } } .progress-container.progress-default .progress-bar { background-color: #172b4d; } .progress-container.progress-primary .progress-bar { background-color: #5e72e4; } .progress-container.progress-info .progress-bar { background-color: #11cdef; } .progress-container.progress-success .progress-bar { background-color: #2dce89; } .progress-container.progress-warning .progress-bar { background-color: #fb6340; } .progress-container.progress-danger .progress-bar { background-color: #f5365c; } .info { max-width: 360px; margin: 0 auto; padding: 1.5rem; text-align: center; border-radius: 0.25rem; transition: all 0.5s; } .info.info-hover-default:hover { background-color: #172b4d; box-shadow: 13px 13px 50px -24px #172b4d; } .info.info-hover-primary:hover { background-color: #5e72e4; box-shadow: 13px 13px 50px -24px #5e72e4; } .info.info-hover-info:hover { background-color: #11cdef; box-shadow: 13px 13px 50px -24px #11cdef; } .info.info-hover-warning:hover { background-color: #fb6340; box-shadow: 13px 13px 50px -24px #fb6340; } .info.info-hover-danger:hover { background-color: #f5365c; box-shadow: 13px 13px 50px -24px #f5365c; } .info.info-hover-success:hover { background-color: #2dce89; box-shadow: 13px 13px 50px -24px #2dce89; } .info .icon { transition: transform 0.4s, box-shadow 0.4s; } .info .icon.icon-circle { max-width: 80px; width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; box-shadow: 0px 9px 35px -6px rgba(0, 0, 0, 0.3); font-size: 0.75rem; background-color: #fff; position: relative; } .info .icon.icon-circle i { line-height: 2.7; } .info .info-title { margin: 25px 0 15px; padding: 0 15px; } .info p { padding: 0 15px 0 0; } .info-horizontal { max-width: 500px !important; text-align: left !important; } .info-horizontal .icon { float: left; } .info-horizontal .description { overflow: hidden; } .card .info { padding: 40px 0; text-align: center; position: relative; } hr { width: 10%; height: 1px; border-radius: 3px; margin-left: 0; } hr.line-primary { background-color: #5e72e4; } hr.line-info { background-color: #11cdef; } hr.line-success { background-color: #2dce89; } hr.line-warning { background-color: #fb6340; } hr.line-danger { background-color: #f5365c; } hr.line-deafult { background-color: #172b4d; } .icon-actions > a { display: inline-block; margin-right: 0.75rem; color: #8898aa; font-size: 0.875rem; } .icon-actions > a:last-of-type { margin-right: 0; } .icon-actions > a span { margin-left: 0.1875rem; font-weight: 600; color: #8898aa; } .icon-actions > a:hover span { color: #6a7e95; } .icon-actions > a, .icon-actions > a:hover, .icon-actions > a.active { color: #32325d; } .icon-actions > .favorite:hover, .icon-actions > .favorite.active { color: #ffd600; } .icon-actions > .love:hover, .icon-actions > .love.active { color: #f5365c; } .icon-actions > .like:hover, .icon-actions > .like.active { color: #5e72e4; } .icon-actions-lg a { font-size: 1.25rem; margin-right: 0.875rem; } .header { position: relative; } .section-hero, .page-header { overflow: visible !important; } .section-hero .page-header .bg-image { position: absolute; width: 100%; top: -7%; } .skew-separator { overflow: hidden; } .skew-separator:after { content: ""; position: absolute; width: 100%; height: 800px; transform: skewY(-8deg); background: #fff; top: 88%; z-index: 1; } .skew-separator.skew-top:after { height: 370px !important; top: -220px !important; } .skew-separator .container { z-index: 2 !important; position: relative !important; } .skew-separator.skew-mini:after { top: 79% !important; } .bg-image { width: 100%; } .media .avatar { margin: 0 auto; margin-right: 15px; } .media .avatar img { width: 100%; border-radius: 50%; } .media textarea { margin-bottom: 20px; } .media .media-heading small { font-family: "Open Sans", sans-serif; } .media .media-body { padding-right: 10px; } .media .media-body .media .media-body { padding-right: 0px; } .media.media-post .form-group, .media.media-post .input-group { margin-top: 25px; } .media .media-footer .btn { margin-bottom: 20px; } .media .media-footer .btn i { position: relative; top: 1px; } .media .media-footer:after { display: table; content: " "; clear: both; } .media p { line-height: 1.61em; font-size: 0.875rem; } .media-header .image { margin: 20px auto 30px; } .media-header .image img { width: 100%; border-radius: 6px; } .media-header .description { text-align: justify; } .media-header .hashtag a { cursor: pointer; } .media-header .btn-group .btn i { top: 3px; position: relative; } .text { position: relative; left: 15px; top: 1px; } .name { font-size: 1.1em; font-weight: 700; line-height: 1.15; max-width: 11em; overflow: hidden; padding-top: 3px; text-overflow: ellipsis; } .meta { color: #a49e9e; font-size: 0.8em; } .chat { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media (min-width: 992px) { .chat .section { min-height: 100vh; max-height: 999px; } } .chat .media-body span { font-size: 14px; } .chat .list-group { padding: 10px; } .chat .list-group .list-group-item:not(.active) { background: transparent; } .chat .list-group .avatar { width: 40px !important; height: 40px !important; } .chat .list-group .badge { padding: 4px; margin-top: 3px; display: inline-block; float: right; } .chat .list-group .list-group-item.active { border-radius: 0.3rem; } .chat .list-group .list-group-item:nth-of-type(2) { border-top: 0; } .chat .card { max-height: 70vh; overflow: auto; margin-top: 30px; overflow-x: hidden; } .chat .card .card-header, .chat .card .card-footer { background: transparent; display: flex; } .chat .card .far { margin-right: 3px; } .chat .spinner { width: 70px; text-align: center; display: inline-block; } .chat .spinner > div { width: 7px; height: 7px; background-color: #dee2e6; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .chat .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .chat .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } } .media-comment { margin-top: 2rem; } .media-comment-avatar { margin-top: -1rem; margin-right: -2rem; position: relative; z-index: 1; width: 64px; height: 64px; border: 4px solid #fff; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .media-comment-avatar { transition: none; } } .media-comment-text { border-radius: 0.3rem; border-top-left-radius: 0; position: relative; background-color: #f6f9fc; padding: 1rem 1.25rem 1rem 2.5rem; } .media-comment:hover .media-comment-avatar { transform: scale(1.1); } .card-header .icon-big i { font-size: 12px; top: 1px; } .table thead th { padding-top: 0.75rem; padding-bottom: 0.75rem; font-size: 0.65rem; text-transform: uppercase; letter-spacing: 1px; border-bottom: 0.0625rem solid #dee2e6; } .table th { font-weight: 600; } .table td .progress { height: 3px; width: 120px; margin: 0; } .table td, .table th { font-size: 0.8125rem; white-space: nowrap; } .table.align-items-center td, .table.align-items-center th { vertical-align: middle; } .table .thead-dark th { background-color: #1c345d; color: #4d7bca; } .table .thead-dark th a { color: #4d7bca; } .table .thead-light th { background-color: #fff; color: #525f7f; } .table .thead-light th a { color: #525f7f; } .table-hover tr { transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .table-hover tr { transition: none; } } .table-striped tbody tr:nth-of-type(odd) { background-color: #f6f9fc; } .table-flush td, .table-flush th { border-left: 0; border-right: 0; } .table-flush tbody tr:first-child td, .table-flush tbody tr:first-child th { border-top: 0; } .table-flush tbody tr:last-child td, .table-flush tbody tr:last-child th { border-bottom: 0; } .table-shopping tbody td { vertical-align: middle; } .table-shopping .td-name { font-weight: 400; font-size: 1.5em; } .table-shopping .td-name small { font-size: 0.75em; font-weight: 300; } .table-shopping .td-number { font-weight: 300; font-size: 0.9375rem; } .table-shopping .td-number .btn-group i { top: 2px; position: relative; } .table-shopping .td-name { max-width: 200px; overflow: hidden; } .table-shopping .td-number { text-align: right; min-width: 145px; } .table-shopping .td-number small { margin-right: 3px; } .table-shopping .td-price { font-size: 26px; font-weight: 300; margin-top: 5px; position: relative; top: 4px; text-align: right; } .table-shopping .img-container { width: 120px; max-height: 160px; overflow: hidden; display: block; } .table-shopping .img-container img { width: 100%; } #tables .table-responsive { margin-bottom: 30px; } .table .custom-toggle { display: block; } .table [data-sort] { cursor: pointer; } .table .thead-dark [data-sort]::after { content: url("data:image/svg+xml;utf8,"); margin-left: 0.25rem; } .table .thead-light [data-sort]::after { content: url("data:image/svg+xml;utf8,"); margin-left: 0.25rem; } .table-action { font-size: 0.875rem; color: #adb5bd; margin: 0 0.25rem; } .table-action:hover { color: #919ca6; } .table-action-delete:hover { color: #f5365c; } .table-dark .table-action { color: #4d7bca; } .register-page .page-header .container { background-color: #fff; border-radius: 0.25rem; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); position: relative; overflow: hidden; width: 768px; max-width: 100%; min-height: 480px; } .register-page .page-header .page-header-image { z-index: 1 !important; } .register-page .footer { background: #172b4d; } .register-page .footer h3, .register-page .footer h4, .register-page .footer .copyright a { color: #fff; } .register-page h1 { font-weight: bold; margin: 0; } .register-page p { font-size: 14px; font-weight: 100; line-height: 20px; letter-spacing: 0.5px; margin: 20px 0 30px; } .register-page a { color: #333; font-size: 14px; text-decoration: none; } .register-page button { transition: transform 80ms ease-in; } .register-page button:active { transform: scale(0.95); } .register-page button:focus { outline: none; } .register-page button.ghost { background-color: transparent; border-color: #fff; } .register-page form { background-color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 50px; height: 100%; text-align: center; } .register-page .form-container .form-group { width: 100%; } .register-page .social-container { margin: 20px 0; } .register-page .social-container a { border: 1px solid #dddddd; border-radius: 50%; display: inline-flex; justify-content: center; align-items: center; margin: 0 5px; height: 40px; width: 40px; } .register-page .form-container { position: absolute; top: 0; height: 100%; transition: all 0.6s ease-in-out; } .register-page .sign-in-container { left: 0; width: 50%; z-index: 2; } .register-page .sign-up-container { left: 0; width: 50%; opacity: 0; z-index: 1; } .register-page .container.right-panel-active .sign-in-container { transform: translateX(100%); } .register-page .container.right-panel-active .sign-up-container { transform: translateX(100%); opacity: 1; z-index: 5; -webkit-animation: show 0.6s; animation: show 0.6s; } @-webkit-keyframes show { 0%, 49.99% { opacity: 0; z-index: 1; } 50%, 100% { opacity: 1; z-index: 5; } } @keyframes show { 0%, 49.99% { opacity: 0; z-index: 1; } 50%, 100% { opacity: 1; z-index: 5; } } .register-page .overlay-container { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; overflow: hidden; transition: transform 0.6s ease-in-out; z-index: 100; } .register-page .container.right-panel-active .overlay-container { transform: translateX(-100%); } .register-page .overlay { background: #5e72e4; background-repeat: no-repeat; background-size: cover; background-position: 0 0; color: #fff; position: relative; left: -100%; height: 100%; width: 200%; transform: translateX(0); transition: transform 0.6s ease-in-out; } .register-page .container.right-panel-active .overlay { transform: translateX(50%); } .register-page .overlay-panel { position: absolute; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0 40px; text-align: center; top: 0; height: 100%; width: 50%; transform: translateX(0); transition: transform 0.6s ease-in-out; } .register-page .overlay-left { transform: translateX(-20%); } .register-page .container.right-panel-active .overlay-left { transform: translateX(0); } .register-page .overlay-right { right: 0; transform: translateX(0); } .register-page .container.right-panel-active .overlay-right { transform: translateX(20%); } @media (max-width: 767.98px) { .register-page form { padding: 0 10px !important; } .register-page form > h2 { line-height: 1.3 !important; } } @media (max-width: 375px) { .register-page h1 { font-size: 1.5rem; } .register-page .overlay-panel { padding: 0 15px; } .register-page .social-container { margin: 10px 0 !important; } .register-page form { padding: 30px 10px 0 10px !important; } } .card-blog { overflow: hidden; } .card-blog.card-plain .card-body { padding: 15px 0; } .card-blog .card-image .img { width: 100%; background-size: cover; background-position: 50% 50%; } .card-blog .pattern { margin-top: -45%; } .card-blog[data-background=pattern] .card-footer { border-top: none; } .card-body .card-footer { position: relative; bottom: 0; left: 0; background-color: transparent !important; width: 100%; color: #fff; padding: 5px 0 0 0 !important; border-top: none !important; } .pattern { width: 100%; } .stats { font-size: 0.8em; } .stats i { margin-right: 5px; position: relative; top: 2px; } .stats.stats-right { float: right; line-height: 30px; position: relative; } .author { position: relative; display: inline-block; text-align: left; } .author .avatar { width: 30px; height: 30px; overflow: hidden; border-radius: 50%; margin-right: 5px; } .author .meta { color: #a49e9e; font-size: 0.8em; } .card-profile[data-background=cover] { overflow: hidden; } .card-profile[data-background=cover] .pattern { position: absolute; top: -38%; } .card-profile .card-header { background-position: 50%; background-size: cover; margin-bottom: 60px; width: 100%; height: 150px; border: none; } .card-profile .card-avatar { max-width: 130px; max-height: 130px; margin: 70px auto 0; } .card-profile .card-avatar img { width: 100%; border: 3px solid #fff; transform: scale(1); border-radius: 50% !important; transition: all 0.15s ease; } .card-profile .card-avatar img:hover { transform: scale(1.03); } .card-profile .card-avatar + .card-body { margin-top: 15px; } .card-profile.card-plain .card-header { border-radius: 0.25rem; } .card-profile .card-body .card-avatar { margin: 0 auto 30px; } .card-profile[data-background=full] img { height: 100%; width: 100%; } .card-profile[data-background=full] .card-image { position: absolute; top: 0; width: 100%; height: 100%; } .card-profile[data-background=full] .card-body { position: absolute; bottom: 15px; background: white; width: calc(100% - 30px); margin: 0 15px; z-index: 1; border-radius: 3px; } .card-profile[data-background=full] .card-image .title { position: absolute; left: 20px; top: 15px; color: #fff; font-size: 16px; } .card-profile[data-background=full] .card-image .dropdown { position: absolute; right: 0; top: 10px; } .card-profile[data-background=full] .card-image .title, .card-profile[data-background=full] .card-image .dropdown { z-index: 2; } .card-profile[data-background=full] .card-image .title .btn, .card-profile[data-background=full] .card-image .dropdown .btn { color: #fff; } .card-profile[data-background=full] .card-image:after { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; z-index: 1; width: 100%; display: block; content: ""; background: rgba(0, 0, 0, 0.2); border-radius: 0.25rem !important; } .card-profile[data-background=full] .card-image.no-mask:after { background: none; } .card-profile[data-background=full] .table { margin-bottom: 0; } .card-profile[data-background=full] .table td { border: none; padding: 7px; padding-right: 0; } .card-profile[data-image=profile-image] { overflow: hidden; } .card-profile[data-image=profile-image] .card-header { height: 100%; margin-bottom: 0; padding: 0; } .card-profile[data-image=profile-image] .card-header::after { content: ""; width: 24%; overflow: hidden; position: absolute; left: 32%; top: 5%; height: 90%; background-color: #fff; transform: rotate(80deg); z-index: 1; } .card-profile[data-image=profile-image] .lead, .card-profile[data-image=profile-image] h4 { position: relative; z-index: 3; } .card-profile[data-image=profile-image] .lead { margin-top: 0; } .card-profile[data-image=profile-image] .card-image { position: relative; height: 250px; } .card-profile[data-image=profile-image] .card-image .dropdown { position: absolute; right: 10px; top: 10px; } .card-profile[data-image=profile-image] .card-image img { height: 100%; max-width: 100%; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .card-profile[data-image=profile-image] .card-image .title, .card-profile[data-image=profile-image] .card-image .dropdown { z-index: 2; } .card-profile[data-image=profile-image] .card-image .title .btn, .card-profile[data-image=profile-image] .card-image .dropdown .btn { color: #fff; } .card-profile[data-image=profile-image] .card-image.no-mask:after { background: none; } .card-profile[data-image=profile-image] hr { margin-right: 0; margin-left: auto; } .card-profile[data-image=profile-image] .job-title { margin-bottom: 10px; z-index: 3; position: relative; } .card-profile[data-image=profile-image] .table { margin-bottom: 0; } .card-profile[data-image=profile-image] .table td { border: none; padding: 7px; padding-right: 0; } .card-profile[data-image=profile-image] .table td i { margin-right: 5px; font-size: 16px; color: #5e72e4; top: 3px; position: relative; } .card-profile[data-image=img-rounded] { margin-top: 50px; text-align: center; } .card-profile[data-image=img-rounded] .card-avatar { margin: -50px auto 0; border-radius: 50%; overflow: hidden; padding: 0; box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .card-profile[data-image=img-rounded] .card-avatar img { width: 100%; height: auto; } .card-profile[data-image=img-rounded] .card-description { text-align: justify; } .card-profile[data-image=img-raised] { margin-top: 30px; } .card-profile[data-image=img-raised] .card-header-image { max-height: 215px; position: relative; padding: 0; z-index: 1; margin-left: 15px; margin-right: 15px; margin-top: -30px; } .card-profile[data-image=img-raised] .card-header-image a { display: block; } .card-profile[data-image=img-raised] .card-header-image a img { width: 100%; border-radius: 6px; pointer-events: none; box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.24), 0 8px 10px -5px rgba(0, 0, 0, 0.2); } .card-profile[data-image=img-raised] .card-description { margin: 15px auto -10px; } .card-profile[data-image=img-raised] .card-body + .card-footer { margin-top: -15px; border-top: none; } .card-profile[data-image=img-raised] .card-footer .btn.btn-just-icon { font-size: 20px; padding: 12px 12px; line-height: 1em; } .card-profile[data-image=img-raised] .card-title { position: absolute; bottom: 0px; left: 15px; color: #5e72e4; font-size: 1.125rem; } .card-profile-stats { padding: 1rem 0; } .card-profile-stats > div { text-align: center; margin-right: 1rem; padding: 0.875rem; } .card-profile-stats > div:last-child { margin-right: 0; } .card-profile-stats > div .heading { font-size: 1.1rem; font-weight: bold; display: block; } .card-profile-stats > div .description { font-size: 0.875rem; color: #adb5bd; } .card-profile-actions { padding: 0.875rem; } .profile-info p { margin-bottom: 0rem; } .card-pricing .card-header { padding-top: 0; padding-bottom: 0; } .card-pricing .card-header h6 { font-weight: 900; } .card-pricing .list-unstyled li { padding: 0.5rem 0; color: #8898aa; } .card-pricing.popular { z-index: 1; border: 3px solid #5e72e4 !important; } .card-pricing[data-icon=big-icon] .card-header { border-bottom: none; padding-bottom: 0; } .card-pricing[data-icon=big-icon] .card-header .icon { width: 5rem; height: 5rem; margin: 15% auto 0; } .card-pricing[data-icon=big-icon] .card-header .icon i { font-size: 4rem; } .card-pricing[data-icon=big-icon] .card-header p { text-transform: uppercase; font-weight: 600; } .card-pricing[data-icon=big-icon] .card-body { padding-top: 0; } .card-pricing[data-icon=big-icon] .card-body .price { position: relative; } .card-pricing[data-icon=big-icon] .card-body .price .currency { position: absolute; bottom: 25px; left: 5px; font-size: 32px; } .card-pricing[data-icon=big-icon] .card-body .price .amount { font-size: 5rem; margin-left: 25px; } .card-pricing[data-icon=big-icon] .card-body .list-unstyled li p { margin-bottom: 0; } .card-pricing[data-icon=big-icon] .card-footer { border-top: none; padding-top: 0; } .card-pricing:not([data-icon=big-icon]) .icon i:before { font-size: 12px; } .card-pricing.card-background { background-position: 50%; background-size: cover; } .card-pricing.card-background .card-body { position: relative; z-index: 2; min-height: 280px; max-width: 440px; } .card-pricing.card-background .card-body ul { list-style: none; padding: 0; max-width: 240px; margin: 10px auto; } .card-pricing.card-background .card-body ul li { color: #172b4d; border-color: hsla(0deg, 0%, 100%, 0.3); text-align: center; padding: 12px 0; border-bottom: 1px solid hsla(0deg, 0%, 60%, 0.3); } .card-pricing.card-background .card-body ul li:last-child { border: 0; } .card-pricing.card-background[data-background=image] { background-size: contain; background-repeat: no-repeat; background-position-y: top; } .card-pricing.card-background[data-background=image] ul li { color: #fff; padding: 10px 0; } .card-pricing.card-background[data-background=image]:after { display: none; } .card-pricing.card-background[data-background=image] .card-body { padding-top: 90px; padding-bottom: 20px; } .card-pricing.card-background[data-background=image] .card-body .category { margin-bottom: 0; } .card-pricing.card-background:after { display: none; } .card-pricing.card-coin { margin-top: 75px; } .card-pricing.card-coin .card-header { margin: -50px auto 0px; border-bottom: none; background: transparent; } .card-pricing.card-coin .card-body h5 { font-weight: 600; } .card-pricing.card-coin img { width: 100px; border-radius: 50%; } .card-pricing.card-coin hr { width: 20%; margin: 15px auto; height: 1px; border-radius: 3px; } .card-pricing.card-coin .list-group { margin: 0 auto; text-align: center; } .card-pricing.card-coin .list-group .list-group-item { background-color: transparent; border: none; padding: 0.4rem 1rem; } .card-pricing.card-coin .card-footer { padding-bottom: 15px; border-top: none; } @media (min-width: 768px) { .card-pricing.zoom-in { z-index: 1; transform: scale(1.1); } } .rotating-card-container { -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; } .rotating-card-container .card-rotate { background: transparent; } .rotating-card-container .card-rotate:after { display: none; } .rotating-card-container .card { transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1); transform-style: preserve-3d; position: relative; } .rotating-card-container .card .back, .rotating-card-container .card .front { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; border-radius: 6px; top: 0; left: 0; justify-content: center; align-content: center; display: -moz-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .rotating-card-container .card .back[class^="bg-gradient-*"], .rotating-card-container .card .front[class^="bg-gradient-*"] { background-color: #fff; } .rotating-card-container .card .back .card-body, .rotating-card-container .card .front .card-body { justify-content: center; align-content: center; display: -moz-flex; display: -o-flex; display: flex; -moz-flex-direction: column; -o-flex-direction: column; flex-direction: column; } .rotating-card-container .card .front { z-index: 2; position: relative; } .rotating-card-container .card .back { transform: rotateY(180deg); z-index: 5; text-align: center; width: 100%; height: 100%; } .rotating-card-container .card .back.back-background[data-background=image]:after { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.56); border-radius: 6px; } .rotating-card-container .card .back.back-background[data-background=image] .card-body { position: relative; z-index: 2; } .rotating-card-container .card .back .card-footer .btn { margin: 0; } .rotating-card-container .card .back .card-body { padding-left: 15px; padding-right: 15px; } .rotating-card-container:not(.manual-flip):hover .card { transform: rotateY(180deg); } .rotating-card-container.hover.manual-flip .card { transform: rotateY(180deg); } .card-profile .rotating-card-container .front { text-align: left; } .back-background, .front-background { background-position: center center; background-size: cover; text-align: center; } .back-background .card-body, .front-background .card-body { position: relative; z-index: 2; min-height: 280px; padding-top: 40px; padding-bottom: 40px; max-width: 440px; margin: 0 auto; } .back-background .card-category, .front-background .card-category, .back-background .card-description, .front-background .card-description, .back-background small, .front-background small { color: rgba(255, 255, 255, 0.7) !important; } .back-background .card-title, .front-background .card-title { color: #fff; margin-top: 10px; } .back-background:not(.card-pricing) .btn, .front-background:not(.card-pricing) .btn { margin-bottom: 0; } [data-background=image].back-background:after, [data-background=image].front-background:after { position: absolute; z-index: 1; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.56); border-radius: 6px; } .back-background .card-body { min-height: auto; padding-top: 15px; padding-bottom: 15px; } /* Fix bug for IE */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .rotating-card-container .card .front, .rotating-card-container .card .back { -webkit-backface-visibility: visible; backface-visibility: visible; } .rotating-card-container .card .back { visibility: hidden; transition: visibility 0.3s cubic-bezier(0.34, 1.45, 0.7, 1); } .rotating-card-container .card .front { z-index: 4; } .rotating-card-container:not(.manual-flip):hover .card .back, .rotating-card-container.manual-flip.hover .card .back { z-index: 5; visibility: visible; } } .card-background { background-position: center center; background-size: cover; text-align: center; } .card-background .card-body { position: relative; z-index: 2; min-height: 330px; padding-top: 60px; padding-bottom: 60px; } .card-background .card-body .content-bottom { position: absolute; bottom: 10px; text-align: left; } .card-background.card-blog { overflow: hidden; height: 330px; } .card-background.card-grande { height: 550px; } .card-background.card-grande .card-body { height: 550px; text-align: left; padding-left: 30px; } .card-background.card-grande .card-body .author { margin-bottom: 20px; } .card-background.card-grande .full-background { height: 550px; } .card-background.card-grande:after { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; z-index: 1; width: 100%; display: block; content: ""; background: rgba(0, 0, 0, 0.6); } @media (min-width: 992px) { .card-background.card-grande .card-body { padding: 60px; } } .card-background .full-background { background-position: center center; background-size: cover; text-align: center; margin-bottom: 30px; width: 100%; height: 100%; position: absolute; border-radius: 0.3rem; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); -webkit-transition: all 1s cubic-bezier(0.2, 1, 0.22, 1); } .card-background[data-animation=true]:hover .full-background, .card-background[data-animation=zooming]:hover .full-background { transform: scale(1.07); -webkit-transform: scale(1.07); } .card-background[data-animation=zooming] { transition: all 0.3s cubic-bezier(0.2, 1, 0.22, 1); -webkit-transition: all 0.3s cubic-bezier(0.2, 1, 0.22, 1); } .card-background[data-animation=zooming] a:not(.btn) { height: 100%; } .card-background[data-animation=zooming] .card-body { padding-bottom: 30px; margin: 0; margin: initial; height: 100%; } .card-background[data-animation=zooming]:hover { transform: scale(1.07); -webkit-transform: scale(1.07); z-index: 2; } .card-background.card-background-product .card-body .card-title { margin-top: 30px; } .card-background .stats { color: #fff; } .card-background .card-footer .stats-link > a { color: #fff; line-height: 1.9; } .card-background .category, .card-background .card-description, .card-background small { color: #adb5bd; } .card-background .card-title { color: #fff; } .card-background:not(.card-pricing) .btn { margin-bottom: 0; } .card-background:after { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; z-index: 1; width: 100%; display: block; content: ""; background: rgba(0, 0, 0, 0.6); } .card-background .content-center { margin-top: 120px; } .card-background .content-center .card-category { margin: 30px auto 5px; } .card-background .content-center .avatar { width: 40px; height: 40px; } .card-header.card-background:after { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; } .card-header.card-background .card-title, .card-header.card-background .badge, .card-header.card-background h1, .card-header.card-background h2, .card-header.card-background h3, .card-header.card-background h4, .card-header.card-background h5, .card-header.card-background h6, .card-header.card-background p { position: relative; z-index: 2; } .card-project { position: relative; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateY(0); min-height: 355px; } .card-project .card-body { transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), padding 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); padding: 65px 40px 60px !important; position: relative; overflow: hidden; } .card-project .card-body .card-footer { padding: 0 0 0 !important; } .card-project a .icon { position: absolute; left: 0; right: 0; z-index: 1; top: -22px; background-color: #fff; transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); box-shadow: 0 2px 5px rgba(50, 50, 93, 0.1), 0 1px 1.5px rgba(0, 0, 0, 0.07); } .card-project .card-title, .card-project .card-description { text-align: left; } .card-project .card-footer { position: absolute; bottom: 0; left: 0; width: 100%; padding: 9px 10px; height: 55px; box-shadow: none; text-align: center; transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); background: #f4f5f7 !important; display: flex; align-items: center; justify-content: center; transform: translateY(50%); opacity: 0; } .card-project:hover { transform: translateY(-2px); z-index: 2; box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .card-project:hover .icon { transform: scale(0.8) translateY(-10px); } .card-project:hover .card-body { padding: 50px 40px 60px !important; } .card-project:hover .card-footer { transform: translateY(0); opacity: 1; } .card-product { margin-top: 30px; } .card-product .card-image img { width: 100%; } .card-product .btn { margin: 0; } .card-product .image { overflow: hidden; border-radius: 0.3rem; } .card-product .card-body .card-title { margin-bottom: 0px; } .card-product .card-footer { margin-top: 10px; } .card-product .card-footer .btn i { margin-top: 5px; } .card-product .card-footer .price h5 { margin-bottom: 0; margin-top: 0; } .card-product .card-footer .stats { margin-top: 5px; } .card-product .card-footer .stats .btn { position: relative; top: -3px; } .card-product .category { margin-bottom: 0; } .card-product .category ~ .card-title { margin-top: 0; } .card-product .price-container { display: inline-block; } .card-product .price { font-size: 16px; color: #172b4d; } .card-product .price-old { text-decoration: line-through; font-size: 16px; color: #172b4d; } .card-product .price-new { color: #f5365c; } .card-product:not(.card-plain) .card-image { padding: 15px; } .card { margin-bottom: 30px; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); border: 0; } .card .card-title { margin-bottom: 0.5rem; } .card .card-header, .card .card-footer { background-color: #fff; } .card .card-img-overlay .content { z-index: 2; } .card .card-img-overlay:after { position: absolute; top: 0; bottom: 0; left: 0; height: 100%; z-index: 1; width: 100%; display: block; content: ""; background: rgba(0, 0, 0, 0.5); border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .card[data-header=skew] .card-header { height: 100%; margin-bottom: 0; padding: 0; } .card[data-header=skew] .card-header::after { content: ""; width: 24%; overflow: hidden; position: absolute; left: 37%; top: 7%; height: 96%; background-color: #fff; transform: rotate(80deg); z-index: 1; } .card[data-header=skew] .card-category { z-index: 2; position: relative; } .card[data-background=pattern] .pattern { position: absolute; opacity: 0.1; bottom: 10%; } .card[data-header=pattern] .pattern { position: absolute; bottom: 60%; } .card[data-header=pattern] .card-body { padding-top: 10rem; } .card-translucent { background-color: rgba(18, 91, 152, 0.08); } .card-deck .card { margin-bottom: 30px; } .card.shadow { border: 0 !important; } @media (min-width: 576px) { .card-columns { -moz-column-count: 1; column-count: 1; } } @media (min-width: 768px) { .card-columns { -moz-column-count: 2; column-count: 2; } } @media (min-width: 1200px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; } } .index-page .section-hero .badge { position: relative; top: -5px; font-size: 14px; left: 5px; } .index-page .tooltips-popovers .btn[data-toggle=tooltip], .index-page .tooltips-popovers .btn[data-toggle=popover] { margin-bottom: 10px; } .index-page .section-shaped .rounded.overflow-hidden { z-index: 2; position: relative; } .blockquote, .blockquote-2, .blockquote-3 { border-left: 2px solid rgba(136, 152, 170, 0.32); padding-left: 1rem; } .toast { border: none; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); opacity: 1 !important; } .toast .toast-header { background-color: transparent; background-clip: border-box; background-clip: initial; padding: 0.45rem 0.75rem; } .toast .toast-header .close span { position: relative; top: 1px; } .toast .toast-header img { width: 21px; } .form-group.focused .input-group-append { margin-left: 0px !important; } .form-group.focused .input-group-append .input-group-text { border-left: none; } .nav-up { top: -80px; } .nav-down { position: fixed; top: 0; transition: top 0.5s ease-in-out; width: 100%; z-index: 9999; } .flatpickr-calendar.open { margin-left: -38px; margin-top: 4px; } .flatpickr-calendar.arrowBottom { margin-top: -20px; } .flatpickr-calendar .flatpickr-innerContainer { margin-top: 15px !important; } .flatpickr-calendar .numInputWrapper span { border: none; border-bottom: 1px solid rgba(57, 57, 57, 0.15); } .flatpickr-calendar .numInputWrapper:hover .arrowUp, .flatpickr-calendar .numInputWrapper:hover .arrowDown { margin-top: 3px; } .flatpickr-calendar .flatpickr-day.today, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange, .flatpickr-calendar .flatpickr-day.endRange { background: #5e72e4 !important; color: #fff; border: none; } .flatpickr-calendar .flatpickr-day.inRange { background: rgba(94, 114, 228, 0.28); border: none; box-shadow: -5px 0 0 #d7dcf8, 5px 0 0 #d7dcf8; } .flatpickr-calendar .flatpickr-day:not(.selected):hover, .flatpickr-calendar .flatpickr-day:not(.selected):focus { background: rgba(94, 114, 228, 0.28); border: none; } .flatpickr-calendar .flatpickr-time input:hover, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time .flatpickr-am-pm:focus { background: rgba(94, 114, 228, 0.28); } .flatpickr.form-control { background: #fff; } .landing-page main { background: linear-gradient(150deg, #281483 15%, #8f6ed5 70%, #d782d9 94%); overflow: visible; overflow: initial; height: 999px; } .landing-page main .cubes .row { z-index: 122131; position: relative; } .cubes .cube { position: absolute; height: 100px; width: 100px; margin: 0; -webkit-animation: cube-fade-in 2s cubic-bezier(0.165, 0.84, 0.44, 1); animation: cube-fade-in 2s cubic-bezier(0.165, 0.84, 0.44, 1); will-change: transform; } @-webkit-keyframes cube-fade-in { 0% { opacity: 0; transform: scale(0.5); } } @keyframes cube-fade-in { 0% { opacity: 0; transform: scale(0.5); } } .cubes .cube * { position: absolute; height: 100%; width: 100%; } .cubes .cube .shadow { background: #07427a; top: 40%; } .cubes .cube .sides { transform-style: preserve-3d; perspective: 600px; } .cubes .cube .sides div { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; } .cubes .cube .sides .front { transform: rotateY(0deg) translateZ(50px); } .cubes .cube .sides .back { transform: rotateY(-180deg) translateZ(50px); } .cubes .cube .sides .left { transform: rotateY(-90deg) translateZ(50px); } .cubes .cube .sides .right { transform: rotateY(90deg) translateZ(50px); } .cubes .cube .sides .top { transform: rotateX(90deg) translateZ(50px); } .cubes .cube .sides .bottom { transform: rotateX(-90deg) translateZ(50px); } @media (max-width: 767.98px) { .section-nucleo-icons .icons-container { overflow: hidden; } .section-footer .footer.bg-transparent .copyrights { position: static; position: initial; margin: 20px; } .index-page .pagination-area { margin-top: 4rem; } .index-page .toast { margin-top: 1.5rem; } .index-page .social-line-big-icons .btn, .index-page .social-line-blue .btn { margin-bottom: 1.5rem; } .index-page .card-rotate.card-profile .card-body { width: 100%; } } @media (min-width: 768px) { .index-page .pagination-area { margin-left: 2rem; } .index-page .navbar .navbar-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .index-page .section-hero { background-size: cover; background-repeat: no-repeat; } } @media (max-width: 991.98px) { .index-page .bg-image { display: none; } .index-page .section-hero { background-image: url('index_bg.0c3e173ff8807f0e.svg'); background-position: right; } .navbar .navbar-brand { margin-top: 10px; } .navbar .navbar-translate { width: 100%; position: relative; display: flex; justify-content: space-between !important; } } @media (max-width: 767.98px) { .index-page .section-hero { background-position: 90% !important; padding-bottom: 0; } .index-page .section-components { padding-top: 0; } } .about-us section { padding: 80px 0; } .about-us .header-5 .navbar { display: none; } .blog-post .header-1 .navbar { display: none; } .blog-post .glide .glide__arrow { color: #172b4d; } .blog-post .floating-box .blockquote, .blog-post .floating-box .blockquote-2, .blog-post .floating-box .blockquote-3 { border-left: none; } .blog-post .floating-box .blockquote .blockquote-footer, .blog-post .floating-box .blockquote-2 .blockquote-footer, .blog-post .floating-box .blockquote-3 .blockquote-footer { bottom: auto; } .blog-posts .main-raised { margin-top: -100px; } .blog-posts .team-2 h3, .blog-posts .team-2 h4 { color: #fff; } .blog-posts .footer { background: #172b4d; } .blog-posts .footer h3, .blog-posts .footer h4, .blog-posts .footer .copyright a { color: #fff; } .contact-page .skew-separator { margin-top: -220px !important; } .contact-page form.card { z-index: 2; } .landing-page .header-4 .navbar { display: none; } .landing-page .section-safe .icon i { font-size: 21px; } .pricing-page .header-2 .navbar { display: none; } .pricing-page .project-2 { background-color: #172b4d; } .pricing-page .project-2 .display-3, .pricing-page .project-2 .lead { color: #fff; } .pricing-page .pricing-3 { background: none !important; } .pricing-page .contactus-3 .bg-image { margin-top: 5.74em !important; } .main-raised { margin-top: -100px; } .ecommerce-page .main { margin-top: -150px; } .ecommerce-page .main .card { z-index: 1; } .ecommerce-page .page-header .buttons { display: inline-flex; } .ecommerce-page .page-header .buttons .btn i { position: relative; top: 5px; right: 2px; font-size: 18px; } .ecommerce-page .page-header.skew-separator.skew-mini:after { background: #fff !important; } .ecommerce-page .skew-top { position: relative; } .ecommerce-page .carousel-control-prev, .ecommerce-page .carousel-control-next { z-index: 3; } .product-page .stars i { cursor: pointer; } .product-page .input-group .input-number { border: none; font-size: 24px; max-width: 80px; padding: 0px 10px; text-align: center; margin-top: -10px; } .product-page .input-group .input-group-btn { padding: 0; } .product-page .input-group .input-group-btn .btn { padding: 10px 13px; } .product-page .page-header .shape { width: 70%; } .product-page .page-header.skew-separator:after { background: #fff !important; } .product-page .section-item { z-index: 1; } .product-page .carousel .carousel-item img { margin: 0 auto; width: 100%; } .product-page .carousel .carousel-control-next { right: -40px; } .product-page .carousel .carousel-control-prev { left: -40px; } .error-page > .container .title { font-size: 12em; color: #172b4d; letter-spacing: 14px; font-weight: 700; } .error-page .page-500 .low { position: relative; bottom: -200px; } .account-settings section { padding-top: 8vh; } .account-settings hr { width: 100%; height: 0px; margin-top: 1rem; margin-bottom: 1rem; } .account-settings .table .avatar { background-color: #fff; border-radius: 0; } .account-settings .table .avatar.mastercard { height: 37px; } .account-settings .section .actions { margin-right: -15px; } .account-settings .card { position: relative; top: -200px; z-index: 2; } .account-settings .skew-separator:after { background: #f4f5f7; } .account-settings .page-header .container { padding-top: 0 !important; } .checkout-page .page-header { display: block; max-height: none; max-height: initial; } .checkout-page .js-validate .nav-tabs { border-bottom: none; } .profile-page .card { z-index: 2; } .login-page .upper, .checkout-page .upper, .invoice-page .upper { margin-top: -200px; z-index: 2; position: relative; } .chat-page .upper { margin-top: -300px; z-index: 2; position: relative; } .chat-page .chat { border-top: none; } .reset-page .page-header .page-header-image { z-index: 1; } .reset-page .footer { background: #172b4d; } .reset-page .footer h3, .reset-page .footer h4, .reset-page .footer .copyright a { color: #fff; } @media (max-width: 991.98px) { .error-page > .container .title { font-size: 9em; } .carousel .carousel-item .title { margin: 0 !important; margin-right: 30px !important; } .carousel .carousel-item .category { padding-right: 5px !important; } .carousel .carousel-item .description { padding: 12px 2px !important; } .blog-post .glide__arrow--left, .product-page .glide__arrow--left { left: 40%; } .blog-post .glide__arrow--right, .product-page .glide__arrow--right { right: 40%; } } @media (max-width: 767.98px) { .about-us .page-header, .blog-post .page-header, .blog-posts .page-header, .landing-page .page-header, .pricing-page .page-header, .ecommerce-page .page-header, .product-page .page-header, .account-settings .page-header, .checkout-page .page-header { max-height: 100%; } .error-page .page-header.page-500 .page-header-image { background-position: 47%; } .login-page .upper, .chat-page .upper, .invoice-page .upper { margin-top: -150px; } } @media (max-width: 575.98px) { .navbar.navbar-main .navbar-nav .dropdown .dropdown-menu { max-height: 390px; overflow-y: scroll; } .card-background[data-animation=zooming] a:not(.btn) { height: auto !important; } .blog-posts .content-center .title { font-size: 20px; } .contactus-3 .bg-image { height: 100%; width: auto; } .ecommerce-page .main { margin-top: -40px; } .checkout-page .upper .col-lg-4 .title { margin-top: 50px !important; } .page-500 .low { bottom: -150px !important; } .product-page .carousel .carousel-control-next { right: -15px; } .product-page .carousel .carousel-control-prev { left: -20px; } .product-page .positioned { position: relative !important; left: auto !important; margin-top: 40px !important; } .product-page .glide__arrow--left { left: 30%; } .product-page .glide__arrow--right { right: 30%; } .testimonial-glide .info { padding: 0 !important; } } @media (min-width: 768px) { .blog-post .page-header .container { padding-top: 30vh; } } @media (min-width: 992px) { .section-safe .card.card-stats { position: absolute; } .section-safe .card.card-stats:nth-of-type(1) { width: 140px; top: -55px; left: 200px; } .section-safe .card.card-stats:nth-of-type(2) { width: 200px; top: 150px; left: -81px; } .section-safe .card.card-stats:nth-of-type(3) { width: 130px; top: 240px; left: 340px; } .section-safe .card.card-stats .numbers { text-align: center; } .section-safe .list-unstyled .icon { width: 1rem; height: 1rem; } .chat-page .page-header .container, .login-page .page-header .container { padding-top: 0 !important; } } @media (min-width: 640px) { .product-page .choices__list--dropdown .choices__item--selectable { padding-right: 0; } } /*=============================== = Choices = ===============================*/ .choices { position: relative; margin-bottom: 24px; font-size: 16px; } .choices:focus { outline: none; } .choices:last-child { margin-bottom: 0; } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .choices.is-disabled .choices__item { cursor: not-allowed; } .choices[data-type*=select-one] { cursor: pointer; } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px; } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #dddddd; background-color: #fff; margin: 0; } .choices[data-type*=select-one] .choices__button { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==); padding: 0; background-size: 8px; position: absolute; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: 0.5; } .choices[data-type*=select-one] .choices__button:hover, .choices[data-type*=select-one] .choices__button:focus { opacity: 1; } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0px 0px 0px 2px #00bcd4; } .choices[data-type*=select-one] .choices__input--cloned, .choices[data-type*=select-multiple] .choices__input--cloned { display: none; } .choices[data-type*=select-one]:after, .choices[data-type*=select-multiple]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none; transition: all 0.3s ease; } .choices[data-type*=select-one].is-open:after, .choices[data-type*=select-multiple].is-open:after { transform: rotate(180deg); margin-top: -7.5px; } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto; } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0; } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text; } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -15px 0 30px; padding-right: 0; width: 8px; line-height: 1; opacity: 0.75; border-radius: 0; } .choices[data-type*=select-multiple] .choices__button:after, .choices[data-type*=text] .choices__button:after { font-family: "FontAwesome"; content: "\f00d"; display: inline-block; position: absolute; right: 19px; top: 2px; font-size: 11px; color: #fff; text-indent: 1px; } .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=text] .choices__button:hover, .choices[data-type*=text] .choices__button:focus { opacity: 1; } .choices__inner { font-size: 0.875rem; height: calc(1.5em + 1.25rem + 2px); padding: 0.625rem 0.75rem; line-height: 1.5; display: block; width: 100%; transition: all 0.15s cubic-bezier(0.68, -0.55, 0.265, 1.55); color: #8898aa; border: 1px solid #dee2e6; border-radius: 0.25rem; background-color: #fff; background-clip: padding-box; box-shadow: 0 3px 2px rgba(233, 236, 239, 0.05); } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0; } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px; } .choices__list { margin: 0; padding-left: 0; list-style: none; } .choices__list .choices__input--cloned { padding: 0.5rem 0.75rem; } .choices__list .choices__input--cloned:focus { color: #8898aa; border-color: #5e72e4; outline: 0; background-color: #fff; box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, 0.1); } .choices__list--single { display: inline-block; width: 100%; } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px; } .choices__list--single .choices__item { width: 100%; } .choices__list--multiple { display: inline; } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 2px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 0; color: #00bcd4; word-break: break-all; } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px; } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px; } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191; } .choices__list--dropdown { display: none; padding: 0.5rem 0; border-radius: 0.3rem; background-color: #fff; word-break: break-all; } .choices__list--dropdown.is-active { position: absolute; width: 100%; display: block; margin-top: 10px; z-index: 999; bottom: auto !important; bottom: initial !important; top: 100% !important; -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); transform: none !important; transition: height 0.3s ease; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); } .choices__list--dropdown.is-active:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; right: 15px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: 0.25rem 0.25rem 0 0; } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow-y: scroll; -webkit-overflow-scrolling: touch; will-change: scroll-position; } .choices__list--dropdown .choices__item { padding: 1rem; font-size: 0.875rem; } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right; } @media (min-width: 640px) { .choices__list--dropdown .choices__item--selectable:after { font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px; } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px; } } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: 0.5; } .choices__item { cursor: default; } .choices__item--selectable { cursor: pointer; } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: 0.5; } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray; } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer; } .choices__button:focus { outline: none; } .choices__input { display: inline-block; vertical-align: baseline; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px; } .choices__input:focus { outline: 0; } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0; } .choices__placeholder { opacity: 0.5; } .choices__input.is-hidden, .choices[data-type*=select-one] .choices__input.is-hidden, .choices[data-type*=select-multiple] .choices__input.is-hidden { display: none; } /*===== End of Choices ======*/ .choices[data-type*=select-multiple] .choices__inner { display: table; } .choices[data-type*=text] .choices__inner { border: none; } .choices[data-type*=text] .choices__item { line-height: 1.5; position: relative; margin: 0.125rem; padding: 0.625rem 0.625rem 0.5rem; transition: all 0.3s ease; color: #fff; border-radius: 0.25rem; background: #172b4d; box-shadow: 0 1px 2px rgba(68, 68, 68, 0.25); } .choices[data-type*=text] .choices__list--dropdown { display: none !important; } [data-type=select-multiple] .choices__list--multiple .choices__item.is-highlighted { background-color: transparent !important; border: none !important; } [data-type=select-multiple] .choices__item.choices__item--selectable { color: #172b4d !important; } [data-type=select-multiple] .choices__button:after { color: #172b4d !important; } @media (max-width: 575.98px) { .dropdown.show .dropdown-menu.show .dropdown-item.dropdown-toggle.open + .dropdown-menu.show { left: 30% !important; margin-top: 33% !important; } .dropdown.show .dropdown-menu.show .dropdown-menu.show .dropdown-menu:first-of-type.show { top: 75% !important; } } .glide { position: relative; width: 100%; box-sizing: border-box; } .glide * { box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform-style: preserve-3d; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: flex; flex-wrap: nowrap; will-change: transform; } .glide__slides .glide__slide { opacity: 0.1; transition: all 0.3s ease 0s; } .glide__slides .glide__slide img { width: 400px; margin: 50px auto; } .glide__slides .glide__slide.glide__slide--active { opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.2s ease-in; -webkit-transform: scale(1.2); -ms-transition: all 0.2s ease-in; -ms-transform: scale(1.2); -moz-transition: all 0.2s ease-in; -moz-transform: scale(1.2); transition: all 0.2s ease-in; transform: scale(1.2); } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .glide__slide { width: 100%; height: 100%; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .glide--rtl { direction: rtl; } .glide__arrow { position: absolute; display: block; bottom: -70px; z-index: 2; color: #fff; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); opacity: 1; cursor: pointer; transition: opacity 150ms ease, border 300ms ease-in-out; transform: translateY(-50%); line-height: 1; } .glide__arrow:focus { outline: none; } .glide__arrow:hover { border-color: #fff; } .glide__arrow--left { left: 47%; } .glide__arrow--right { right: 47%; } .glide__arrow--disabled { opacity: 0.33; } .glide__bullets { position: absolute; z-index: 2; bottom: 2em; left: 50%; display: inline-flex; list-style: none; transform: translateX(-50%); } .glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 2px solid transparent; transition: all 300ms ease-in-out; cursor: pointer; line-height: 0; box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); margin: 0 0.25em; } .glide__bullet:focus { outline: none; } .glide__bullet:hover, .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); } .glide__bullet--active { background-color: #fff; } .glide--swipeable { cursor: grab; cursor: -webkit-grab; } .glide--dragging { cursor: grabbing; cursor: -webkit-grabbing; } .btn-file { position: relative; overflow: hidden; vertical-align: middle; } .btn-file > input { position: absolute; top: 0; right: 0; width: 100%; height: 100%; margin: 0; font-size: 23px; cursor: pointer; filter: alpha(opacity=0); opacity: 0; direction: ltr; } .fileinput { display: inline-block; margin-bottom: 9px; } .fileinput .form-control { display: inline-block; padding-top: 7px; padding-bottom: 5px; margin-bottom: 0; vertical-align: middle; cursor: text; } .fileinput .thumbnail { display: inline-block; margin-bottom: 10px; overflow: hidden; text-align: center; vertical-align: middle; max-width: 250px; box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07); } .fileinput .thumbnail.img-circle { border-radius: 50%; max-width: 100px; } .fileinput .thumbnail > img { max-height: 100%; max-width: 100%; } .fileinput .btn { vertical-align: middle; } .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; } .fileinput-inline .fileinput-controls { display: inline; } .fileinput-filename { display: inline-block; overflow: hidden; vertical-align: middle; } .form-control .fileinput-filename { vertical-align: bottom; } .fileinput.input-group { display: table; } .fileinput.input-group > * { position: relative; z-index: 2; } .fileinput.input-group > .btn-file { z-index: 1; } .fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file { border-radius: 0 4px 4px 0; } .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new.input-group .btn-group-sm > .btn-file.btn, .fileinput-new .input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-group-sm > .btn-file.btn { border-radius: 0 3px 3px 0; } .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new.input-group .btn-group-lg > .btn-file.btn, .fileinput-new .input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-group-lg > .btn-file.btn { border-radius: 0 6px 6px 0; } .form-group.has-warning .fileinput .fileinput-preview { color: #fb6340; } .form-group.has-warning .fileinput .thumbnail { border-color: #fb6340; } .form-group.has-error .fileinput .fileinput-preview { color: #f5365c; } .form-group.has-error .fileinput .thumbnail { border-color: #f5365c; } .form-group.has-success .fileinput .fileinput-preview { color: #2dce89; } .form-group.has-success .fileinput .thumbnail { border-color: #2dce89; } .input-group-addon:not(:first-child) { border-left: 0; } .thumbnail { border: 0 none; border-radius: 3px; padding: 0; } .datepicker { border-radius: 0.25rem; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; padding: 20px 22px; box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1); } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid white; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .datepicker table tr td { border-radius: 50%; } .datepicker table tr th { border-radius: 0.25rem; font-weight: 500; } .datepicker table tr td, .datepicker table tr th { transition: all 0.15s ease; width: 36px; height: 36px; border: none; text-align: center; font-size: 0.875rem; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.old, .datepicker table tr td.new { color: #adb5bd; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: white; cursor: pointer; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #dee2e6; cursor: default; } .datepicker table tr td.highlighted { border-radius: 0; } .datepicker table tr td.highlighted.focused { background: #5e72e4; } .datepicker table tr td.highlighted.disabled, .datepicker table tr td.highlighted.disabled:active { background: #5e72e4; color: #ced4da; } .datepicker table tr td.today { background: white; } .datepicker table tr td.today.focused { background: white; } .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:active { background: white; color: #8898aa; } .datepicker table tr td.range { background: #5e72e4; color: #fff; border-radius: 0; } .datepicker table tr td.range.focused { background: #3b53de; } .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:active, .datepicker table tr td.range.day.disabled:hover { background: #324cdd; color: #8a98eb; } .datepicker table tr td.range.highlighted.focused { background: #cbd3da; } .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.highlighted.disabled:active { background: #e9ecef; color: #dee2e6; } .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:active { background: #5e72e4; color: #fff; } .datepicker table tr td.day.range-start { border-top-right-radius: 0; border-bottom-right-radius: 0; } .datepicker table tr td.day.range-end { border-top-left-radius: 0; border-bottom-left-radius: 0; } .datepicker table tr td.day.range-start.range-end { border-radius: 50%; } .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.highlighted:hover, .datepicker table tr td.day.range:hover { background: #5e72e4; color: #fff; } .datepicker table tr td.active, .datepicker table tr td.active.highlighted, .datepicker table tr td.active:hover, .datepicker table tr td.active.highlighted:hover { background: #5e72e4; color: #fff; box-shadow: none; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #e9ecef; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #dee2e6; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #8898aa; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #e9ecef; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .bootstrap-tagsinput { background-color: #fff; border: 0 solid transparent; display: inline-block; padding: 0.25rem; color: #8898aa; vertical-align: middle; border-radius: 0.25rem; max-width: 100%; cursor: text; } .bootstrap-tagsinput input { border: none; box-shadow: none; outline: none; background-color: transparent; padding: 0 6px; margin: 0; width: auto; max-width: inherit; } .bootstrap-tagsinput input::-moz-placeholder { color: #adb5bd; opacity: 1; } .bootstrap-tagsinput input::placeholder { color: #adb5bd; opacity: 1; } .bootstrap-tagsinput input:focus { border: none; box-shadow: none; } .bootstrap-tagsinput .badge { position: relative; padding: 0.625rem 0.625rem 0.5rem; margin: 0.125rem; border-radius: 0.25rem; background: #172b4d; color: #fff; line-height: 1.5; box-shadow: 0 1px 2px rgba(68, 68, 68, 0.25); transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .bootstrap-tagsinput .badge { transition: none; } } .bootstrap-tagsinput .badge:hover { padding-right: 1.5rem; } .bootstrap-tagsinput [data-role=remove] { margin-left: 10px; cursor: pointer; color: #fff; position: absolute; top: 50%; transform: translate(0, -50%); } .bootstrap-tagsinput [data-role=remove]:after { content: "×"; font-size: 16px; } .dropzone { position: relative; display: flex; flex-direction: column; } .dz-message { padding: 5rem 1rem; background-color: #fff; border: 1px dashed #cad1d7; border-radius: 0.25rem; text-align: center; color: #8898aa; transition: all 0.15s ease; order: -1; cursor: pointer; z-index: 999; } .dz-message:hover { border-color: #8898aa; color: #525f7f; } .dz-drag-hover .dz-message { border-color: #5e72e4; color: #5e72e4; } .dropzone-multiple .dz-message { padding-top: 2rem; padding-bottom: 2rem; } .dropzone-single.dz-max-files-reached .dz-message { background-color: rgba(0, 0, 0, 0.9); color: white; opacity: 0; } .dropzone-single.dz-max-files-reached .dz-message:hover { opacity: 1; } .dz-preview-single { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0.25rem; } .dz-preview-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 0.25rem; } .dz-preview-img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; border-radius: 0.25rem; } .dz-preview-multiple .list-group-item:last-child { padding-bottom: 0; border-bottom: 0; } [data-dz-size] strong { font-weight: 400; } .dataTables_wrapper { font-size: 0.875rem; } table.dataTable { margin-bottom: 1.25rem !important; border-bottom: 1px solid #dee2e6; } table.dataTable tbody > tr.selected { background-color: #5e72e4; } .dataTables_length, .dataTables_info, .dt-buttons { padding-left: 1.5rem; } .dataTables_length .form-control { margin: 0 0.375rem; } .dataTables_filter { padding-right: 1.5rem; display: inline-block; float: right; } .dataTables_paginate { padding-right: 1.5rem; } #chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, 0.7); color: white; border-radius: 3px; transition: all 0.1s ease; pointer-events: none; transform: translate(-50%, 0); } .chartjs-tooltip-key { display: inline-block; width: 10px; height: 10px; margin-right: 10px; } /*! * Lavalamp * http://lavalamp.magicmediamuse.com/ */ .lavalamp { position: relative; } .lavalamp-item { z-index: 5; position: relative; } .lavalamp-object { position: absolute; top: 0; left: 0; } /* Custom easing transitions */ .lavalamp .lavalamp-object { transition-property: transform, width, height; } .lavalamp .lavalamp-object.ease { transition-timing-function: ease; } .lavalamp .lavalamp-object.ease-in { transition-timing-function: ease-in; } .lavalamp .lavalamp-object.ease-out { transition-timing-function: ease-out; } .lavalamp .lavalamp-object.ease-in-out { transition-timing-function: ease-in-out; } .lavalamp .lavalamp-object.linear { transition-timing-function: linear; } .lavalamp .lavalamp-object.easeInQuad { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } .lavalamp .lavalamp-object.easeInCubic { transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .lavalamp .lavalamp-object.easeInQuart { transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22); } .lavalamp .lavalamp-object.easeInQuint { transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } .lavalamp .lavalamp-object.easeInSine { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } .lavalamp .lavalamp-object.easeInExpo { transition-timing-function: cubic-bezier(0.95, 0.05, 0.795, 0.035); } .lavalamp .lavalamp-object.easeInCirc { transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335); } .lavalamp .lavalamp-object.easeInBack { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } .lavalamp .lavalamp-object.easeOutQuad { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lavalamp .lavalamp-object.easeOutCubic { transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .lavalamp .lavalamp-object.easeOutQuart { transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); } .lavalamp .lavalamp-object.easeOutQuint { transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1); } .lavalamp .lavalamp-object.easeOutSine { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } .lavalamp .lavalamp-object.easeOutExpo { transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .lavalamp .lavalamp-object.easeOutCirc { transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); } .lavalamp .lavalamp-object.easeOutBack { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } .lavalamp .lavalamp-object.easeInOutQuad { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } .lavalamp .lavalamp-object.easeInOutCubic { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuart { transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); } .lavalamp .lavalamp-object.easeInOutQuint { transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .lavalamp .lavalamp-object.easeInOutSine { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } .lavalamp .lavalamp-object.easeInOutExpo { transition-timing-function: cubic-bezier(1, 0, 0, 1); } .lavalamp .lavalamp-object.easeInOutCirc { transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); } .lavalamp .lavalamp-object.easeInOutBack { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .ql-container { font-family: "Open Sans", sans-serif; } .ql-toolbar { position: relative; padding: 0.625rem 0.75rem; background-color: #fff; border: 1px solid #cad1d7; border-radius: 0.25rem 0.25rem 0 0; color: #8898aa; } .ql-toolbar + .ql-container { margin-top: -0.0625rem; } .ql-toolbar + .ql-container .ql-editor { border-top-left-radius: 0; border-top-right-radius: 0; } .ql-editor { min-height: 6rem; display: block; width: 100%; padding: 0.625rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #8898aa; background-color: #fff; background-clip: padding-box; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .ql-editor { transition: none; } } .ql-editor::-ms-expand { background-color: transparent; border: 0; } .ql-editor:focus { color: #8898aa; background-color: #fff; border-color: rgba(50, 151, 211, 0.25); outline: 0; box-shadow: none, none; } .ql-editor:focus { border-color: #cad1d7; } .ql-hidden { position: absolute; transform: scale(0); } .ql-editor.ql-blank::before { top: 0.625rem; left: 0.75rem; font-style: normal; color: #adb5bd; } .ql-editor:focus::before { display: none; } .ql-formats { padding-left: 0.5rem; padding-right: 0.5rem; } .ql-formats:first-child { padding-left: 0; } .ql-formats:last-child { padding-right: 0; } .ql-toolbar button { padding: 0 0.25rem; background: none; border: none; color: #525f7f; cursor: pointer; transition: all 0.15s ease; } .ql-toolbar button:hover { color: #5e72e4; } .ql-toolbar button:first-child { margin-left: -0.25rem; } .ql-toolbar .ql-active { color: #5e72e4; } .ql-toolbar button svg { height: 1.25rem; width: 1.25rem; } .ql-toolbar .ql-stroke { stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; } .ql-toolbar .ql-thin { stroke-width: 1; } .ql-toolbar .ql-fill { fill: currentColor; } .ql-toolbar input.ql-image { position: absolute; transform: scale(0); } .ql-tooltip { position: absolute; display: flex; flex-wrap: nowrap; width: 18.5rem; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 0.3rem; padding: 0.625rem 0.75rem; margin-top: 0.6rem; box-shadow: 0px 0.5rem 2rem 0px rgba(0, 0, 0, 0.2); } .ql-tooltip:before, .ql-tooltip:after { content: ""; position: absolute; left: 50%; bottom: 100%; transform: translateX(-50%); } .ql-tooltip:before { border-bottom: 0.6rem solid rgba(0, 0, 0, 0.05); border-left: 0.6rem solid transparent; border-right: 0.6rem solid transparent; } .ql-tooltip:after { border-bottom: 0.5rem solid #fff; border-left: 0.5rem solid transparent; border-right: 0.5rem solid transparent; } .ql-container .ql-tooltip:hover { display: flex !important; } .ql-tooltip .ql-preview { width: 100%; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .ql-tooltip .ql-preview { transition: none; } } .ql-tooltip.ql-editing .ql-preview { display: none; } .ql-tooltip input { display: none; width: 100%; padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); background-color: transparent; font-size: 0.875rem; line-height: 1.5; border: none; color: #8898aa; } .ql-tooltip input:focus { outline: none; } .ql-tooltip.ql-editing input { display: block; } .ql-tooltip .ql-action, .ql-tooltip .ql-remove { margin-left: 0.25rem; } .ql-tooltip .ql-action::before, .ql-tooltip .ql-remove::before { display: inline-block; font-weight: 600; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid transparent; cursor: pointer; padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.25rem; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .ql-tooltip .ql-action::before, .ql-tooltip .ql-remove::before { transition: none; } } .ql-tooltip .ql-action::before:hover, .ql-tooltip .ql-action::before:focus, .ql-tooltip .ql-remove::before:hover, .ql-tooltip .ql-remove::before:focus { text-decoration: none; } .ql-tooltip .ql-action::before:focus, .ql-tooltip .ql-action::before.focus, .ql-tooltip .ql-remove::before:focus, .ql-tooltip .ql-remove::before.focus { outline: 0; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .ql-tooltip .ql-action::before, .ql-tooltip.ql-editing .ql-action::before { color: #fff; background-color: #5e72e4; border-color: #5e72e4; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .ql-tooltip .ql-action::before:hover, .ql-tooltip.ql-editing .ql-action::before:hover { color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .ql-tooltip .ql-action::before:focus, .ql-tooltip .ql-action::before.focus, .ql-tooltip.ql-editing .ql-action::before:focus, .ql-tooltip.ql-editing .ql-action::before.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(94, 114, 228, 0.5); } .ql-tooltip .ql-action::before.disabled, .ql-tooltip .ql-action::before:disabled, .ql-tooltip.ql-editing .ql-action::before.disabled, .ql-tooltip.ql-editing .ql-action::before:disabled { color: #fff; background-color: #5e72e4; border-color: #5e72e4; } .ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active, .ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active, .show > .ql-tooltip .ql-action::before.dropdown-toggle, .ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active, .ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active, .show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle { color: #fff; background-color: #324cdd; border-color: #5e72e4; } .ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus, .ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus, .show > .ql-tooltip .ql-action::before.dropdown-toggle:focus, .ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus, .ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus, .show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(94, 114, 228, 0.5); } .ql-tooltip .ql-action::before { content: "Edit"; } .ql-tooltip.ql-editing .ql-action::before { content: "Save"; } .ql-tooltip .ql-remove::before { color: #212529; background-color: #fff; border-color: #fff; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); content: "Remove"; border-color: #dee2e6; } .ql-tooltip .ql-remove::before:hover { color: #212529; background-color: white; border-color: white; } .ql-tooltip .ql-remove::before:focus, .ql-tooltip .ql-remove::before.focus { box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08), 0 0 0 0 rgba(255, 255, 255, 0.5); } .ql-tooltip .ql-remove::before.disabled, .ql-tooltip .ql-remove::before:disabled { color: #212529; background-color: #fff; border-color: #fff; } .ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active, .ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active, .show > .ql-tooltip .ql-remove::before.dropdown-toggle { color: #212529; background-color: #e6e6e6; border-color: white; } .ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus, .ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus, .show > .ql-tooltip .ql-remove::before.dropdown-toggle:focus { box-shadow: none, 0 0 0 0 rgba(255, 255, 255, 0.5); } .ql-tooltip.ql-editing .ql-remove::before { display: none; } .ql-editor blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .ql-editor img { max-width: 100%; height: auto; } .swal2-popup { padding: 1.5rem; } .swal2-popup .swal2-title { font-size: 1.5rem; } .swal2-popup .swal2-content { font-size: 0.875rem; } .swal2-popup .swal2-image { max-width: 200px; } .swal2-container { z-index: 1100 !important; } .select2-selection__arrow { display: none; } .select2.select2-container { width: 100% !important; } .select2-container .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { display: block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #8898aa; background-color: #fff; background-clip: padding-box; border: 1px solid #cad1d7; border-radius: 0.25rem; box-shadow: none; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .select2-container .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { transition: none; } } .select2-container .select2-selection--single::-ms-expand, .select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand, .select2-container--default .select2-selection--multiple::-ms-expand, .select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand { background-color: transparent; border: 0; } .select2-container .select2-selection--single:focus, .select2-container--default.select2-container--focus .select2-selection--multiple:focus, .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-search--dropdown .select2-search__field:focus { color: #8898aa; background-color: #fff; border-color: rgba(50, 151, 211, 0.25); outline: 0; box-shadow: none, none; } .select2-container .select2-selection--single::-moz-placeholder, .select2-container--default.select2-container--focus .select2-selection--multiple::-moz-placeholder, .select2-container--default .select2-selection--multiple::-moz-placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder { color: #adb5bd; opacity: 1; } .select2-container .select2-selection--single::placeholder, .select2-container--default.select2-container--focus .select2-selection--multiple::placeholder, .select2-container--default .select2-selection--multiple::placeholder, .select2-container--default .select2-search--dropdown .select2-search__field::placeholder { color: #adb5bd; opacity: 1; } .select2-container .select2-selection--single:disabled, .select2-container .select2-selection--single[readonly], .select2-container--default.select2-container--focus .select2-selection--multiple:disabled, .select2-container--default.select2-container--focus .select2-selection--multiple[readonly], .select2-container--default .select2-selection--multiple:disabled, .select2-container--default .select2-selection--multiple[readonly], .select2-container--default .select2-search--dropdown .select2-search__field:disabled, .select2-container--default .select2-search--dropdown .select2-search__field[readonly] { background-color: #e9ecef; opacity: 1; } .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; overflow: inherit; text-overflow: inherit; white-space: inherit; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: inherit; line-height: inherit; } .select2-dropdown { padding: 0.5rem 0; background-color: #fff; border: 1px solid #cad1d7; border-radius: 0.3rem; } .select2-results__option { padding: 0.5rem 0.75rem; background-color: #fff; color: #212529; font-size: 0.875rem; } .select2-results__option:hover, .select2-results__option:focus { color: #16181b; text-decoration: none; background-color: #f6f9fc; } .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option[aria-selected=true] { background-color: transparent; color: #16181b; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #8898aa; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-selection--multiple { height: auto; min-height: calc( 1.5em + 1.25rem + 2px ); } .select2-container--default .select2-selection--multiple .select2-selection__rendered { display: block; margin: 0 0 -0.25rem -0.25rem; padding: 0; } .select2-container--default .select2-selection--multiple .select2-selection__choice { display: inline-flex; padding: 0 0.5rem; margin: 0 0 0.25rem 0.25rem; background-color: #adb5bd; border: none; border-radius: 0.2rem; line-height: 1.5rem; font-size: 0.875rem; color: #8898aa; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { order: 2; margin-left: 0.5rem; color: #8898aa; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #525f7f; } .select2-container .select2-search--inline { display: none; } .select2-selection[aria-expanded=true] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .select2-search--dropdown { padding: 0.5rem 0.75rem; } .select2-container--default .select2-search--dropdown .select2-search__field { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-sm + .select2-container .select2-selection--single, .form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple, .form-control-sm + .select2-container--default .select2-selection--multiple { height: calc( 1.5em + 0.5rem + 2px ); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple, .form-control-sm + .select2-container--default .select2-selection--multiple { min-height: calc( 1.5em + 0.5rem + 2px ); } .form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice { line-height: 1.3125rem; } .form-control-lg + .select2-container .select2-selection--single, .form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple, .form-control-lg + .select2-container--default .select2-selection--multiple { height: calc( 1.5em + 1.75rem + 2px ); padding: 0.875rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple, .form-control-lg + .select2-container--default .select2-selection--multiple { min-height: calc( 1.5em + 1.75rem + 2px ); } .form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice { line-height: 1.875rem; } /* flatpickr v4.5.7, @license MIT */ .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; -webkit-animation: none; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.showTimeInput.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before { background: #fff; box-shadow: none; content: ""; display: block; height: 16px; width: 16px; left: 5px; position: absolute; bottom: 100%; transform: rotate(-45deg) translateY(1rem); z-index: -5; border-radius: 0.2rem; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after { left: auto; right: 22px; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); height: 28px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; overflow: hidden; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0px; line-height: 16px; height: 28px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, 0.9); fill: rgba(0, 0, 0, 0.9); } .flatpickr-months .flatpickr-prev-month.disabled, .flatpickr-months .flatpickr-next-month.disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, 0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0, 0, 0, 0.1); } .numInputWrapper span:active { background: rgba(0, 0, 0, 0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: -3px; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, 0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 37%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, 0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0, 0, 0, 0.5); } .numInputWrapper:hover { background: rgba(0, 0, 0, 0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 6.16px 0 0 0; line-height: 1; height: 28px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); line-height: 20px; } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, 0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0 ; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, 0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: baseline; vertical-align: initial; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, 0.5); background: transparent; pointer-events: none; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, 0.54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57, 57, 57, 0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.disabled, .flatpickr-day.disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, 0.1); } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { display: inline-block; float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, 0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; display: inline-block; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @-webkit-keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; touch-action: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1; } /* Wrapper for all connect elements. */ .noUi-connects { overflow: hidden; z-index: 0; } .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; -webkit-transform-style: preserve-3d; transform-origin: 0 0; transform-style: flat; } .noUi-connect { height: 100%; width: 100%; } .noUi-origin { height: 10%; width: 10%; } html:not([dir=rtl]) .noUi-horizontal .noUi-origin { left: auto; right: 0; } .noUi-vertical .noUi-origin { width: 0; } .noUi-horizontal .noUi-origin { height: 0; } .noUi-handle { -webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; } .noUi-touch-area { height: 100%; width: 100%; } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { transition: transform 0.3s; } .noUi-state-drag * { cursor: inherit !important; } .noUi-horizontal { height: 5px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -6px; } .noUi-vertical { width: 5px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -17px; left: auto; } .noUi-connects { border-radius: 3px; } .noUi-connect { background: #5e72e4; } .noUi-draggable { cursor: ew-resize; } .noUi-vertical .noUi-draggable { cursor: ns-resize; } .noUi-handle { border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; cursor: default; box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb; outline: none; } .noUi-active { outline: none; } /* Disabled state; */ [disabled] .noUi-connect { background: #b8b8b8; } [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed; } /* Base; * */ .noUi-pips, .noUi-pips * { box-sizing: border-box; } .noUi-pips { position: absolute; color: #999; } /* Values; * */ .noUi-value { position: absolute; white-space: nowrap; text-align: center; } .noUi-value-sub { color: #ccc; font-size: 10px; } /* Markings; * */ .noUi-marker { position: absolute; background: #ccc; } .noUi-marker-sub { background: #aaa; } .noUi-marker-large { background: #aaa; } /* Horizontal layout; * */ .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%; } .noUi-value-horizontal { transform: translate(-50%, 50%); } .noUi-rtl .noUi-value-horizontal { transform: translate(50%, 50%); } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px; } .noUi-marker-horizontal.noUi-marker-sub { height: 10px; } .noUi-marker-horizontal.noUi-marker-large { height: 15px; } /* Vertical layout; * */ .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100%; } .noUi-value-vertical { transform: translate(0, -50%, 0); padding-left: 25px; } .noUi-rtl .noUi-value-vertical { transform: translate(0, 50%); } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px; } .noUi-marker-vertical.noUi-marker-sub { width: 10px; } .noUi-marker-vertical.noUi-marker-large { width: 15px; } .noUi-tooltip { display: block; position: absolute; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap; } .noUi-horizontal .noUi-tooltip { transform: translate(-50%, 0); left: 50%; bottom: 120%; } .noUi-vertical .noUi-tooltip { transform: translate(0, -50%); top: 50%; right: 120%; } .noUi-target { background: #eceeef; border-radius: 5px; border: 0; box-shadow: inset 0 1px 2px rgba(90, 97, 105, 0.1); margin: 15px 0; cursor: pointer; } .noUi-horizontal { height: 5px; } html:not([dir=rtl]) .noUi-horizontal .noUi-handle { right: -10px; } .noUi-vertical { width: 5px; } .noUi-connect { background: #5e72e4; box-shadow: none; } .noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle { top: -5px; width: 15px; height: 15px; border-radius: 100%; box-shadow: none; cursor: pointer; background-color: #5e72e4; border: 0; transition: box-shadow 0.15s, transform 0.15s; } .noUi-horizontal .noUi-handle.noUi-active, .noUi-vertical .noUi-handle.noUi-active { transform: scale(1.2); } .input-slider--cyan .noUi-connect { background: #2bffc6; } .input-slider--cyan.noUi-horizontal .noUi-handle, .input-slider--cyan.noUi-vertical .noUi-handle { background-color: #2bffc6; } .input-slider--red .noUi-connect { background: #f5365c; } .input-slider--red.noUi-horizontal .noUi-handle, .input-slider--red.noUi-vertical .noUi-handle { background-color: #f5365c; } .input-slider--green .noUi-connect { background: #2dce89; } .input-slider--green.noUi-horizontal .noUi-handle, .input-slider--green.noUi-vertical .noUi-handle { background-color: #2dce89; } .input-slider--yellow .noUi-connect { background: #ffd600; } .input-slider--yellow.noUi-horizontal .noUi-handle, .input-slider--yellow.noUi-vertical .noUi-handle { background-color: #ffd600; } .input-slider--pink .noUi-connect { background: #f3a4b5; } .input-slider--pink.noUi-horizontal .noUi-handle, .input-slider--pink.noUi-vertical .noUi-handle { background-color: #f3a4b5; } /* Disabled state */ [disabled] .noUi-connect, [disabled].noUi-connect { background: #b2b2b2; } [disabled] .noUi-handle, [disabled].noUi-origin { cursor: not-allowed; } /* Range slider value labels */ .range-slider-value { font-size: 0.75rem; font-weight: 500; background-color: rgba(33, 37, 41, 0.7); color: #fff; border-radius: 10px; padding: 0.4em 0.8em 0.3em 0.85em; } .range-slider-wrapper .upper-info { font-weight: 400; margin-bottom: 5px; } .input-slider-value-output { background: #333; color: #fff; padding: 4px 8px; position: relative; top: 12px; font-size: 11px; border-radius: 2px; } .input-slider-value-output:after { bottom: 100%; left: 10px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #333; border-width: 4px; margin-left: -4px; } .input-slider-value-output.left:after { left: 10px; right: auto; } .input-slider-value-output.right:after { right: 10px; left: auto; } .headroom { will-change: transform; background-color: inherit; transition: all 0.15s ease; } @media (prefers-reduced-motion: reduce) { .headroom { transition: none; } } .headroom--pinned { transform: translateY(0%); } .headroom--unpinned { transform: translateY(-100%); } .headroom--not-top { padding-top: 0.5rem; padding-bottom: 0.5rem; background-color: #172b4d !important; box-shadow: 0 1px 10px rgba(130, 130, 134, 0.1); } .sections-page [class*=features-], .sections-page [class*=blogs-], .sections-page [class*=team-], .sections-page [class*=projects-], .sections-page [class*=pricing-], .sections-page [class*=testimonials-], .sections-page [class*=contactus-] { padding: 80px 0; } .accordion-1 .accordion { margin-top: 80px; margin-bottom: 80px; } .accordion-1 .accordion .card { margin-top: 0; margin-bottom: 0; box-shadow: none; border-bottom: 1px solid #f4f5f7 !important; } .accordion-1 .accordion .card .card-header { border-bottom: none; } .accordion-1 .accordion .card .card-header .btn[aria-expanded=true] .ni { transform: rotate(180deg); } .accordion-1 .accordion .card .card-header .btn:active:focus { box-shadow: none; } .accordion-1 .accordion .card:last-child { border-bottom: none !important; } .accordion-1 .accordion .card .card-body { padding: 10px 30px 30px; } .table-pricing .desc { margin-bottom: 10px; } .table-pricing td { border-top: none; } .table-pricing .background { width: 170px; } .tables-1 .table-pricing thead tr th p { margin-bottom: 0; text-transform: capitalize; } .tables-2 .card .card-body { padding: 0; } .tables-2 .table-pricing { margin-bottom: 0; } .tables-2 .table-pricing th { border-bottom: none; border-top: none; padding-bottom: 40px; } .tables-2 .table-pricing th:last-child { border: none; } .tables-2 .table-pricing tr td { border-bottom: 1px solid rgba(94, 114, 228, 0.24); padding: 15px 30px; } .tables-2 .table-pricing tr.bg-primary td { border: none; } .tables-2 .table-pricing tr:last-child td { border-bottom: none; } .tables-2 .table-pricing .description { text-transform: none !important; } .tables-2 thead th { position: relative; } @media (max-width: 767.98px) { .tables-2 .table-pricing .btn { padding: 5px 0; } } header { position: relative; } .page-header { min-height: 70vh; max-height: 999px; padding: 0; position: relative; overflow: hidden; display: flex; align-items: center; padding-top: 64px; } .page-header .carousel .carousel-indicators { bottom: 60px; } .page-header > .container, .page-header > .container-fluid { padding-top: 12vh; padding-bottom: 40px; } .page-header .page-header-image { position: absolute; background-size: cover; background-position: center center; width: 100%; height: 100%; z-index: -1; } .page-header > .content { margin-top: 11%; text-align: center; margin-bottom: 50px; } .signup-page .page-header { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; } .page-header.header-filter { position: relative; } .page-header.header-filter .container { z-index: 2; position: relative; } .page-header.header-filter:before { position: absolute; z-index: 0; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.5); } .page-header .content-center { position: absolute; top: 50%; left: 50%; z-index: 2; transform: translate(-50%, -50%); text-align: center; color: #fff; padding: 0 15px; width: 100%; } .page-header .content-center.brand { width: 47%; } .page-header footer { position: absolute; bottom: 0; width: 100%; } .page-header .container { height: 100%; z-index: 1; } .page-header .category, .page-header .description { color: #f4f5f7; } .page-header.page-header-small { min-height: 60vh; max-height: 440px; } .page-header.page-header-mini { min-height: 40vh; max-height: 340px; } .page-header .title { margin-bottom: 15px; } .page-header .title + h4 { margin-top: 10px; } .page-header.header-filter:after { background: rgba(0, 0, 0, 0.5); } .clear-filter:after, .clear-filter:before { display: none; } .header-1 .iframe-container img { border-radius: 10px; } .header-1 .page-header-image { position: absolute; background-size: contain; background-position: right; background-repeat: no-repeat; } .header-2 .page-header-image { opacity: 0.4; } .header-2 .custom-control.custom-checkbox { padding-left: 0.8rem !important; } .page-header .floating-box { margin-top: 10em; border-radius: 0.25rem; } .page-header .floating-box .box { margin-top: -40px; } .page-header .floating-box .lead { margin-top: 0; } .header-3 { overflow: hidden; } .header-3 .positioned { position: absolute; top: 11%; left: 4%; z-index: 2; } .header-3 .positioned .title { margin-left: 108px; text-align: left; } .header-3 .positioned .info { padding: 0; } .header-3 .positioned .info .icon { margin: 13px 15px 0 0; } .header-3 .positioned .info .icon i { font-size: 1em; } .header-3 .positioned .title, .header-3 .positioned .description, .header-3 .positioned .btn { z-index: 1; } .header-3 .slick-slider .slick-arrow { margin-top: 20px; padding: 10px; } .header-3 .slick-track { margin-left: auto; margin-right: auto; margin-top: 50px; } .header-3 .slick-slide { display: none; float: left; margin: 0 10px; margin-top: -20px; min-height: 1px; opacity: 0.1; transition: all 300ms ease 0s; } .header-3 .slick-slide.slick-current.slick-active { opacity: 1; transition: all 300ms ease 0s; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1.2); -ms-transition: all 200ms ease-in; -ms-transform: scale(1.2); -moz-transition: all 200ms ease-in; -moz-transform: scale(1.2); transition: all 200ms ease-in; transform: scale(1.2); } .header-3 .slick-slide img { width: 400px; margin-bottom: 30px; } .header-4 { margin-bottom: 1.875rem; } .header-4 .navbar { z-index: 2; position: absolute; } .header-4 .banner-img { height: 75vh; width: 100%; -o-object-fit: cover; object-fit: cover; } .header-4 .header-video { overflow: hidden !important; background-size: cover; background-repeat: no-repeat; background-position: top center; background-attachment: fixed; } .header-4 .header-video video { position: absolute; top: 35%; left: 50%; min-width: 100%; min-height: 100%; z-index: 0; transform: translateX(-50%) translateY(-50%); } .header-4 .header-video .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #5e72e4; z-index: 1; } .header-4 .video-text { font-size: 5em; color: #fff; } .header-5 .page-header-image { width: 50% !important; right: 0; } .header-5 .title { margin-bottom: 25px; } .header-5 .description { margin-bottom: 35px; margin-top: 25px; } .header-5 .row-input { margin-bottom: 35px; } .header-5 .hidden { position: absolute; overflow: hidden; width: 0; height: 0; pointer-events: none; } .sections-page .header-1 .navbar { display: none; } @media (max-width: 1199.98px) { .header-3 .page-header { min-height: 135vh; } .header-3 .glide--carousel { margin-top: 5em; } .header-3 .glide--carousel .glide__arrow--left { left: 45%; } .header-3 .glide--carousel .glide__arrow--right { right: 40%; } .header-3 .glide--carousel .glide__slides .glide__slide { opacity: 0.04; position: relative; right: 7%; } .header-3 .glide--carousel .glide__slides .glide__slide.glide__slide--active { transform: scale(1); opacity: 1; } .header-3 .positioned { left: 0; top: 0; position: relative; } } @media (max-width: 575.98px) { .page-header .logo { text-align: center; margin-top: 50px; } .header-1 .iframe-container { margin-top: 5vh; text-align: center; } .header-2 .floating-box { margin-top: 4em; margin-left: 15px; margin-right: 15px; } .header-3 a.btn { margin-top: 30px; } .header-3 .description { margin-top: 20px; } .header-3 div.positioned { margin-top: 0; } .header-3 .page-header .content-center img { height: 150px !important; width: 100px !important; margin-top: 0; margin-bottom: 0; width: 100%; } .header-3 .title { font-size: 27px; margin-top: 15vh; } .header-3 .glide--carousel { margin-top: 1em; } .header-3 .glide--carousel .glide__arrow--left { left: 30%; } .header-3 .glide--carousel .glide__arrow--right { right: 30%; } .header-3 .glide--carousel .glide__arrows { margin-bottom: 5em; } .header-3 .positioned { left: 0; } .header-5 .btn { margin-top: 10px; } } @media (max-width: 991.98px) { .header-1 .page-header .page-header-image { background-size: cover; opacity: 0.1; } } @media screen and (max-width: 350px) { .header-3 .page-header { min-height: 150vh; } .header-3 .glide--carousel { margin-top: 0; } .header-6 .page-header { min-height: 115vh; } .card-background.card-grande .card-body { height: auto; } } .phone-container img { width: 100%; } .features-2, .features-3 { text-align: center; } .features-1 .info { max-width: 450px; text-align: left; } .features-1 .info .info-title { font-weight: 600; padding: 0 15px 0 0; } .features-1 .info p { padding: 0 15px 0 0; } .features-1 .info a i { top: 3px; position: relative; } .features-2 .title { line-height: 1.1; margin-bottom: 30px; } .features-2 .container .description { margin-bottom: 20px; } .features-2 .info { padding: 30px 10px 30px; margin: 30px auto 0; opacity: 0.9; width: 250px; position: relative; } .features-2 .info:hover { opacity: 1; } .features-2 .info.info-raised { margin-top: -5px; } .features-2 .info .icon { margin-left: 15px; } .features-2 .info .info-title { font-weight: bold; } .features-2 .info .description { color: #fff; padding: 0 15px; } .features-3 { background-color: #172b4d; } .features-3 .info-title .badge { font-size: 10px; position: relative; top: -5px; } .features-4 .title { line-height: 1.1; margin-bottom: 30px; } .features-4 .info { text-align: left; padding: 30px; } .features-4 .info .info-title { padding: 0; } .features-4 .info .description { padding-left: 0; } .features-4 .info:hover { transition: all 300ms ease 0s; } .features-4 .info:hover .info-title, .features-4 .info:hover .description, .features-4 .info:hover .icon { color: #fff !important; } .features-5 .title, .features-5 .category { margin-left: 25px; } .features-5 h6 { text-transform: uppercase; } .features-5 .info { text-align: left; padding: 10px; } .features-6 .info { margin-bottom: 10px; } .features-6 .info:hover .icon i, .features-6 .info:hover .title, .features-6 .info:hover p, .features-6 .info:hover a { color: #fff !important; } @media (max-width: 767.98px) { .features-2 .info { margin-bottom: 25px; } } @media (max-width: 575.98px) { .features-6 { overflow: hidden; } } .blogs-2 .card { height: 530px; } .blogs-3 .card.card-blog .card-title { margin-bottom: 0.5rem; } .blogs-3 .card.card-blog .author { position: relative; display: inline-block; text-align: left; margin: 20px auto 0; } .blogs-3 .card.card-blog .author .avatar { width: 40px; height: 40px; position: absolute; } .blogs-3 .card.card-blog .author .text { position: relative; left: 55px; top: 1px; } .blogs-3 .card.card-blog .author .name { font-size: 1.1em; font-weight: 700; line-height: 1.15; max-width: 11em; overflow: hidden; padding-top: 3px; text-overflow: ellipsis; } .blogs-3 .card.card-blog .author .meta { color: #a49e9e; font-size: 0.8em; } .blogs-4 .card { margin-bottom: 0px; text-align: center; height: 530px; border-radius: 0; } .blogs-4 .card .full-background { border-radius: 0; } .blogs-4 [class^=col-] { padding: 0; } .blogs-4 .row-below .card { margin-top: 0 !important; } .blogs-5 .card .card-footer .author, .blogs-5 .card .card-footer .stats { color: #172b4d; } .blogs-7 .card.card-blog { min-height: 550px; } .carousel-team, .carousel-testimonials { margin-top: 100px; } .carousel-team [class*=col-md-], .carousel-testimonials [class*=col-md-] { padding: 0; } .carousel-team .carousel-inner, .carousel-testimonials .carousel-inner { height: 550px; } .carousel-team .carousel-inner .title, .carousel-testimonials .carousel-inner .title { text-align: right; font-size: 3rem; margin: 0 70px; } .carousel-team .carousel-inner img, .carousel-testimonials .carousel-inner img { width: 100%; border-radius: 0; } .carousel-team .carousel-inner .wrapper, .carousel-testimonials .carousel-inner .wrapper { padding: 15%; padding-top: 16px; } .carousel-team .carousel-inner .wrapper .card-title, .carousel-team .carousel-inner .wrapper .list-unstyled, .carousel-testimonials .carousel-inner .wrapper .card-title, .carousel-testimonials .carousel-inner .wrapper .list-unstyled { padding-left: 30px; } .carousel-team .carousel-inner .wrapper .category, .carousel-testimonials .carousel-inner .wrapper .category { font-size: 17px; line-height: 28px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; } .carousel-team .carousel-inner .wrapper .lead, .carousel-testimonials .carousel-inner .wrapper .lead { padding: 10px 30px 30px; } .carousel-team .carousel-inner .wrapper .footer, .carousel-testimonials .carousel-inner .wrapper .footer { border: none; background: none; padding-left: 30px; } .carousel-team .carousel-control-prev, .carousel-team .carousel-control-next, .carousel-testimonials .carousel-control-prev, .carousel-testimonials .carousel-control-next { top: auto; left: 80%; bottom: 4%; opacity: 1; width: 0%; cursor: pointer; color: #5e72e4; } .carousel-team .carousel-control-next, .carousel-testimonials .carousel-control-next { left: 87%; } .team-2 .card .img { width: 100%; } .team-2 .card .card-title { position: absolute; margin: 10px 0 0; } .team-2 .card h6 { margin-top: 5px; } .team-2 .table tr td:last-of-type { font-size: 14px; } .team-3 .card.card-profile .card-image a > img { border-radius: 0; border-bottom-left-radius: 0.2rem; border-top-left-radius: 0.2rem; } .team-3 .card.card-profile .card-title { margin-top: 15px; } .team-3 .card.card-profile[data-background=full] .card-body { z-index: 1; } .team-4 .card { text-align: left; } .team-4 .card .card-image img { width: 100%; } .team-4 .card .footer { margin-top: 0; } .team-5 h5.description { margin-bottom: 100px; } .team-5 [class*=col-md-] { margin-top: 50px; } .team-5 [class*=col-md-]:nth-child(2) { margin-top: 95px; } .team-5 .card.card-profile .card-title + .category { margin-bottom: 0.625rem; } .team-5 .card-footer { border-top: none; } .project-1 .card { min-height: 467px; } .project-1 .card .card-header .dropdown .btn { margin-right: 0; font-size: 14px; padding: 0; } .project-1 .card-title { margin-top: 10px; } .projects-3 .card-background { padding: 50px 65px; } .projects-3 .card-background .card-category { margin-bottom: 35px; } .projects-3 .card-background .card-category i { font-size: 30px; } .projects-3 .card-background .btn { margin-top: 20px; } @media screen and (max-width: 1200px) { .projects-3 .card-background { padding: 50px 40px; } } @media (max-width: 991.98px) { .projects-1 .navbar .navbar-translate { margin-left: 15px; } .projects-1 .navbar-nav { margin-left: 0 !important; } .projects-2 .card .card-footer .stats.stats-right { margin-bottom: 10px; float: left; } } @media (max-width: 767.98px) { .nav-pills.nav-pills:not(.flex-column) .nav-item:not(:last-child) .nav-link { margin-bottom: 15px; } .projects-2 .card .card-footer .stats.stats-right { float: right; margin-bottom: 0; } } .section-image { position: relative; background-size: cover; background-position: 50%; } .section-image:before { position: absolute; z-index: 0; width: 100%; height: 100%; display: block; left: 0; top: 0; content: ""; background-color: rgba(0, 0, 0, 0.5); } .testimonials-1 .carousel-team .carousel-control-next, .testimonials-1 .carousel-team .carousel-control-prev { left: 35%; } .testimonials-1 .carousel-team .carousel-control-next { left: 40%; } .testimonials-1 .carousel-inner img { height: 100%; } .section-testimonials .info { margin-bottom: 50px; padding-top: 30px; } .section-testimonials .card-avatar { max-height: 100px; max-width: 100px; margin: auto; } .section-testimonials .card-avatar img.rounded { border-radius: 50% !important; width: 100%; } .testimonials-2 { overflow: hidden; } .testimonials-2 .carousel { width: 100%; } .testimonials-2 .carousel .carousel-inner { overflow: visible; } .testimonials-2 .info { margin-left: -50px; position: relative; z-index: 2; padding: 30px 10px 30px; } .testimonials-2 .info .icon { font-size: 1.5em; margin-left: 25px; } .testimonials-2 .info .description { padding: 0px 25px 10px; font-weight: 500; line-height: 25px; } .testimonials-2 .info .author img { width: 35px; height: 35px; margin-left: 25px; border-radius: 50%; } .testimonials-2 .info .author span { color: white; } .testimonials-2 .card-background.card-blog { height: 500px; margin-top: -260px; margin-left: 50px; } .testimonials-2 .card-background.card-blog .full-background { height: 100%; } .testimonials-2 .card-background.card-blog .card-body .content-bottom { bottom: 60px; right: 40px; } .testimonials-2 .carousel-testimonials .carousel-control-prev, .testimonials-2 .carousel-testimonials .carousel-control-next { top: 100% !important; bottom: auto !important; } .testimonials-2 .carousel-testimonials .carousel-control-prev { left: 85%; } .testimonials-2 .carousel-testimonials .carousel-control-next { left: 93%; } .testimonials-3 .info { max-width: 500px; border: 1px solid #172b4d; padding-top: 10px; } .testimonials-3 .info .description { padding: 30px 40px; font-weight: 500; line-height: 25px; } .testimonials-3 .info .author img { width: 35px; height: 35px; margin-left: 40px; border-radius: 50%; display: inline-block; } .testimonials-3 .info .author span { color: #172b4d; margin-left: 10px; } .testimonials-3 .positioned { position: absolute; left: 10%; margin-top: 140px; } .testimonials-3 .testimonial-glide .glide__slide { opacity: 0.1; filter: blur(2px); -webkit-filter: blur(2px); } .testimonials-3 .testimonial-glide .glide__slide.glide__slide--active { opacity: 1; filter: blur(0px) !important; -webkit-filter: blur(0px) !important; transform: none; } .testimonials-3 .testimonial-glide .glide__slides { overflow: visible; height: 600px; padding-top: 10vh; } .testimonials-3 .testimonial-glide .slick-arrow { margin-left: 35%; } @media screen and (max-width: 1200px) { .testimonials-3 .info .description { padding: 30px 5px; } .testimonials-3 .info .author img { margin-left: 5px; } .testimonials-2 .card-background.card-blog { margin-left: 0; } .testimonials-3 .info .author span { margin-left: 5px; } } @media (max-width: 575.98px) { .slick-list, .slick-slider { margin-top: 50px; } .positioned { position: relative !important; margin-top: 0 !important; left: auto !important; } .testimonials-3 .testimonial-glide .glide__arrow--left { left: 30%; } .testimonials-3 .testimonial-glide .glide__arrow--right { right: 30%; } .testimonials-3 .testimonial-glide .glide__slide { width: 240px !important; } .carousel-team .carousel-control-prev { left: 30% !important; } .carousel-team .carousel-control-next { left: 50% !important; } } @media (max-width: 767.98px) { .testimonials-2 .info { margin-left: 0px !important; } .testimonials-4 .positioned { margin-top: 0; } } @media (max-width: 991.98px) { .testimonials-2 .info { margin-left: -15px !important; } } @media (min-width: 768px) { .testimonials-4 .glide__track { height: 600px; } } .contactus-1 .info { padding: 0; margin: 0; } .contactus-1 .info:first-child { margin-top: 30px; } .contactus-1 .info .info-title { margin-top: 20px; } .contactus-1 .info .icon { margin-top: 19px; } .contactus-1 .card-contact { margin-top: 30px; } .contactus-2 { padding: 0; position: relative; } .contactus-2 .card-contact { max-width: 560px; margin: 80px 0 80px 150px; } .contactus-2 .card-contact .info { padding: 0; margin: 0; } .contactus-2 .card-contact .info .description { padding: 0 !important; } .contactus-2 .map { width: 100%; height: 100%; position: absolute; } .contactus-3 { overflow: hidden; } .contactus-3 .page-header-image { height: 400px !important; } .contactus-3 svg { width: 100%; top: 0; } .contactus-3 .page-header { height: 400px; min-height: 400px; margin-bottom: 50px; } .contactus-3 .page-header .container, .contactus-3 .page-header .container-fluid { padding-top: 13vh; } .contactus-3 [class*=col-] { border-right: 1px solid rgba(25, 205, 239, 0.25); } .contactus-3 [class*=col-]:last-child { border: none; } .contactus-4 .map { position: absolute; width: 100%; height: 700px; } .contactus-4 .map:after { content: ""; position: absolute; height: 100%; width: 100%; background: radial-gradient(400px circle at 70% 50%, transparent 0%, #11cdef 100%); background-position: 23% 10%; left: 0; top: 0; } .contactus-4 .title { margin-top: 250px; } .contactus-4 .description { margin-bottom: 75px; } .contactus-4 .info { height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 35px; } .contactus-4 .info .info { padding: 0; max-height: 80px; } @media (max-width: 991.98px) { .contactus-3 [class*=col-] { border: none; } .contactus-4 .info .info { max-height: 120px; } } @media (max-width: 767.98px) { .contactus-4 .info { border-top-left-radius: 3px; border-bottom-right-radius: 0px; } .contactus-4 .info .info { max-height: 60px; } .contactus-2 .card-contact { margin: 0 !important; } } .social-line-big-icons [class*=col-] { border-right: 1px solid #f4f5f7; } .social-line-big-icons [class*=col-]:last-child { border: 0; } .social-line-big-icons .btn { margin: 0; width: 100%; padding-top: 30px !important; padding-bottom: 30px !important; height: auto; } .social-line-big-icons .btn i { font-size: 25px; } .social-line-big-icons .title { font-size: 2rem; text-transform: lowercase; font-weight: bolder; margin-bottom: 0; margin-top: 10px; } .social-line-big-icons .subtitle { font-size: 8px; margin-top: -7px; } .container-fluid .social-line-big-icons { margin-left: -15px; margin-right: -15px; } .social-line { padding: 0.85rem 0; } .subscribe-line { padding: 30px 0; } .subscribe-line .card { margin-top: 54px; } .subscribe-line .card .card-block { min-height: auto; } .subscribe-line .card .input-group { margin-bottom: 0px; } .subscribe-line .btn { margin: 0; } [data-background-color] .social-line h1, [data-background-color] .social-line h2, [data-background-color] .social-line h3, [data-background-color] .social-line h4, [data-background-color] .social-line h5, [data-background-color] .social-line h6 { color: #000; color: initial; } [data-background-color] .social-line .btn.btn-simple { border: 0; } /** Reo Software: This may be cleaned up later **/ .presentation-page .section-hero .page-header-image { background-repeat: no-repeat; background-size: contain !important; background-position: right !important; } .presentation-page section { padding: 80px 0; } .presentation-page .section-basic-components { overflow: hidden; } .presentation-page .section-basic-components .image-container .table-img, .presentation-page .section-basic-components .image-container .share-btn-img, .presentation-page .section-basic-components .image-container .coloured-card-btn-img, .presentation-page .section-basic-components .image-container .coloured-card-img, .presentation-page .section-basic-components .image-container .social-img, .presentation-page .section-basic-components .image-container .linkedin-btn-img { position: absolute; } .presentation-page .section-basic-components .image-container .table-img { left: 65%; top: 23%; height: 250px; border-radius: 3px; } .presentation-page .section-basic-components .image-container .share-btn-img { left: 83%; top: 95%; height: 45px; border-radius: 10px; } .presentation-page .section-basic-components .image-container .coloured-card-img { left: 50%; top: 0%; height: 145px; border-radius: 3px; } .presentation-page .section-basic-components .image-container .coloured-card-btn-img { left: -3%; top: 42%; height: 200px; border-radius: 3px; } .presentation-page .section-basic-components .image-container .social-img { left: -4%; top: 95%; height: 57px; } .presentation-page .section-basic-components .image-container .linkedin-btn-img { left: 3%; top: -3%; height: 40px; border-radius: 10px; } .presentation-page .section-cards .glide--carousel .glide__slide { width: 300px !important; } .presentation-page .section-cards .glide--carousel .glide__slide img { width: 100%; margin: 50px auto; } .presentation-page .section-cards .glide--carousel .glide__slide .avatar { width: auto; } .presentation-page .section-sections .section-cols img { width: 100%; } .presentation-page .section-examples img { width: 100%; } .presentation-page .section-patterns { max-height: 999px; } .presentation-page .section-patterns .align { margin-top: 15em; } .presentation-page .section-patterns .pattern-1 { position: relative; left: -2em; top: 2em; } .presentation-page .section-patterns .pattern-2 { position: relative; left: 22em; top: -21em; } .presentation-page .section-patterns .pattern-3 { position: relative; left: -5em; top: -15em; } .presentation-page .section-patterns .pattern-4 { position: relative; left: 22em; top: -38em; } .presentation-page .section-free-demo { position: relative; overflow: hidden; } .presentation-page .section-free-demo .github-buttons > .btn { float: left; margin-right: 15px; } .presentation-page .section-free-demo .github-buttons .github-button { float: left; margin-top: 8px; } .presentation-page .section-free-demo .github-background-container { position: absolute; right: -420px; top: -50px; } .presentation-page .section-free-demo .github-background-container i { font-size: 810px; opacity: 0.1; } .presentation-page .section-icons .icons-nucleo { width: 100%; height: 100%; position: relative; top: -48px; } .presentation-page .section-icons .icons-nucleo i { position: absolute; } .presentation-page .section-icons .icons-nucleo .first-left-icon { top: -5%; left: 10%; font-size: 65px; } .presentation-page .section-icons .icons-nucleo .second-left-icon { top: 0%; left: 45%; font-size: 35px; } .presentation-page .section-icons .icons-nucleo .third-left-icon { top: 30%; left: 65%; font-size: 25px; } .presentation-page .section-icons .icons-nucleo .fourth-left-icon { top: 70%; left: 10%; font-size: 50px; } .presentation-page .section-icons .icons-nucleo .fifth-left-icon { top: 45%; left: 30%; font-size: 40px; } .presentation-page .section-icons .icons-nucleo .sixth-left-icon { top: 120%; left: 35%; font-size: 40px; } .presentation-page .section-icons .icons-nucleo .seventh-left-icon { top: 35%; left: 85%; font-size: 45px; } .presentation-page .section-icons .icons-nucleo .eighth-left-icon { top: 90%; left: 55%; font-size: 30px; } .presentation-page .section-icons .icons-nucleo .ninth-left-icon { top: 40%; left: 5%; font-size: 40px; } .presentation-page .section-icons .icons-nucleo .tenth-left-icon { top: 75%; left: 80%; font-size: 35px; } .presentation-page .section-icons .icons-nucleo .first-right-icon { top: 0; right: 10%; font-size: 65px; } .presentation-page .section-icons .icons-nucleo .second-right-icon { top: 0%; right: 45%; font-size: 35px; } .presentation-page .section-icons .icons-nucleo .third-right-icon { top: 30%; right: 65%; font-size: 25px; } .presentation-page .section-icons .icons-nucleo .fourth-right-icon { top: 70%; right: 10%; font-size: 50px; } .presentation-page .section-icons .icons-nucleo .fifth-right-icon { top: 45%; right: 30%; font-size: 40px; } .presentation-page .section-icons .icons-nucleo .sixth-right-icon { top: 120%; right: 35%; font-size: 35px; } .presentation-page .section-icons .icons-nucleo .seventh-right-icon { top: 35%; right: 88%; font-size: 30px; } .presentation-page .section-icons .icons-nucleo .eighth-right-icon { top: 90%; right: 55%; font-size: 35px; } .presentation-page .section-icons .icons-nucleo .ninth-right-icon { top: 40%; right: 5%; font-size: 40px; } .presentation-page .section-icons .icons-nucleo .tenth-right-icon { top: 75%; right: 80%; font-size: 35px; } .presentation-page .section-features .info { padding-top: 0 !important; } .presentation-page .section-pricing .our-clients [class^=col-] { display: flex; flex-direction: row; justify-content: center; } .presentation-page .section-testimonials { padding-bottom: 0; position: relative; } .presentation-page .section-testimonials .carousel .card { margin: 40px auto; } .presentation-page .section-testimonials .carousel-control-prev, .presentation-page .section-testimonials .carousel-control-next { color: #000; top: 15em !important; } .presentation-page .section-testimonials .carousel-indicators li { background-color: #5e72e4; } .presentation-page .section-testimonials .testimonials-people { margin-top: -100px; } @media (min-width: 768px) { .presentation-page .section-content .image-container { height: 400px; } .presentation-page .section-content .image-container img { position: absolute; width: 100%; max-width: 380px; } .presentation-page .section-content .image-container .img-blog { z-index: 4; left: 100px; top: 20px; } .presentation-page .section-content .image-container .img-comments { z-index: 3; left: -100px; top: -40px; } } @media (max-width: 991.98px) { .presentation-page .section-content .image-container .img-comments { left: 100px; } .presentation-page .section-content .image-container .img-blog { left: 200px; } } .presentation-page .card-pricing.card-background .card-body ul { max-width: 250px; } @media (max-width: 991.98px) { .section-cards .presentation-cards .glide__arrow--left { left: 40%; } .section-cards .presentation-cards .glide__arrow--right { right: 40%; } } @keyframes floating { from { transform: translate(50px, 0px); } 65% { transform: translate(0, 0); } to { transform: translate(50px, 0px); } } .table-img, .coloured-card-img, .coloured-card-btn-img, .linkedin-btn-img, .share-btn-img, .social-img { -webkit-animation-name: floating; animation-name: floating; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .table-img { -webkit-animation-duration: 14s; animation-duration: 14s; } .coloured-card-btn-img { -webkit-animation-duration: 18s; animation-duration: 18s; } .linkedin-btn-img { -webkit-animation-duration: 15s; animation-duration: 15s; } .share-btn-img { -webkit-animation-duration: 11s; animation-duration: 11s; } .social-img { -webkit-animation-duration: 16s; animation-duration: 16s; } @media (max-width: 991.98px) { .presentation-page .section-hero .page-header-image { background-size: cover !important; background-position: 50% !important; opacity: 0.1; } } @media (max-width: 575.98px) { .section-info [class^=col-]:nth-of-type(2) .info { margin-top: 0 !important; } .section-patterns { max-height: 100% !important; } .section-patterns .pattern-2, .section-patterns .pattern-4 { left: 10em !important; } .section-icons .icons-nucleo { display: none; } .presentation-page .section-cards .glide--carousel .glide__track { overflow-y: visible !important; } .presentation-page .section-cards .glide--carousel .glide__slide { width: 120px !important; position: relative; right: 7%; } .presentation-page .section-cards .glide--carousel .glide__slide img { height: 150px !important; width: 100px !important; margin-top: 0; margin-bottom: 0; } .presentation-page .section-cards .glide--carousel .glide__arrows { margin-top: 30px; } .presentation-page .section-cards .glide--carousel .glide__arrows .glide__arrow--left { left: 30%; } .presentation-page .section-cards .glide--carousel .glide__arrows .glide__arrow--right { right: 30%; } .testimonial-glide.glide--swipeable.glide--carousel .glide__track { overflow-y: visible !important; } .testimonial-glide.glide--swipeable.glide--carousel .glide__slide { width: 100px !important; position: relative; right: 7%; } .testimonial-glide.glide--swipeable.glide--carousel .glide__slide .info { overflow: hidden; height: 150px !important; width: 100px !important; } .testimonial-glide.glide--swipeable.glide--carousel .glide__arrows { margin-top: 80px; } .testimonial-glide.glide--swipeable.glide--carousel .glide__arrows .glide__arrow--left { left: 30% !important; } .testimonial-glide.glide--swipeable.glide--carousel .glide__arrows .glide__arrow--right { right: 30% !important; } } @media (max-width: 991.98px) { .section-patterns { max-height: 100% !important; } .pattern-1 { left: auto !important; top: 3em !important; } .pattern-2 { top: auto !important; } .pattern-3 { left: 1em !important; top: auto !important; } .pattern-4 { top: auto !important; } .presentation-page .section-cards .glide--carousel .glide__track { overflow-y: visible !important; } .presentation-page .section-cards .glide--carousel .glide__slide { width: 170px !important; } .presentation-page .section-cards .glide--carousel .glide__slide img { width: 170px !important; height: 260px !important; } .presentation-page .section-cards .glide--carousel .glide__arrows { margin-top: 80px; } .testimonial-glide.glide--carousel .glide__track { overflow-y: visible !important; } .testimonial-glide.glide--carousel .glide__slide { width: 170px !important; } .testimonial-glide.glide--carousel .glide__slide .info { overflow: hidden; width: 170px !important; height: 260px !important; } .testimonial-glide.glide--carousel .glide__arrows { margin-top: 80px; } .testimonial-glide.glide--carousel .glide__arrows .glide__arrow--left { left: 40%; } .testimonial-glide.glide--carousel .glide__arrows .glide__arrow--right { right: 40%; } .testimonials-3 .positioned { position: relative; } } .ct-clipboard { position: relative; display: none; float: right; } .ct-clipboard + .highlight { margin-top: 0; } .btn-clipboard { position: absolute; top: 1rem; right: 1rem; z-index: 10; display: block; padding: 0.25rem 0.5rem; font-size: 75%; cursor: pointer; background-color: transparent; border: 0; border-radius: 0.25rem; color: #fff; background-color: #5e72e4; } .btn-clipboard:hover { color: #fff; background-color: #324cdd; } @media (min-width: 768px) { .ct-clipboard { display: block; } } .ct-example-row .row > .col span, .ct-example-row .row > [class^=col-] span { display: block; padding: 0.75rem; color: rgb(57, 63, 73); background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px; font-size: 0.875rem; border-radius: 0.25rem; margin: 1rem 0; } .ct-example-row .no-gutters > .col span, .ct-example-row .no-gutters > [class^=col-] span { border-radius: 0; } .ct-example-row .flex-items-top, .ct-example-row .flex-items-middle, .ct-example-row .flex-items-bottom { min-height: 6rem; background-color: rgba(255, 0, 0, 0.1); } .ct-example-row-flex-cols .row { min-height: 10rem; background-color: rgba(255, 0, 0, 0.1); } .ct-example-row-flex-cols .row + .row { margin-top: 1rem; } .ct-highlight { background-color: rgba(94, 114, 228, 0.15); border: 1px solid rgba(94, 114, 228, 0.15); } .example-container { width: 800px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .example-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .example-content-main { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-main { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-main { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } } .example-content-secondary { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } @media (min-width: 576px) { .example-content-secondary { flex: 0 0 50%; max-width: 50%; } } @media (min-width: 992px) { .example-content-secondary { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } } .ct-example-container { min-width: 16rem; max-width: 25rem; margin-right: auto; margin-left: auto; } .ct-example-container-header { height: 3rem; margin-bottom: 0.5rem; background-color: white; border-radius: 0.25rem; } .ct-example-container-sidebar { float: right; width: 4rem; height: 8rem; background-color: #cbd2f6; border-radius: 0.25rem; } .ct-example-container-body { height: 8rem; margin-right: 4.5rem; background-color: #cbd2f6; border-radius: 0.25rem; } .ct-example-container-fluid { max-width: none; } .ct-example { position: relative; margin: 1rem -15px 0; } .ct-example::after { display: block; clear: both; content: ""; } @media (min-width: 576px) { .ct-example { margin-right: 0; margin-left: 0; } } .ct-example + .highlight, .ct-example + .clipboard + .highlight { margin-top: 0; } .ct-example + p { margin-top: 2rem; } .ct-example .pos-f-t { position: relative; margin: -1rem; } @media (min-width: 576px) { .ct-example .pos-f-t { margin: -1.5rem; } } .ct-example .custom-file-input:lang(es) ~ .custom-file-label::after { content: "Elegir"; } .ct-example > .form-control + .form-control { margin-top: 0.5rem; } .ct-example > .nav + .nav, .ct-example > .alert + .alert, .ct-example > .navbar + .navbar, .ct-example > .progress + .progress, .ct-example > .progress + .btn, .ct-example .badge, .ct-example .btn { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ct-example .btn-group { margin-top: 0.5rem; margin-bottom: 0.5rem; } .ct-example .btn-group .btn { margin: 0; } .ct-example .alert { margin: 0; } .ct-example .alert + .alert { margin-top: 1.25rem; } .ct-example .badge { margin-right: 0.5rem; } .ct-example > .dropdown-menu:first-child { position: static; display: block; } .ct-example > .form-group:last-child { margin-bottom: 0; } .ct-example > .close { float: none; } .ct-example-type .table .type-info { color: #999; vertical-align: middle; } .ct-example-type .table td { padding: 1rem 0; border-color: #eee; } .ct-example-type .table tr:first-child td { border-top: 0; } .ct-example-type h1, .ct-example-type h2, .ct-example-type h3, .ct-example-type h4, .ct-example-type h5, .ct-example-type h6 { margin-top: 0; margin-bottom: 0; } .ct-example-bg-classes p { padding: 1rem; } .ct-example > img + img { margin-left: 0.5rem; } .ct-example > .btn-group { margin-top: 0.25rem; margin-bottom: 0.25rem; } .ct-example > .btn-toolbar + .btn-toolbar { margin-top: 0.5rem; } .ct-example-control-sizing select, .ct-example-control-sizing input[type=text] + input[type=text] { margin-top: 0.5rem; } .ct-example-form .input-group { margin-bottom: 0.5rem; } .ct-example > textarea.form-control { resize: vertical; } .ct-example > .list-group { max-width: 400px; } .ct-example .fixed-top, .ct-example .sticky-top { position: static; margin: -1rem -1rem 1rem; } .ct-example .fixed-bottom { position: static; margin: 1rem -1rem -1rem; } @media (min-width: 576px) { .ct-example .fixed-top, .ct-example .sticky-top { margin: -1.5rem -1.5rem 1rem; } .ct-example .fixed-bottom { margin: 1rem -1.5rem -1.5rem; } } .ct-example .pagination { margin-top: 0.5rem; margin-bottom: 0.5rem; } .modal { z-index: 9999; } .modal .tooltip, .modal .popover { z-index: 1073; } .modal-backdrop { z-index: 1071; } .ct-example-modal { background-color: #fafafa; } .ct-example-modal .modal { position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: 1; display: block; } .ct-example-modal .modal-dialog { left: auto; margin-right: auto; margin-left: auto; } .ct-example-tabs .nav-tabs { margin-bottom: 1rem; } .ct-example-popover-static { padding-bottom: 1.5rem; background-color: #f9f9f9; } .ct-example-popover-static .popover { position: relative; display: block; float: left; width: 260px; margin: 1.25rem; } .tooltip-demo a { white-space: nowrap; } .ct-example-tooltip-static .tooltip { position: relative; display: inline-block; margin: 10px 20px; opacity: 1; } .scrollspy-example { position: relative; height: 200px; margin-top: 0.5rem; overflow: auto; } .scrollspy-example-2 { position: relative; height: 350px; overflow: auto; } .ct-example-border-utils [class^=border] { display: inline-block; width: 5rem; height: 5rem; margin: 0.25rem; background-color: #f5f5f5; } .ct-example-border-utils-0 [class^=border] { border: 1px solid #e9ecef; } .highlight { padding: 0; margin-top: 1rem; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 576px) { .highlight { padding: 0; } } .ct-content .highlight { margin-right: -15px; margin-left: -15px; } @media (min-width: 576px) { .ct-content .highlight { margin-right: 0; margin-left: 0; } } .ct-example { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid #e9ecef; } .ct-example .tab-content .tab-example-result { background-color: #f5f7f9; border: 1px solid #e6ecf1; padding: 1.25rem; border-radius: 0.25rem; } .ct-example .nav-tabs-code { margin-bottom: 0.375rem; } .ct-example .nav-tabs-code .nav-link { font-size: 0.875rem; } .ct-example .nav-tabs-code .nav-link:active, .ct-example .nav-tabs-code .nav-link.active { color: #5e72e4; } .icon-examples { margin-top: 1rem; } .btn-icon-clipboard { margin: 0px; padding: 24px; font-size: 16px; font-weight: 400; line-height: 1.25; color: rgb(57, 63, 73); background-color: rgb(248, 249, 250); border-radius: 4px; border: 0px none; text-align: left; font-family: inherit; display: inline-block; vertical-align: middle; text-decoration: none; -moz-appearance: none; cursor: pointer; width: 100%; margin: 0.5rem 0; } .btn-icon-clipboard:hover { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 4px 16px; } .btn-icon-clipboard > div { align-items: center; display: flex; } .btn-icon-clipboard i { box-sizing: content-box; color: rgb(57, 63, 73); vertical-align: middle; font-size: 1.5rem; } .btn-icon-clipboard span { display: inline-block; font-size: 0.875rem; line-height: 1.5; color: rgb(57, 63, 73); margin-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; } .docs { background: #fff; } .docs h6 { font-size: 1rem; font-weight: 600; } .ct-content { order: 1; } .ct-content > h2[id], .ct-content > h3[id], .ct-content > h4[id] { pointer-events: none; } .ct-content > h2[id] > div, .ct-content > h2[id] > a, .ct-content > h3[id] > div, .ct-content > h3[id] > a, .ct-content > h4[id] > div, .ct-content > h4[id] > a { pointer-events: auto; } .ct-content > h2[id]::before, .ct-content > h3[id]::before, .ct-content > h4[id]::before { display: block; height: 6rem; margin-top: -6rem; visibility: hidden; content: ""; } .ct-content > table { width: 100%; max-width: 100%; margin-bottom: 1rem; } @media (max-width: 991.98px) { .ct-content > table { display: block; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; } .ct-content > table.table-bordered { border: 0; } } .ct-content > table > thead > tr > th, .ct-content > table > thead > tr > td, .ct-content > table > tbody > tr > th, .ct-content > table > tbody > tr > td, .ct-content > table > tfoot > tr > th, .ct-content > table > tfoot > tr > td { padding: 1rem; vertical-align: top; border: 1px solid #dee2e6; } .ct-content > table > thead > tr > th > p:last-child, .ct-content > table > thead > tr > td > p:last-child, .ct-content > table > tbody > tr > th > p:last-child, .ct-content > table > tbody > tr > td > p:last-child, .ct-content > table > tfoot > tr > th > p:last-child, .ct-content > table > tfoot > tr > td > p:last-child { margin-bottom: 0; } .ct-content > table td:first-child > code { white-space: nowrap; } .ct-content > h2:not(:first-child) { margin-top: 3rem; font-size: 1.5rem; font-weight: 600; } .ct-content > h3 { margin-top: 2.5rem; font-size: 1.25rem; font-weight: 600; } .ct-content > ul li, .ct-content > ol li { margin-bottom: 0.25rem; } @media (min-width: 992px) { .ct-content > ul, .ct-content > ol, .ct-content > p { max-width: 80%; } } .ct-page-title { padding-left: 1.25rem; border-left: 2px solid #5e72e4; margin-bottom: 1.5rem; } .ct-title { margin-top: 1rem; margin-bottom: 0.5rem; font-weight: 300; } @media (min-width: 576px) { .ct-title { font-size: 1.5rem; font-weight: 600; } } .ct-lead { color: rgb(59, 69, 78); font-weight: 500; } @media (min-width: 576px) { .ct-lead { max-width: 80%; margin-bottom: 1rem; font-size: 0.875rem; } } .ct-text-purple { color: #5e72e4; } .ct-text-purple-bright { color: #9da9f2; } .ct-tabs-example .nav-link i { margin-right: 5px; } .color-swatch { margin: 1rem 0; border-radius: 0.25rem; background-color: #f4f5f7; } .color-swatch:after { content: " "; display: table; clear: both; } .color-swatch-header { position: relative; height: 0; padding-bottom: 50%; border-radius: 0.25rem 0.25rem 0 0; border: 1px solid transparent; } .color-swatch-header.is-light { border-color: #c1c7d0; } .color-swatch-header .pass-fail { position: absolute; width: 100%; bottom: 0; } .color-swatch-header .pass-fail-item-wrap { position: relative; float: left; left: 50%; transform: translateX(-50%); } .color-swatch-header .pass-fail-item-group { display: inline-block; padding: 0 5px; } .color-swatch-header .pass-fail-item { float: left; display: inline-block; text-align: center; padding: 2px; } .color-swatch-header .pass-fail-item.white .example { color: #fff; } .color-swatch-header .pass-fail-item.small .example { font-size: 10px; } .color-swatch-header .pass-fail-item .lozenge { font-size: 11px; text-transform: uppercase; font-weight: 600; background: #000; color: #fff; padding: 2px 4px; line-height: 10px; border-radius: 4px; letter-spacing: 0.05em; } .color-swatch-body { position: relative; left: 50%; float: left; padding: 10px 0; transform: translateX(-50%); } .color-swatch-body .prop-item-wrap { float: left; padding: 0 15px; min-width: 65px; } .color-swatch-body .prop-item { padding: 15px 0; } .color-swatch-body .prop-item .label { font-size: 11px; color: #62748c; text-transform: uppercase; line-height: 16px; } .color-swatch-body .prop-item .value { font-size: 14px; } .table-colors { font-weight: 600; font-size: 16px; width: 100%; } .table-colors td, .table-colors:first-child td, .table-colors td:first-child, .table-colors:first-child td:first-child, .table-colors td:last-child, .table-colors:first-child td:last-child { background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; } .table-colors tr:last-child td, .table-colors:first-child tr:last-child td { border-bottom: none; } .table-colors td:nth-child(1), .table-colors:first-child td:nth-child(1) { line-height: 40px; } .table-colors .swatch, .table-colors:first-child .swatch { float: left; height: 40px; width: 40px; margin-right: 20px; display: inline-block; border-radius: 4px; border: 1px solid transparent; } .table-colors .swatch.is-light, .table-colors:first-child .swatch.is-light { border-color: #c1c7d0; } .table-colors .lozenge, .table-colors:first-child .lozenge { float: left; margin: 5px 10px 0 0; font-size: 10px; display: inline-block; text-transform: uppercase; font-weight: 600; background: #97a0af; color: #042a53; padding: 2px 4px; line-height: 10px; border-radius: 4px; letter-spacing: 0.05em; } #tags-component.tab-pane .choices__inner { height: 60px; } .highlight pre { overflow: auto; margin: 0; padding: 1.25rem; font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; font-size: 14px; line-height: 1.375; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; hyphens: none; color: #5e6687; border-radius: 0.25rem; background: #f5f7ff; direction: ltr; -ms-hyphens: none; } .highlight pre code { font-size: 87.5%; word-break: break-word; color: #5e6687; } .highlight pre pre code { font-size: inherit; word-break: normal; color: inherit; } .highlight pre code, .highlight pre kbd, .highlight pre pre, .highlight pre samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } .highlight pre .nt { color: #3d8fd1; } .highlight pre .na { color: #c76b29; } .highlight pre .s, .highlight pre .token.control, .highlight pre .token.directive, .highlight pre .token.keyword, .highlight pre .token.unit { color: #ac9739; } .highlight pre .token.punctuation { color: #5e6687; } .btn-clipboard { top: 3.5rem; } .ct-footer { font-size: 85%; text-align: center; background-color: #f7f7f7; } .ct-footer a { font-weight: 500; color: #525f7f; } .ct-footer a:hover, .ct-footer a:focus { color: #5e72e4; } .ct-footer p { margin-bottom: 0; } @media (min-width: 576px) { .ct-footer { text-align: left; } } .ct-footer-links { padding-left: 0; margin-bottom: 1rem; } .ct-footer-links li { display: inline-block; } .ct-footer-links li + li { margin-left: 1rem; } .ct-navbar { background-color: #5e72e4; box-shadow: rgba(116, 129, 141, 0.1) 0px 1px 1px 0px; padding-top: 0.5rem; padding-bottom: 0.5rem; } @media (max-width: 991.98px) { .ct-navbar { padding-right: 0.5rem; padding-left: 0.5rem; } .ct-navbar .navbar-nav-scroll { max-width: 100%; height: 2.5rem; margin-top: 0.25rem; overflow: hidden; font-size: 0.875rem; } .ct-navbar .navbar-nav-scroll .navbar-nav { padding-bottom: 2rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; } } @media (min-width: 768px) { @supports (position: sticky) { .ct-navbar { position: sticky; top: 0; z-index: 1071; } } } .ct-navbar .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; color: rgba(255, 255, 255, 0.9) !important; } .ct-navbar .navbar-nav .nav-link.active, .ct-navbar .navbar-nav .nav-link:hover { color: #fff !important; background-color: transparent !important; } .ct-navbar .navbar-nav .nav-link.active { font-weight: 500; } .ct-navbar .navbar-nav-svg { display: inline-block; width: 1rem; height: 1rem; vertical-align: text-top; } .ct-navbar .dropdown-menu { font-size: 0.875rem; } .ct-navbar .dropdown-item.active { font-weight: 500; color: #212529; background-color: transparent; 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='%23292b2c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 0.4rem 0.87rem; background-size: 0.75rem 0.75rem; padding-left: 25px; } .github-corner { position: fixed; right: 0; z-index: 1080; } .github-corner:hover .octo-arm { -webkit-animation: octocat-wave 560ms ease-in-out; animation: octocat-wave 560ms ease-in-out; } .github-corner svg { fill: #fff; color: #5e72e4; } @-webkit-keyframes octocat-wave { 0%, 100% { transform: rotate(0); } 20%, 60% { transform: rotate(-25deg); } 40%, 80% { transform: rotate(10deg); } } @keyframes octocat-wave { 0%, 100% { transform: rotate(0); } 20%, 60% { transform: rotate(-25deg); } 40%, 80% { transform: rotate(10deg); } } code[class*=language-], pre[class*=language-] { font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace; font-size: 14px; line-height: 1.375; direction: ltr; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; hyphens: none; background: #f5f7ff; color: #5e6687; border-radius: 0.25rem; } pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { text-shadow: none; background: #dfe2f1; } pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection { text-shadow: none; background: #dfe2f1; } pre[class*=language-]::selection, pre[class*=language-] ::selection, code[class*=language-]::selection, code[class*=language-] ::selection { text-shadow: none; background: #dfe2f1; } /* Code blocks */ pre[class*=language-] { padding: 1.25rem; margin: 0; overflow: auto; } /* Inline code */ :not(pre) > code[class*=language-] { padding: 0.1em; border-radius: 0.3em; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: #898ea4; } .token.punctuation { color: #5e6687; } .token.namespace { opacity: 0.7; } .token.operator, .token.boolean, .token.number { color: #c76b29; } .token.property { color: #c08b30; } .token.tag { color: #3d8fd1; } .token.string { color: #22a2c9; } .token.selector { color: #6679cc; } .token.attr-name { color: #c76b29; } .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #22a2c9; } .token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit { color: #ac9739; } .token.statement, .token.regex, .token.atrule { color: #22a2c9; } .token.placeholder, .token.variable { color: #3d8fd1; } .token.deleted { text-decoration: line-through; } .token.inserted { border-bottom: 1px dotted #202746; text-decoration: none; } .token.italic { font-style: italic; } .token.important, .token.bold { font-weight: bold; } .token.important { color: #c94922; } .token.entity { cursor: help; } pre > code.highlight { outline: 0.4em solid #c94922; outline-offset: 0.4em; } /* overrides color-values for the Line Numbers plugin * http://prismjs.com/plugins/line-numbers/ */ .line-numbers .line-numbers-rows { border-right-color: #dfe2f1; } .line-numbers-rows > span:before { color: #979db4; } /* overrides color-values for the Line Highlight plugin * http://prismjs.com/plugins/line-highlight/ */ .line-highlight { background: rgba(107, 115, 148, 0.2); background: linear-gradient(to right, rgba(107, 115, 148, 0.2) 70%, rgba(107, 115, 148, 0)); } .ct-toc { order: 2; padding-top: 2rem; padding-bottom: 1.5rem; font-size: 0.875rem; } @supports (position: sticky) { .ct-toc { position: sticky; top: 4rem; height: calc(100vh - 4rem); overflow-y: auto; } } .section-nav { padding-left: 0; border-left: 1px solid #eee; } .section-nav ul { padding-left: 1rem; } .section-nav ul ul { display: none; } .toc-entry { display: block; font-size: 1rem; } .toc-entry a { display: block; padding: 0.125rem 1.5rem; color: #99979c; font-size: 90%; } .toc-entry a:hover { color: #5e72e4; text-decoration: none; } .ct-sidebar { order: 0; border-bottom: 1px solid #e6ecf1; background-color: #f5f7f9; } @media (min-width: 768px) { .ct-sidebar { border-right: 1px solid #e6ecf1; } @supports (position: sticky) { .ct-sidebar { position: sticky; top: 4rem; z-index: 1000; height: calc(100vh - 4rem); } } } @media (min-width: 1200px) { .ct-sidebar { flex: 0 1 320px; } } .ct-links { padding-top: 2rem; padding-bottom: 1rem; margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { @supports (position: sticky) { .ct-links { max-height: calc(100vh - 5rem); overflow-y: auto; } } } @media (min-width: 768px) { .ct-links { display: block !important; } } .ct-search { position: relative; padding: 1rem 15px; margin-right: -15px; margin-left: -15px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .ct-search .form-control:focus { border-color: #9da9f2; box-shadow: 0 0 0 3px rgba(157, 169, 242, 0.25); } .ct-search-docs-toggle { line-height: 1; color: #212529; } .ct-sidenav { display: none; } .ct-toc-link { display: block; padding: 0.25rem 1.5rem; font-weight: 600; font-size: 0.875rem; color: #0d2b3e; } .ct-toc-link:hover { color: rgba(0, 0, 0, 0.85); text-decoration: none; } .ct-toc-item.active { margin-bottom: 1rem; } .ct-toc-item.active:not(:first-child) { margin-top: 1rem; } .ct-toc-item.active > .ct-toc-link { color: rgba(0, 0, 0, 0.85); } .ct-toc-item.active > .ct-toc-link:hover { background-color: transparent; } .ct-toc-item.active > .ct-sidenav { display: block; } .ct-sidebar .nav > li > a { display: block; padding: 0.25rem 1.5rem; font-size: 84%; color: #4c555a; } .ct-sidebar .nav > li > a:hover { color: rgba(0, 0, 0, 0.85); text-decoration: none; background-color: transparent; } .ct-sidebar .nav > .active > a { font-weight: 500; color: #0099e5; background-color: transparent; padding-left: 2rem; position: relative; } .ct-sidebar .nav > .active > a:before { content: ""; position: absolute; height: 16px; width: 2px; background-color: #0099e5; top: 50%; left: 1.5rem; transform: translateY(-50%); } .ct-sidebar .nav > .active:hover > a { color: #0099e5; } .scrollbar-inner { height: 100%; } .scrollbar-inner:not(:hover) .scroll-element { opacity: 0; } .scrollbar-inner .scroll-element { transition: opacity 300ms; margin-right: 2px; } .scrollbar-inner .scroll-element .scroll-bar, .scrollbar-inner .scroll-element .scroll-element_track { transition: background-color 300ms; } .scrollbar-inner .scroll-element .scroll-element_track { background-color: transparent; } .scrollbar-inner .scroll-element.scroll-y { width: 3px; right: 0; } .scrollbar-inner .scroll-element.scroll-x { height: 3px; bottom: 0; } .d-grid { display: grid; } .carousel-control-prev .icon-prev { background-image: none; display: inline-block; font: normal normal normal 14px/1 NucleoIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel-control-prev .icon-prev:before { content: "\ea10"; } .carousel-control-next .icon-next { background-image: none; display: inline-block; font: normal normal normal 14px/1 NucleoIcons; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .carousel-control-next .icon-next:before { content: "\ea11"; } .sections-page .testimonials-2 .carousel-testimonials .carousel-control-prev, .sections-page .testimonials-2 .carousel-testimonials .carousel-control-next { bottom: -200px !important; } .product-page .carousel-control .carousel-control-next-icon, .product-page .carousel-control .carousel-control-prev-icon { background-color: #fb6340; border-radius: 30px; width: 27px; height: 27px; font-size: 0.75rem; position: relative; text-transform: uppercase; will-change: transform; letter-spacing: 0.025em; padding: 0.25rem 0.5rem; line-height: 1.5; border-color: #fb6340; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } .tab-space .tab-content { padding: 20px 0 50px 0 !important; } tabset:not(.vertical-pills) .tab-content { padding: 20px 0 0; } .justify-content-center .nav-tabs { justify-content: center !important; } .vertical-pills { display: flex; } .vertical-pills .nav-pills { padding-right: 15px; padding-left: 15px; } .vertical-pills .nav-item { padding: 0 !important; } .checkout-btn-group .nav-tabs { padding-left: 0; position: relative; vertical-align: middle; } .checkout-btn-group .nav-tabs .nav-item { flex: 1 1; display: flex; } .checkout-btn-group .nav-tabs .nav-item .nav-link { color: #11cdef; border-color: #11cdef !important; padding: 4px 14px; position: relative; flex: 1 1 auto; display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; font-size: 0.75rem; line-height: 1.5; border-radius: 0.25rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; letter-spacing: 0.025em; overflow: hidden; text-transform: uppercase; margin: 4px 0; outline: 0 !important; } .checkout-btn-group .nav-tabs .nav-item .nav-link.active { background-color: #11cdef !important; color: #fff; } .checkout-btn-group .nav-tabs .nav-item:not(:first-child) .nav-link { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .checkout-btn-group .nav-tabs .nav-item:not(:last-child) .nav-link { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .nav-pills.nav-pills-just-icons .nav-item .nav-link { border-radius: 50%; height: 80px; max-width: 80px; min-width: auto; padding: 0; width: 80px; } .nav-pills-primary .nav-item .nav-link { color: #5e72e4; text-align: center; } .nav-pills-primary .nav-item .nav-link.active, .nav-pills-primary .nav-item .nav-link.active:focus, .nav-pills-primary .nav-item .nav-link.active:hover { background-color: #5e72e4; color: #fff; } .nav-pills-info .nav-item .nav-link { color: #11cdef; text-align: center; } .nav-pills-info .nav-item .nav-link.active, .nav-pills-info .nav-item .nav-link.active:focus, .nav-pills-info .nav-item .nav-link.active:hover { background-color: #11cdef; color: #fff; } .nav-pills-success .nav-item .nav-link { color: #2dce89; text-align: center; } .nav-pills-success .nav-item .nav-link.active, .nav-pills-success .nav-item .nav-link.active:focus, .nav-pills-success .nav-item .nav-link.active:hover { background-color: #2dce89; color: #fff; } .nav-pills-warning .nav-item .nav-link { color: #fb6340; text-align: center; } .nav-pills-warning .nav-item .nav-link.active, .nav-pills-warning .nav-item .nav-link.active:focus, .nav-pills-warning .nav-item .nav-link.active:hover { background-color: #fb6340; color: #fff; } .nav-pills-danger .nav-item .nav-link { color: #f5365c; text-align: center; } .nav-pills-danger .nav-item .nav-link.active, .nav-pills-danger .nav-item .nav-link.active:focus, .nav-pills-danger .nav-item .nav-link.active:hover { background-color: #f5365c; color: #fff; } alert + alert .alert { margin-top: 1.25rem !important; } .navbar.navbar-main { z-index: 9999; position: fixed; } .g-sidenav-pinned .sidenav-toggler { cursor: pointer; } .g-sidenav-pinned .sidenav-toggler .sidenav-toggler-inner:before { transform: scale(1); } .g-sidenav-pinned .sidenav-toggler .sidenav-toggler-line:first-child { width: 13px; transform: translateX(5px); } .g-sidenav-pinned .sidenav-toggler .sidenav-toggler-line:last-child { width: 13px; transform: translateX(5px); } .blog-post .page-header footer { position: relative; } .navbar.navbar-top .dropdown .nav-link:after { display: none; } .no-caret .dropdown-toggle::after { display: none; } .dropdown-toggle.btn { margin-right: 0; } @media (max-width: 575.98px) { .navbar-top .nav-item .dropdown-menu { left: 3% !important; } } .btn:not(:last-child)[tooltip] { margin-right: 0; } .ng2-tag-input.regular-theme { display: block; flex-direction: row; flex-wrap: wrap; position: relative; cursor: text; border-bottom: none !important; } .ng2-tag-input.regular-theme form input { background: transparent; } .ng2-tag-input.regular-theme tag { display: inline-block; font-weight: 600; font-size: 66%; color: #fff; border-radius: 0.25rem; transition: all 0.15s ease; margin: 0.125rem; padding: 0.625rem 0.625rem 0.5rem; line-height: 1.5; background: #172b4d !important; text-transform: uppercase; transition: all 170ms linear; } .ng2-tag-input.regular-theme tag:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover { background: #172b4d; color: #fff; } .ng2-tag-input.regular-theme tag:hover { padding-right: 25px; } .ng2-tag-input.regular-theme tag:hover svg { opacity: 1; } .ng2-tag-input.regular-theme tag .tag-wrapper { display: block; } .ng2-tag-input.regular-theme tag delete-icon { text-align: right; transform: none; } .ng2-tag-input.regular-theme tag delete-icon path { fill: #fff; } .ng2-tag-input.regular-theme tag delete-icon svg { vertical-align: middle; height: 13px; opacity: 0; position: absolute; right: 5px; top: 11px; } .ng2-tag-input.regular-theme tag delete-icon:not(.readonly):not(.tag--editing):focus { color: #fff; } .ng2-tag-input.regular-theme tag delete-icon:not(.readonly):not(.tag--editing):active { color: #fff; } .ng2-tag-input.regular-theme tag delete-icon:not(:focus):not(.tag--editing):not(:active):not(.readonly):hover { color: #fff; } ngx-datatable.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell { margin: auto; padding: 1rem; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer { background: #fff; color: #000; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .pager { margin: 2px 0; white-space: nowrap; justify-content: flex-end !important; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .pager li a { border: 0; border-radius: 30px !important; transition: all 0.3s; padding: 0px 11px; margin: 0 3px; min-width: 30px; text-align: center; height: 30px; line-height: 30px; color: #2c2c2c; cursor: pointer; font-size: 14px; text-transform: uppercase; background: transparent; outline: none; z-index: 1; position: relative; display: block; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .pager li.disabled { opacity: 0.5; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .datatable-pager .pager li a i { border-radius: 30px !important; transition: all 0.3s; line-height: 35px; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled).active a { background-color: #f5365c; color: #fff; font-weight: inherit; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer .datatable-pager ul li:not(.disabled):not(.active):hover a { background-color: rgba(222, 222, 222, 0.3); font-weight: inherit; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell { color: #8898aa; background-color: #f6f9fc; border-color: #e9ecef; padding-right: 30px; cursor: pointer; position: relative; font-size: 0.65rem; padding-top: 0.75rem; padding-bottom: 0.75rem; letter-spacing: 1px; text-transform: uppercase; border-bottom: 1px solid #e9ecef; vertical-align: bottom; border-bottom: none !important; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell .sort-btn:after { opacity: 0.4; content: "\f0dc"; position: absolute; display: inline-block; bottom: 6px; right: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 12px; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell .sort-btn.sort-asc.datatable-icon-up:after { content: "\f0de"; opacity: 0.8; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell .sort-btn.sort-desc.datatable-icon-down:after { content: "\f0dd"; opacity: 0.8; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell .sort-btn:before { display: none !important; } ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell .sort-btn { position: relative; width: 20px; height: 20px; } ngx-datatable.ngx-datatable .datatable-header { border-top: 1px solid #e9ecef; } .dataTables_length label { display: flex; align-items: center; } .dataTables_length label select { width: auto; } .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even:not(.active) { background-color: transparent !important; } .ngx-datatable .datatable-body-cell, .ngx-datatable .datatable-header-cell { padding-left: 1.5rem !important; } .ngx-toastr { width: calc(100% - 30px) !important; max-width: 600px; top: 15px; padding-right: 80px !important; padding: 1rem 1.5rem !important; } .ngx-toastr .alert-icon:before { font-size: 22px; } .ngx-toastr .toast-close-button { top: 1rem !important; font-size: 1.5rem !important; right: 1.5rem !important; transform: translateY(0); position: absolute !important; } .toast-container .ngx-toastr .toast-close-button:hover, .toast-container .ngx-toastr .toast-close-button:focus { color: rgba(255, 255, 255, 0.6) !important; outline: none !important; font-size: 1.5rem; background-color: transparent !important; opacity: 0.75 !important; } .progress-xs .progress { height: 3px; } .selectr-selection__arrow { display: none; } .selectr.selectr-container { width: 100% !important; } .selectr-container .selectr-selected, .selectr-container.has-selected .selectr-selection-multiple, .selectr-options-container .selectr-selection-multiple, .selectr-options-container .selectr-input-container .selectr-input { display: block; width: 100%; height: calc( 1.5em + 1.25rem + 2px ); padding: 0.625rem 0.75rem !important; font-size: 1rem; line-height: 1.5; color: #8898aa; background-color: #fff; background-clip: padding-box; border: 1px solid #cad1d7 !important; border-radius: 0.25rem; box-shadow: none; transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (prefers-reduced-motion: reduce) { .selectr-container .selectr-selected, .selectr-container.has-selected .selectr-selection-multiple, .selectr-options-container .selectr-selection-multiple, .selectr-options-container .selectr-input-container .selectr-input { transition: none; } } .selectr-container .selectr-selected::-ms-expand, .selectr-container.has-selected .selectr-selection-multiple::-ms-expand, .selectr-options-container .selectr-selection-multiple::-ms-expand, .selectr-options-container .selectr-input-container .selectr-input::-ms-expand { background-color: transparent; border: 0; } .selectr-container .selectr-selected:focus, .selectr-container.has-selected .selectr-selection-multiple:focus, .selectr-options-container .selectr-selection-multiple:focus, .selectr-options-container .selectr-input-container .selectr-input:focus { color: #8898aa; background-color: #fff; border-color: rgba(50, 151, 211, 0.25); outline: 0; box-shadow: none, none; } .selectr-container .selectr-selected::-moz-placeholder, .selectr-container.has-selected .selectr-selection-multiple::-moz-placeholder, .selectr-options-container .selectr-selection-multiple::-moz-placeholder, .selectr-options-container .selectr-input-container .selectr-input::-moz-placeholder { color: #adb5bd; opacity: 1; } .selectr-container .selectr-selected::placeholder, .selectr-container.has-selected .selectr-selection-multiple::placeholder, .selectr-options-container .selectr-selection-multiple::placeholder, .selectr-options-container .selectr-input-container .selectr-input::placeholder { color: #adb5bd; opacity: 1; } .selectr-container .selectr-selected:disabled, .selectr-container .selectr-selected[readonly], .selectr-container.has-selected .selectr-selection-multiple:disabled, .selectr-container.has-selected .selectr-selection-multiple[readonly], .selectr-options-container .selectr-selection-multiple:disabled, .selectr-options-container .selectr-selection-multiple[readonly], .selectr-options-container .selectr-input-container .selectr-input:disabled, .selectr-options-container .selectr-input-container .selectr-input[readonly] { background-color: #e9ecef; opacity: 1; } .selectr-container .selectr-selection-single .selectr-selection__rendered { padding: 0; overflow: inherit; text-overflow: inherit; white-space: inherit; } .selectr-options-container .selectr-selection-single .selectr-selection__rendered { color: inherit; line-height: inherit; } .selectr-options-container { padding: 0.5rem 0; background-color: #fff; border: 1px solid #cad1d7 !important; border-radius: 0.3rem; } .selectr-option { padding: 0.5rem 0.75rem; background-color: #fff; color: #212529; font-size: 0.875rem; } .selectr-option:hover, .selectr-option:focus { color: #16181b; text-decoration: none; background-color: #f6f9fc; } .selectr-options-container .active[aria-selected], .selectr-options-container .selectr-option[aria-selected=true] { background-color: transparent; color: #16181b; } .selectr-options-container .selectr-option[aria-disabled=true] { color: #8898aa; } .selectr-container.has-selected .selectr-selection-multiple, .selectr-options-container .selectr-selection-multiple { height: auto; min-height: calc( 1.5em + 1.25rem + 2px ); } .selectr-options-container .selectr-selection-multiple .selectr-selection__rendered { display: block; margin: 0 0 -0.25rem -0.25rem; padding: 0; } .selectr-options-container .selectr-selection-multiple .selectr-selection__choice { display: inline-flex; padding: 0 0.5rem; margin: 0 0 0.25rem 0.25rem; background-color: #adb5bd; border: none; border-radius: 0.2rem; line-height: 1.5rem; font-size: 0.875rem; color: #8898aa; } .selectr-options-container .selectr-selection-multiple .selectr-selection__choice__remove { order: 2; margin-left: 0.5rem; color: #8898aa; } .selectr-options-container .selectr-selection-multiple .selectr-selection__choice__remove:hover { color: #525f7f; } .selectr-container .selectr-search-inline { display: none; } .selectr-selection[aria-expanded=true] { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .selectr-input-container { padding: 0.5rem 0.75rem; } .selectr-options-container .selectr-input-container .selectr-input { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; margin: 0; } .form-control-sm + .selectr-container .selectr-selection-single, .form-control-sm + .selectr-container.has-selected .selectr-selection-multiple, .form-control-sm + .selectr-options-container .selectr-selection-multiple { height: calc( 1.5em + 0.5rem + 2px ); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-sm + .selectr-container.has-selected .selectr-selection-multiple, .form-control-sm + .selectr-options-container .selectr-selection-multiple { min-height: calc( 1.5em + 0.5rem + 2px ); } .form-control-sm + .selectr-options-container .selectr-selection-multiple .selectr-selection__choice { line-height: 1.3125rem; } .form-control-lg + .selectr-container .selectr-selection-single, .form-control-lg + .selectr-container.has-selected .selectr-selection-multiple, .form-control-lg + .selectr-options-container .selectr-selection-multiple { height: calc( 1.5em + 1.75rem + 2px ); padding: 0.875rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .form-control-lg + .selectr-container.has-selected .selectr-selection-multiple, .form-control-lg + .selectr-options-container .selectr-selection-multiple { min-height: calc( 1.5em + 1.75rem + 2px ); } .form-control-lg + .selectr-options-container .selectr-selection-multiple .selectr-selection__choice { line-height: 1.875rem; } .selectr-selected::before { display: none; } .selectr-container.has-selected .selectr-selected { border-color: #5e72e4 !important; } .selectr-container.has-selected.open .selectr-selected { border-color: #dee2e6 !important; } .selectr-tag { background: #5e72e4 !important; } .site-setting { text-align: center; width: 35%; display: block; margin: auto; font-size: 1rem; font-weight: 300; } .site-setting p { margin-top: 1%; line-height: 32px; } @media (min-width: 768px) { .site-setting { font-size: 19px !important; } } @media (max-width: 991.98px) { .site-setting { font-size: 18px !important; } } @media (max-width: 767.98px) { .site-setting { font-size: 17px !important; } } .public-page h2 { font-size: 1.25em; line-height: 1.5em; margin: 2em 0 1em 0; } @media only screen and (max-width: 991px) { .site-setting { width: 100%; } } .map { width: 100%; } .map-content h2 { line-height: 2.375rem; font-weight: 400; margin-bottom: 1.25rem; font-size: 1.25em; margin: 2em 0 1em 0; } .map-content .addr-title { font-size: 1.188rem; line-height: 1.875rem; font-weight: 300; } .map-content .public-map { margin: 0 auto; max-width: 75rem; } .map-content .public-map p { padding-bottom: 4rem; } .doc-table { width: 100%; min-width: 10%; } .doc-table .doc-margin { padding: 0.125rem 0.25rem; } @media (max-width: 767.98px) { .home-doc th { font-size: 13px; } .home-doc td { font-size: 13px; } .home-doc .card-body { padding: 0; } .home-doc .doc-table .doc-margin { padding: 0.15rem 0.18rem 0.18rem 0.18rem; } } .home-doc .card { margin-bottom: 0; } .public-notice .card { margin-bottom: 0; } .dashboard-doc .card { margin-bottom: 0; } @media (max-width: 991.98px) { .public-notice .notice-cntl { padding-bottom: 1rem; text-align: center !important; } } .auth-captcha { box-shadow: none; justify-content: center; display: flex; } @media (max-width: 991.98px) { .hom-ctrl .bg-image img { height: 65vh !important; } } .hom-ctrl .container { max-width: 1276px !important; } .hom-ctrl .container .btn-secondary.bv-btn { color: #fff; background-color: #4db6ac; } .hom-ctrl .container .bv-btn.btn-secondary.focus, .hom-ctrl .container .bv-btn.btn-secondary:focus, .hom-ctrl .container .bv-btn.btn-secondary:hover { color: #fff; background-color: #68c1b9; border-color: #68c1b9; } .hom-ctrl .bg-light { background-color: #f7f9f9 !important; } .hom-ctrl .bg-image img { height: 800px; width: 100%; -o-object-fit: cover !important; object-fit: cover !important; } .hom-ctrl .doc-list { background-color: #1663bb; } .hom-ctrl .page-header { padding-top: 89px; } .wel-mes-cntl { background-image: url("/assets/img/braves/services-info-box-bg.jpg"); } .bv-text-primary.fa-phone { transform: rotate(90deg); } .carousel-component-item { padding-right: 15px; padding-left: 15px; } .bg-gradient-info.navbar.navbar-main { top: 43px; background: #fff !important; } .bg-gradient-info.navbar.navbar-main .nav-item a { color: #202020 !important; font-size: 1rem !important; font-weight: 600 !important; } .navbar-main { height: 90px !important; } .navbar-main .navbar-brand img { width: 80px !important; height: 80px !important; -o-object-fit: contain; object-fit: contain; } .navbar-main .navbar-toggler-icon { background-color: #2196f3; } .sidenav .navbar-brand img { width: 50px !important; height: 50px !important; -o-object-fit: contain; object-fit: contain; } @media (max-width: 991.98px) { .navbar .navbar-brand img { width: 50px !important; height: 50px !important; -o-object-fit: contain; object-fit: contain; } } .lan-bg-indigo { position: fixed; z-index: 99999; top: 0; left: 0; right: 0; background-color: #1565c0 !important; color: #fff !important; } .lan-bg-indigo .btn-indigo { color: #fff; background-color: #1565c0; } .lan-bg-indigo .btn-indigo.focus, .lan-bg-indigo .btn-indigo:focus, .lan-bg-indigo .btn-indigo:hover { color: #fff; background-color: #1977e2; border-color: #1977e2; box-shadow: 0 1px 9px 0 rgba(21, 101, 192, 0.5); } .lan-bg-indigo .btn > i { margin-right: 0.5rem; font-size: 0.875rem; } full-calendar button.fc-next-button span.fc-icon, full-calendar button.fc-prev-button span.fc-icon { top: -0.25em; } full-calendar .fc-event-title { color: #fff; font-size: small; } full-calendar .fc-daygrid-event-dot { /*border: calc(var(--fc-daygrid-event-dot-width,8px)/ 2) solid var(--fc-event-border-color, rgb(44, 62, 80));*/ display: none; } full-calendar .fc-day-today { background-color: inherit !important; } full-calendar .fc-day-disabled { background-color: rgba(208, 208, 208, 0.3) !important; } full-calendar .fc-day-blackout { background: repeating-linear-gradient(45deg, #fff, #fff 10px, #ddd 10px, #ddd 20px); } full-calendar .fc-pending { background-color: #11cdef !important; color: #fff !important; border: #11cdef !important; } full-calendar .fc-blackout { background-color: #f4f5f7 !important; color: #fff !important; border: #f4f5f7 !important; } full-calendar .fc-approved { background-color: #2dce89 !important; color: #fff !important; border: #2dce89 !important; } full-calendar .fc-cancelled { background-color: #f5365c !important; color: #fff !important; border: #f5365c !important; } full-calendar .fc-declined { background-color: #fb6340 !important; color: #fff !important; border: #fb6340 !important; } full-calendar .fc-daygrid-dot-event .fc-event-title { font-weight: 400; } full-calendar .fc-day-grid-event { margin-top: 3px !important; } full-calendar .fc-event-title { padding: 0.2rem 0.1rem; display: block; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; } full-calendar .icon-shape i { font-size: 1rem !important; color: #5e72e4; } full-calendar .icon { width: 1rem !important; height: 1rem !important; } full-calendar .fc-timegrid-col-events { margin: 0 !important; } .fc-timegrid-slot { height: 2.5em !important; } h3.fc-book { display: inline; } .fc-book-button { float: right; } .fc-direction-ltr .fc-daygrid-event.fc-event-end { margin-right: 8px !important; margin-bottom: 2px !important; } .fc-direction-ltr .fc-daygrid-event.fc-event-start { margin-left: 8px !important; } .btn-group > .btn { border-radius: 0 !important; } .modal-body { position: relative; overflow-y: auto; max-height: 700px !important; padding: 15px; } ngx-datatable.ngx-datatable.bootstrap .datatable-footer { overflow-y: hidden; } .card.card-pet { height: 250px; padding-top: 70px; } .app-notice.card { height: 48.5vh; max-height: 48.5vh; overflow-y: scroll; } .request-status .request-icon { margin-bottom: 0.5rem; } .request-status .request-icon i { margin-right: 0.5rem; } .request-status .request-bell { color: #11cdef; } .request-status .request-dec { color: red; } .request-status .request-pen { color: orange; } .request-status .request-com { color: green; } .request-status .request-inp { color: blue; } @media (min-width: 576px) { .request-status { display: flex; flex-wrap: wrap; } } @media (min-width: 768px) { .request-status { justify-content: space-between; } } .badge-table-icon.badge-dot i { width: auto; height: auto; } .panel-row { margin-bottom: 1.875rem; } .panel-row .card { height: 100%; margin-bottom: 0; } .panel-row .app-notice.card { max-height: 75.5vh; overflow-y: auto; } .view-icon { cursor: pointer; } .action-block { flex-wrap: wrap; width: 100%; padding: 0; } @media (min-width: 1250px) { .action-grid { width: 100%; } .action-grid .datatable-header-inner, .action-grid .datatable-row-center, .action-grid .datatable-body-row, .action-grid .datatable-scroll { width: 100% !important; } .action-grid .datatable-header-cell:nth-child(1), .action-grid .datatable-body-cell:nth-child(1) { width: 14% !important; } .action-grid .datatable-header-cell:nth-child(2), .action-grid .datatable-body-cell:nth-child(2) { width: 14% !important; } .action-grid .datatable-header-cell:nth-child(3), .action-grid .datatable-body-cell:nth-child(3) { width: 20% !important; } .action-grid .datatable-header-cell:nth-child(4), .action-grid .datatable-body-cell:nth-child(4) { width: 39% !important; } .action-grid .datatable-header-cell:nth-child(5), .action-grid .datatable-body-cell:nth-child(5) { width: 13% !important; } } @media (min-width: 1700px) { .action-item-grid { width: 100%; margin-bottom: 0.625rem; } .action-item-grid ngx-datatable.ngx-datatable .datatable-header .datatable-header-cell { padding-right: 0; padding-left: 0.75rem !important; } .action-item-grid .datatable-header-inner, .action-item-grid .datatable-row-center, .action-item-grid .datatable-body-row, .action-item-grid .datatable-scroll { width: 100% !important; } .action-item-grid .datatable-header-cell:nth-child(1), .action-item-grid .datatable-body-cell:nth-child(1) { width: 9% !important; } .action-item-grid .datatable-header-cell:nth-child(2), .action-item-grid .datatable-body-cell:nth-child(2) { width: 8% !important; } .action-item-grid .datatable-header-cell:nth-child(3), .action-item-grid .datatable-body-cell:nth-child(3) { width: 11% !important; } .action-item-grid .datatable-header-cell:nth-child(4), .action-item-grid .datatable-body-cell:nth-child(4) { width: 7% !important; } .action-item-grid .datatable-header-cell:nth-child(5), .action-item-grid .datatable-body-cell:nth-child(5) { width: 7% !important; } .action-item-grid .datatable-header-cell:nth-child(6), .action-item-grid .datatable-body-cell:nth-child(6) { width: 9% !important; } .action-item-grid .datatable-header-cell:nth-child(7), .action-item-grid .datatable-body-cell:nth-child(7) { width: 8% !important; } .action-item-grid .datatable-header-cell:nth-child(8), .action-item-grid .datatable-body-cell:nth-child(8) { width: 8% !important; } .action-item-grid .datatable-header-cell:nth-child(9), .action-item-grid .datatable-body-cell:nth-child(9) { width: 8% !important; } .action-item-grid .datatable-header-cell:nth-child(10), .action-item-grid .datatable-body-cell:nth-child(10) { width: 10% !important; } .action-item-grid .datatable-header-cell:nth-child(11), .action-item-grid .datatable-body-cell:nth-child(11) { width: 10% !important; } .action-item-grid .datatable-header-cell:nth-child(12), .action-item-grid .datatable-body-cell:nth-child(12) { width: 8% !important; } } .action-item-grid .action-icon-yes { color: green; } .action-item-grid .action-icon-no { color: rgb(233, 85, 85); } .action-modal .pre-wrap { white-space: pre-wrap !important; box-shadow: inherit; height: inherit; } @media (max-width: 991.98px) { .action-block > div { padding-bottom: 1.688rem; } .action-block.pb-3 { padding-bottom: 0 !important; } .request-modal.modal-dialog { max-width: 37.5rem; margin: 1.75rem auto; } } .request-doc { list-style-type: none; text-decoration: underline; padding-bottom: 0.321rem; } .request-doc a { color: #5e72e4 !important; } @media (max-width: 767.98px) { .com-action-control { flex-direction: column; } } .com-action-control { padding: 0; } .com-action-control .btn-md-width { min-width: 6.25rem; max-width: 11.375rem; width: 100%; margin-bottom: 1.25rem !important; } .com-action-control .report-control { margin-bottom: 1.25rem !important; } .com-member { padding: 0.312rem 0.312rem 0.312rem 0.312rem; border: 0.0625rem solid #e9ecef; border-bottom: 0; } .com-member:last-child { border-bottom: 0.0625rem solid #e9ecef; } .dash-doc-table { width: 100%; min-width: 10%; } .dash-doc-table .doc-margin { padding: 0.125rem 0.25rem; } @media (max-width: 767.98px) { .dashboard-doc th { font-size: 13px; } .dashboard-doc td { font-size: 13px; } .dashboard-doc .card-body { padding: 0; } .dashboard-doc .dash-doc-table .doc-margin { padding: 0.15rem 0.18rem 0.18rem 0.18rem; } } .dash-action .action-span { font-size: 1rem; } .dash-action .action-link { font-size: 0.825rem; } .reset-seperator { z-index: 5; position: relative; } .facility-panel { justify-content: center; } .facility-panel .fac-img { display: block; text-align: center; } .facility-panel .social-media-links img { width: 100px !important; } .facility-panel .facility-icon { width: 17%; } .facility-panel .facility-icon img { border-radius: 50%; } @media (max-width: 991.98px) { .facility-panel { margin: 0; } } .strata-info-panel li { padding: 0.625rem !important; text-align: center; } .strata-info-panel li textarea { text-align: center; } .strata-info-panel .vote-input { background-color: #ffffe0 !important; } @media (max-width: 991.98px) { .strata-info-panel .card { margin-bottom: 1rem !important; } } .dash-book-panel .book-status { width: 6.25rem; } @media (max-width: 991.98px) { .dash-book-panel .card { margin-bottom: 1rem !important; } } @media (max-width: 991.98px) { .dash-notice .notice-cntl { padding-bottom: 1rem; text-align: center !important; } } .book-btn { font-size: 1.2rem !important; } .custom-checkbox-info .custom-control-input:checked ~ .custom-control-label.book-cntl::after { pointer-events: none !important; } .dash-notice .btn-secondary.bv-btn { color: #fff; background-color: #4db6ac; } .prof-link { color: #202020 !important; text-decoration: underline !important; } .dashboard-doc .panel-heading.card-header, .dash-notice .panel-heading.card-header, .public-doc .panel-heading.card-header, .request-status .panel-heading.card-header { border-color: transparent !important; border: 1px solid; background-color: transparent !important; cursor: pointer !important; } .dashboard-doc .panel-heading.card-header .panel-title, .dash-notice .panel-heading.card-header .panel-title, .public-doc .panel-heading.card-header .panel-title, .request-status .panel-heading.card-header .panel-title { background-color: #f6f9fc !important; } .dashboard-doc .btn-link, .dash-notice .btn-link, .public-doc .btn-link, .request-status .btn-link { color: #2196f3 !important; } div.signup .header { position: sticky; } div.signup span.clear-all { right: 200px; } .pre-login-page { background-image: url("/assets/img/braves/access-page-bg-01.jpg"); } .pre-login-page .signup-cntl { max-width: 1296px !important; } .error-page > .container .title { font-size: 5em; letter-spacing: 1px; } .error-page .low { position: relative; bottom: -200px; } .error-page ul { padding-right: 50px; } a:hover { cursor: pointer; } a.navbar-brand > span { color: #fff; } .navbar-nav .nav-link { border-radius: 0rem; padding: 0; } .navbar-expand .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } ul.nav.nav-tabs { margin-bottom: -21px; } @media (max-width: 991.98px) { .navbar-header .nav-item { margin-right: 0.3rem; } } @media (min-width: 768px) { .navbar-main .navbar-nav .nav-item { margin-right: 2.5rem; } } @media (max-height: 330px) { .navbar-collapse .navbar-collapse-header { padding-bottom: 0.6rem; margin-bottom: 0.6rem; } .navbar.navbar-main .navbar-nav .dropdown .dropdown-menu { height: 90px; overflow-y: scroll; } } .nav-menu { padding-right: 15px; } @media (max-width: 991px) { .navbar.navbar-main .navbar-nav .mob-view .dropdown-menu .dropdown-item { padding: 0.312rem 0 0.312rem 1rem; } .navbar.navbar-main .navbar-nav .mob-view .dropdown-menu.show { margin-top: 0 !important; } } app-doc-upload { width: 100%; } app-doc-upload div.fileinput { width: 100%; } div.lot-view span.clear-all { right: 40px; } .profile-header { position: relative; } .profile-header .selected-list.focus { outline: none; } .profile-header .lazyContainer { color: #8898aa; } .profile-header .lot-btn .btn-success { background: #ffffff !important; color: black; } @media (max-width: 767.98px) { .profile-header .lot-btn { padding-top: 0.625rem; } } .main-footer { padding: 3em 0; background-color: #f1f1f1; overflow: hidden; clear: both; } .main-footer h3 { font-size: 1rem; } .main-footer ul li { font-size: 0.803rem; } .main-footer P, .main-footer a { font-size: 0.803rem; } .property-contact-details { list-style: none; margin: 0 0 1em 0; padding: 0; } ul.social-media-links { list-style: none; padding: 0; } .social-media-links li { display: inline-block; width: 1.875rem; margin-right: 0.313rem; } .social-media-links li img { max-width: 100%; } .log-foot .bg-viridian-500 { background-color: #F7F9F9 !important; } .log-foot .bv-h6, .log-foot p, .log-foot li, .log-foot a, .log-foot i { color: #2988d6 !important; } .proxy-label { display: flex; align-items: center; padding: 0.938rem; } .proxy-input { display: flex; align-items: center; padding: 0.938rem; flex-direction: column; } .proxy-full-width { width: 100%; } .vote-panel { display: flex; justify-content: center; } .selected-clear .selected-list .c-btn { padding-right: 2.5rem; word-break: break-word; } @media only screen and (max-width: 47.938rem) { .proxy-input { padding: 0.625rem; padding-top: 0; } .proxy-label { padding: 0.625rem; } .proxy-label.border-right { border-right: 0rem !important; } } .vote-label { display: flex; align-items: center; padding: 0.938rem; } .your-vote { padding-left: 0; display: flex; padding: 0.938rem; } .vote-btn { margin-top: 2.5rem; max-width: 100%; } @media (max-width: 767.98px) { .vote-ctrl .vote-btn { margin-top: 2.5rem; max-width: 100%; margin-top: 0; } .vote-ctrl .voting-panel .report-control { padding-left: 0; padding-right: 0; } .vote-ctrl .voting-panel .report-control label { font-size: 0.7rem; } .vote-ctrl .vote-label { justify-content: center !important; } } @media (max-width: 991.98px) { .vote-ctrl .card-body { padding: 1rem; } .vote-ctrl .vote-btn { margin: 0; margin-bottom: 1rem; } } .vote-dd { padding: 1.25rem 1.875rem; } .vote-doc { list-style-type: none; justify-content: center; display: flex; -webkit-text-decoration: solid; text-decoration: solid; padding-bottom: 0.321rem; } .vote-doc a { color: #5e72e4 !important; text-decoration: underline !important; } .vote-input { background-color: white !important; } .vote-ctrl .card-header { display: flex; justify-content: space-between; align-items: flex-start; } .vote-ctrl .btn-back { padding: 1rem; } .vote-ctrl .voting-panel { background-color: #f6f9fc; } .vote-ctrl .voting-panel .report-control { padding: 0 0.625rem 1.25rem 0.625rem; } .vote-ctrl .bg-green { background-color: #eafaf1 !important; } .vote-ctrl .bg-red { background-color: #fdedec !important; } .vote-ctrl .bg-yellow { background-color: #fef9e7 !important; } .vote-ctrl .bg-default { background-color: #f6f9fc !important; } @media only screen and (max-width: 47.938rem) { .vote-input { padding: 0.625rem; } .vote-label { padding: 0.625rem; } .vote-label.border-right { border-right: 0 !important; } } .report-control { padding-bottom: 1.25rem; } .report-control .custom-control-input { padding-bottom: 1rem; } .report-control .custom-control-label { padding-left: 2rem; } .report-control .custom-control-label::before { left: 0; } .report-control .custom-control-label::after { left: 0; } .pdf-viewer { display: block; height: 100%; } .pdf-viewer .ngx-slider .ngx-slider-pointer { outline: none; width: 1.375rem; height: 1.375rem; top: -0.625rem; } .pdf-viewer .ngx-slider .ngx-slider-pointer:after { top: 0.5rem; left: 0.5rem; width: 0.313rem; height: 0.313rem; } .pdf-viewer .ngx-slider .ngx-slider-pointer.ngx-slider-active::after { background-color: white; } .pdf-viewer .report-slider { width: 7.5rem; bottom: 0.625rem; } .pdf-viewer ul.nav.nav-tabs { margin-bottom: 0; } .pdf-viewer .nav-tabs { border-bottom: 0; } .report-icon { display: flex; align-items: center; } .report-icon .btn:disabled { background-color: white !important; border-color: white !important; } .ngx-slider .ngx-slider-bubble { display: none !important; } .report-pdf { cursor: pointer; } .report-detailed { margin-right: -1.875rem; } .report-header { justify-content: center; } .report-toogle { padding-right: 0.625rem; } .report-tab { padding: 0; } .report-tab .nav-tabs .nav-item { margin-bottom: 0; } .btn-position { padding: 0; } .report-tab-header .nav-link { border: 0.063rem solid #d8dce1; } .report-tab-header .nav-link.active { border-bottom: none; } .report-tab-header .grid-tab { padding-left: 0; padding-right: 0; } @media (max-width: 1124px) { .report-tab-header .nav-tabs { flex-direction: row; } .report-tab-header .nav-tabs li { flex: 1; } .panel-border { overflow-x: auto; } } .panel-border { border: 0.063rem solid #d8dce1; border-top: none; } .no-data-panel-border { border: 0.063rem solid #d8dce1; } .unpaid-grid .request-status .request-icon { display: flex; align-items: center; } .unpaid-grid .unpaid-label { margin-bottom: 0; margin-right: 0.625rem; } .unpaid-grid .unpaid-icon { color: #11cdef; font-size: 1.5rem; margin-right: 0.5rem; } .unpaid-grid .ngx-datatable.bootstrap .datatable-body .datatable-body-row.active { background-color: #fff; color: #606c89; } .unpaid-grid .ngx-datatable.bootstrap .datatable-body .datatable-body-row.datatable-row-even { background-color: #fff; } .unpaid-grid .datatable-checkbox { line-height: normal; margin-bottom: 0; } .unpaid-grid .datatable-checkbox input[type=checkbox] { width: 1rem; height: 1rem; } @media (min-width: 768px) { .unpaid-report-grid { width: 100%; } .unpaid-report-grid .datatable-header-inner, .unpaid-report-grid .datatable-row-center, .unpaid-report-grid .datatable-body-row, .unpaid-report-grid .datatable-scroll { width: 100% !important; } .unpaid-report-grid .datatable-header-cell:nth-child(1), .unpaid-report-grid .datatable-body-cell:nth-child(1) { width: 20% !important; } .unpaid-report-grid .datatable-header-cell:nth-child(2), .unpaid-report-grid .datatable-body-cell:nth-child(2) { width: 40% !important; } .unpaid-report-grid .datatable-header-cell:nth-child(3), .unpaid-report-grid .datatable-body-cell:nth-child(3) { width: 40% !important; } } @media (max-width: 575.98px) { .aged-report .report-control { padding-bottom: 1.25rem; } } @media (max-width: 767px) { .report-tab-header .pdf-viewer { padding: 0 0.938rem !important; } } @media (max-width: 991.98px) { .pdf-viewer .btn { padding: 0 0.5rem 0 0.5rem; } .pdf-viewer .report-slider { width: 4.688rem; } } @media (max-width: 575.98px) { .report-control { flex-direction: column; padding-bottom: 0; } .btn-position { margin-bottom: 1.25rem; text-align: inherit !important; } } @media (max-width: 575.98px) { .unpaid-panel .report-control { flex-direction: column; margin-bottom: 1.25rem; } } @media (max-width: 575.98px) { .rev-exp-panel .report-control { flex-direction: column; margin-bottom: 1.25rem; } } .investment-header { margin: 1.563rem; } .inv-message { padding: 1rem 1rem 1rem 1rem; } .inv-message p { margin-bottom: 0; } .financial-header { margin-top: 1.875rem; justify-content: center; display: flex; } .financial-header p { margin-bottom: 0; color: hsl(211deg, 48%, 55%); } .financial-header .financial-box { padding: 1rem 1rem 1rem 1rem; border: 0.0625rem solid #d3d4d6 !important; text-align: center !important; background-color: lightcyan; width: 100%; min-height: 8.125rem; display: flex; align-items: center; justify-content: center; } .financial-header .financial-outer { border: none; justify-content: center; margin-bottom: 1.875rem; } @media (min-width: 1384px) { .investment-grid { width: 100%; } .investment-grid .datatable-header-inner, .investment-grid .datatable-row-center, .investment-grid .datatable-body-row, .investment-grid .datatable-scroll { width: 100% !important; } .investment-grid .datatable-header-cell:nth-child(1), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(1) { width: 16% !important; } .investment-grid .datatable-header-cell:nth-child(2), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(2) { width: 15% !important; } .investment-grid .datatable-header-cell:nth-child(3), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(3) { width: 9% !important; text-align: right !important; } .investment-grid .datatable-header-cell:nth-child(4), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(4) { width: 23% !important; } .investment-grid .datatable-header-cell:nth-child(5), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(5) { width: 14% !important; text-align: right !important; } .investment-grid .datatable-header-cell:nth-child(6), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(6) { width: 11% !important; text-align: right !important; } .investment-grid .datatable-header-cell:nth-child(7), .investment-grid .datatable-body-row .datatable-body-cell:nth-child(7) { width: 12% !important; } } .grid-viewer .grid-data { padding: 2rem; } .grid-viewer .grid-data DOC_LINK { text-decoration: underline; color: blue; cursor: pointer; } .grid-viewer .grid-data table { width: 100%; background-color: #ffffff; border-collapse: collapse; border-width: 1px; border-color: #000000; border-style: solid; color: #000000; } .grid-viewer .grid-data table td, .grid-viewer .grid-data table th { border-width: 1px; border-color: #000000; border-style: solid; padding: 3px; } .grid-viewer .grid-data table thead { background-color: #ffffff; } @media (max-width: 767.98px) { .grid-viewer .grid-data { padding: 0.32rem; } } .rvex-header { padding: 0.25rem; } @media (max-width: 991.98px) { .pie-chart { width: 100% !important; height: 100% !important; } } .chart-panel .pie-chart { width: 100%; height: 350px; padding: 1rem 0; } .chart-panel .bar-chart { width: 100%; height: 500px; padding: 1rem 0; } .chart-panel .chart-label { padding: 0.5rem; display: flex; justify-content: center; } .approval-icon1 { font-size: 18px; color: #172b4d; } .approval-icon2 { position: absolute; color: #11cdef; margin-top: 5px; left: 27px !important; } .his-icon1 { color: #e87920; } .upload-menu { color: #e23333; } .nav-user-name { color: rgba(255, 255, 255, 0.95) !important; } .app-dash-ctrl .accor-tbl { padding: 15px; } .app-dash-ctrl button { width: 100%; } .app-dash-ctrl .btn { padding: 0.625rem 0.25rem; } .app-dash-ctrl .bg-green { background-color: #eafaf1 !important; } .app-dash-ctrl .bg-red { background-color: #fdedec !important; } @media (min-width: 1732px) { .transaction-grid { width: 100%; } .transaction-grid .datatable-header-inner, .transaction-grid .datatable-row-center, .transaction-grid .datatable-body-row, .transaction-grid .datatable-scroll { width: 100% !important; } .transaction-grid .datatable-header-cell:nth-child(1), .transaction-grid .datatable-body-cell:nth-child(1) { width: 23% !important; } .transaction-grid .datatable-header-cell:nth-child(2), .transaction-grid .datatable-body-cell:nth-child(2) { width: 14% !important; } .transaction-grid .datatable-header-cell:nth-child(3), .transaction-grid .datatable-body-cell:nth-child(3) { width: 15% !important; } .transaction-grid .datatable-header-cell:nth-child(4), .transaction-grid .datatable-body-cell:nth-child(4) { width: 9% !important; } .transaction-grid .datatable-header-cell:nth-child(5), .transaction-grid .datatable-body-cell:nth-child(5) { width: 10% !important; } .transaction-grid .datatable-header-cell:nth-child(6), .transaction-grid .datatable-body-cell:nth-child(6) { width: 10% !important; } .transaction-grid .datatable-header-cell:nth-child(7), .transaction-grid .datatable-body-cell:nth-child(7) { width: 23% !important; } } @media (min-width: 1281px) { .approver-grid { width: 100%; } .approver-grid .datatable-header-inner, .approver-grid .datatable-row-center, .approver-grid .datatable-body-row, .approver-grid .datatable-scroll { width: 100% !important; } .approver-grid .datatable-header-cell:nth-child(1), .approver-grid .datatable-body-cell:nth-child(1) { width: 65% !important; } .approver-grid .datatable-header-cell:nth-child(2), .approver-grid .datatable-body-cell:nth-child(2) { width: 35% !important; } } .transaction-grid.ngx-datatable.ngx-datatable.bootstrap .datatable-body .datatable-body-row .datatable-body-cell { margin: auto; } @media (max-width: 991px) and (min-width: 457px) { .approver-grid { width: 100%; } .approver-grid .datatable-header-inner, .approver-grid .datatable-row-center, .approver-grid .datatable-body-row, .approver-grid .datatable-scroll { width: 100% !important; } .approver-grid .datatable-header-cell:nth-child(1), .approver-grid .datatable-body-cell:nth-child(1) { width: 65% !important; } .approver-grid .datatable-header-cell:nth-child(2), .approver-grid .datatable-body-cell:nth-child(2) { width: 35% !important; } } @media (min-width: 1250px) { .comments-grid { width: 100%; } .comments-grid .datatable-header-inner, .comments-grid .datatable-row-center, .comments-grid .datatable-body-row, .comments-grid .datatable-scroll { width: 100% !important; } .comments-grid .datatable-header-cell:nth-child(1), .comments-grid .datatable-body-cell:nth-child(1) { width: 65% !important; } .comments-grid .datatable-header-cell:nth-child(2), .comments-grid .datatable-body-cell:nth-child(2) { width: 35% !important; } } @media (min-width: 1250px) { .history-grid { width: 100%; } .history-grid .datatable-header-inner, .history-grid .datatable-row-center, .history-grid .datatable-body-row, .history-grid .datatable-scroll { width: 100% !important; } .history-grid .datatable-header-cell:nth-child(1), .history-grid .datatable-body-cell:nth-child(1) { width: 65% !important; } .history-grid .datatable-header-cell:nth-child(2), .history-grid .datatable-body-cell:nth-child(2) { width: 35% !important; } } .approval-toogle-icon { color: #11cdef; font-size: 1.5rem; margin: 0.625rem; } .history-view { padding: 1.5rem; } .history-view .search-panel { margin-bottom: 2rem; } .history-view .search-panel .search-item { width: 100%; display: flex; flex-direction: column; justify-content: center; position: relative; } .history-view small { position: absolute; top: 72px; left: 2px; } .history-view .his-ddl .c-btn { padding: 0.9rem 0.75rem; margin-bottom: 0; } .history-view .accor-status { padding: 1rem; display: flex; justify-content: center; padding: 1rem; } @media (max-width: 767.98px) { .book-info small { display: block; } } @media (min-width: 768px) { .book-info small { display: block; } } .searcher-comments { padding-top: 0.938rem; align-items: flex-start; } .searcher-dash-ctrl .report-label { padding-top: 2px; margin-top: 10px; } .searcher-dash-ctrl .accor-tbl { padding: 15px; } .searcher-dash-ctrl button { width: 100%; } .searcher-dash-ctrl .btn { padding: 0.625rem 0.25rem; } .searcher-dash-ctrl .doc-date { padding-top: 29px; } .searcher-dash-ctrl .fa-search { cursor: pointer; } .searcher-dash-ctrl .fa-download { cursor: pointer; } @media (max-width: 767.98px) { .searcher-dash-ctrl .check-mob-view { flex-direction: column; padding: 15px; } .searcher-dash-ctrl .check-mob-view .report-control { padding-bottom: 15px !important; } .searcher-dash-ctrl .date-mob-view { flex-direction: column; padding: 0; } .searcher-dash-ctrl .date-mob-view div { padding: 0; } .searcher-dash-ctrl .mob-btn-header { padding: 0; } .searcher-dash-ctrl .mob-btn-header .mob-view-btn { flex-direction: column; } .searcher-dash-ctrl .mob-btn-header .mob-view-btndiv { padding: 0; } .searcher-dash-ctrl .mob-btn-header .mob-view-btn .text-right { padding: 0 15px 15px 0; } } @media (max-width: 991.98px) { .date-cntl { display: block !important; flex-direction: column !important; } } .pag-text { width: 14rem; } @media (min-width: 1440px) { .searcher-grid { width: 100%; } .searcher-grid .datatable-header-inner, .searcher-grid .datatable-row-center, .searcher-grid .datatable-body-row, .searcher-grid .datatable-scroll { width: 100% !important; } .searcher-grid .datatable-header-cell:nth-child(1), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(1) { width: 10% !important; } .searcher-grid .datatable-header-cell:nth-child(2), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(2) { width: 10% !important; } .searcher-grid .datatable-header-cell:nth-child(3), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(3) { width: 10% !important; } .searcher-grid .datatable-header-cell:nth-child(4), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(4) { width: 20% !important; } .searcher-grid .datatable-header-cell:nth-child(5), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(5) { width: 15% !important; } .searcher-grid .datatable-header-cell:nth-child(6), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(6) { width: 14% !important; } .searcher-grid .datatable-header-cell:nth-child(7), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(7) { width: 14% !important; } .searcher-grid .datatable-header-cell:nth-child(8), .searcher-grid .datatable-body-row .datatable-body-cell:nth-child(8) { width: 15% !important; } } .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container .ngx-toastr { border-radius: 0.25rem; position: relative; overflow: hidden; margin: 0 0 6px; padding: 0.75rem 1.25rem 0.75rem 50px; width: 300px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); pointer-events: auto; } .toast-container .ngx-toastr .toast-title { font-weight: bold; } .toast-container .ngx-toastr .toast-message { word-wrap: break-word; } .toast-container .ngx-toastr .toast-message a:hover { text-decoration: underline; } .toast-container .ngx-toastr .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: inherit; text-shadow: 0 1px 0 #fff; opacity: 0.5; background: transparent; border: 0; padding: 0; } .toast-container .ngx-toastr .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.3; } .toast-container .ngx-toastr .toast-close-button:hover, .toast-container .ngx-toastr .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.75; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); opacity: 1; cursor: pointer; } .toast-success { /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/check.svg */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(23, 107, 71, 0.999999)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); color: #176b47; background-color: #d5f5e7; border: 1px solid #c4f1de; } .toast-error { /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/times-circle.svg */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(127, 28, 48, 0.999999)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E"); color: #7f1c30; background-color: #fdd7de; border: 1px solid #fcc7d1; } .toast-info { /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/info-circle.svg */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgba(9, 107, 124, 0.999999)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E"); color: #096b7c; background-color: #cff5fc; border: 1px solid #bcf1fb; } .toast-warning { /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/solid/exclamation-triangle.svg */ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgba(131, 51, 33, 0.999999)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E"); color: #833321; background-color: #fee0d9; border: 1px solid #fed3ca; } @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /*!*************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.carousel.min.css ***! \*************************************************************************************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel .owl-item.center {z-index: 5;} .owl-carousel{display:none;width:100%;z-index:1} .owl-carousel .owl-stage{position:relative;touch-action:manipulation;-moz-backface-visibility:hidden} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{display:block;width:100%} .owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none} .no-js .owl-carousel,.owl-carousel.owl-loaded{display:block} .owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none} .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit} .owl-carousel.owl-loading{opacity:0;display:block} .owl-carousel.owl-hidden{opacity:0} .owl-carousel.owl-refresh .owl-item{visibility:hidden} .owl-carousel.owl-drag .owl-item{touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none} .owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:grab} .owl-carousel.owl-rtl{direction:rtl} .owl-carousel.owl-rtl .owl-item{float:right} .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .owl-carousel .owl-animated-in{z-index:0} .owl-carousel .owl-animated-out{z-index:1} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}} @keyframes fadeOut{0%{opacity:1}100%{opacity:0}} .owl-height{transition:height .5s ease-in-out} .owl-carousel .owl-item .owl-lazy{transition:opacity .4s ease} .owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0} .owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url('owl.video.play.e3b436436832b027.png') no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease} .owl-carousel .owl-video-play-icon:hover{transform:scale(1.3,1.3)} .owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease} .owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*!******************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/ngx-owl-carousel-o/lib/styles/prebuilt-themes/owl.theme.default.min.css ***! \******************************************************************************************************************************************************************************************************************************************************************************/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} .owl-theme .owl-nav{margin-top:10px} .owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px} .owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} .owl-theme .owl-nav .disabled{opacity:.5;cursor:default} .owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} .owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} .owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css ***! \**********************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1} .animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:1s;animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both} .animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)} .animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(1*2);-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(1*2);animation-iteration-count:calc(var(--animate-repeat)*2)} .animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(1*3);-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(1*3);animation-iteration-count:calc(var(--animate-repeat)*3)} .animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:1s;animation-delay:var(--animate-delay)} .animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(1s*2);-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(1s*2);animation-delay:calc(var(--animate-delay)*2)} .animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(1s*3);-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(1s*3);animation-delay:calc(var(--animate-delay)*3)} .animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(1s*4);-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(1s*4);animation-delay:calc(var(--animate-delay)*4)} .animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(1s*5);-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(1s*5);animation-delay:calc(var(--animate-delay)*5)} .animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(1s/2);-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(1s/2);animation-duration:calc(var(--animate-duration)/2)} .animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(1s*0.8);-webkit-animation-duration:calc(var(--animate-duration)*0.8);animation-duration:calc(1s*0.8);animation-duration:calc(var(--animate-duration)*0.8)} .animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(1s*2);-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(1s*2);animation-duration:calc(var(--animate-duration)*2)} .animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(1s*3);-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(1s*3);animation-duration:calc(var(--animate-duration)*3)} @media (prefers-reduced-motion:reduce), print{.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}} @-webkit-keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}} @keyframes bounce{0%,20%,53%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}} .animate__bounce{-webkit-animation-name:bounce;animation-name:bounce;transform-origin:center bottom} @-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}} @keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}} .animate__flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}} @keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}} .animate__pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} @-webkit-keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}} @keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}} .animate__rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}} @keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}} .animate__shakeX{-webkit-animation-name:shakeX;animation-name:shakeX} @-webkit-keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}} @keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}} .animate__shakeY{-webkit-animation-name:shakeY;animation-name:shakeY} @-webkit-keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}} @keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}} .animate__headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake} @-webkit-keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}} @keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}} .animate__swing{transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} @keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}} .animate__tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}} @keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}} .animate__wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}} @keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}} .animate__jello{-webkit-animation-name:jello;animation-name:jello;transform-origin:center} @-webkit-keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}} @keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}} .animate__heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-duration:calc(1s*1.3);-webkit-animation-duration:calc(var(--animate-duration)*1.3);animation-duration:calc(1s*1.3);animation-duration:calc(var(--animate-duration)*1.3);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} @-webkit-keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} @keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInDown{-webkit-animation-name:backInDown;animation-name:backInDown} @-webkit-keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} @keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInLeft{-webkit-animation-name:backInLeft;animation-name:backInLeft} @-webkit-keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} @keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInRight{-webkit-animation-name:backInRight;animation-name:backInRight} @-webkit-keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} @keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}} .animate__backInUp{-webkit-animation-name:backInUp;animation-name:backInUp} @-webkit-keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}} @keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}} .animate__backOutDown{-webkit-animation-name:backOutDown;animation-name:backOutDown} @-webkit-keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}} @keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}} .animate__backOutLeft{-webkit-animation-name:backOutLeft;animation-name:backOutLeft} @-webkit-keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}} @keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}} .animate__backOutRight{-webkit-animation-name:backOutRight;animation-name:backOutRight} @-webkit-keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}} @keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}} .animate__backOutUp{-webkit-animation-name:backOutUp;animation-name:backOutUp} @-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}} @keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}} .animate__bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(1s*0.75);-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}} @keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} @keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} @keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}} .animate__bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}} @keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}} .animate__bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}} @keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}} .animate__bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(1s*0.75);-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}} @keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}} .animate__bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}} @keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}} .animate__bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}} @keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}} .animate__bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}} @keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}} .animate__bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}} @keyframes fadeIn{0%{opacity:0}to{opacity:1}} .animate__fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopLeft{-webkit-animation-name:fadeInTopLeft;animation-name:fadeInTopLeft} @-webkit-keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInTopRight{-webkit-animation-name:fadeInTopRight;animation-name:fadeInTopRight} @-webkit-keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomLeft{-webkit-animation-name:fadeInBottomLeft;animation-name:fadeInBottomLeft} @-webkit-keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}} @keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}} .animate__fadeInBottomRight{-webkit-animation-name:fadeInBottomRight;animation-name:fadeInBottomRight} @-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}} @keyframes fadeOut{0%{opacity:1}to{opacity:0}} .animate__fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}} @keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}} .animate__fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}} @keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}} .animate__fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}} @keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}} .animate__fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}} @keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}} .animate__fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}} @keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}} .animate__fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}} @keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}} .animate__fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}} @keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}} .animate__fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}} @keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}} .animate__fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}} @keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}} .animate__fadeOutTopLeft{-webkit-animation-name:fadeOutTopLeft;animation-name:fadeOutTopLeft} @-webkit-keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}} @keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}} .animate__fadeOutTopRight{-webkit-animation-name:fadeOutTopRight;animation-name:fadeOutTopRight} @-webkit-keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}} @keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}} .animate__fadeOutBottomRight{-webkit-animation-name:fadeOutBottomRight;animation-name:fadeOutBottomRight} @-webkit-keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}} @keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}} .animate__fadeOutBottomLeft{-webkit-animation-name:fadeOutBottomLeft;animation-name:fadeOutBottomLeft} @-webkit-keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}} @keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}} .animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}} @keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}} .animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}} @keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}} .animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}} @keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}} .animate__flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(1s*0.75);-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}} @keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}} .animate__flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-duration:calc(1s*0.75);-webkit-animation-duration:calc(var(--animate-duration)*0.75);animation-duration:calc(1s*0.75);animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}} @keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInRight{-webkit-animation-name:lightSpeedInRight;animation-name:lightSpeedInRight;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}} @keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}} .animate__lightSpeedInLeft{-webkit-animation-name:lightSpeedInLeft;animation-name:lightSpeedInLeft;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}} @keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}} .animate__lightSpeedOutRight{-webkit-animation-name:lightSpeedOutRight;animation-name:lightSpeedOutRight;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}} @keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}} .animate__lightSpeedOutLeft{-webkit-animation-name:lightSpeedOutLeft;animation-name:lightSpeedOutLeft;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}} @keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;transform-origin:center} @-webkit-keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}} @keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;transform-origin:left bottom} @-webkit-keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} @keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;transform-origin:right bottom} @-webkit-keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} @keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;transform-origin:left bottom} @-webkit-keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}} @keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}} .animate__rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;transform-origin:right bottom} @-webkit-keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}} @keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}} .animate__rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;transform-origin:center} @-webkit-keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}} @keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}} .animate__rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;transform-origin:left bottom} @-webkit-keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} @keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;transform-origin:right bottom} @-webkit-keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} @keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}} .animate__rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;transform-origin:left bottom} @-webkit-keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}} @keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}} .animate__rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;transform-origin:right bottom} @-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}} @keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}} .animate__hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(1s*2);-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(1s*2);animation-duration:calc(var(--animate-duration)*2);-webkit-animation-name:hinge;animation-name:hinge;transform-origin:top left} @-webkit-keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}} @keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}} .animate__jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox} @-webkit-keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}} @keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}} .animate__rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}} @keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}} .animate__rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} @keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}} .animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}} @keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}} .animate__zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;transform-origin:center bottom} @-webkit-keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}} @keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}} .animate__zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;transform-origin:left center} @-webkit-keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}} @keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}} .animate__zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;transform-origin:right center} @-webkit-keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} @keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}} .animate__zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;transform-origin:center bottom} @-webkit-keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}} @keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}} @keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}} @keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}} .animate__slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}} @keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}} .animate__slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}} @keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}} .animate__slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}} @keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}} .animate__slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}} @keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}} .animate__slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*# sourceMappingURL=styles.c16333d71bad2688.css.map*/