/*!************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/common/main.css ***! \************************************************************************************************************************************************************************************************************************************/ /* classes attached to */ /* TODO: make fc-event selector work when calender in shadow DOM */ .fc-not-allowed, .fc-not-allowed .fc-event { /* override events' custom cursors */ cursor: not-allowed; } /* TODO: not attached to body. attached to specific els. move */ .fc-unselectable { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .fc { /* layout of immediate children */ display: flex; flex-direction: column; font-size: 1em } .fc, .fc *, .fc *:before, .fc *:after { box-sizing: border-box; } .fc table { border-collapse: collapse; border-spacing: 0; font-size: 1em; /* normalize cross-browser */ } .fc th { text-align: center; } .fc th, .fc td { vertical-align: top; padding: 0; } .fc a[data-navlink] { cursor: pointer; } .fc a[data-navlink]:hover { text-decoration: underline; } .fc-direction-ltr { direction: ltr; text-align: left; } .fc-direction-rtl { direction: rtl; text-align: right; } .fc-theme-standard td, .fc-theme-standard th { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); } /* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */ /* inner-wrappers are responsible for being absolute */ /* TODO: best place for this? */ .fc-liquid-hack td, .fc-liquid-hack th { position: relative; } @font-face { font-family: 'fcicons'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype'); font-weight: normal; font-style: normal; } .fc-icon { /* added for fc */ display: inline-block; width: 1em; height: 1em; text-align: center; -webkit-user-select: none; user-select: none; /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'fcicons' !important; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fc-icon-chevron-left:before { content: "\e900"; } .fc-icon-chevron-right:before { content: "\e901"; } .fc-icon-chevrons-left:before { content: "\e902"; } .fc-icon-chevrons-right:before { content: "\e903"; } .fc-icon-minus-square:before { content: "\e904"; } .fc-icon-plus-square:before { content: "\e905"; } .fc-icon-x:before { content: "\e906"; } /* Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css These styles only apply when the standard-theme is activated. When it's NOT activated, the fc-button classes won't even be in the DOM. */ .fc { /* reset */ } .fc .fc-button { border-radius: 0; overflow: visible; text-transform: none; margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } .fc .fc-button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } .fc .fc-button { -webkit-appearance: button; } .fc .fc-button:not(:disabled) { cursor: pointer; } .fc .fc-button::-moz-focus-inner { padding: 0; border-style: none; } .fc { /* theme */ } .fc .fc-button { display: inline-block; font-weight: 400; text-align: center; vertical-align: middle; -webkit-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.4em 0.65em; font-size: 1em; line-height: 1.5; border-radius: 0.25em; } .fc .fc-button:hover { text-decoration: none; } .fc .fc-button:focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25); } .fc .fc-button:disabled { opacity: 0.65; } .fc { /* "primary" coloring */ } .fc .fc-button-primary { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); } .fc .fc-button-primary:hover { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1e2b37; background-color: var(--fc-button-hover-bg-color, #1e2b37); border-color: #1a252f; border-color: var(--fc-button-hover-border-color, #1a252f); } .fc .fc-button-primary:disabled { /* not DRY */ color: #fff; color: var(--fc-button-text-color, #fff); background-color: #2C3E50; background-color: var(--fc-button-bg-color, #2C3E50); border-color: #2C3E50; border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */ } .fc .fc-button-primary:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff; color: var(--fc-button-text-color, #fff); background-color: #1a252f; background-color: var(--fc-button-active-bg-color, #1a252f); border-color: #151e27; border-color: var(--fc-button-active-border-color, #151e27); } .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus { box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5); } .fc { /* icons within buttons */ } .fc .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ } .fc .fc-button-group { position: relative; display: inline-flex; vertical-align: middle; } .fc .fc-button-group > .fc-button { position: relative; flex: 1 1 auto; } .fc .fc-button-group > .fc-button:hover { z-index: 1; } .fc .fc-button-group > .fc-button:focus, .fc .fc-button-group > .fc-button:active, .fc .fc-button-group > .fc-button.fc-button-active { z-index: 1; } .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) { margin-right: -1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc .fc-toolbar { display: flex; justify-content: space-between; align-items: center; } .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 1.5em; } .fc .fc-toolbar.fc-footer-toolbar { margin-top: 1.5em; } .fc .fc-toolbar-title { font-size: 1.75em; margin: 0; } .fc-direction-ltr .fc-toolbar > * > :not(:first-child) { margin-left: .75em; /* space between */ } .fc-direction-rtl .fc-toolbar > * > :not(:first-child) { margin-right: .75em; /* space between */ } .fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */ flex-direction: row-reverse; } .fc .fc-scroller { -webkit-overflow-scrolling: touch; position: relative; /* for abs-positioned elements within */ } .fc .fc-scroller-liquid { height: 100%; } .fc .fc-scroller-liquid-absolute { position: absolute; top: 0; right: 0; left: 0; bottom: 0; } .fc .fc-scroller-harness { position: relative; overflow: hidden; direction: ltr; /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */ /* TODO: demonstrate in codepen */ } .fc .fc-scroller-harness-liquid { height: 100%; } .fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */ direction: rtl; } .fc-theme-standard .fc-scrollgrid { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */ } .fc .fc-scrollgrid, .fc .fc-scrollgrid table { /* all tables (self included) */ width: 100%; /* because tables don't normally do this */ table-layout: fixed; } .fc .fc-scrollgrid table { /* inner tables */ border-top-style: hidden; border-left-style: hidden; border-right-style: hidden; } .fc .fc-scrollgrid { border-collapse: separate; border-right-width: 0; border-bottom-width: 0; } .fc .fc-scrollgrid-liquid { height: 100%; } .fc .fc-scrollgrid-section { /* a */ height: 1px /* better than 0, for firefox */ } .fc .fc-scrollgrid-section > td { height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */ } .fc .fc-scrollgrid-section table { height: 1px; /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */ /* serves as a min-height. harmless */ } .fc .fc-scrollgrid-section-liquid > td { height: 100%; /* better than `auto`, for firefox */ } .fc .fc-scrollgrid-section > * { border-top-width: 0; border-left-width: 0; } .fc .fc-scrollgrid-section-header > *, .fc .fc-scrollgrid-section-footer > * { border-bottom-width: 0; } .fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table { border-bottom-style: hidden; /* head keeps its bottom border tho */ } .fc { /* stickiness */ } .fc .fc-scrollgrid-section-sticky > * { background: #fff; background: var(--fc-page-bg-color, #fff); position: sticky; z-index: 3; /* TODO: var */ /* TODO: box-shadow when sticking */ } .fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * { top: 0; /* because border-sharing causes a gap at the top */ /* TODO: give safari -1. has bug */ } .fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * { bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */ } .fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */ height: 1px; /* needs height to create scrollbars */ margin-bottom: -1px; } .fc-sticky { /* no .fc wrap because used as child of body */ position: sticky; } .fc .fc-view-harness { flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */ position: relative; } .fc { /* when the harness controls the height, make the view liquid */ } .fc .fc-view-harness-active > .fc-view { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-col-header-cell-cushion { display: inline-block; /* x-browser for when sticky (when multi-tier header) */ padding: 2px 4px; } .fc .fc-bg-event, .fc .fc-non-business, .fc .fc-highlight { /* will always have a harness with position:relative/absolute, so absolutely expand */ position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .fc .fc-non-business { background: rgba(215, 215, 215, 0.3); background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3)); } .fc .fc-bg-event { background: rgb(143, 223, 130); background: var(--fc-bg-event-color, rgb(143, 223, 130)); opacity: 0.3; opacity: var(--fc-bg-event-opacity, 0.3) } .fc .fc-bg-event .fc-event-title { margin: .5em; font-size: .85em; font-size: var(--fc-small-font-size, .85em); font-style: italic; } .fc .fc-highlight { background: rgba(188, 232, 241, 0.3); background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3)); } .fc .fc-cell-shaded, .fc .fc-day-disabled { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } /* link resets */ /* ---------------------------------------------------------------------------------------------------- */ a.fc-event, a.fc-event:hover { text-decoration: none; } /* cursor */ .fc-event[href], .fc-event.fc-event-draggable { cursor: pointer; } /* event text content */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event .fc-event-main { position: relative; z-index: 2; } /* dragging */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event-dragging:not(.fc-event-selected) { /* MOUSE */ opacity: 0.75; } .fc-event-dragging.fc-event-selected { /* TOUCH */ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); } /* resizing */ /* ---------------------------------------------------------------------------------------------------- */ /* (subclasses should hone positioning for touch and non-touch) */ .fc-event .fc-event-resizer { display: none; position: absolute; z-index: 4; } .fc-event:hover, /* MOUSE */ .fc-event-selected { /* TOUCH */ } .fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer { display: block; } .fc-event-selected .fc-event-resizer { border-radius: 4px; border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2); border-width: 1px; border-width: var(--fc-event-resizer-dot-border-width, 1px); width: 8px; width: var(--fc-event-resizer-dot-total-width, 8px); height: 8px; height: var(--fc-event-resizer-dot-total-width, 8px); border-style: solid; border-color: inherit; background: #fff; background: var(--fc-page-bg-color, #fff) /* expand hit area */ } .fc-event-selected .fc-event-resizer:before { content: ''; position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px; } /* selecting (always TOUCH) */ /* OR, focused by tab-index */ /* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */ /* ---------------------------------------------------------------------------------------------------- */ .fc-event-selected, .fc-event:focus { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) /* expand hit area (subclasses should expand) */ } .fc-event-selected:before, .fc-event:focus:before { content: ""; position: absolute; z-index: 3; top: 0; left: 0; right: 0; bottom: 0; } .fc-event-selected, .fc-event:focus { /* dimmer effect */ } .fc-event-selected:after, .fc-event:focus:after { content: ""; background: rgba(0, 0, 0, 0.25); background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25)); position: absolute; z-index: 1; /* assume there's a border on all sides. overcome it. */ /* sometimes there's NOT a border, in which case the dimmer will go over */ /* an adjacent border, which looks fine. */ top: -1px; left: -1px; right: -1px; bottom: -1px; } /* A HORIZONTAL event */ .fc-h-event { /* allowed to be top-level */ display: block; border: 1px solid #3788d8; border: 1px solid var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8) } .fc-h-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); } .fc-h-event .fc-event-main-frame { display: flex; /* for make fc-event-title-container expand */ } .fc-h-event .fc-event-time { max-width: 100%; /* clip overflow on this element */ overflow: hidden; } .fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ } .fc-h-event .fc-event-title { display: inline-block; /* need this to be sticky cross-browser */ vertical-align: top; /* for not messing up line-height */ left: 0; /* for sticky */ right: 0; /* for sticky */ max-width: 100%; /* clip overflow on this element */ overflow: hidden; } .fc-h-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } /* adjust border and border-radius (if there is any) for non-start/end */ .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left-width: 0; } .fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end), .fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right-width: 0; } /* resizers */ .fc-h-event:not(.fc-event-selected) .fc-event-resizer { top: 0; bottom: 0; width: 8px; width: var(--fc-event-resizer-thickness, 8px); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end { cursor: w-resize; left: -4px; left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); } .fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end, .fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start { cursor: e-resize; right: -4px; right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px)); } /* resizers for TOUCH */ .fc-h-event.fc-event-selected .fc-event-resizer { top: 50%; margin-top: -4px; margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end { left: -4px; left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end, .fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start { right: -4px; right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px)); } .fc .fc-popover { position: absolute; z-index: 9999; box-shadow: 0 2px 6px rgba(0,0,0,.15); } .fc .fc-popover-header { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 3px 4px; } .fc .fc-popover-title { margin: 0 2px; } .fc .fc-popover-close { cursor: pointer; opacity: 0.65; font-size: 1.1em; } .fc-theme-standard .fc-popover { border: 1px solid #ddd; border: 1px solid var(--fc-border-color, #ddd); background: #fff; background: var(--fc-page-bg-color, #fff); } .fc-theme-standard .fc-popover-header { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } /*!*************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@fullcalendar/daygrid/main.css ***! \*************************************************************************************************************************************************************************************************************************************/ :root { --fc-daygrid-event-dot-width: 8px; } /* help things clear margins of inner content */ .fc-daygrid-day-frame, .fc-daygrid-day-events, .fc-daygrid-event-harness { /* for event top/bottom margins */ } .fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before { content: ""; clear: both; display: table; } .fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after { content: ""; clear: both; display: table; } .fc .fc-daygrid-body { /* a
that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because s can't do it */ } .fc .fc-daygrid-day.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-daygrid-day-frame { position: relative; min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */ } .fc { /* cell top */ } .fc .fc-daygrid-day-top { display: flex; flex-direction: row-reverse; } .fc .fc-day-other .fc-daygrid-day-top { opacity: 0.3; } .fc { /* day number (within cell top) */ } .fc .fc-daygrid-day-number { position: relative; z-index: 4; padding: 4px; } .fc { /* event container */ } .fc .fc-daygrid-day-events { margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */ } .fc { /* positioning for balanced vs natural */ } .fc .fc-daygrid-body-balanced .fc-daygrid-day-events { position: absolute; left: 0; right: 0; } .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { position: relative; /* for containing abs positioned event harnesses */ min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */ } .fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */ } .fc .fc-daygrid-body-natural .fc-daygrid-day-events { margin-bottom: 1em; } .fc { /* event harness */ } .fc .fc-daygrid-event-harness { position: relative; } .fc .fc-daygrid-event-harness-abs { position: absolute; top: 0; /* fallback coords for when cannot yet be computed */ left: 0; /* */ right: 0; /* */ } .fc .fc-daygrid-bg-harness { position: absolute; top: 0; bottom: 0; } .fc { /* bg content */ } .fc .fc-daygrid-day-bg .fc-non-business { z-index: 1 } .fc .fc-daygrid-day-bg .fc-bg-event { z-index: 2 } .fc .fc-daygrid-day-bg .fc-highlight { z-index: 3 } .fc { /* events */ } .fc .fc-daygrid-event { z-index: 6; margin-top: 1px; } .fc .fc-daygrid-event.fc-event-mirror { z-index: 7; } .fc { /* cell bottom (within day-events) */ } .fc .fc-daygrid-day-bottom { font-size: .85em; padding: 2px 3px 0 } .fc .fc-daygrid-day-bottom:before { content: ""; clear: both; display: table; } .fc .fc-daygrid-more-link { position: relative; z-index: 4; cursor: pointer; } .fc { /* week number (within frame) */ } .fc .fc-daygrid-week-number { position: absolute; z-index: 5; top: 0; padding: 2px; min-width: 1.5em; text-align: center; background-color: rgba(208, 208, 208, 0.3); background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); color: #808080; color: var(--fc-neutral-text-color, #808080); } .fc { /* popover */ } .fc .fc-more-popover .fc-popover-body { min-width: 220px; padding: 10px; } .fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end { margin-left: 2px; } .fc-direction-ltr .fc-daygrid-event.fc-event-end, .fc-direction-rtl .fc-daygrid-event.fc-event-start { margin-right: 2px; } .fc-direction-ltr .fc-daygrid-week-number { left: 0; border-radius: 0 0 3px 0; } .fc-direction-rtl .fc-daygrid-week-number { right: 0; border-radius: 0 0 0 3px; } .fc-liquid-hack .fc-daygrid-day-frame { position: static; /* will cause inner absolute stuff to expand to */ } .fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */ position: relative; /* for z-indexes assigned later */ white-space: nowrap; border-radius: 3px; /* dot event needs this to when selected */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); } /* --- the rectangle ("block") style of event --- */ .fc-daygrid-block-event .fc-event-time { font-weight: bold; } .fc-daygrid-block-event .fc-event-time, .fc-daygrid-block-event .fc-event-title { padding: 1px; } /* --- the dot style of event --- */ .fc-daygrid-dot-event { display: flex; align-items: center; padding: 2px 0 } .fc-daygrid-dot-event .fc-event-title { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ overflow: hidden; font-weight: bold; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror { background: rgba(0, 0, 0, 0.1); } .fc-daygrid-dot-event.fc-event-selected:before { /* expand hit area */ top: -10px; bottom: -10px; } .fc-daygrid-event-dot { /* the actual dot */ margin: 0 4px; box-sizing: content-box; width: 0; height: 0; border: 4px solid #3788d8; border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 4px; border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); } /* --- spacing between time and title --- */ .fc-direction-ltr .fc-daygrid-event .fc-event-time { margin-right: 3px; } .fc-direction-rtl .fc-daygrid-event .fc-event-time { margin-left: 3px; } /*!**************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].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 var(--fc-event-border-color, #3788d8); background-color: #3788d8; background-color: var(--fc-event-bg-color, #3788d8) } .fc-v-event .fc-event-main { color: #fff; color: var(--fc-event-text-color, #fff); height: 100%; } .fc-v-event .fc-event-main-frame { height: 100%; display: flex; flex-direction: column; } .fc-v-event .fc-event-time { flex-grow: 0; flex-shrink: 0; max-height: 100%; overflow: hidden; } .fc-v-event .fc-event-title-container { /* a container for the sticky cushion */ flex-grow: 1; flex-shrink: 1; min-height: 0; /* important for allowing to shrink all the way */ } .fc-v-event .fc-event-title { /* will have fc-sticky on it */ top: 0; bottom: 0; max-height: 100%; /* clip overflow */ overflow: hidden; } .fc-v-event:not(.fc-event-start) { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-v-event:not(.fc-event-end) { border-bottom-width: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-v-event.fc-event-selected:before { /* expand hit area */ left: -10px; right: -10px; } .fc-v-event { /* resizer (mouse AND touch) */ } .fc-v-event .fc-event-resizer-start { cursor: n-resize; } .fc-v-event .fc-event-resizer-end { cursor: s-resize; } .fc-v-event { /* resizer for MOUSE */ } .fc-v-event:not(.fc-event-selected) .fc-event-resizer { height: 8px; height: var(--fc-event-resizer-thickness, 8px); left: 0; right: 0; } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); } .fc-v-event { /* resizer for TOUCH (when event is "selected") */ } .fc-v-event.fc-event-selected .fc-event-resizer { left: 50%; margin-left: -4px; margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-start { top: -4px; top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc-v-event.fc-event-selected .fc-event-resizer-end { bottom: -4px; bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); } .fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */ z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ } .fc .fc-timegrid-divider { padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */ } .fc .fc-timegrid-body { position: relative; z-index: 1; /* scope the z-indexes of slots and cols */ min-height: 100%; /* fill height always, even when slat table doesn't grow */ } .fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */ position: relative /* offset parent for now-indicator-container */ } .fc .fc-timegrid-axis-chunk > table { position: relative; z-index: 1; /* above the now-indicator-container */ } .fc .fc-timegrid-slots { position: relative; z-index: 1; } .fc .fc-timegrid-slot { /* a */ height: 1.5em; border-bottom: 0 /* each cell owns its top border */ } .fc .fc-timegrid-slot:empty:before { content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */ } .fc .fc-timegrid-slot-minor { border-top-style: dotted; } .fc .fc-timegrid-slot-label-cushion { display: inline-block; white-space: nowrap; } .fc .fc-timegrid-slot-label { vertical-align: middle; /* vertical align the slots */ } .fc { /* slots AND axis cells (top-left corner of view including the "all-day" text) */ } .fc .fc-timegrid-axis-cushion, .fc .fc-timegrid-slot-label-cushion { padding: 0 4px; } .fc { /* axis cells (top-left corner of view including the "all-day" text) */ /* vertical align is more complicated, uses flexbox */ } .fc .fc-timegrid-axis-frame-liquid { height: 100%; /* will need liquid-hack in FF */ } .fc .fc-timegrid-axis-frame { overflow: hidden; display: flex; align-items: center; /* vertical align */ justify-content: flex-end; /* horizontal align. matches text-align below */ } .fc .fc-timegrid-axis-cushion { max-width: 60px; /* limits the width of the "all-day" text */ flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */ } .fc-direction-ltr .fc-timegrid-slot-label-frame { text-align: right; } .fc-direction-rtl .fc-timegrid-slot-label-frame { text-align: left; } .fc-liquid-hack .fc-timegrid-axis-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc .fc-timegrid-col.fc-day-today { background-color: rgba(255, 220, 40, 0.15); background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); } .fc .fc-timegrid-col-frame { min-height: 100%; /* liquid-hack is below */ position: relative; } .fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc-media-screen .fc-timegrid-cols { position: absolute; /* no z-index. children will decide and go above slots */ top: 0; left: 0; right: 0; bottom: 0 } .fc-media-screen .fc-timegrid-cols > table { height: 100%; } .fc-media-screen .fc-timegrid-col-bg, .fc-media-screen .fc-timegrid-col-events, .fc-media-screen .fc-timegrid-now-indicator-container { position: absolute; top: 0; left: 0; right: 0; } .fc { /* bg */ } .fc .fc-timegrid-col-bg { z-index: 2; /* TODO: kill */ } .fc .fc-timegrid-col-bg .fc-non-business { z-index: 1 } .fc .fc-timegrid-col-bg .fc-bg-event { z-index: 2 } .fc .fc-timegrid-col-bg .fc-highlight { z-index: 3 } .fc .fc-timegrid-bg-harness { position: absolute; /* top/bottom will be set by JS */ left: 0; right: 0; } .fc { /* fg events */ /* (the mirror segs are put into a separate container with same classname, */ /* and they must be after the normal seg container to appear at a higher z-index) */ } .fc .fc-timegrid-col-events { z-index: 3; /* child event segs have z-indexes that are scoped within this div */ } .fc { /* now indicator */ } .fc .fc-timegrid-now-indicator-container { bottom: 0; overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */ /* z-index is set on the individual elements */ } .fc-direction-ltr .fc-timegrid-col-events { margin: 0 2.5% 0 2px; } .fc-direction-rtl .fc-timegrid-col-events { margin: 0 2px 0 2.5%; } .fc-timegrid-event-harness { position: absolute /* top/left/right/bottom will all be set by JS */ } .fc-timegrid-event-harness > .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; /* for when not yet positioned */ bottom: 0; /* " */ left: 0; right: 0; } .fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event, .fc-timegrid-more-link { /* events need to be root */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px; } .fc-timegrid-event { /* events need to be root */ margin-bottom: 1px /* give some space from bottom */ } .fc-timegrid-event .fc-event-main { padding: 1px 1px 0; } .fc-timegrid-event .fc-event-time { white-space: nowrap; font-size: .85em; font-size: var(--fc-small-font-size, .85em); margin-bottom: 1px; } .fc-timegrid-event-short .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-short .fc-event-time:after { content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-short .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */ position: absolute; z-index: 9999; /* hack */ color: inherit; color: var(--fc-more-link-text-color, inherit); background: #d0d0d0; background: var(--fc-more-link-bg-color, #d0d0d0); cursor: pointer; margin-bottom: 1px; /* match space below fc-timegrid-event */ } .fc-timegrid-more-link-inner { /* has fc-sticky */ padding: 3px 2px; top: 0; } .fc-direction-ltr .fc-timegrid-more-link { right: 0; } .fc-direction-rtl .fc-timegrid-more-link { left: 0; } .fc { /* line */ } .fc .fc-timegrid-now-indicator-line { position: absolute; z-index: 4; left: 0; right: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); border-width: 1px 0 0; } .fc { /* arrow */ } .fc .fc-timegrid-now-indicator-arrow { position: absolute; z-index: 4; margin-top: -5px; /* vertically center on top coordinate */ border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); } .fc-direction-ltr .fc-timegrid-now-indicator-arrow { left: 0; /* triangle pointing right. TODO: mixin */ border-width: 5px 0 5px 6px; border-top-color: transparent; border-bottom-color: transparent; } .fc-direction-rtl .fc-timegrid-now-indicator-arrow { right: 0; /* triangle pointing left. TODO: mixin */ border-width: 5px 6px 5px 0; border-top-color: transparent; border-bottom-color: transparent; } /*!**********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].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 var(--fc-border-color, #ddd); } .fc { /* message when no events */ } .fc .fc-list-empty { 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: 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: 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: 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(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8); border-radius: 5px; 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[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/themes/saga-blue/theme.css ***! \***************************************************************************************************************************************************************************************************************************************************/ :root { --surface-a:#ffffff; --surface-b:#f8f9fa; --surface-c:#e9ecef; --surface-d:#dee2e6; --surface-e:#ffffff; --surface-f:#ffffff; --text-color:#495057; --text-color-secondary:#6c757d; --primary-color:#2196F3; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --surface-0: #ffffff; --surface-50: #FAFAFA; --surface-100: #F5F5F5; --surface-200: #EEEEEE; --surface-300: #E0E0E0; --surface-400: #BDBDBD; --surface-500: #9E9E9E; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #EEEEEE; --gray-300: #E0E0E0; --gray-400: #BDBDBD; --gray-500: #9E9E9E; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; --content-padding:1rem; --inline-spacing:0.5rem; --border-radius:3px; --surface-ground:#f8f9fa; --surface-section:#ffffff; --surface-card:#ffffff; --surface-overlay:#ffffff; --surface-border:#dee2e6; --surface-hover: #e9ecef; --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 0.2rem #a6d5fa; color-scheme: light; } * { box-sizing: border-box; } .p-component { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; font-weight: normal; } .p-component-overlay { background-color: rgba(0, 0, 0, 0.4); transition-duration: 0.2s; } .p-disabled, .p-component:disabled { opacity: 0.6; } .p-error { color: #f44336; } .p-text-secondary { color: #6c757d; } .pi { font-size: 1rem; } .p-link { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; border-radius: 3px; } .p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; } .p-component-overlay-leave { animation: p-component-overlay-leave-animation 150ms forwards; } @keyframes p-component-overlay-enter-animation { from { background-color: transparent; } to { background-color: var(--maskbg); } } @keyframes p-component-overlay-leave-animation { from { background-color: var(--maskbg); } to { background-color: transparent; } } :root { --blue-50:#f4fafe; --blue-100:#cae6fc; --blue-200:#a0d2fa; --blue-300:#75bef8; --blue-400:#4baaf5; --blue-500:#2196f3; --blue-600:#1c80cf; --blue-700:#1769aa; --blue-800:#125386; --blue-900:#0d3c61; --green-50:#f6fbf6; --green-100:#d4ecd5; --green-200:#b2ddb4; --green-300:#90cd93; --green-400:#6ebe71; --green-500:#4caf50; --green-600:#419544; --green-700:#357b38; --green-800:#2a602c; --green-900:#1e4620; --yellow-50:#fffcf5; --yellow-100:#fef0cd; --yellow-200:#fde4a5; --yellow-300:#fdd87d; --yellow-400:#fccc55; --yellow-500:#fbc02d; --yellow-600:#d5a326; --yellow-700:#b08620; --yellow-800:#8a6a19; --yellow-900:#644d12; --cyan-50:#f2fcfd; --cyan-100:#c2eff5; --cyan-200:#91e2ed; --cyan-300:#61d5e4; --cyan-400:#30c9dc; --cyan-500:#00bcd4; --cyan-600:#00a0b4; --cyan-700:#008494; --cyan-800:#006775; --cyan-900:#004b55; --pink-50:#fef4f7; --pink-100:#fac9da; --pink-200:#f69ebc; --pink-300:#f1749e; --pink-400:#ed4981; --pink-500:#e91e63; --pink-600:#c61a54; --pink-700:#a31545; --pink-800:#801136; --pink-900:#5d0c28; --indigo-50:#f5f6fb; --indigo-100:#d1d5ed; --indigo-200:#acb4df; --indigo-300:#8893d1; --indigo-400:#6372c3; --indigo-500:#3f51b5; --indigo-600:#36459a; --indigo-700:#2c397f; --indigo-800:#232d64; --indigo-900:#192048; --teal-50:#f2faf9; --teal-100:#c2e6e2; --teal-200:#91d2cc; --teal-300:#61beb5; --teal-400:#30aa9f; --teal-500:#009688; --teal-600:#008074; --teal-700:#00695f; --teal-800:#00534b; --teal-900:#003c36; --orange-50:#fff8f2; --orange-100:#fde0c2; --orange-200:#fbc791; --orange-300:#f9ae61; --orange-400:#f79530; --orange-500:#f57c00; --orange-600:#d06900; --orange-700:#ac5700; --orange-800:#874400; --orange-900:#623200; --bluegray-50:#f7f9f9; --bluegray-100:#d9e0e3; --bluegray-200:#bbc7cd; --bluegray-300:#9caeb7; --bluegray-400:#7e96a1; --bluegray-500:#607d8b; --bluegray-600:#526a76; --bluegray-700:#435861; --bluegray-800:#35454c; --bluegray-900:#263238; --purple-50:#faf4fb; --purple-100:#e7cbec; --purple-200:#d4a2dd; --purple-300:#c279ce; --purple-400:#af50bf; --purple-500:#9c27b0; --purple-600:#852196; --purple-700:#6d1b7b; --purple-800:#561561; --purple-900:#3e1046; --red-50:#fff5f5; --red-100:#ffd1ce; --red-200:#ffada7; --red-300:#ff8980; --red-400:#ff6459; --red-500:#ff4032; --red-600:#d9362b; --red-700:#b32d23; --red-800:#8c231c; --red-900:#661a14; --primary-50:#f4fafe; --primary-100:#cae6fc; --primary-200:#a0d2fa; --primary-300:#75bef8; --primary-400:#4baaf5; --primary-500:#2196f3; --primary-600:#1c80cf; --primary-700:#1769aa; --primary-800:#125386; --primary-900:#0d3c61; } .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader { right: 2.857rem; } .p-autocomplete .p-autocomplete-multiple-container { padding: 0.25rem 0.5rem; gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } .p-autocomplete-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.5rem 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #495057; background: #e9ecef; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; background: #E3F2FD; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-clear-icon { color: #6c757d; right: 0.5rem; } p-autocomplete.p-autocomplete-clearable .p-autocomplete-dd .p-autocomplete-clear-icon { color: #6c757d; right: 2.857rem; } p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext { border-color: #f44336; } .p-datepicker { padding: 0.5rem; background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; } .p-datepicker .p-datepicker-header { padding: 0.5rem; color: #495057; background: #ffffff; font-weight: 600; margin: 0; border-bottom: 1px solid #dee2e6; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-datepicker .p-datepicker-header .p-datepicker-prev, .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus, .p-datepicker .p-datepicker-header .p-datepicker-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { color: #495057; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; font-weight: 600; padding: 0.5rem; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { color: #2196F3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; } .p-datepicker table { font-size: 1rem; margin: 0.5rem 0; } .p-datepicker table th { padding: 0.5rem; } .p-datepicker table th > span { width: 2.5rem; height: 2.5rem; } .p-datepicker table td { padding: 0.5rem; } .p-datepicker table td > span { width: 2.5rem; height: 2.5rem; border-radius: 50%; transition: box-shadow 0.2s; border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker table td.p-datepicker-today > span { background: #ced4da; color: #495057; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; border-top: 1px solid #dee2e6; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { border-top: 1px solid #dee2e6; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datepicker .p-timepicker button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; } .p-datepicker .p-timepicker span { font-size: 1.25rem; } .p-datepicker .p-timepicker > div { padding: 0 0.5rem; } .p-datepicker.p-datepicker-timeonly .p-timepicker { border-top: 0 none; } .p-datepicker .p-monthpicker { margin: 0.5rem 0; } .p-datepicker .p-monthpicker .p-monthpicker-month { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; } .p-datepicker .p-yearpicker .p-yearpicker-year { padding: 0.5rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; background: #E3F2FD; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; padding-bottom: 0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child { padding-left: 0; border-left: 0 none; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child { padding-right: 0; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } p-calendar.p-calendar-clearable .p-calendar-clear-icon { color: #6c757d; right: 0.5rem; } p-calendar.p-calendar-clearable.p-calendar-w-btn .p-calendar-clear-icon { color: #6c757d; right: 2.857rem; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { padding: 0; } } .p-cascadeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; border: 0 none; padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { color: #6c757d; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-cascadeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.5rem 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.5rem 1rem; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44336; } .p-input-filled .p-cascadeselect { background: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 0.5rem; } p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; padding: 0.25rem 0 0.25rem 0.5rem; } .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } .p-checkbox { width: 20px; height: 20px; } .p-checkbox .p-checkbox-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; color: #ffffff; font-size: 14px; } .p-checkbox .p-checkbox-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box { border-color: #f44336; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { background: #2196F3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { background: #0b7ad1; } .p-checkbox-label { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { border-color: #2196F3; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { margin-left: 0.5rem; } .p-chips .p-chips-multiple-container .p-chips-input-token { padding: 0.25rem 0; } .p-chips .p-chips-multiple-container .p-chips-input-token input { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; padding: 0; margin: 0; } p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext { border-color: #f44336; } p-chips.p-chips-clearable .p-inputtext { padding-right: 1.5rem; } p-chips.p-chips-clearable .p-chips-clear-icon { color: #6c757d; right: 0.5rem; } .p-colorpicker-preview, .p-fluid .p-colorpicker-preview.p-inputtext { width: 2rem; height: 2rem; } .p-colorpicker-panel { background: #323232; border: 1px solid #191919; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { border-color: #ffffff; } .p-colorpicker-overlay-panel { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { border-color: #2196F3; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; } .p-dropdown .p-dropdown-label { background: transparent; border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { color: #6c757d; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; box-shadow: none; } .p-dropdown .p-dropdown-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-dropdown .p-dropdown-clear-icon { color: #6c757d; right: 2.357rem; } .p-dropdown-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter { padding-right: 1.5rem; margin-right: -1.5rem; } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; color: #6c757d; } .p-dropdown-panel .p-dropdown-items { padding: 0.5rem 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; background: #E3F2FD; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } p-dropdown.ng-dirty.ng-invalid > .p-dropdown { border-color: #f44336; } .p-input-filled .p-dropdown { background: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus .p-inputtext { background-color: transparent; } .p-editor-container .p-editor-toolbar { background: #f8f9fa; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-editor-container .p-editor-toolbar.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { fill: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; color: #6c757d; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; padding: 0.5rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { color: #495057; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #495057; background: #e9ecef; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 1rem; } .p-editor-container .p-editor-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .p-editor-content.ql-snow { border: 1px solid #dee2e6; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { color: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { stroke: #495057; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { fill: #495057; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { color: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { stroke: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { fill: #2196F3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { color: #2196F3; } .p-inputgroup-addon { background: #e9ecef; color: #6c757d; border-top: 1px solid #ced4da; border-left: 1px solid #ced4da; border-bottom: 1px solid #ced4da; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { border-right: 1px solid #ced4da; } .p-inputgroup > .p-component, .p-inputgroup > .p-element, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext, .p-inputgroup > .p-float-label > .p-component { border-radius: 0; margin: 0; } .p-inputgroup > .p-component + .p-inputgroup-addon, .p-inputgroup > .p-element + .p-inputgroup-addon, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon, .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon { border-left: 0 none; } .p-inputgroup > .p-component:focus, .p-inputgroup > .p-element:focus, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus, .p-inputgroup > .p-float-label > .p-component:focus { z-index: 1; } .p-inputgroup > .p-component:focus ~ label, .p-inputgroup > .p-element:focus ~ label, .p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label, .p-inputgroup > .p-float-label > .p-component:focus ~ label { z-index: 1; } .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup .p-float-label:first-child input { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-inputgroup-addon:last-child, .p-inputgroup button:last-child, .p-inputgroup input:last-child, .p-inputgroup > .p-inputwrapper:last-child > .p-component, .p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputgroup .p-float-label:last-child input { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-fluid .p-inputgroup .p-button { width: auto; } .p-fluid .p-inputgroup .p-button.p-button-icon-only { width: 2.357rem; } p-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } p-inputmask.p-inputmask-clearable .p-inputmask-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext { border-color: #f44336; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-input { padding-right: 2rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-clear-icon { color: #6c757d; right: 0.5rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-stacked .p-inputnumber-clear-icon { right: 2.857rem; } p-inputnumber.p-inputnumber-clearable .p-inputnumber-buttons-horizontal .p-inputnumber-clear-icon { right: 2.857rem; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { background: #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { background: #ffffff; width: 1.25rem; height: 1.25rem; left: 0.25rem; margin-top: -0.625rem; border-radius: 50%; transition-duration: 0.2s; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { transform: translateX(1.25rem); } .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: #2196F3; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { background: #0d89ec; } p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch { border-color: #f44336; } .p-inputtext { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 1rem; color: #495057; background: #ffffff; padding: 0.5rem 0.5rem; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; -webkit-appearance: none; appearance: none; border-radius: 3px; } .p-inputtext:enabled:hover { border-color: #2196F3; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-inputtext.ng-dirty.ng-invalid { border-color: #f44336; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext.p-inputtext-lg { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-float-label > label { left: 0.5rem; color: #6c757d; transition-duration: 0.2s; } .p-float-label > .ng-invalid.ng-dirty + label { color: #f44336; } .p-input-icon-left > i:first-of-type { left: 0.5rem; color: #6c757d; } .p-input-icon-left > .p-inputtext { padding-left: 2rem; } .p-input-icon-left.p-float-label > label { left: 2rem; } .p-input-icon-right > i:last-of-type { right: 0.5rem; color: #6c757d; } .p-input-icon-right > .p-inputtext { padding-right: 2rem; } ::-webkit-input-placeholder { color: #6c757d; } :-moz-placeholder { color: #6c757d; } ::-moz-placeholder { color: #6c757d; } :-ms-input-placeholder { color: #6c757d; } .p-input-filled .p-inputtext { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:hover { background-color: #f8f9fa; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; } .p-inputtext-sm .p-inputtext { font-size: 0.875rem; padding: 0.4375rem 0.4375rem; } .p-inputtext-lg .p-inputtext { font-size: 1.25rem; padding: 0.625rem 0.625rem; } .p-listbox { background: #ffffff; color: #495057; border: 1px solid #ced4da; border-radius: 3px; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-listbox .p-listbox-header .p-listbox-filter { padding-right: 1.5rem; } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; color: #6c757d; } .p-listbox .p-listbox-header .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list { padding: 0.5rem 0; } .p-listbox .p-listbox-list .p-listbox-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; transition: box-shadow 0.2s; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; background: #E3F2FD; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-listbox .p-listbox-list .p-listbox-item .p-checkbox { margin-right: 0.5rem; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44336; } .p-multiselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { border-color: #2196F3; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-multiselect .p-multiselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { color: #6c757d; } .p-multiselect.p-multiselect-chip .p-multiselect-label { gap: 0.5rem; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; background: #E3F2FD; color: #495057; border-radius: 3px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { margin-left: 0.5rem; } .p-multiselect .p-multiselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; } .p-multiselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext { padding-right: 1.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-multiselect-panel .p-multiselect-header .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { margin-left: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items { padding: 0.5rem 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; background: #E3F2FD; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } p-multiselect.ng-dirty.ng-invalid > .p-multiselect { border-color: #f44336; } .p-input-filled .p-multiselect { background: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-multiselect.p-multiselect-clearable .p-multiselect-label-container { padding-right: 1.5rem; } p-multiselect.p-multiselect-clearable .p-multiselect-clear-icon { color: #6c757d; right: 2.357rem; } p-password.ng-invalid.ng-dirty > .p-password > .p-inputtext { border-color: #f44336; } .p-password-panel { padding: 1rem; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { background: #D32F2F; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #FBC02D; } .p-password-panel .p-password-meter .p-password-strength.strong { background: #689F38; } p-password.p-password-clearable .p-password-input { padding-right: 2rem; } p-password.p-password-clearable .p-password-clear-icon { color: #6c757d; right: 0.5rem; } p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } p-password.p-password-clearable.p-password-mask .p-password-clear-icon { color: #6c757d; right: 2rem; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { border: 2px solid #ced4da; background: #ffffff; width: 20px; height: 20px; color: #495057; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { border-color: #2196F3; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; height: 12px; transition-duration: 0.2s; background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #2196F3; background: #2196F3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #0b7ad1; background: #0b7ad1; color: #ffffff; } p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box { border-color: #f44336; } .p-input-filled .p-radiobutton .p-radiobutton-box { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #2196F3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0b7ad1; } .p-radiobutton-label { margin-left: 0.5rem; } .p-rating .p-rating-icon { color: #495057; margin-left: 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } .p-rating .p-rating-icon.p-rating-cancel { color: #e74c3c; } .p-rating .p-rating-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-rating .p-rating-icon:first-child { margin-left: 0; } .p-rating .p-rating-icon.pi-star-fill { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover { color: #2196F3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover { color: #c0392b; } .p-selectbutton .p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-selectbutton .p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, .p-selectbutton .p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #f44336; } .p-slider { background: #dee2e6; border: 0 none; border-radius: 3px; } .p-slider.p-slider-horizontal { height: 0.286rem; } .p-slider.p-slider-horizontal .p-slider-handle { margin-top: -0.5715rem; margin-left: -0.5715rem; } .p-slider.p-slider-vertical { width: 0.286rem; } .p-slider.p-slider-vertical .p-slider-handle { margin-left: -0.5715rem; margin-bottom: -0.5715rem; } .p-slider .p-slider-handle { height: 1.143rem; width: 1.143rem; background: #ffffff; border: 2px solid #2196F3; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-slider .p-slider-range { background: #2196F3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: #2196F3; border-color: #2196F3; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, left 0.2s; } .p-slider.p-slider-animate.p-slider-horizontal .p-slider-range { transition: width 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-handle { transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, bottom 0.2s; } .p-slider.p-slider-animate.p-slider-vertical .p-slider-range { transition: height 0.2s; } .p-togglebutton.p-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { color: #6c757d; } .p-togglebutton.p-button.p-highlight { background: #2196F3; border-color: #2196F3; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, .p-togglebutton.p-button.p-highlight .p-button-icon-right { color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { color: #ffffff; } p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #f44336; } .p-treeselect { background: #ffffff; border: 1px solid #ced4da; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { border-color: #2196F3; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: #2196F3; } .p-treeselect .p-treeselect-label { padding: 0.5rem 0.5rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { color: #6c757d; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; background: #dee2e6; color: #495057; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; color: #6c757d; width: 2.357rem; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } p-treeselect.ng-invalid.ng-dirty > .p-treeselect { border-color: #f44336; } .p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.25rem 0.5rem; } .p-treeselect-panel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container { margin-right: 0.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter { padding-right: 1.5rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.5rem; color: #6c757d; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon { right: 2rem; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; color: #495057; background: transparent; } .p-input-filled .p-treeselect { background: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled):hover { background-color: #f8f9fa; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.5rem; } p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon { color: #6c757d; right: 2.357rem; } .p-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-button.p-button-outlined { background-color: transparent; color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { color: #6c757d; border-color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-outlined.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button.p-button-text { background-color: transparent; color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } .p-button.p-button-text:enabled:active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; } .p-button.p-button-text.p-button-plain { color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:hover { background: #e9ecef; color: #6c757d; } .p-button.p-button-text.p-button-plain:enabled:active { background: #dee2e6; color: #6c757d; } .p-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-button .p-button-label { transition-duration: 0.2s; } .p-button .p-button-icon-left { margin-right: 0.5rem; } .p-button .p-button-icon-right { margin-left: 0.5rem; } .p-button .p-button-icon-bottom { margin-top: 0.5rem; } .p-button .p-button-icon-top { margin-bottom: 0.5rem; } .p-button .p-badge { margin-left: 0.5rem; min-width: 1rem; height: 1rem; line-height: 1rem; color: #2196F3; background-color: #ffffff; } .p-button.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-button.p-button-rounded { border-radius: 2rem; } .p-button.p-button-icon-only { width: 2.357rem; padding: 0.5rem 0; } .p-button.p-button-icon-only .p-button-icon-left, .p-button.p-button-icon-only .p-button-icon-right { margin: 0; } .p-button.p-button-icon-only.p-button-rounded { border-radius: 50%; height: 2.357rem; } .p-button.p-button-sm { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-button.p-button-sm .p-button-icon { font-size: 0.875rem; } .p-button.p-button-lg { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-button.p-button-lg .p-button-icon { font-size: 1.25rem; } .p-button.p-button-loading-label-only .p-button-label { margin-left: 0.5rem; } .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } .p-fluid .p-button { width: 100%; } .p-fluid .p-button-icon-only { width: 2.357rem; } .p-fluid .p-buttonset { display: flex; } .p-fluid .p-buttonset .p-button { flex: 1; } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button { color: #ffffff; background: #607D8B; border: 1px solid #607D8B; } .p-button.p-button-secondary:enabled:hover, .p-buttonset.p-button-secondary > .p-button:enabled:hover, .p-splitbutton.p-button-secondary > .p-button:enabled:hover { background: #56717d; color: #ffffff; border-color: #56717d; } .p-button.p-button-secondary:enabled:focus, .p-buttonset.p-button-secondary > .p-button:enabled:focus, .p-splitbutton.p-button-secondary > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #beccd2; } .p-button.p-button-secondary:enabled:active, .p-buttonset.p-button-secondary > .p-button:enabled:active, .p-splitbutton.p-button-secondary > .p-button:enabled:active { background: #4d646f; color: #ffffff; border-color: #4d646f; } .p-button.p-button-secondary.p-button-outlined, .p-buttonset.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined { background-color: transparent; color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover { background: rgba(96, 125, 139, 0.04); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-outlined:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active { background: rgba(96, 125, 139, 0.16); color: #607D8B; border: 1px solid; } .p-button.p-button-secondary.p-button-text, .p-buttonset.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text { background-color: transparent; color: #607D8B; border-color: transparent; } .p-button.p-button-secondary.p-button-text:enabled:hover, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607D8B; } .p-button.p-button-secondary.p-button-text:enabled:active, .p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607D8B; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button { color: #ffffff; background: #0288D1; border: 1px solid #0288D1; } .p-button.p-button-info:enabled:hover, .p-buttonset.p-button-info > .p-button:enabled:hover, .p-splitbutton.p-button-info > .p-button:enabled:hover { background: #027abc; color: #ffffff; border-color: #027abc; } .p-button.p-button-info:enabled:focus, .p-buttonset.p-button-info > .p-button:enabled:focus, .p-splitbutton.p-button-info > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #89d4fe; } .p-button.p-button-info:enabled:active, .p-buttonset.p-button-info > .p-button:enabled:active, .p-splitbutton.p-button-info > .p-button:enabled:active { background: #026da7; color: #ffffff; border-color: #026da7; } .p-button.p-button-info.p-button-outlined, .p-buttonset.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined { background-color: transparent; color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover { background: rgba(2, 136, 209, 0.04); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-outlined:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active { background: rgba(2, 136, 209, 0.16); color: #0288D1; border: 1px solid; } .p-button.p-button-info.p-button-text, .p-buttonset.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text { background-color: transparent; color: #0288D1; border-color: transparent; } .p-button.p-button-info.p-button-text:enabled:hover, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288D1; } .p-button.p-button-info.p-button-text:enabled:active, .p-buttonset.p-button-info > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288D1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button { color: #ffffff; background: #689F38; border: 1px solid #689F38; } .p-button.p-button-success:enabled:hover, .p-buttonset.p-button-success > .p-button:enabled:hover, .p-splitbutton.p-button-success > .p-button:enabled:hover { background: #5e8f32; color: #ffffff; border-color: #5e8f32; } .p-button.p-button-success:enabled:focus, .p-buttonset.p-button-success > .p-button:enabled:focus, .p-splitbutton.p-button-success > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #c2e0a8; } .p-button.p-button-success:enabled:active, .p-buttonset.p-button-success > .p-button:enabled:active, .p-splitbutton.p-button-success > .p-button:enabled:active { background: #537f2d; color: #ffffff; border-color: #537f2d; } .p-button.p-button-success.p-button-outlined, .p-buttonset.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined { background-color: transparent; color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover { background: rgba(104, 159, 56, 0.04); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-outlined:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active { background: rgba(104, 159, 56, 0.16); color: #689F38; border: 1px solid; } .p-button.p-button-success.p-button-text, .p-buttonset.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text { background-color: transparent; color: #689F38; border-color: transparent; } .p-button.p-button-success.p-button-text:enabled:hover, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689F38; } .p-button.p-button-success.p-button-text:enabled:active, .p-buttonset.p-button-success > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689F38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button { color: #212529; background: #FBC02D; border: 1px solid #FBC02D; } .p-button.p-button-warning:enabled:hover, .p-buttonset.p-button-warning > .p-button:enabled:hover, .p-splitbutton.p-button-warning > .p-button:enabled:hover { background: #fab710; color: #212529; border-color: #fab710; } .p-button.p-button-warning:enabled:focus, .p-buttonset.p-button-warning > .p-button:enabled:focus, .p-splitbutton.p-button-warning > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #fde6ab; } .p-button.p-button-warning:enabled:active, .p-buttonset.p-button-warning > .p-button:enabled:active, .p-splitbutton.p-button-warning > .p-button:enabled:active { background: #e8a704; color: #212529; border-color: #e8a704; } .p-button.p-button-warning.p-button-outlined, .p-buttonset.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined { background-color: transparent; color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-outlined:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; border: 1px solid; } .p-button.p-button-warning.p-button-text, .p-buttonset.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text { background-color: transparent; color: #FBC02D; border-color: transparent; } .p-button.p-button-warning.p-button-text:enabled:hover, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #FBC02D; } .p-button.p-button-warning.p-button-text:enabled:active, .p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #FBC02D; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button { color: #ffffff; background: #9C27B0; border: 1px solid #9C27B0; } .p-button.p-button-help:enabled:hover, .p-buttonset.p-button-help > .p-button:enabled:hover, .p-splitbutton.p-button-help > .p-button:enabled:hover { background: #8c239e; color: #ffffff; border-color: #8c239e; } .p-button.p-button-help:enabled:focus, .p-buttonset.p-button-help > .p-button:enabled:focus, .p-splitbutton.p-button-help > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #df9eea; } .p-button.p-button-help:enabled:active, .p-buttonset.p-button-help > .p-button:enabled:active, .p-splitbutton.p-button-help > .p-button:enabled:active { background: #7d1f8d; color: #ffffff; border-color: #7d1f8d; } .p-button.p-button-help.p-button-outlined, .p-buttonset.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined { background-color: transparent; color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-outlined:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; border: 1px solid; } .p-button.p-button-help.p-button-text, .p-buttonset.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text { background-color: transparent; color: #9C27B0; border-color: transparent; } .p-button.p-button-help.p-button-text:enabled:hover, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9C27B0; } .p-button.p-button-help.p-button-text:enabled:active, .p-buttonset.p-button-help > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9C27B0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button { color: #ffffff; background: #D32F2F; border: 1px solid #D32F2F; } .p-button.p-button-danger:enabled:hover, .p-buttonset.p-button-danger > .p-button:enabled:hover, .p-splitbutton.p-button-danger > .p-button:enabled:hover { background: #c02929; color: #ffffff; border-color: #c02929; } .p-button.p-button-danger:enabled:focus, .p-buttonset.p-button-danger > .p-button:enabled:focus, .p-splitbutton.p-button-danger > .p-button:enabled:focus { box-shadow: 0 0 0 0.2rem #edacac; } .p-button.p-button-danger:enabled:active, .p-buttonset.p-button-danger > .p-button:enabled:active, .p-splitbutton.p-button-danger > .p-button:enabled:active { background: #aa2424; color: #ffffff; border-color: #aa2424; } .p-button.p-button-danger.p-button-outlined, .p-buttonset.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined { background-color: transparent; color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-outlined:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; border: 1px solid; } .p-button.p-button-danger.p-button-text, .p-buttonset.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text { background-color: transparent; color: #D32F2F; border-color: transparent; } .p-button.p-button-danger.p-button-text:enabled:hover, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #D32F2F; } .p-button.p-button-danger.p-button-text:enabled:active, .p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active, .p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #D32F2F; } .p-button.p-button-link { color: #0b7ad1; background: transparent; border: transparent; } .p-button.p-button-link:enabled:hover { background: transparent; color: #0b7ad1; border-color: transparent; } .p-button.p-button-link:enabled:hover .p-button-label { text-decoration: underline; } .p-button.p-button-link:enabled:focus { background: transparent; box-shadow: 0 0 0 0.2rem #a6d5fa; border-color: transparent; } .p-button.p-button-link:enabled:active { background: transparent; color: #0b7ad1; border-color: transparent; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; } .p-speeddial-button.p-button.p-button-icon-only .p-button-icon { font-size: 1.3rem; } .p-speeddial-action { width: 3rem; height: 3rem; background: #495057; color: #fff; } .p-speeddial-action:hover { background: #343a40; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-up .p-speeddial-item:first-child { margin-bottom: 0.5rem; } .p-speeddial-direction-down .p-speeddial-item { margin: 0.25rem 0; } .p-speeddial-direction-down .p-speeddial-item:first-child { margin-top: 0.5rem; } .p-speeddial-direction-left .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-left .p-speeddial-item:first-child { margin-right: 0.5rem; } .p-speeddial-direction-right .p-speeddial-item { margin: 0 0.25rem; } .p-speeddial-direction-right .p-speeddial-item:first-child { margin-left: 0.5rem; } .p-speeddial-circle .p-speeddial-item, .p-speeddial-semi-circle .p-speeddial-item, .p-speeddial-quarter-circle .p-speeddial-item { margin: 0; } .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child, .p-speeddial-semi-circle .p-speeddial-item:first-child, .p-speeddial-semi-circle .p-speeddial-item:last-child, .p-speeddial-quarter-circle .p-speeddial-item:first-child, .p-speeddial-quarter-circle .p-speeddial-item:last-child { margin: 0; } .p-speeddial-mask { background-color: rgba(0, 0, 0, 0.4); } .p-splitbutton { border-radius: 3px; } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; color: #2196F3; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; } .p-splitbutton.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; border-color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(33, 150, 243, 0.04); color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(33, 150, 243, 0.16); color: #2196F3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:hover, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):hover { background: #e9ecef; color: #6c757d; } .p-splitbutton.p-button-text.p-button-plain > .p-button:enabled:active, .p-splitbutton.p-button-text.p-button-plain > .p-button:not(button):not(a):not(.p-disabled):active { background: #dee2e6; color: #6c757d; } .p-splitbutton.p-button-raised { box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .p-splitbutton.p-button-rounded { border-radius: 2rem; } .p-splitbutton.p-button-rounded > .p-button { border-radius: 2rem; } .p-splitbutton.p-button-sm > .p-button { font-size: 0.875rem; padding: 0.4375rem 0.875rem; } .p-splitbutton.p-button-sm > .p-button .p-button-icon { font-size: 0.875rem; } .p-splitbutton.p-button-lg > .p-button { font-size: 1.25rem; padding: 0.625rem 1.25rem; } .p-splitbutton.p-button-lg > .p-button .p-button-icon { font-size: 1.25rem; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; color: #607D8B; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(96, 125, 139, 0.04); color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(96, 125, 139, 0.16); color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; color: #607D8B; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; color: #607D8B; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; color: #607D8B; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288D1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(2, 136, 209, 0.04); color: #0288D1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(2, 136, 209, 0.16); color: #0288D1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; color: #0288D1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; color: #0288D1; } .p-splitbutton.p-button-info.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-info.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; color: #0288D1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689F38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(104, 159, 56, 0.04); color: #689F38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(104, 159, 56, 0.16); color: #689F38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; color: #689F38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; color: #689F38; } .p-splitbutton.p-button-success.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-success.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; color: #689F38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #FBC02D; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(251, 192, 45, 0.04); color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(251, 192, 45, 0.16); color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; color: #FBC02D; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; color: #FBC02D; } .p-splitbutton.p-button-warning.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-warning.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; color: #FBC02D; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9C27B0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(156, 39, 176, 0.04); color: #9C27B0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(156, 39, 176, 0.16); color: #9C27B0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; color: #9C27B0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; color: #9C27B0; } .p-splitbutton.p-button-help.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-help.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; color: #9C27B0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #D32F2F; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(211, 47, 47, 0.04); color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(211, 47, 47, 0.16); color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; color: #D32F2F; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:hover, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; color: #D32F2F; } .p-splitbutton.p-button-danger.p-button-text > .p-button:enabled:active, .p-splitbutton.p-button-danger.p-button-text > .p-button:not(button):not(a):not(.p-disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; color: #D32F2F; } .p-carousel .p-carousel-content .p-carousel-prev, .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin: 0.5rem; } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-carousel .p-carousel-content .p-carousel-prev:focus, .p-carousel .p-carousel-content .p-carousel-next:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-carousel .p-carousel-indicators { padding: 1rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator { margin-right: 0.5rem; margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { background-color: #e9ecef; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-datatable .p-datatable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-datatable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover { background: #e9ecef; color: #2196F3; } .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon { color: #2196F3; } .p-datatable .p-sortable-column:focus { box-shadow: inset 0 0 0 0.15rem #a6d5fa; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus, .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } .p-datatable .p-datatable-tbody > tr:focus { outline: 0.15rem solid #a6d5fa; outline-offset: 0.15rem; } .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #E3F2FD; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #E3F2FD; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-datatable .p-column-resizer-helper { background: #2196F3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { background: #f8f9fa; } .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-scroller-viewport > .p-scroller > .p-datatable-table > .p-datatable-tfoot { background-color: #f8f9fa; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; } .p-datatable.p-datatable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-footer { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-paginator-top { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-paginator-bottom { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td { border-width: 1px 0 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child { border-width: 1px 1px 0 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child { border-width: 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td { border-width: 1px 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child { border-width: 1px 1px 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td { border-width: 0 0 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child { border-width: 0 1px 1px 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td { border-width: 0 0 0 1px; } .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child { border-width: 0 1px 0 1px; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) { background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight { background: #E3F2FD; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler { color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover { color: #495057; } .p-datatable.p-datatable-sm .p-datatable-header { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-sm .p-datatable-footer { padding: 0.5rem 0.5rem; } .p-datatable.p-datatable-lg .p-datatable-header { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } .p-dataview .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-dataview .p-dataview-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-dataview .p-dataview-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-dataview.p-dataview-list .p-dataview-content > .p-grid > div { border: solid #e9ecef; border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-dataview .p-dataview-loading-icon { font-size: 2rem; } .p-dataview .p-dataview-emptymessage { padding: 1rem; } .p-column-filter-row .p-column-filter-menu-button, .p-column-filter-row .p-column-filter-clear-button { margin-left: 0.5rem; } .p-column-filter-menu-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #e9ecef; color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { background: #E3F2FD; color: #495057; } .p-column-filter-menu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-clear-button { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-column-filter-clear-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-column-filter-overlay { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { padding: 0.5rem 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item { margin: 0; padding: 0.5rem 1rem; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; background: #E3F2FD; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; background: #e9ecef; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.5rem 1rem; border-bottom: 0 none; color: #495057; background: #f8f9fa; margin: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; border-bottom: 1px solid #dee2e6; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button { margin-top: 0.5rem; } .p-column-filter-overlay-menu .p-column-filter-constraint:last-child { border-bottom: 0 none; } .p-column-filter-overlay-menu .p-column-filter-add-rule { padding: 0.5rem 1rem; } .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } .fc { /* FullCalendar 4 */ /* FullCalendar 5 */ } .fc.fc-unthemed .fc-view-container th { background: #f8f9fa; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-widget-content { background: #ffffff; border: 1px solid #dee2e6; color: #495057; } .fc.fc-unthemed .fc-view-container td.fc-head-container { border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-row { border-right: 1px solid #dee2e6; } .fc.fc-unthemed .fc-view-container .fc-event { background: #0d89ec; border: 1px solid #0d89ec; color: #ffffff; } .fc.fc-unthemed .fc-view-container .fc-divider { background: #f8f9fa; border: 1px solid #dee2e6; } .fc.fc-unthemed .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; display: flex; align-items: center; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-unthemed .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus, .fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc.fc-theme-standard .fc-view-harness .fc-scrollgrid { border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness th { background: #f8f9fa; border-color: #dee2e6; color: #495057; } .fc.fc-theme-standard .fc-view-harness td { color: #495057; border-color: #dee2e6; } .fc.fc-theme-standard .fc-view-harness .fc-view { background: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-popover { background: none; border: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close { opacity: 1; display: flex; align-items: center; justify-content: center; overflow: hidden; font-family: "PrimeIcons" !important; font-size: 1rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before { content: "\e90b"; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event { color: #ffffff; background: #0d89ec; border-color: #0d89ec; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main { color: #ffffff; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot { background: #0d89ec; border-color: #0d89ec; } .fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover { background: #e9ecef; color: #495057; } .fc.fc-theme-standard .fc-view-harness .fc-cell-shaded { background: #f8f9fa; } .fc.fc-theme-standard .fc-toolbar .fc-button { color: #ffffff; background: #2196F3; border: 1px solid #2196F3; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-toolbar .fc-button:disabled { opacity: 0.6; color: #ffffff; background: #2196F3; border: 1px solid #2196F3; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before { content: "\e900"; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right { font-family: "PrimeIcons" !important; text-indent: 0; font-size: 1rem; } .fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before { content: "\e901"; } .fc.fc-theme-standard .fc-toolbar .fc-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button { background: #ffffff; border: 1px solid #ced4da; color: #495057; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover { background: #e9ecef; border-color: #ced4da; color: #495057; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active { background: #2196F3; border-color: #2196F3; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover { background: #0d89ec; border-color: #0d89ec; color: #ffffff; } .fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus, .fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; z-index: 1; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button { border-radius: 0; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .fc.fc-theme-standard a { color: #495057; } .fc.fc-theme-standard .fc-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-controls { padding: 1rem; } .p-orderlist .p-orderlist-controls .p-button { margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-orderlist .p-orderlist-header .p-orderlist-title { font-weight: 600; } .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { padding-right: 1.5rem; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; color: #6c757d; } .p-orderlist .p-orderlist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-orderlist .p-orderlist-list .p-orderlist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-orderlist .p-orderlist-list .p-orderlist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { background: #e9ecef; } .p-orderlist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { background: #E3F2FD; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6cbbf5; } .p-organizationchart .p-organizationchart-line-down { background: #dee2e6; } .p-organizationchart .p-organizationchart-line-left { border-right: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-line-top { border-top: 1px solid #dee2e6; border-color: #dee2e6; } .p-organizationchart .p-organizationchart-node-content { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { background: inherit; color: inherit; border-radius: 50%; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-paginator { background: #ffffff; color: #6c757d; border: solid #e9ecef; border-width: 0; padding: 0.5rem 1rem; border-radius: 3px; } .p-paginator .p-paginator-first, .p-paginator .p-paginator-prev, .p-paginator .p-paginator-next, .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover, .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-paginator .p-paginator-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .p-paginator .p-paginator-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .p-paginator .p-dropdown { margin-left: 0.5rem; margin-right: 0.5rem; height: 2.357rem; } .p-paginator .p-dropdown .p-dropdown-label { padding-right: 0; } .p-paginator .p-paginator-page-input { margin-left: 0.5rem; margin-right: 0.5rem; } .p-paginator .p-paginator-page-input .p-inputtext { max-width: 2.357rem; } .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; padding: 0 0.5rem; } .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; color: #6c757d; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; transition: box-shadow 0.2s; border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { background: #E3F2FD; border-color: #E3F2FD; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #e9ecef; border-color: transparent; color: #495057; } .p-picklist .p-picklist-buttons { padding: 1rem; } .p-picklist .p-picklist-buttons .p-button { margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; padding: 1rem; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-picklist .p-picklist-header .p-picklist-title { font-weight: 600; } .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; border: 1px solid #dee2e6; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { padding-right: 1.5rem; } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; color: #6c757d; } .p-picklist .p-picklist-list { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-picklist .p-picklist-list .p-picklist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; color: #495057; background: transparent; transition: box-shadow 0.2s; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; background: #E3F2FD; } .p-picklist .p-picklist-list .p-picklist-empty-message { padding: 0.5rem 1rem; color: #495057; } .p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even) { background: #e9ecef; } .p-picklist.p-picklist-striped .p-picklist-list .p-picklist-item:nth-child(even):hover { background: #e9ecef; } .p-picklist-item.cdk-drag-preview { padding: 0.5rem 1rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border: 0 none; color: #495057; background: #ffffff; margin: 0; } .p-timeline .p-timeline-event-marker { border: 2px solid #2196F3; border-radius: 50%; width: 1rem; height: 1rem; background-color: #ffffff; } .p-timeline .p-timeline-event-connector { background-color: #dee2e6; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { padding: 0 1rem; } .p-timeline.p-timeline-vertical .p-timeline-event-connector { width: 2px; } .p-timeline.p-timeline-horizontal .p-timeline-event-opposite, .p-timeline.p-timeline-horizontal .p-timeline-event-content { padding: 1rem 0; } .p-timeline.p-timeline-horizontal .p-timeline-event-connector { height: 2px; } .p-tree { border: 1px solid #dee2e6; background: #ffffff; color: #495057; padding: 1rem; border-radius: 3px; } .p-tree .p-tree-container .p-treenode { padding: 0.143rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content { border-radius: 3px; transition: box-shadow 0.2s; padding: 0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; color: #6c757d; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { background: #E3F2FD; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #e9ecef; color: #495057; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; } .p-tree .p-tree-filter-container .p-tree-filter { width: 100%; padding-right: 1.5rem; } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; color: #6c757d; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; } .p-tree .p-tree-loading-icon { font-size: 2rem; } .p-tree .p-treenode-droppoint.p-treenode-droppoint-active { background-color: #89c8f7; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content { border-radius: 3px; border: 1px solid #dee2e6; background-color: #ffffff; color: #495057; padding: 0; transition: box-shadow 0.2s; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight { background-color: #E3F2FD; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon { color: #6c757d; margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover { background-color: inherit; color: inherit; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-paginator-bottom { border-width: 0 0 1px 0; border-radius: 0; } .p-treetable .p-treetable-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-thead > tr > th { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tfoot > tr > td { text-align: left; padding: 1rem 1rem; border: 1px solid #e9ecef; border-width: 0 0 1px 0; font-weight: 600; color: #495057; background: #f8f9fa; } .p-treetable .p-sortable-column { outline-color: #a6d5fa; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #6c757d; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { border-radius: 50%; height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; color: #495057; background: #E3F2FD; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { color: #6c757d; } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; color: #2196F3; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #2196F3; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; color: #495057; transition: box-shadow 0.2s; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon { color: #495057; } .p-treetable .p-treetable-tbody > tr:focus { outline: 0.15rem solid #a6d5fa; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #e9ecef; color: #495057; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { color: #495057; } .p-treetable .p-column-resizer-helper { background: #2196F3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { background: #f8f9fa; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; } .p-treetable.p-treetable-gridlines .p-datatable-header { border-width: 1px 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-footer { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-top { border-width: 0 1px 0 1px; } .p-treetable.p-treetable-gridlines .p-treetable-bottom { border-width: 0 1px 1px 1px; } .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td { border-width: 1px; } .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td { border-width: 1px; } .p-treetable.p-treetable-sm .p-treetable-header { padding: 0.875rem 0.875rem; } .p-treetable.p-treetable-sm .p-treetable-thead > tr > th { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-sm .p-treetable-footer { padding: 0.5rem 0.5rem; } .p-treetable.p-treetable-lg .p-treetable-header { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-thead > tr > th { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td { padding: 1.25rem 1.25rem; } .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-virtualscroller .p-virtualscroller-content { background: #ffffff; color: #495057; border: 0 none; padding: 0; } .p-virtualscroller .p-virtualscroller-footer { background: #f8f9fa; color: #495057; border: 1px solid #e9ecef; border-width: 0 0 1px 0; padding: 1rem 1rem; font-weight: 600; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon { margin-right: 0.5rem; } .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-accordion .p-accordion-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 0; } .p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link { border-radius: 0; } .p-accordion p-accordiontab .p-accordion-content { border-radius: 0; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-top: 0 none; } .p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-accordion p-accordiontab:last-child .p-accordion-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-card { background: #ffffff; color: #495057; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-card .p-card-body { padding: 1rem; } .p-card .p-card-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; } .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; color: #6c757d; } .p-card .p-card-content { padding: 1rem 0; } .p-card .p-card-footer { padding: 1rem 0 0 0; } .p-divider .p-divider-content { background-color: #ffffff; } .p-divider.p-divider-horizontal { margin: 1rem 0; padding: 0 1rem; } .p-divider.p-divider-horizontal:before { border-top: 1px #dee2e6; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; } .p-divider.p-divider-vertical { margin: 0 1rem; padding: 1rem 0; } .p-divider.p-divider-vertical:before { border-left: 1px #dee2e6; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-radius: 3px; } .p-fieldset .p-fieldset-legend { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend { padding: 0; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler { margin-right: 0.5rem; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-fieldset .p-fieldset-content { padding: 1rem; } .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; background: #f8f9fa; color: #495057; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panel .p-panel-header .p-panel-title { font-weight: 600; } .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-panel .p-panel-header .p-panel-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; border-top: 0 none; } .p-panel .p-panel-icons-end { order: 2; margin-left: auto; } .p-panel .p-panel-icons-start { order: 0; margin-right: 0.5rem; } .p-panel .p-panel-icons-center { order: 2; width: 100%; text-align: center; } .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; } .p-splitter { border: 1px solid #dee2e6; background: #ffffff; border-radius: 3px; color: #495057; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; background: #f8f9fa; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #dee2e6; } .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tabview .p-tabview-left-icon { margin-right: 0.5rem; } .p-tabview .p-tabview-right-icon { margin-left: 0.5rem; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; color: #2196F3; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabview .p-tabview-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1rem; border: 0 none; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; padding: 1rem; border-radius: 3px; } .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } .p-confirm-popup { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-confirm-popup .p-confirm-popup-content { padding: 1rem; } .p-confirm-popup .p-confirm-popup-footer { text-align: right; padding: 0.5rem 1rem; } .p-confirm-popup .p-confirm-popup-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-confirm-popup .p-confirm-popup-footer button:last-child { margin: 0; } .p-confirm-popup:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:after { border-top-color: #ffffff; } .p-confirm-popup.p-confirm-popup-flipped:before { border-top-color: #ffffff; } .p-confirm-popup .p-confirm-popup-icon { font-size: 1.5rem; } .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } .p-dialog { border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); border: 0 none; } .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; color: #495057; padding: 1.5rem; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-dialog .p-dialog-header .p-dialog-title { font-weight: 600; font-size: 1.25rem; } .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; color: #495057; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; color: #495057; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-dialog .p-dialog-footer button { margin: 0 0.5rem 0 0; width: auto; } .p-dialog.p-confirm-dialog .p-confirm-dialog-icon { font-size: 2rem; } .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } .p-overlaypanel { background: #ffffff; color: #495057; border: 0 none; border-radius: 3px; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-overlaypanel .p-overlaypanel-content { padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { background: #2196F3; color: #ffffff; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; position: absolute; top: -1rem; right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #0d89ec; color: #ffffff; } .p-overlaypanel:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; } .p-overlaypanel:before { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #f2f2f2; } .p-overlaypanel.p-overlaypanel-flipped:after { border-top-color: #ffffff; } .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } .p-sidebar { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .p-sidebar .p-sidebar-header { padding: 1rem; } .p-sidebar .p-sidebar-header .p-sidebar-close, .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; color: #6c757d; border: 0 none; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #495057; border-color: transparent; background: #e9ecef; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; } .p-sidebar .p-sidebar-content { padding: 1rem; } .p-sidebar .p-sidebar-footer { padding: 1rem; } .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; padding: 0.5rem 0.5rem; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { border-right-color: #495057; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { border-left-color: #495057; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { border-top-color: #495057; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom: 0 none; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-fileupload .p-fileupload-buttonbar .p-button { margin-right: 0.5rem; } .p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; border: 1px solid #dee2e6; color: #495057; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-fileupload .p-progressbar { height: 0.25rem; } .p-fileupload .p-fileupload-row > div { padding: 1rem 1rem; } .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } .p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; color: #ffffff; border-color: #0d89ec; } .p-fileupload-choose:not(.p-disabled):active { background: #0b7ad1; color: #ffffff; border-color: #0b7ad1; } .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; border-radius: 3px; padding: 1rem; } .p-breadcrumb ul li .p-menuitem-link { transition: box-shadow 0.2s; border-radius: 3px; } .p-breadcrumb ul li .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text { color: #495057; } .p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon { color: #6c757d; } .p-breadcrumb ul li.p-breadcrumb-chevron { margin: 0 0.5rem 0 0.5rem; color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-text { color: #495057; } .p-breadcrumb ul li:last-child .p-menuitem-icon { color: #6c757d; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; width: 12.5rem; } .p-contextmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-contextmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-contextmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-contextmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-contextmenu .p-menuitem { margin: 0; } .p-contextmenu .p-menuitem:last-child { margin: 0; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-contextmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; } .p-contextmenu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-dock .p-dock-list { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } .p-dock .p-dock-item { padding: 0.5rem; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } .p-dock.p-dock-top .p-dock-item-second-prev, .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } .p-dock.p-dock-top .p-dock-item-prev, .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current { margin: 0 1.5rem; } .p-dock.p-dock-left .p-dock-item-second-prev, .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } .p-dock.p-dock-left .p-dock-item-prev, .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current { margin: 1.5rem 0; } @media screen and (max-width: 960px) { .p-dock.p-dock-top .p-dock-list-container, .p-dock.p-dock-bottom .p-dock-list-container { overflow-x: auto; width: 100%; } .p-dock.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list { margin: 0 auto; } .p-dock.p-dock-left .p-dock-list-container, .p-dock.p-dock-right .p-dock-list-container { overflow-y: auto; height: 100%; } .p-dock.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-right .p-dock-list-container .p-dock-list { margin: auto 0; } .p-dock .p-dock-list .p-dock-item { transform: none; margin: 0; } } .p-megamenu { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-megamenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-megamenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-megamenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-megamenu .p-megamenu-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-megamenu .p-megamenu-submenu { padding: 0.25rem 0; width: 12.5rem; } .p-megamenu .p-megamenu-submenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-megamenu .p-megamenu-submenu .p-menuitem { margin: 0; } .p-megamenu .p-megamenu-submenu .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; } .p-megamenu.p-megamenu-vertical .p-menuitem { margin: 0; } .p-megamenu.p-megamenu-vertical .p-menuitem:last-child { margin: 0; } .p-megamenu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-menu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menu.p-menu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menu .p-menuitem { margin: 0; } .p-menu .p-menuitem:last-child { margin: 0; } .p-menu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-menubar { padding: 0.5rem; background: #f8f9fa; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; } .p-menubar .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 3px; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; margin-left: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 12.5rem; } .p-menubar .p-submenu-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-submenu-list .p-menuitem { margin: 0; } .p-menubar .p-submenu-list .p-menuitem:last-child { margin: 0; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } @media screen and (max-width: 960px) { .p-menubar { position: relative; } .p-menubar .p-menubar-button { display: flex; width: 2rem; height: 2rem; color: #6c757d; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { color: #6c757d; background: #e9ecef; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-menubar .p-menubar-root-list { position: absolute; display: none; padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } .p-menubar .p-menubar-root-list > .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; transition: transform 0.2s; } .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-180deg); } .p-menubar .p-menubar-root-list .p-submenu-list { width: 100%; position: static; box-shadow: none; border: 0 none; } .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon { transition: transform 0.2s; transform: rotate(90deg); } .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon { transform: rotate(-90deg); } .p-menubar .p-menubar-root-list .p-menuitem { width: 100%; position: static; } .p-menubar .p-menubar-root-list ul li a { padding-left: 2.25rem; } .p-menubar .p-menubar-root-list ul li ul li a { padding-left: 3.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li a { padding-left: 5.25rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li a { padding-left: 6.75rem; } .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a { padding-left: 8.25rem; } .p-menubar.p-menubar-mobile-active .p-menubar-root-list { display: flex; flex-direction: column; top: 100%; left: 0; z-index: 1; } } .p-panelmenu .p-panelmenu-header > a { padding: 1rem; border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-header > a:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { background: #e9ecef; border-color: #dee2e6; color: #495057; } .p-panelmenu .p-panelmenu-header.p-highlight { margin-bottom: 0; } .p-panelmenu .p-panelmenu-header.p-highlight > a { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { border-color: #dee2e6; background: #e9ecef; color: #495057; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; border: 1px solid #dee2e6; background: #ffffff; color: #495057; margin-bottom: 0; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { margin-right: 0.5rem; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { border-top: 0 none; } .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { border-top-right-radius: 3px; border-top-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .p-panelmenu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-slidemenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-slidemenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-slidemenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-slidemenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-slidemenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { background: #e9ecef; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #495057; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { color: #6c757d; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { font-size: 0.875rem; } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; color: #495057; } .p-slidemenu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; border-radius: 3px; background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { color: #495057; border: 1px solid #e9ecef; background: #ffffff; min-width: 2rem; height: 2rem; line-height: 2rem; font-size: 1.143rem; z-index: 1; border-radius: 50%; } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; color: #6c757d; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-steps .p-steps-item.p-highlight .p-steps-number { background: #E3F2FD; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; color: #495057; } .p-steps .p-steps-item:before { content: " "; border-top: 1px solid #dee2e6; width: 100%; top: 50%; left: 0; display: block; position: absolute; margin-top: -1rem; } .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { border: solid #dee2e6; border-width: 0 0 2px 0; border-color: transparent transparent #dee2e6 transparent; background: #ffffff; color: #6c757d; padding: 1rem; font-weight: 600; border-top-right-radius: 3px; border-top-left-radius: 3px; transition: box-shadow 0.2s; margin: 0 0 -2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; border-color: #6c757d; color: #6c757d; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; border-color: #2196F3; color: #2196F3; } .p-tabmenu .p-tabmenu-left-icon { margin-right: 0.5rem; } .p-tabmenu .p-tabmenu-right-icon { margin-left: 0.5rem; } .p-tabmenu .p-tabmenu-nav-btn.p-link { background: #ffffff; color: #2196F3; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; } .p-tabmenu .p-tabmenu-nav-btn.p-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; color: #495057; border: 1px solid #dee2e6; border-radius: 3px; width: 12.5rem; } .p-tieredmenu .p-menuitem-link { padding: 0.75rem 1rem; color: #495057; border-radius: 0; transition: box-shadow 0.2s; -webkit-user-select: none; user-select: none; } .p-tieredmenu .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } .p-tieredmenu .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menuitem-link:focus { outline: 0 none; outline-offset: 0; box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-submenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .p-tieredmenu .p-menuitem { margin: 0; } .p-tieredmenu .p-menuitem:last-child { margin: 0; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { background: #e9ecef; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { color: #495057; } .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-tieredmenu .p-menu-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; } .p-tieredmenu .p-menuitem-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; border-radius: 3px; margin-left: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; } .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; border-radius: 3px; } .p-inline-message.p-inline-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0px; color: #044868; } .p-inline-message.p-inline-message-info .p-inline-message-icon { color: #044868; } .p-inline-message.p-inline-message-success { background: #C8E6C9; border: solid #439446; border-width: 0px; color: #224a23; } .p-inline-message.p-inline-message-success .p-inline-message-icon { color: #224a23; } .p-inline-message.p-inline-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0px; color: #6d5100; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { color: #6d5100; } .p-inline-message.p-inline-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0px; color: #73000c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { color: #73000c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; margin-right: 0.5rem; } .p-inline-message .p-inline-message-text { font-size: 1rem; } .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } .p-message { margin: 1rem 0; border-radius: 3px; } .p-message .p-message-wrapper { padding: 1rem 1.5rem; } .p-message .p-message-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-message .p-message-close:hover { background: rgba(255, 255, 255, 0.3); } .p-message .p-message-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-message.p-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-message.p-message-info .p-message-icon { color: #044868; } .p-message.p-message-info .p-message-close { color: #044868; } .p-message.p-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-message.p-message-success .p-message-icon { color: #224a23; } .p-message.p-message-success .p-message-close { color: #224a23; } .p-message.p-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-message.p-message-warn .p-message-icon { color: #6d5100; } .p-message.p-message-warn .p-message-close { color: #6d5100; } .p-message.p-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-message.p-message-error .p-message-icon { color: #73000c; } .p-message.p-message-error .p-message-close { color: #73000c; } .p-message .p-message-text { font-size: 1rem; font-weight: 500; } .p-message .p-message-icon { font-size: 1.5rem; margin-right: 0.5rem; } .p-message .p-message-summary { font-weight: 700; } .p-message .p-message-detail { margin-left: 0.5rem; } .p-toast { opacity: 0.9; } .p-toast .p-toast-message { margin: 0 0 1rem 0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; } .p-toast .p-toast-message .p-toast-message-content { padding: 1rem; border-width: 0 0 0 6px; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text { margin: 0 0 0 1rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon { font-size: 2rem; } .p-toast .p-toast-message .p-toast-message-content .p-toast-summary { font-weight: 700; } .p-toast .p-toast-message .p-toast-message-content .p-toast-detail { margin: 0.5rem 0 0 0; } .p-toast .p-toast-message .p-toast-icon-close { width: 2rem; height: 2rem; border-radius: 50%; background: transparent; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-toast .p-toast-message .p-toast-icon-close:hover { background: rgba(255, 255, 255, 0.3); } .p-toast .p-toast-message .p-toast-icon-close:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-toast .p-toast-message.p-toast-message-info { background: #B3E5FC; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { color: #044868; } .p-toast .p-toast-message.p-toast-message-success { background: #C8E6C9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; } .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close { color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { background: #FFECB3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; } .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close { color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { background: #FFCDD2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { color: #73000c; } .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-close .p-galleria-close-icon { font-size: 2rem; } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-item-nav { background: transparent; color: #f8f9fa; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 3px; margin: 0 0.5rem; } .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon, .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon { font-size: 2rem; } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); color: #f8f9fa; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { background-color: #e9ecef; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; } .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator { margin-bottom: 0.5rem; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators { background: rgba(0, 0, 0, 0.5); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button { background: rgba(255, 255, 255, 0.4); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover { background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { background: #E3F2FD; color: #495057; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); padding: 1rem 0.25rem; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; color: #f8f9fa; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); color: #f8f9fa; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-mask { --maskbg: rgba(0, 0, 0, 0.9); } .p-image-preview-indicator { background-color: transparent; color: #f8f9fa; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-image-preview-container:hover > .p-image-preview-indicator { background-color: rgba(0, 0, 0, 0.5); } .p-image-toolbar { padding: 1rem; } .p-image-action.p-link { color: #f8f9fa; background-color: transparent; width: 3rem; height: 3rem; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; margin-right: 0.5rem; } .p-image-action.p-link:last-child { margin-right: 0; } .p-image-action.p-link:hover { color: #f8f9fa; background-color: rgba(255, 255, 255, 0.1); } .p-image-action.p-link i { font-size: 1.5rem; } .p-avatar { background-color: #dee2e6; border-radius: 3px; } .p-avatar.p-avatar-lg { width: 3rem; height: 3rem; font-size: 1.5rem; } .p-avatar.p-avatar-lg .p-avatar-icon { font-size: 1.5rem; } .p-avatar.p-avatar-xl { width: 4rem; height: 4rem; font-size: 2rem; } .p-avatar.p-avatar-xl .p-avatar-icon { font-size: 2rem; } .p-avatar-group .p-avatar { border: 2px solid #ffffff; } .p-badge { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; height: 1.5rem; line-height: 1.5rem; } .p-badge.p-badge-secondary { background-color: #607D8B; color: #ffffff; } .p-badge.p-badge-success { background-color: #689F38; color: #ffffff; } .p-badge.p-badge-info { background-color: #0288D1; color: #ffffff; } .p-badge.p-badge-warning { background-color: #FBC02D; color: #212529; } .p-badge.p-badge-danger { background-color: #D32F2F; color: #ffffff; } .p-badge.p-badge-lg { font-size: 1.125rem; min-width: 2.25rem; height: 2.25rem; line-height: 2.25rem; } .p-badge.p-badge-xl { font-size: 1.5rem; min-width: 3rem; height: 3rem; line-height: 3rem; } .p-chip { background-color: #dee2e6; color: #495057; border-radius: 16px; padding: 0 0.5rem; } .p-chip .p-chip-text { line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.25rem; } .p-chip .p-chip-icon { margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { margin-left: 0.5rem; } .p-chip img { width: 2rem; height: 2rem; margin-left: -0.5rem; margin-right: 0.5rem; } .p-chip .pi-chip-remove-icon { border-radius: 3px; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-chip .pi-chip-remove-icon:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #e9ecef; color: #495057; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-progressbar { border: 0 none; height: 1.5rem; background: #dee2e6; border-radius: 3px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; background: #2196F3; } .p-progressbar .p-progressbar-label { color: #ffffff; line-height: 1.5rem; } .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { background: rgba(0, 0, 0, 0.7); } .p-scrolltop.p-link:hover { background: rgba(0, 0, 0, 0.8); } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; color: #f8f9fa; } .p-skeleton { background-color: #e9ecef; border-radius: 3px; } .p-skeleton:after { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { background: #2196F3; color: #ffffff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; border-radius: 3px; } .p-tag.p-tag-success { background-color: #689F38; color: #ffffff; } .p-tag.p-tag-info { background-color: #0288D1; color: #ffffff; } .p-tag.p-tag-warning { background-color: #FBC02D; color: #212529; } .p-tag.p-tag-danger { background-color: #D32F2F; color: #ffffff; } .p-tag .p-tag-icon { margin-right: 0.25rem; font-size: 0.75rem; } .p-terminal { background: #ffffff; color: #495057; border: 1px solid #dee2e6; padding: 1rem; } .p-terminal .p-terminal-input { font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } /* Customizations to the designer theme should be defined here */ .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { background-color: #2196F3; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { background-color: #2196F3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { box-shadow: inset 0 2px 0 0 #2196F3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { box-shadow: inset 0 -2px 0 0 #2196F3; } /*!****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeng/resources/primeng.min.css ***! \****************************************************************************************************************************************************************************************************************************************/ .p-component,.p-component *{box-sizing:border-box}.p-hidden{display:none}.p-hidden-space{visibility:hidden}.p-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.p-hidden-accessible input,.p-hidden-accessible select{transform:scale(0)}.p-reset{margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;list-style:none}.p-disabled,.p-disabled *{cursor:default !important;pointer-events:none}.p-component-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.p-overflow-hidden{overflow:hidden}.p-unselectable-text{-webkit-user-select:none;user-select:none}.p-scrollbar-measure{width:100px;height:100px;overflow:scroll;position:absolute;top:-9999px}@keyframes p-fadein{0%{opacity:0}100%{opacity:1}}input[type="button"],input[type="submit"],input[type="reset"],input[type="file"]::-webkit-file-upload-button,button{border-radius:0}.p-link{text-align:left;background-color:transparent;margin:0;padding:0;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.p-link:disabled{cursor:default}.p-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal !important}.p-connected-overlay{opacity:0;transform:scaleY(0.8);transition:transform .12s cubic-bezier(0,0,0.2,1),opacity .12s cubic-bezier(0,0,0.2,1)}.p-connected-overlay-visible{opacity:1;transform:scaleY(1)}.p-connected-overlay-hidden{opacity:0;transform:scaleY(1);transition:opacity .1s linear}.p-toggleable-content.ng-animating{overflow:hidden}.p-badge{display:inline-block;border-radius:10px;text-align:center;padding:0 .5rem}.p-overlay-badge{position:relative}.p-overlay-badge .p-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100% 0;margin:0}.p-badge-dot{width:.5rem;min-width:.5rem;height:.5rem;border-radius:50%;padding:0}.p-badge-no-gutter{padding:0;border-radius:50%}.p-button{margin:0;display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;vertical-align:bottom;text-align:center;overflow:hidden;position:relative}.p-button-label{flex:1 1 auto}.p-button-icon-right{order:1}.p-button:disabled{cursor:default}.p-button-icon-only{justify-content:center}.p-button-icon-only:after{content:'p';visibility:hidden;clip:rect(0 0 0 0);width:0}.p-button-vertical{flex-direction:column}.p-button-icon-bottom{order:2}.p-buttonset .p-button{margin:0}.p-buttonset .p-button:not(:last-child){border-right:0 none}.p-buttonset .p-button:not(:first-of-type):not(:last-of-type){border-radius:0}.p-buttonset .p-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.p-buttonset .p-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.p-buttonset .p-button:focus{position:relative;z-index:1}.p-checkbox{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-checkbox-disabled{cursor:default !important;pointer-events:none}.p-checkbox-box{display:flex;justify-content:center;align-items:center}p-checkbox{display:inline-flex;vertical-align:bottom;align-items:center}.p-checkbox-label{line-height:1}.p-colorpicker-panel .p-colorpicker-color{background:transparent url('color.png') no-repeat left top}.p-colorpicker-panel .p-colorpicker-hue{background:transparent url('hue.png') no-repeat left top}.p-inputtext{margin:0}.p-fluid .p-inputtext{width:100%}.p-inputgroup{display:flex;align-items:stretch;width:100%}.p-inputgroup-addon{display:flex;align-items:center;justify-content:center}.p-inputgroup .p-float-label{display:flex;align-items:stretch;width:100%}.p-inputgroup .p-inputtext,.p-fluid .p-inputgroup .p-inputtext,.p-inputgroup .p-inputwrapper,.p-inputgroup .p-inputwrapper>.p-component{flex:1 1 auto;width:1%}.p-float-label{display:block;position:relative}.p-float-label label{position:absolute;pointer-events:none;top:50%;margin-top:-.5rem;transition-property:all;transition-timing-function:ease;line-height:1}.p-float-label textarea ~ label{top:1rem}.p-float-label input:focus ~ label,.p-float-label input.p-filled ~ label,.p-float-label textarea:focus ~ label,.p-float-label textarea.p-filled ~ label,.p-float-label .p-inputwrapper-focus ~ label,.p-float-label .p-inputwrapper-filled ~ label{top:-.75rem;font-size:12px}.p-float-label .input:-webkit-autofill ~ label{top:-20px;font-size:12px}.p-float-label .p-placeholder,.p-float-label input::placeholder,.p-float-label .p-inputtext::placeholder{opacity:0;transition-property:all;transition-timing-function:ease}.p-float-label .p-focus .p-placeholder,.p-float-label input:focus::placeholder,.p-float-label .p-inputtext:focus::placeholder{opacity:1;transition-property:all;transition-timing-function:ease}.p-input-icon-left,.p-input-icon-right{position:relative;display:inline-block}.p-input-icon-left>i,.p-input-icon-right>i{position:absolute;top:50%;margin-top:-.5rem}.p-fluid .p-input-icon-left,.p-fluid .p-input-icon-right{display:block;width:100%}.p-inputtextarea-resizable{overflow:hidden;resize:none}.p-fluid .p-inputtextarea{width:100%}.p-password{position:relative;display:inline-flex}.p-password-panel{position:absolute;top:0;left:0}.p-password .p-password-panel{min-width:100%}.p-password-meter{height:10px}.p-password-strength{height:100%;width:0;transition:width 1s ease-in-out}.p-fluid .p-password{display:flex}.p-password-clear-icon{position:absolute;top:50%;margin-top:-.5rem;cursor:pointer}.p-password-clearable{position:relative}.p-radiobutton{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;position:relative}.p-radiobutton-box{display:flex;justify-content:center;align-items:center}.p-radiobutton-icon{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0) scale(.1);border-radius:50%;visibility:hidden}.p-radiobutton-box.p-highlight .p-radiobutton-icon{transform:translateZ(0) scale(1.0,1.0);visibility:visible}p-radiobutton{display:inline-flex;vertical-align:bottom;align-items:center}.p-radiobutton-label{line-height:1}.p-ripple{overflow:hidden;position:relative}.p-ink{display:block;position:absolute;background:rgba(255,255,255,0.5);border-radius:100%;transform:scale(0)}.p-ink-active{animation:ripple .4s linear}.p-ripple-disabled .p-ink{display:none !important}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}.p-tooltip{position:absolute;display:none;padding:.25em .5rem;max-width:12.5rem}.p-tooltip.p-tooltip-right,.p-tooltip.p-tooltip-left{padding:0 .25rem}.p-tooltip.p-tooltip-top,.p-tooltip.p-tooltip-bottom{padding:.25em 0}.p-tooltip .p-tooltip-text{white-space:pre-line;word-break:break-word}.p-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.p-tooltip-right .p-tooltip-arrow{top:50%;left:0;margin-top:-.25rem;border-width:.25em .25em .25em 0}.p-tooltip-left .p-tooltip-arrow{top:50%;right:0;margin-top:-.25rem;border-width:.25em 0 .25em .25rem}.p-tooltip.p-tooltip-top{padding:.25em 0}.p-tooltip-top .p-tooltip-arrow{bottom:0;left:50%;margin-left:-.25rem;border-width:.25em .25em 0}.p-tooltip-bottom .p-tooltip-arrow{top:0;left:50%;margin-left:-.25rem;border-width:0 .25em .25rem} /*!******************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeflex/primeflex.css ***! \******************************************************************************************************************************************************************************************************************************/ .grid { display: flex; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; margin-top: -0.5rem; } .grid > .col, .grid > [class*=col] { box-sizing: border-box; } .grid-nogutter { margin-right: 0; margin-left: 0; margin-top: 0; } .grid-nogutter > .col, .grid-nogutter > [class*=col-] { padding: 0; } .col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .col-fixed { flex: 0 0 auto; padding: 0.5rem; } .col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } @media screen and (min-width: 576px) { .sm\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .sm\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .sm\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .sm\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .sm\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .sm\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .sm\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .sm\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .sm\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .sm\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .sm\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .sm\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .sm\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .sm\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 768px) { .md\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .md\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .md\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .md\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .md\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .md\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .md\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .md\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .md\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .md\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .md\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .md\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .md\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .md\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 992px) { .lg\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .lg\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .lg\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .lg\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .lg\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .lg\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .lg\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .lg\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .lg\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .lg\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .lg\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .lg\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .lg\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .lg\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } @media screen and (min-width: 1200px) { .xl\:col { flex-grow: 1; flex-basis: 0; padding: 0.5rem; } .xl\:col-fixed { flex: 0 0 auto; padding: 0.5rem; } .xl\:col-1 { flex: 0 0 auto; padding: 0.5rem; width: 8.3333%; } .xl\:col-2 { flex: 0 0 auto; padding: 0.5rem; width: 16.6667%; } .xl\:col-3 { flex: 0 0 auto; padding: 0.5rem; width: 25%; } .xl\:col-4 { flex: 0 0 auto; padding: 0.5rem; width: 33.3333%; } .xl\:col-5 { flex: 0 0 auto; padding: 0.5rem; width: 41.6667%; } .xl\:col-6 { flex: 0 0 auto; padding: 0.5rem; width: 50%; } .xl\:col-7 { flex: 0 0 auto; padding: 0.5rem; width: 58.3333%; } .xl\:col-8 { flex: 0 0 auto; padding: 0.5rem; width: 66.6667%; } .xl\:col-9 { flex: 0 0 auto; padding: 0.5rem; width: 75%; } .xl\:col-10 { flex: 0 0 auto; padding: 0.5rem; width: 83.3333%; } .xl\:col-11 { flex: 0 0 auto; padding: 0.5rem; width: 91.6667%; } .xl\:col-12 { flex: 0 0 auto; padding: 0.5rem; width: 100%; } } .col-offset-0 { margin-left: 0 !important; } .col-offset-1 { margin-left: 8.3333% !important; } .col-offset-2 { margin-left: 16.6667% !important; } .col-offset-3 { margin-left: 25% !important; } .col-offset-4 { margin-left: 33.3333% !important; } .col-offset-5 { margin-left: 41.6667% !important; } .col-offset-6 { margin-left: 50% !important; } .col-offset-7 { margin-left: 58.3333% !important; } .col-offset-8 { margin-left: 66.6667% !important; } .col-offset-9 { margin-left: 75% !important; } .col-offset-10 { margin-left: 83.3333% !important; } .col-offset-11 { margin-left: 91.6667% !important; } .col-offset-12 { margin-left: 100% !important; } @media screen and (min-width: 576px) { .sm\:col-offset-0 { margin-left: 0 !important; } .sm\:col-offset-1 { margin-left: 8.3333% !important; } .sm\:col-offset-2 { margin-left: 16.6667% !important; } .sm\:col-offset-3 { margin-left: 25% !important; } .sm\:col-offset-4 { margin-left: 33.3333% !important; } .sm\:col-offset-5 { margin-left: 41.6667% !important; } .sm\:col-offset-6 { margin-left: 50% !important; } .sm\:col-offset-7 { margin-left: 58.3333% !important; } .sm\:col-offset-8 { margin-left: 66.6667% !important; } .sm\:col-offset-9 { margin-left: 75% !important; } .sm\:col-offset-10 { margin-left: 83.3333% !important; } .sm\:col-offset-11 { margin-left: 91.6667% !important; } .sm\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 768px) { .md\:col-offset-0 { margin-left: 0 !important; } .md\:col-offset-1 { margin-left: 8.3333% !important; } .md\:col-offset-2 { margin-left: 16.6667% !important; } .md\:col-offset-3 { margin-left: 25% !important; } .md\:col-offset-4 { margin-left: 33.3333% !important; } .md\:col-offset-5 { margin-left: 41.6667% !important; } .md\:col-offset-6 { margin-left: 50% !important; } .md\:col-offset-7 { margin-left: 58.3333% !important; } .md\:col-offset-8 { margin-left: 66.6667% !important; } .md\:col-offset-9 { margin-left: 75% !important; } .md\:col-offset-10 { margin-left: 83.3333% !important; } .md\:col-offset-11 { margin-left: 91.6667% !important; } .md\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 992px) { .lg\:col-offset-0 { margin-left: 0 !important; } .lg\:col-offset-1 { margin-left: 8.3333% !important; } .lg\:col-offset-2 { margin-left: 16.6667% !important; } .lg\:col-offset-3 { margin-left: 25% !important; } .lg\:col-offset-4 { margin-left: 33.3333% !important; } .lg\:col-offset-5 { margin-left: 41.6667% !important; } .lg\:col-offset-6 { margin-left: 50% !important; } .lg\:col-offset-7 { margin-left: 58.3333% !important; } .lg\:col-offset-8 { margin-left: 66.6667% !important; } .lg\:col-offset-9 { margin-left: 75% !important; } .lg\:col-offset-10 { margin-left: 83.3333% !important; } .lg\:col-offset-11 { margin-left: 91.6667% !important; } .lg\:col-offset-12 { margin-left: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:col-offset-0 { margin-left: 0 !important; } .xl\:col-offset-1 { margin-left: 8.3333% !important; } .xl\:col-offset-2 { margin-left: 16.6667% !important; } .xl\:col-offset-3 { margin-left: 25% !important; } .xl\:col-offset-4 { margin-left: 33.3333% !important; } .xl\:col-offset-5 { margin-left: 41.6667% !important; } .xl\:col-offset-6 { margin-left: 50% !important; } .xl\:col-offset-7 { margin-left: 58.3333% !important; } .xl\:col-offset-8 { margin-left: 66.6667% !important; } .xl\:col-offset-9 { margin-left: 75% !important; } .xl\:col-offset-10 { margin-left: 83.3333% !important; } .xl\:col-offset-11 { margin-left: 91.6667% !important; } .xl\:col-offset-12 { margin-left: 100% !important; } } .text-0 { color: var(--surface-0) !important; } .text-50 { color: var(--surface-50) !important; } .text-100 { color: var(--surface-100) !important; } .text-200 { color: var(--surface-200) !important; } .text-300 { color: var(--surface-300) !important; } .text-400 { color: var(--surface-400) !important; } .text-500 { color: var(--surface-500) !important; } .text-600 { color: var(--surface-600) !important; } .text-700 { color: var(--surface-700) !important; } .text-800 { color: var(--surface-800) !important; } .text-900 { color: var(--surface-900) !important; } .focus\:text-0:focus { color: var(--surface-0) !important; } .hover\:text-0:hover { color: var(--surface-0) !important; } .active\:text-0:active { color: var(--surface-0) !important; } .focus\:text-50:focus { color: var(--surface-50) !important; } .hover\:text-50:hover { color: var(--surface-50) !important; } .active\:text-50:active { color: var(--surface-50) !important; } .focus\:text-100:focus { color: var(--surface-100) !important; } .hover\:text-100:hover { color: var(--surface-100) !important; } .active\:text-100:active { color: var(--surface-100) !important; } .focus\:text-200:focus { color: var(--surface-200) !important; } .hover\:text-200:hover { color: var(--surface-200) !important; } .active\:text-200:active { color: var(--surface-200) !important; } .focus\:text-300:focus { color: var(--surface-300) !important; } .hover\:text-300:hover { color: var(--surface-300) !important; } .active\:text-300:active { color: var(--surface-300) !important; } .focus\:text-400:focus { color: var(--surface-400) !important; } .hover\:text-400:hover { color: var(--surface-400) !important; } .active\:text-400:active { color: var(--surface-400) !important; } .focus\:text-500:focus { color: var(--surface-500) !important; } .hover\:text-500:hover { color: var(--surface-500) !important; } .active\:text-500:active { color: var(--surface-500) !important; } .focus\:text-600:focus { color: var(--surface-600) !important; } .hover\:text-600:hover { color: var(--surface-600) !important; } .active\:text-600:active { color: var(--surface-600) !important; } .focus\:text-700:focus { color: var(--surface-700) !important; } .hover\:text-700:hover { color: var(--surface-700) !important; } .active\:text-700:active { color: var(--surface-700) !important; } .focus\:text-800:focus { color: var(--surface-800) !important; } .hover\:text-800:hover { color: var(--surface-800) !important; } .active\:text-800:active { color: var(--surface-800) !important; } .focus\:text-900:focus { color: var(--surface-900) !important; } .hover\:text-900:hover { color: var(--surface-900) !important; } .active\:text-900:active { color: var(--surface-900) !important; } .surface-0 { background-color: var(--surface-0) !important; } .surface-50 { background-color: var(--surface-50) !important; } .surface-100 { background-color: var(--surface-100) !important; } .surface-200 { background-color: var(--surface-200) !important; } .surface-300 { background-color: var(--surface-300) !important; } .surface-400 { background-color: var(--surface-400) !important; } .surface-500 { background-color: var(--surface-500) !important; } .surface-600 { background-color: var(--surface-600) !important; } .surface-700 { background-color: var(--surface-700) !important; } .surface-800 { background-color: var(--surface-800) !important; } .surface-900 { background-color: var(--surface-900) !important; } .focus\:surface-0:focus { background-color: var(--surface-0) !important; } .hover\:surface-0:hover { background-color: var(--surface-0) !important; } .active\:surface-0:active { background-color: var(--surface-0) !important; } .focus\:surface-50:focus { background-color: var(--surface-50) !important; } .hover\:surface-50:hover { background-color: var(--surface-50) !important; } .active\:surface-50:active { background-color: var(--surface-50) !important; } .focus\:surface-100:focus { background-color: var(--surface-100) !important; } .hover\:surface-100:hover { background-color: var(--surface-100) !important; } .active\:surface-100:active { background-color: var(--surface-100) !important; } .focus\:surface-200:focus { background-color: var(--surface-200) !important; } .hover\:surface-200:hover { background-color: var(--surface-200) !important; } .active\:surface-200:active { background-color: var(--surface-200) !important; } .focus\:surface-300:focus { background-color: var(--surface-300) !important; } .hover\:surface-300:hover { background-color: var(--surface-300) !important; } .active\:surface-300:active { background-color: var(--surface-300) !important; } .focus\:surface-400:focus { background-color: var(--surface-400) !important; } .hover\:surface-400:hover { background-color: var(--surface-400) !important; } .active\:surface-400:active { background-color: var(--surface-400) !important; } .focus\:surface-500:focus { background-color: var(--surface-500) !important; } .hover\:surface-500:hover { background-color: var(--surface-500) !important; } .active\:surface-500:active { background-color: var(--surface-500) !important; } .focus\:surface-600:focus { background-color: var(--surface-600) !important; } .hover\:surface-600:hover { background-color: var(--surface-600) !important; } .active\:surface-600:active { background-color: var(--surface-600) !important; } .focus\:surface-700:focus { background-color: var(--surface-700) !important; } .hover\:surface-700:hover { background-color: var(--surface-700) !important; } .active\:surface-700:active { background-color: var(--surface-700) !important; } .focus\:surface-800:focus { background-color: var(--surface-800) !important; } .hover\:surface-800:hover { background-color: var(--surface-800) !important; } .active\:surface-800:active { background-color: var(--surface-800) !important; } .focus\:surface-900:focus { background-color: var(--surface-900) !important; } .hover\:surface-900:hover { background-color: var(--surface-900) !important; } .active\:surface-900:active { background-color: var(--surface-900) !important; } .border-0 { border-color: var(--surface-0) !important; } .border-50 { border-color: var(--surface-50) !important; } .border-100 { border-color: var(--surface-100) !important; } .border-200 { border-color: var(--surface-200) !important; } .border-300 { border-color: var(--surface-300) !important; } .border-400 { border-color: var(--surface-400) !important; } .border-500 { border-color: var(--surface-500) !important; } .border-600 { border-color: var(--surface-600) !important; } .border-700 { border-color: var(--surface-700) !important; } .border-800 { border-color: var(--surface-800) !important; } .border-900 { border-color: var(--surface-900) !important; } .focus\:border-0:focus { border-color: var(--surface-0) !important; } .hover\:border-0:hover { border-color: var(--surface-0) !important; } .active\:border-0:active { border-color: var(--surface-0) !important; } .focus\:border-50:focus { border-color: var(--surface-50) !important; } .hover\:border-50:hover { border-color: var(--surface-50) !important; } .active\:border-50:active { border-color: var(--surface-50) !important; } .focus\:border-100:focus { border-color: var(--surface-100) !important; } .hover\:border-100:hover { border-color: var(--surface-100) !important; } .active\:border-100:active { border-color: var(--surface-100) !important; } .focus\:border-200:focus { border-color: var(--surface-200) !important; } .hover\:border-200:hover { border-color: var(--surface-200) !important; } .active\:border-200:active { border-color: var(--surface-200) !important; } .focus\:border-300:focus { border-color: var(--surface-300) !important; } .hover\:border-300:hover { border-color: var(--surface-300) !important; } .active\:border-300:active { border-color: var(--surface-300) !important; } .focus\:border-400:focus { border-color: var(--surface-400) !important; } .hover\:border-400:hover { border-color: var(--surface-400) !important; } .active\:border-400:active { border-color: var(--surface-400) !important; } .focus\:border-500:focus { border-color: var(--surface-500) !important; } .hover\:border-500:hover { border-color: var(--surface-500) !important; } .active\:border-500:active { border-color: var(--surface-500) !important; } .focus\:border-600:focus { border-color: var(--surface-600) !important; } .hover\:border-600:hover { border-color: var(--surface-600) !important; } .active\:border-600:active { border-color: var(--surface-600) !important; } .focus\:border-700:focus { border-color: var(--surface-700) !important; } .hover\:border-700:hover { border-color: var(--surface-700) !important; } .active\:border-700:active { border-color: var(--surface-700) !important; } .focus\:border-800:focus { border-color: var(--surface-800) !important; } .hover\:border-800:hover { border-color: var(--surface-800) !important; } .active\:border-800:active { border-color: var(--surface-800) !important; } .focus\:border-900:focus { border-color: var(--surface-900) !important; } .hover\:border-900:hover { border-color: var(--surface-900) !important; } .active\:border-900:active { border-color: var(--surface-900) !important; } .bg-transparent { background-color: transparent !important; } @media screen and (min-width: 576px) { .sm\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 768px) { .md\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 992px) { .lg\:bg-transparent { background-color: transparent !important; } } @media screen and (min-width: 1200px) { .xl\:bg-transparent { background-color: transparent !important; } } .border-transparent { border-color: transparent !important; } @media screen and (min-width: 576px) { .sm\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 768px) { .md\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 992px) { .lg\:border-transparent { border-color: transparent !important; } } @media screen and (min-width: 1200px) { .xl\:border-transparent { border-color: transparent !important; } } .text-blue-50 { color: var(--blue-50) !important; } .text-blue-100 { color: var(--blue-100) !important; } .text-blue-200 { color: var(--blue-200) !important; } .text-blue-300 { color: var(--blue-300) !important; } .text-blue-400 { color: var(--blue-400) !important; } .text-blue-500 { color: var(--blue-500) !important; } .text-blue-600 { color: var(--blue-600) !important; } .text-blue-700 { color: var(--blue-700) !important; } .text-blue-800 { color: var(--blue-800) !important; } .text-blue-900 { color: var(--blue-900) !important; } .focus\:text-blue-50:focus { color: var(--blue-50) !important; } .focus\:text-blue-100:focus { color: var(--blue-100) !important; } .focus\:text-blue-200:focus { color: var(--blue-200) !important; } .focus\:text-blue-300:focus { color: var(--blue-300) !important; } .focus\:text-blue-400:focus { color: var(--blue-400) !important; } .focus\:text-blue-500:focus { color: var(--blue-500) !important; } .focus\:text-blue-600:focus { color: var(--blue-600) !important; } .focus\:text-blue-700:focus { color: var(--blue-700) !important; } .focus\:text-blue-800:focus { color: var(--blue-800) !important; } .focus\:text-blue-900:focus { color: var(--blue-900) !important; } .hover\:text-blue-50:hover { color: var(--blue-50) !important; } .hover\:text-blue-100:hover { color: var(--blue-100) !important; } .hover\:text-blue-200:hover { color: var(--blue-200) !important; } .hover\:text-blue-300:hover { color: var(--blue-300) !important; } .hover\:text-blue-400:hover { color: var(--blue-400) !important; } .hover\:text-blue-500:hover { color: var(--blue-500) !important; } .hover\:text-blue-600:hover { color: var(--blue-600) !important; } .hover\:text-blue-700:hover { color: var(--blue-700) !important; } .hover\:text-blue-800:hover { color: var(--blue-800) !important; } .hover\:text-blue-900:hover { color: var(--blue-900) !important; } .active\:text-blue-50:active { color: var(--blue-50) !important; } .active\:text-blue-100:active { color: var(--blue-100) !important; } .active\:text-blue-200:active { color: var(--blue-200) !important; } .active\:text-blue-300:active { color: var(--blue-300) !important; } .active\:text-blue-400:active { color: var(--blue-400) !important; } .active\:text-blue-500:active { color: var(--blue-500) !important; } .active\:text-blue-600:active { color: var(--blue-600) !important; } .active\:text-blue-700:active { color: var(--blue-700) !important; } .active\:text-blue-800:active { color: var(--blue-800) !important; } .active\:text-blue-900:active { color: var(--blue-900) !important; } .text-green-50 { color: var(--green-50) !important; } .text-green-100 { color: var(--green-100) !important; } .text-green-200 { color: var(--green-200) !important; } .text-green-300 { color: var(--green-300) !important; } .text-green-400 { color: var(--green-400) !important; } .text-green-500 { color: var(--green-500) !important; } .text-green-600 { color: var(--green-600) !important; } .text-green-700 { color: var(--green-700) !important; } .text-green-800 { color: var(--green-800) !important; } .text-green-900 { color: var(--green-900) !important; } .focus\:text-green-50:focus { color: var(--green-50) !important; } .focus\:text-green-100:focus { color: var(--green-100) !important; } .focus\:text-green-200:focus { color: var(--green-200) !important; } .focus\:text-green-300:focus { color: var(--green-300) !important; } .focus\:text-green-400:focus { color: var(--green-400) !important; } .focus\:text-green-500:focus { color: var(--green-500) !important; } .focus\:text-green-600:focus { color: var(--green-600) !important; } .focus\:text-green-700:focus { color: var(--green-700) !important; } .focus\:text-green-800:focus { color: var(--green-800) !important; } .focus\:text-green-900:focus { color: var(--green-900) !important; } .hover\:text-green-50:hover { color: var(--green-50) !important; } .hover\:text-green-100:hover { color: var(--green-100) !important; } .hover\:text-green-200:hover { color: var(--green-200) !important; } .hover\:text-green-300:hover { color: var(--green-300) !important; } .hover\:text-green-400:hover { color: var(--green-400) !important; } .hover\:text-green-500:hover { color: var(--green-500) !important; } .hover\:text-green-600:hover { color: var(--green-600) !important; } .hover\:text-green-700:hover { color: var(--green-700) !important; } .hover\:text-green-800:hover { color: var(--green-800) !important; } .hover\:text-green-900:hover { color: var(--green-900) !important; } .active\:text-green-50:active { color: var(--green-50) !important; } .active\:text-green-100:active { color: var(--green-100) !important; } .active\:text-green-200:active { color: var(--green-200) !important; } .active\:text-green-300:active { color: var(--green-300) !important; } .active\:text-green-400:active { color: var(--green-400) !important; } .active\:text-green-500:active { color: var(--green-500) !important; } .active\:text-green-600:active { color: var(--green-600) !important; } .active\:text-green-700:active { color: var(--green-700) !important; } .active\:text-green-800:active { color: var(--green-800) !important; } .active\:text-green-900:active { color: var(--green-900) !important; } .text-yellow-50 { color: var(--yellow-50) !important; } .text-yellow-100 { color: var(--yellow-100) !important; } .text-yellow-200 { color: var(--yellow-200) !important; } .text-yellow-300 { color: var(--yellow-300) !important; } .text-yellow-400 { color: var(--yellow-400) !important; } .text-yellow-500 { color: var(--yellow-500) !important; } .text-yellow-600 { color: var(--yellow-600) !important; } .text-yellow-700 { color: var(--yellow-700) !important; } .text-yellow-800 { color: var(--yellow-800) !important; } .text-yellow-900 { color: var(--yellow-900) !important; } .focus\:text-yellow-50:focus { color: var(--yellow-50) !important; } .focus\:text-yellow-100:focus { color: var(--yellow-100) !important; } .focus\:text-yellow-200:focus { color: var(--yellow-200) !important; } .focus\:text-yellow-300:focus { color: var(--yellow-300) !important; } .focus\:text-yellow-400:focus { color: var(--yellow-400) !important; } .focus\:text-yellow-500:focus { color: var(--yellow-500) !important; } .focus\:text-yellow-600:focus { color: var(--yellow-600) !important; } .focus\:text-yellow-700:focus { color: var(--yellow-700) !important; } .focus\:text-yellow-800:focus { color: var(--yellow-800) !important; } .focus\:text-yellow-900:focus { color: var(--yellow-900) !important; } .hover\:text-yellow-50:hover { color: var(--yellow-50) !important; } .hover\:text-yellow-100:hover { color: var(--yellow-100) !important; } .hover\:text-yellow-200:hover { color: var(--yellow-200) !important; } .hover\:text-yellow-300:hover { color: var(--yellow-300) !important; } .hover\:text-yellow-400:hover { color: var(--yellow-400) !important; } .hover\:text-yellow-500:hover { color: var(--yellow-500) !important; } .hover\:text-yellow-600:hover { color: var(--yellow-600) !important; } .hover\:text-yellow-700:hover { color: var(--yellow-700) !important; } .hover\:text-yellow-800:hover { color: var(--yellow-800) !important; } .hover\:text-yellow-900:hover { color: var(--yellow-900) !important; } .active\:text-yellow-50:active { color: var(--yellow-50) !important; } .active\:text-yellow-100:active { color: var(--yellow-100) !important; } .active\:text-yellow-200:active { color: var(--yellow-200) !important; } .active\:text-yellow-300:active { color: var(--yellow-300) !important; } .active\:text-yellow-400:active { color: var(--yellow-400) !important; } .active\:text-yellow-500:active { color: var(--yellow-500) !important; } .active\:text-yellow-600:active { color: var(--yellow-600) !important; } .active\:text-yellow-700:active { color: var(--yellow-700) !important; } .active\:text-yellow-800:active { color: var(--yellow-800) !important; } .active\:text-yellow-900:active { color: var(--yellow-900) !important; } .text-cyan-50 { color: var(--cyan-50) !important; } .text-cyan-100 { color: var(--cyan-100) !important; } .text-cyan-200 { color: var(--cyan-200) !important; } .text-cyan-300 { color: var(--cyan-300) !important; } .text-cyan-400 { color: var(--cyan-400) !important; } .text-cyan-500 { color: var(--cyan-500) !important; } .text-cyan-600 { color: var(--cyan-600) !important; } .text-cyan-700 { color: var(--cyan-700) !important; } .text-cyan-800 { color: var(--cyan-800) !important; } .text-cyan-900 { color: var(--cyan-900) !important; } .focus\:text-cyan-50:focus { color: var(--cyan-50) !important; } .focus\:text-cyan-100:focus { color: var(--cyan-100) !important; } .focus\:text-cyan-200:focus { color: var(--cyan-200) !important; } .focus\:text-cyan-300:focus { color: var(--cyan-300) !important; } .focus\:text-cyan-400:focus { color: var(--cyan-400) !important; } .focus\:text-cyan-500:focus { color: var(--cyan-500) !important; } .focus\:text-cyan-600:focus { color: var(--cyan-600) !important; } .focus\:text-cyan-700:focus { color: var(--cyan-700) !important; } .focus\:text-cyan-800:focus { color: var(--cyan-800) !important; } .focus\:text-cyan-900:focus { color: var(--cyan-900) !important; } .hover\:text-cyan-50:hover { color: var(--cyan-50) !important; } .hover\:text-cyan-100:hover { color: var(--cyan-100) !important; } .hover\:text-cyan-200:hover { color: var(--cyan-200) !important; } .hover\:text-cyan-300:hover { color: var(--cyan-300) !important; } .hover\:text-cyan-400:hover { color: var(--cyan-400) !important; } .hover\:text-cyan-500:hover { color: var(--cyan-500) !important; } .hover\:text-cyan-600:hover { color: var(--cyan-600) !important; } .hover\:text-cyan-700:hover { color: var(--cyan-700) !important; } .hover\:text-cyan-800:hover { color: var(--cyan-800) !important; } .hover\:text-cyan-900:hover { color: var(--cyan-900) !important; } .active\:text-cyan-50:active { color: var(--cyan-50) !important; } .active\:text-cyan-100:active { color: var(--cyan-100) !important; } .active\:text-cyan-200:active { color: var(--cyan-200) !important; } .active\:text-cyan-300:active { color: var(--cyan-300) !important; } .active\:text-cyan-400:active { color: var(--cyan-400) !important; } .active\:text-cyan-500:active { color: var(--cyan-500) !important; } .active\:text-cyan-600:active { color: var(--cyan-600) !important; } .active\:text-cyan-700:active { color: var(--cyan-700) !important; } .active\:text-cyan-800:active { color: var(--cyan-800) !important; } .active\:text-cyan-900:active { color: var(--cyan-900) !important; } .text-pink-50 { color: var(--pink-50) !important; } .text-pink-100 { color: var(--pink-100) !important; } .text-pink-200 { color: var(--pink-200) !important; } .text-pink-300 { color: var(--pink-300) !important; } .text-pink-400 { color: var(--pink-400) !important; } .text-pink-500 { color: var(--pink-500) !important; } .text-pink-600 { color: var(--pink-600) !important; } .text-pink-700 { color: var(--pink-700) !important; } .text-pink-800 { color: var(--pink-800) !important; } .text-pink-900 { color: var(--pink-900) !important; } .focus\:text-pink-50:focus { color: var(--pink-50) !important; } .focus\:text-pink-100:focus { color: var(--pink-100) !important; } .focus\:text-pink-200:focus { color: var(--pink-200) !important; } .focus\:text-pink-300:focus { color: var(--pink-300) !important; } .focus\:text-pink-400:focus { color: var(--pink-400) !important; } .focus\:text-pink-500:focus { color: var(--pink-500) !important; } .focus\:text-pink-600:focus { color: var(--pink-600) !important; } .focus\:text-pink-700:focus { color: var(--pink-700) !important; } .focus\:text-pink-800:focus { color: var(--pink-800) !important; } .focus\:text-pink-900:focus { color: var(--pink-900) !important; } .hover\:text-pink-50:hover { color: var(--pink-50) !important; } .hover\:text-pink-100:hover { color: var(--pink-100) !important; } .hover\:text-pink-200:hover { color: var(--pink-200) !important; } .hover\:text-pink-300:hover { color: var(--pink-300) !important; } .hover\:text-pink-400:hover { color: var(--pink-400) !important; } .hover\:text-pink-500:hover { color: var(--pink-500) !important; } .hover\:text-pink-600:hover { color: var(--pink-600) !important; } .hover\:text-pink-700:hover { color: var(--pink-700) !important; } .hover\:text-pink-800:hover { color: var(--pink-800) !important; } .hover\:text-pink-900:hover { color: var(--pink-900) !important; } .active\:text-pink-50:active { color: var(--pink-50) !important; } .active\:text-pink-100:active { color: var(--pink-100) !important; } .active\:text-pink-200:active { color: var(--pink-200) !important; } .active\:text-pink-300:active { color: var(--pink-300) !important; } .active\:text-pink-400:active { color: var(--pink-400) !important; } .active\:text-pink-500:active { color: var(--pink-500) !important; } .active\:text-pink-600:active { color: var(--pink-600) !important; } .active\:text-pink-700:active { color: var(--pink-700) !important; } .active\:text-pink-800:active { color: var(--pink-800) !important; } .active\:text-pink-900:active { color: var(--pink-900) !important; } .text-indigo-50 { color: var(--indigo-50) !important; } .text-indigo-100 { color: var(--indigo-100) !important; } .text-indigo-200 { color: var(--indigo-200) !important; } .text-indigo-300 { color: var(--indigo-300) !important; } .text-indigo-400 { color: var(--indigo-400) !important; } .text-indigo-500 { color: var(--indigo-500) !important; } .text-indigo-600 { color: var(--indigo-600) !important; } .text-indigo-700 { color: var(--indigo-700) !important; } .text-indigo-800 { color: var(--indigo-800) !important; } .text-indigo-900 { color: var(--indigo-900) !important; } .focus\:text-indigo-50:focus { color: var(--indigo-50) !important; } .focus\:text-indigo-100:focus { color: var(--indigo-100) !important; } .focus\:text-indigo-200:focus { color: var(--indigo-200) !important; } .focus\:text-indigo-300:focus { color: var(--indigo-300) !important; } .focus\:text-indigo-400:focus { color: var(--indigo-400) !important; } .focus\:text-indigo-500:focus { color: var(--indigo-500) !important; } .focus\:text-indigo-600:focus { color: var(--indigo-600) !important; } .focus\:text-indigo-700:focus { color: var(--indigo-700) !important; } .focus\:text-indigo-800:focus { color: var(--indigo-800) !important; } .focus\:text-indigo-900:focus { color: var(--indigo-900) !important; } .hover\:text-indigo-50:hover { color: var(--indigo-50) !important; } .hover\:text-indigo-100:hover { color: var(--indigo-100) !important; } .hover\:text-indigo-200:hover { color: var(--indigo-200) !important; } .hover\:text-indigo-300:hover { color: var(--indigo-300) !important; } .hover\:text-indigo-400:hover { color: var(--indigo-400) !important; } .hover\:text-indigo-500:hover { color: var(--indigo-500) !important; } .hover\:text-indigo-600:hover { color: var(--indigo-600) !important; } .hover\:text-indigo-700:hover { color: var(--indigo-700) !important; } .hover\:text-indigo-800:hover { color: var(--indigo-800) !important; } .hover\:text-indigo-900:hover { color: var(--indigo-900) !important; } .active\:text-indigo-50:active { color: var(--indigo-50) !important; } .active\:text-indigo-100:active { color: var(--indigo-100) !important; } .active\:text-indigo-200:active { color: var(--indigo-200) !important; } .active\:text-indigo-300:active { color: var(--indigo-300) !important; } .active\:text-indigo-400:active { color: var(--indigo-400) !important; } .active\:text-indigo-500:active { color: var(--indigo-500) !important; } .active\:text-indigo-600:active { color: var(--indigo-600) !important; } .active\:text-indigo-700:active { color: var(--indigo-700) !important; } .active\:text-indigo-800:active { color: var(--indigo-800) !important; } .active\:text-indigo-900:active { color: var(--indigo-900) !important; } .text-teal-50 { color: var(--teal-50) !important; } .text-teal-100 { color: var(--teal-100) !important; } .text-teal-200 { color: var(--teal-200) !important; } .text-teal-300 { color: var(--teal-300) !important; } .text-teal-400 { color: var(--teal-400) !important; } .text-teal-500 { color: var(--teal-500) !important; } .text-teal-600 { color: var(--teal-600) !important; } .text-teal-700 { color: var(--teal-700) !important; } .text-teal-800 { color: var(--teal-800) !important; } .text-teal-900 { color: var(--teal-900) !important; } .focus\:text-teal-50:focus { color: var(--teal-50) !important; } .focus\:text-teal-100:focus { color: var(--teal-100) !important; } .focus\:text-teal-200:focus { color: var(--teal-200) !important; } .focus\:text-teal-300:focus { color: var(--teal-300) !important; } .focus\:text-teal-400:focus { color: var(--teal-400) !important; } .focus\:text-teal-500:focus { color: var(--teal-500) !important; } .focus\:text-teal-600:focus { color: var(--teal-600) !important; } .focus\:text-teal-700:focus { color: var(--teal-700) !important; } .focus\:text-teal-800:focus { color: var(--teal-800) !important; } .focus\:text-teal-900:focus { color: var(--teal-900) !important; } .hover\:text-teal-50:hover { color: var(--teal-50) !important; } .hover\:text-teal-100:hover { color: var(--teal-100) !important; } .hover\:text-teal-200:hover { color: var(--teal-200) !important; } .hover\:text-teal-300:hover { color: var(--teal-300) !important; } .hover\:text-teal-400:hover { color: var(--teal-400) !important; } .hover\:text-teal-500:hover { color: var(--teal-500) !important; } .hover\:text-teal-600:hover { color: var(--teal-600) !important; } .hover\:text-teal-700:hover { color: var(--teal-700) !important; } .hover\:text-teal-800:hover { color: var(--teal-800) !important; } .hover\:text-teal-900:hover { color: var(--teal-900) !important; } .active\:text-teal-50:active { color: var(--teal-50) !important; } .active\:text-teal-100:active { color: var(--teal-100) !important; } .active\:text-teal-200:active { color: var(--teal-200) !important; } .active\:text-teal-300:active { color: var(--teal-300) !important; } .active\:text-teal-400:active { color: var(--teal-400) !important; } .active\:text-teal-500:active { color: var(--teal-500) !important; } .active\:text-teal-600:active { color: var(--teal-600) !important; } .active\:text-teal-700:active { color: var(--teal-700) !important; } .active\:text-teal-800:active { color: var(--teal-800) !important; } .active\:text-teal-900:active { color: var(--teal-900) !important; } .text-orange-50 { color: var(--orange-50) !important; } .text-orange-100 { color: var(--orange-100) !important; } .text-orange-200 { color: var(--orange-200) !important; } .text-orange-300 { color: var(--orange-300) !important; } .text-orange-400 { color: var(--orange-400) !important; } .text-orange-500 { color: var(--orange-500) !important; } .text-orange-600 { color: var(--orange-600) !important; } .text-orange-700 { color: var(--orange-700) !important; } .text-orange-800 { color: var(--orange-800) !important; } .text-orange-900 { color: var(--orange-900) !important; } .focus\:text-orange-50:focus { color: var(--orange-50) !important; } .focus\:text-orange-100:focus { color: var(--orange-100) !important; } .focus\:text-orange-200:focus { color: var(--orange-200) !important; } .focus\:text-orange-300:focus { color: var(--orange-300) !important; } .focus\:text-orange-400:focus { color: var(--orange-400) !important; } .focus\:text-orange-500:focus { color: var(--orange-500) !important; } .focus\:text-orange-600:focus { color: var(--orange-600) !important; } .focus\:text-orange-700:focus { color: var(--orange-700) !important; } .focus\:text-orange-800:focus { color: var(--orange-800) !important; } .focus\:text-orange-900:focus { color: var(--orange-900) !important; } .hover\:text-orange-50:hover { color: var(--orange-50) !important; } .hover\:text-orange-100:hover { color: var(--orange-100) !important; } .hover\:text-orange-200:hover { color: var(--orange-200) !important; } .hover\:text-orange-300:hover { color: var(--orange-300) !important; } .hover\:text-orange-400:hover { color: var(--orange-400) !important; } .hover\:text-orange-500:hover { color: var(--orange-500) !important; } .hover\:text-orange-600:hover { color: var(--orange-600) !important; } .hover\:text-orange-700:hover { color: var(--orange-700) !important; } .hover\:text-orange-800:hover { color: var(--orange-800) !important; } .hover\:text-orange-900:hover { color: var(--orange-900) !important; } .active\:text-orange-50:active { color: var(--orange-50) !important; } .active\:text-orange-100:active { color: var(--orange-100) !important; } .active\:text-orange-200:active { color: var(--orange-200) !important; } .active\:text-orange-300:active { color: var(--orange-300) !important; } .active\:text-orange-400:active { color: var(--orange-400) !important; } .active\:text-orange-500:active { color: var(--orange-500) !important; } .active\:text-orange-600:active { color: var(--orange-600) !important; } .active\:text-orange-700:active { color: var(--orange-700) !important; } .active\:text-orange-800:active { color: var(--orange-800) !important; } .active\:text-orange-900:active { color: var(--orange-900) !important; } .text-bluegray-50 { color: var(--bluegray-50) !important; } .text-bluegray-100 { color: var(--bluegray-100) !important; } .text-bluegray-200 { color: var(--bluegray-200) !important; } .text-bluegray-300 { color: var(--bluegray-300) !important; } .text-bluegray-400 { color: var(--bluegray-400) !important; } .text-bluegray-500 { color: var(--bluegray-500) !important; } .text-bluegray-600 { color: var(--bluegray-600) !important; } .text-bluegray-700 { color: var(--bluegray-700) !important; } .text-bluegray-800 { color: var(--bluegray-800) !important; } .text-bluegray-900 { color: var(--bluegray-900) !important; } .focus\:text-bluegray-50:focus { color: var(--bluegray-50) !important; } .focus\:text-bluegray-100:focus { color: var(--bluegray-100) !important; } .focus\:text-bluegray-200:focus { color: var(--bluegray-200) !important; } .focus\:text-bluegray-300:focus { color: var(--bluegray-300) !important; } .focus\:text-bluegray-400:focus { color: var(--bluegray-400) !important; } .focus\:text-bluegray-500:focus { color: var(--bluegray-500) !important; } .focus\:text-bluegray-600:focus { color: var(--bluegray-600) !important; } .focus\:text-bluegray-700:focus { color: var(--bluegray-700) !important; } .focus\:text-bluegray-800:focus { color: var(--bluegray-800) !important; } .focus\:text-bluegray-900:focus { color: var(--bluegray-900) !important; } .hover\:text-bluegray-50:hover { color: var(--bluegray-50) !important; } .hover\:text-bluegray-100:hover { color: var(--bluegray-100) !important; } .hover\:text-bluegray-200:hover { color: var(--bluegray-200) !important; } .hover\:text-bluegray-300:hover { color: var(--bluegray-300) !important; } .hover\:text-bluegray-400:hover { color: var(--bluegray-400) !important; } .hover\:text-bluegray-500:hover { color: var(--bluegray-500) !important; } .hover\:text-bluegray-600:hover { color: var(--bluegray-600) !important; } .hover\:text-bluegray-700:hover { color: var(--bluegray-700) !important; } .hover\:text-bluegray-800:hover { color: var(--bluegray-800) !important; } .hover\:text-bluegray-900:hover { color: var(--bluegray-900) !important; } .active\:text-bluegray-50:active { color: var(--bluegray-50) !important; } .active\:text-bluegray-100:active { color: var(--bluegray-100) !important; } .active\:text-bluegray-200:active { color: var(--bluegray-200) !important; } .active\:text-bluegray-300:active { color: var(--bluegray-300) !important; } .active\:text-bluegray-400:active { color: var(--bluegray-400) !important; } .active\:text-bluegray-500:active { color: var(--bluegray-500) !important; } .active\:text-bluegray-600:active { color: var(--bluegray-600) !important; } .active\:text-bluegray-700:active { color: var(--bluegray-700) !important; } .active\:text-bluegray-800:active { color: var(--bluegray-800) !important; } .active\:text-bluegray-900:active { color: var(--bluegray-900) !important; } .text-purple-50 { color: var(--purple-50) !important; } .text-purple-100 { color: var(--purple-100) !important; } .text-purple-200 { color: var(--purple-200) !important; } .text-purple-300 { color: var(--purple-300) !important; } .text-purple-400 { color: var(--purple-400) !important; } .text-purple-500 { color: var(--purple-500) !important; } .text-purple-600 { color: var(--purple-600) !important; } .text-purple-700 { color: var(--purple-700) !important; } .text-purple-800 { color: var(--purple-800) !important; } .text-purple-900 { color: var(--purple-900) !important; } .focus\:text-purple-50:focus { color: var(--purple-50) !important; } .focus\:text-purple-100:focus { color: var(--purple-100) !important; } .focus\:text-purple-200:focus { color: var(--purple-200) !important; } .focus\:text-purple-300:focus { color: var(--purple-300) !important; } .focus\:text-purple-400:focus { color: var(--purple-400) !important; } .focus\:text-purple-500:focus { color: var(--purple-500) !important; } .focus\:text-purple-600:focus { color: var(--purple-600) !important; } .focus\:text-purple-700:focus { color: var(--purple-700) !important; } .focus\:text-purple-800:focus { color: var(--purple-800) !important; } .focus\:text-purple-900:focus { color: var(--purple-900) !important; } .hover\:text-purple-50:hover { color: var(--purple-50) !important; } .hover\:text-purple-100:hover { color: var(--purple-100) !important; } .hover\:text-purple-200:hover { color: var(--purple-200) !important; } .hover\:text-purple-300:hover { color: var(--purple-300) !important; } .hover\:text-purple-400:hover { color: var(--purple-400) !important; } .hover\:text-purple-500:hover { color: var(--purple-500) !important; } .hover\:text-purple-600:hover { color: var(--purple-600) !important; } .hover\:text-purple-700:hover { color: var(--purple-700) !important; } .hover\:text-purple-800:hover { color: var(--purple-800) !important; } .hover\:text-purple-900:hover { color: var(--purple-900) !important; } .active\:text-purple-50:active { color: var(--purple-50) !important; } .active\:text-purple-100:active { color: var(--purple-100) !important; } .active\:text-purple-200:active { color: var(--purple-200) !important; } .active\:text-purple-300:active { color: var(--purple-300) !important; } .active\:text-purple-400:active { color: var(--purple-400) !important; } .active\:text-purple-500:active { color: var(--purple-500) !important; } .active\:text-purple-600:active { color: var(--purple-600) !important; } .active\:text-purple-700:active { color: var(--purple-700) !important; } .active\:text-purple-800:active { color: var(--purple-800) !important; } .active\:text-purple-900:active { color: var(--purple-900) !important; } .text-gray-50 { color: var(--gray-50) !important; } .text-gray-100 { color: var(--gray-100) !important; } .text-gray-200 { color: var(--gray-200) !important; } .text-gray-300 { color: var(--gray-300) !important; } .text-gray-400 { color: var(--gray-400) !important; } .text-gray-500 { color: var(--gray-500) !important; } .text-gray-600 { color: var(--gray-600) !important; } .text-gray-700 { color: var(--gray-700) !important; } .text-gray-800 { color: var(--gray-800) !important; } .text-gray-900 { color: var(--gray-900) !important; } .focus\:text-gray-50:focus { color: var(--gray-50) !important; } .focus\:text-gray-100:focus { color: var(--gray-100) !important; } .focus\:text-gray-200:focus { color: var(--gray-200) !important; } .focus\:text-gray-300:focus { color: var(--gray-300) !important; } .focus\:text-gray-400:focus { color: var(--gray-400) !important; } .focus\:text-gray-500:focus { color: var(--gray-500) !important; } .focus\:text-gray-600:focus { color: var(--gray-600) !important; } .focus\:text-gray-700:focus { color: var(--gray-700) !important; } .focus\:text-gray-800:focus { color: var(--gray-800) !important; } .focus\:text-gray-900:focus { color: var(--gray-900) !important; } .hover\:text-gray-50:hover { color: var(--gray-50) !important; } .hover\:text-gray-100:hover { color: var(--gray-100) !important; } .hover\:text-gray-200:hover { color: var(--gray-200) !important; } .hover\:text-gray-300:hover { color: var(--gray-300) !important; } .hover\:text-gray-400:hover { color: var(--gray-400) !important; } .hover\:text-gray-500:hover { color: var(--gray-500) !important; } .hover\:text-gray-600:hover { color: var(--gray-600) !important; } .hover\:text-gray-700:hover { color: var(--gray-700) !important; } .hover\:text-gray-800:hover { color: var(--gray-800) !important; } .hover\:text-gray-900:hover { color: var(--gray-900) !important; } .active\:text-gray-50:active { color: var(--gray-50) !important; } .active\:text-gray-100:active { color: var(--gray-100) !important; } .active\:text-gray-200:active { color: var(--gray-200) !important; } .active\:text-gray-300:active { color: var(--gray-300) !important; } .active\:text-gray-400:active { color: var(--gray-400) !important; } .active\:text-gray-500:active { color: var(--gray-500) !important; } .active\:text-gray-600:active { color: var(--gray-600) !important; } .active\:text-gray-700:active { color: var(--gray-700) !important; } .active\:text-gray-800:active { color: var(--gray-800) !important; } .active\:text-gray-900:active { color: var(--gray-900) !important; } .text-red-50 { color: var(--red-50) !important; } .text-red-100 { color: var(--red-100) !important; } .text-red-200 { color: var(--red-200) !important; } .text-red-300 { color: var(--red-300) !important; } .text-red-400 { color: var(--red-400) !important; } .text-red-500 { color: var(--red-500) !important; } .text-red-600 { color: var(--red-600) !important; } .text-red-700 { color: var(--red-700) !important; } .text-red-800 { color: var(--red-800) !important; } .text-red-900 { color: var(--red-900) !important; } .focus\:text-red-50:focus { color: var(--red-50) !important; } .focus\:text-red-100:focus { color: var(--red-100) !important; } .focus\:text-red-200:focus { color: var(--red-200) !important; } .focus\:text-red-300:focus { color: var(--red-300) !important; } .focus\:text-red-400:focus { color: var(--red-400) !important; } .focus\:text-red-500:focus { color: var(--red-500) !important; } .focus\:text-red-600:focus { color: var(--red-600) !important; } .focus\:text-red-700:focus { color: var(--red-700) !important; } .focus\:text-red-800:focus { color: var(--red-800) !important; } .focus\:text-red-900:focus { color: var(--red-900) !important; } .hover\:text-red-50:hover { color: var(--red-50) !important; } .hover\:text-red-100:hover { color: var(--red-100) !important; } .hover\:text-red-200:hover { color: var(--red-200) !important; } .hover\:text-red-300:hover { color: var(--red-300) !important; } .hover\:text-red-400:hover { color: var(--red-400) !important; } .hover\:text-red-500:hover { color: var(--red-500) !important; } .hover\:text-red-600:hover { color: var(--red-600) !important; } .hover\:text-red-700:hover { color: var(--red-700) !important; } .hover\:text-red-800:hover { color: var(--red-800) !important; } .hover\:text-red-900:hover { color: var(--red-900) !important; } .active\:text-red-50:active { color: var(--red-50) !important; } .active\:text-red-100:active { color: var(--red-100) !important; } .active\:text-red-200:active { color: var(--red-200) !important; } .active\:text-red-300:active { color: var(--red-300) !important; } .active\:text-red-400:active { color: var(--red-400) !important; } .active\:text-red-500:active { color: var(--red-500) !important; } .active\:text-red-600:active { color: var(--red-600) !important; } .active\:text-red-700:active { color: var(--red-700) !important; } .active\:text-red-800:active { color: var(--red-800) !important; } .active\:text-red-900:active { color: var(--red-900) !important; } .text-primary-50 { color: var(--primary-50) !important; } .text-primary-100 { color: var(--primary-100) !important; } .text-primary-200 { color: var(--primary-200) !important; } .text-primary-300 { color: var(--primary-300) !important; } .text-primary-400 { color: var(--primary-400) !important; } .text-primary-500 { color: var(--primary-500) !important; } .text-primary-600 { color: var(--primary-600) !important; } .text-primary-700 { color: var(--primary-700) !important; } .text-primary-800 { color: var(--primary-800) !important; } .text-primary-900 { color: var(--primary-900) !important; } .focus\:text-primary-50:focus { color: var(--primary-50) !important; } .focus\:text-primary-100:focus { color: var(--primary-100) !important; } .focus\:text-primary-200:focus { color: var(--primary-200) !important; } .focus\:text-primary-300:focus { color: var(--primary-300) !important; } .focus\:text-primary-400:focus { color: var(--primary-400) !important; } .focus\:text-primary-500:focus { color: var(--primary-500) !important; } .focus\:text-primary-600:focus { color: var(--primary-600) !important; } .focus\:text-primary-700:focus { color: var(--primary-700) !important; } .focus\:text-primary-800:focus { color: var(--primary-800) !important; } .focus\:text-primary-900:focus { color: var(--primary-900) !important; } .hover\:text-primary-50:hover { color: var(--primary-50) !important; } .hover\:text-primary-100:hover { color: var(--primary-100) !important; } .hover\:text-primary-200:hover { color: var(--primary-200) !important; } .hover\:text-primary-300:hover { color: var(--primary-300) !important; } .hover\:text-primary-400:hover { color: var(--primary-400) !important; } .hover\:text-primary-500:hover { color: var(--primary-500) !important; } .hover\:text-primary-600:hover { color: var(--primary-600) !important; } .hover\:text-primary-700:hover { color: var(--primary-700) !important; } .hover\:text-primary-800:hover { color: var(--primary-800) !important; } .hover\:text-primary-900:hover { color: var(--primary-900) !important; } .active\:text-primary-50:active { color: var(--primary-50) !important; } .active\:text-primary-100:active { color: var(--primary-100) !important; } .active\:text-primary-200:active { color: var(--primary-200) !important; } .active\:text-primary-300:active { color: var(--primary-300) !important; } .active\:text-primary-400:active { color: var(--primary-400) !important; } .active\:text-primary-500:active { color: var(--primary-500) !important; } .active\:text-primary-600:active { color: var(--primary-600) !important; } .active\:text-primary-700:active { color: var(--primary-700) !important; } .active\:text-primary-800:active { color: var(--primary-800) !important; } .active\:text-primary-900:active { color: var(--primary-900) !important; } .bg-blue-50 { background-color: var(--blue-50) !important; } .bg-blue-100 { background-color: var(--blue-100) !important; } .bg-blue-200 { background-color: var(--blue-200) !important; } .bg-blue-300 { background-color: var(--blue-300) !important; } .bg-blue-400 { background-color: var(--blue-400) !important; } .bg-blue-500 { background-color: var(--blue-500) !important; } .bg-blue-600 { background-color: var(--blue-600) !important; } .bg-blue-700 { background-color: var(--blue-700) !important; } .bg-blue-800 { background-color: var(--blue-800) !important; } .bg-blue-900 { background-color: var(--blue-900) !important; } .focus\:bg-blue-50:focus { background-color: var(--blue-50) !important; } .focus\:bg-blue-100:focus { background-color: var(--blue-100) !important; } .focus\:bg-blue-200:focus { background-color: var(--blue-200) !important; } .focus\:bg-blue-300:focus { background-color: var(--blue-300) !important; } .focus\:bg-blue-400:focus { background-color: var(--blue-400) !important; } .focus\:bg-blue-500:focus { background-color: var(--blue-500) !important; } .focus\:bg-blue-600:focus { background-color: var(--blue-600) !important; } .focus\:bg-blue-700:focus { background-color: var(--blue-700) !important; } .focus\:bg-blue-800:focus { background-color: var(--blue-800) !important; } .focus\:bg-blue-900:focus { background-color: var(--blue-900) !important; } .hover\:bg-blue-50:hover { background-color: var(--blue-50) !important; } .hover\:bg-blue-100:hover { background-color: var(--blue-100) !important; } .hover\:bg-blue-200:hover { background-color: var(--blue-200) !important; } .hover\:bg-blue-300:hover { background-color: var(--blue-300) !important; } .hover\:bg-blue-400:hover { background-color: var(--blue-400) !important; } .hover\:bg-blue-500:hover { background-color: var(--blue-500) !important; } .hover\:bg-blue-600:hover { background-color: var(--blue-600) !important; } .hover\:bg-blue-700:hover { background-color: var(--blue-700) !important; } .hover\:bg-blue-800:hover { background-color: var(--blue-800) !important; } .hover\:bg-blue-900:hover { background-color: var(--blue-900) !important; } .active\:bg-blue-50:active { background-color: var(--blue-50) !important; } .active\:bg-blue-100:active { background-color: var(--blue-100) !important; } .active\:bg-blue-200:active { background-color: var(--blue-200) !important; } .active\:bg-blue-300:active { background-color: var(--blue-300) !important; } .active\:bg-blue-400:active { background-color: var(--blue-400) !important; } .active\:bg-blue-500:active { background-color: var(--blue-500) !important; } .active\:bg-blue-600:active { background-color: var(--blue-600) !important; } .active\:bg-blue-700:active { background-color: var(--blue-700) !important; } .active\:bg-blue-800:active { background-color: var(--blue-800) !important; } .active\:bg-blue-900:active { background-color: var(--blue-900) !important; } .bg-green-50 { background-color: var(--green-50) !important; } .bg-green-100 { background-color: var(--green-100) !important; } .bg-green-200 { background-color: var(--green-200) !important; } .bg-green-300 { background-color: var(--green-300) !important; } .bg-green-400 { background-color: var(--green-400) !important; } .bg-green-500 { background-color: var(--green-500) !important; } .bg-green-600 { background-color: var(--green-600) !important; } .bg-green-700 { background-color: var(--green-700) !important; } .bg-green-800 { background-color: var(--green-800) !important; } .bg-green-900 { background-color: var(--green-900) !important; } .focus\:bg-green-50:focus { background-color: var(--green-50) !important; } .focus\:bg-green-100:focus { background-color: var(--green-100) !important; } .focus\:bg-green-200:focus { background-color: var(--green-200) !important; } .focus\:bg-green-300:focus { background-color: var(--green-300) !important; } .focus\:bg-green-400:focus { background-color: var(--green-400) !important; } .focus\:bg-green-500:focus { background-color: var(--green-500) !important; } .focus\:bg-green-600:focus { background-color: var(--green-600) !important; } .focus\:bg-green-700:focus { background-color: var(--green-700) !important; } .focus\:bg-green-800:focus { background-color: var(--green-800) !important; } .focus\:bg-green-900:focus { background-color: var(--green-900) !important; } .hover\:bg-green-50:hover { background-color: var(--green-50) !important; } .hover\:bg-green-100:hover { background-color: var(--green-100) !important; } .hover\:bg-green-200:hover { background-color: var(--green-200) !important; } .hover\:bg-green-300:hover { background-color: var(--green-300) !important; } .hover\:bg-green-400:hover { background-color: var(--green-400) !important; } .hover\:bg-green-500:hover { background-color: var(--green-500) !important; } .hover\:bg-green-600:hover { background-color: var(--green-600) !important; } .hover\:bg-green-700:hover { background-color: var(--green-700) !important; } .hover\:bg-green-800:hover { background-color: var(--green-800) !important; } .hover\:bg-green-900:hover { background-color: var(--green-900) !important; } .active\:bg-green-50:active { background-color: var(--green-50) !important; } .active\:bg-green-100:active { background-color: var(--green-100) !important; } .active\:bg-green-200:active { background-color: var(--green-200) !important; } .active\:bg-green-300:active { background-color: var(--green-300) !important; } .active\:bg-green-400:active { background-color: var(--green-400) !important; } .active\:bg-green-500:active { background-color: var(--green-500) !important; } .active\:bg-green-600:active { background-color: var(--green-600) !important; } .active\:bg-green-700:active { background-color: var(--green-700) !important; } .active\:bg-green-800:active { background-color: var(--green-800) !important; } .active\:bg-green-900:active { background-color: var(--green-900) !important; } .bg-yellow-50 { background-color: var(--yellow-50) !important; } .bg-yellow-100 { background-color: var(--yellow-100) !important; } .bg-yellow-200 { background-color: var(--yellow-200) !important; } .bg-yellow-300 { background-color: var(--yellow-300) !important; } .bg-yellow-400 { background-color: var(--yellow-400) !important; } .bg-yellow-500 { background-color: var(--yellow-500) !important; } .bg-yellow-600 { background-color: var(--yellow-600) !important; } .bg-yellow-700 { background-color: var(--yellow-700) !important; } .bg-yellow-800 { background-color: var(--yellow-800) !important; } .bg-yellow-900 { background-color: var(--yellow-900) !important; } .focus\:bg-yellow-50:focus { background-color: var(--yellow-50) !important; } .focus\:bg-yellow-100:focus { background-color: var(--yellow-100) !important; } .focus\:bg-yellow-200:focus { background-color: var(--yellow-200) !important; } .focus\:bg-yellow-300:focus { background-color: var(--yellow-300) !important; } .focus\:bg-yellow-400:focus { background-color: var(--yellow-400) !important; } .focus\:bg-yellow-500:focus { background-color: var(--yellow-500) !important; } .focus\:bg-yellow-600:focus { background-color: var(--yellow-600) !important; } .focus\:bg-yellow-700:focus { background-color: var(--yellow-700) !important; } .focus\:bg-yellow-800:focus { background-color: var(--yellow-800) !important; } .focus\:bg-yellow-900:focus { background-color: var(--yellow-900) !important; } .hover\:bg-yellow-50:hover { background-color: var(--yellow-50) !important; } .hover\:bg-yellow-100:hover { background-color: var(--yellow-100) !important; } .hover\:bg-yellow-200:hover { background-color: var(--yellow-200) !important; } .hover\:bg-yellow-300:hover { background-color: var(--yellow-300) !important; } .hover\:bg-yellow-400:hover { background-color: var(--yellow-400) !important; } .hover\:bg-yellow-500:hover { background-color: var(--yellow-500) !important; } .hover\:bg-yellow-600:hover { background-color: var(--yellow-600) !important; } .hover\:bg-yellow-700:hover { background-color: var(--yellow-700) !important; } .hover\:bg-yellow-800:hover { background-color: var(--yellow-800) !important; } .hover\:bg-yellow-900:hover { background-color: var(--yellow-900) !important; } .active\:bg-yellow-50:active { background-color: var(--yellow-50) !important; } .active\:bg-yellow-100:active { background-color: var(--yellow-100) !important; } .active\:bg-yellow-200:active { background-color: var(--yellow-200) !important; } .active\:bg-yellow-300:active { background-color: var(--yellow-300) !important; } .active\:bg-yellow-400:active { background-color: var(--yellow-400) !important; } .active\:bg-yellow-500:active { background-color: var(--yellow-500) !important; } .active\:bg-yellow-600:active { background-color: var(--yellow-600) !important; } .active\:bg-yellow-700:active { background-color: var(--yellow-700) !important; } .active\:bg-yellow-800:active { background-color: var(--yellow-800) !important; } .active\:bg-yellow-900:active { background-color: var(--yellow-900) !important; } .bg-cyan-50 { background-color: var(--cyan-50) !important; } .bg-cyan-100 { background-color: var(--cyan-100) !important; } .bg-cyan-200 { background-color: var(--cyan-200) !important; } .bg-cyan-300 { background-color: var(--cyan-300) !important; } .bg-cyan-400 { background-color: var(--cyan-400) !important; } .bg-cyan-500 { background-color: var(--cyan-500) !important; } .bg-cyan-600 { background-color: var(--cyan-600) !important; } .bg-cyan-700 { background-color: var(--cyan-700) !important; } .bg-cyan-800 { background-color: var(--cyan-800) !important; } .bg-cyan-900 { background-color: var(--cyan-900) !important; } .focus\:bg-cyan-50:focus { background-color: var(--cyan-50) !important; } .focus\:bg-cyan-100:focus { background-color: var(--cyan-100) !important; } .focus\:bg-cyan-200:focus { background-color: var(--cyan-200) !important; } .focus\:bg-cyan-300:focus { background-color: var(--cyan-300) !important; } .focus\:bg-cyan-400:focus { background-color: var(--cyan-400) !important; } .focus\:bg-cyan-500:focus { background-color: var(--cyan-500) !important; } .focus\:bg-cyan-600:focus { background-color: var(--cyan-600) !important; } .focus\:bg-cyan-700:focus { background-color: var(--cyan-700) !important; } .focus\:bg-cyan-800:focus { background-color: var(--cyan-800) !important; } .focus\:bg-cyan-900:focus { background-color: var(--cyan-900) !important; } .hover\:bg-cyan-50:hover { background-color: var(--cyan-50) !important; } .hover\:bg-cyan-100:hover { background-color: var(--cyan-100) !important; } .hover\:bg-cyan-200:hover { background-color: var(--cyan-200) !important; } .hover\:bg-cyan-300:hover { background-color: var(--cyan-300) !important; } .hover\:bg-cyan-400:hover { background-color: var(--cyan-400) !important; } .hover\:bg-cyan-500:hover { background-color: var(--cyan-500) !important; } .hover\:bg-cyan-600:hover { background-color: var(--cyan-600) !important; } .hover\:bg-cyan-700:hover { background-color: var(--cyan-700) !important; } .hover\:bg-cyan-800:hover { background-color: var(--cyan-800) !important; } .hover\:bg-cyan-900:hover { background-color: var(--cyan-900) !important; } .active\:bg-cyan-50:active { background-color: var(--cyan-50) !important; } .active\:bg-cyan-100:active { background-color: var(--cyan-100) !important; } .active\:bg-cyan-200:active { background-color: var(--cyan-200) !important; } .active\:bg-cyan-300:active { background-color: var(--cyan-300) !important; } .active\:bg-cyan-400:active { background-color: var(--cyan-400) !important; } .active\:bg-cyan-500:active { background-color: var(--cyan-500) !important; } .active\:bg-cyan-600:active { background-color: var(--cyan-600) !important; } .active\:bg-cyan-700:active { background-color: var(--cyan-700) !important; } .active\:bg-cyan-800:active { background-color: var(--cyan-800) !important; } .active\:bg-cyan-900:active { background-color: var(--cyan-900) !important; } .bg-pink-50 { background-color: var(--pink-50) !important; } .bg-pink-100 { background-color: var(--pink-100) !important; } .bg-pink-200 { background-color: var(--pink-200) !important; } .bg-pink-300 { background-color: var(--pink-300) !important; } .bg-pink-400 { background-color: var(--pink-400) !important; } .bg-pink-500 { background-color: var(--pink-500) !important; } .bg-pink-600 { background-color: var(--pink-600) !important; } .bg-pink-700 { background-color: var(--pink-700) !important; } .bg-pink-800 { background-color: var(--pink-800) !important; } .bg-pink-900 { background-color: var(--pink-900) !important; } .focus\:bg-pink-50:focus { background-color: var(--pink-50) !important; } .focus\:bg-pink-100:focus { background-color: var(--pink-100) !important; } .focus\:bg-pink-200:focus { background-color: var(--pink-200) !important; } .focus\:bg-pink-300:focus { background-color: var(--pink-300) !important; } .focus\:bg-pink-400:focus { background-color: var(--pink-400) !important; } .focus\:bg-pink-500:focus { background-color: var(--pink-500) !important; } .focus\:bg-pink-600:focus { background-color: var(--pink-600) !important; } .focus\:bg-pink-700:focus { background-color: var(--pink-700) !important; } .focus\:bg-pink-800:focus { background-color: var(--pink-800) !important; } .focus\:bg-pink-900:focus { background-color: var(--pink-900) !important; } .hover\:bg-pink-50:hover { background-color: var(--pink-50) !important; } .hover\:bg-pink-100:hover { background-color: var(--pink-100) !important; } .hover\:bg-pink-200:hover { background-color: var(--pink-200) !important; } .hover\:bg-pink-300:hover { background-color: var(--pink-300) !important; } .hover\:bg-pink-400:hover { background-color: var(--pink-400) !important; } .hover\:bg-pink-500:hover { background-color: var(--pink-500) !important; } .hover\:bg-pink-600:hover { background-color: var(--pink-600) !important; } .hover\:bg-pink-700:hover { background-color: var(--pink-700) !important; } .hover\:bg-pink-800:hover { background-color: var(--pink-800) !important; } .hover\:bg-pink-900:hover { background-color: var(--pink-900) !important; } .active\:bg-pink-50:active { background-color: var(--pink-50) !important; } .active\:bg-pink-100:active { background-color: var(--pink-100) !important; } .active\:bg-pink-200:active { background-color: var(--pink-200) !important; } .active\:bg-pink-300:active { background-color: var(--pink-300) !important; } .active\:bg-pink-400:active { background-color: var(--pink-400) !important; } .active\:bg-pink-500:active { background-color: var(--pink-500) !important; } .active\:bg-pink-600:active { background-color: var(--pink-600) !important; } .active\:bg-pink-700:active { background-color: var(--pink-700) !important; } .active\:bg-pink-800:active { background-color: var(--pink-800) !important; } .active\:bg-pink-900:active { background-color: var(--pink-900) !important; } .bg-indigo-50 { background-color: var(--indigo-50) !important; } .bg-indigo-100 { background-color: var(--indigo-100) !important; } .bg-indigo-200 { background-color: var(--indigo-200) !important; } .bg-indigo-300 { background-color: var(--indigo-300) !important; } .bg-indigo-400 { background-color: var(--indigo-400) !important; } .bg-indigo-500 { background-color: var(--indigo-500) !important; } .bg-indigo-600 { background-color: var(--indigo-600) !important; } .bg-indigo-700 { background-color: var(--indigo-700) !important; } .bg-indigo-800 { background-color: var(--indigo-800) !important; } .bg-indigo-900 { background-color: var(--indigo-900) !important; } .focus\:bg-indigo-50:focus { background-color: var(--indigo-50) !important; } .focus\:bg-indigo-100:focus { background-color: var(--indigo-100) !important; } .focus\:bg-indigo-200:focus { background-color: var(--indigo-200) !important; } .focus\:bg-indigo-300:focus { background-color: var(--indigo-300) !important; } .focus\:bg-indigo-400:focus { background-color: var(--indigo-400) !important; } .focus\:bg-indigo-500:focus { background-color: var(--indigo-500) !important; } .focus\:bg-indigo-600:focus { background-color: var(--indigo-600) !important; } .focus\:bg-indigo-700:focus { background-color: var(--indigo-700) !important; } .focus\:bg-indigo-800:focus { background-color: var(--indigo-800) !important; } .focus\:bg-indigo-900:focus { background-color: var(--indigo-900) !important; } .hover\:bg-indigo-50:hover { background-color: var(--indigo-50) !important; } .hover\:bg-indigo-100:hover { background-color: var(--indigo-100) !important; } .hover\:bg-indigo-200:hover { background-color: var(--indigo-200) !important; } .hover\:bg-indigo-300:hover { background-color: var(--indigo-300) !important; } .hover\:bg-indigo-400:hover { background-color: var(--indigo-400) !important; } .hover\:bg-indigo-500:hover { background-color: var(--indigo-500) !important; } .hover\:bg-indigo-600:hover { background-color: var(--indigo-600) !important; } .hover\:bg-indigo-700:hover { background-color: var(--indigo-700) !important; } .hover\:bg-indigo-800:hover { background-color: var(--indigo-800) !important; } .hover\:bg-indigo-900:hover { background-color: var(--indigo-900) !important; } .active\:bg-indigo-50:active { background-color: var(--indigo-50) !important; } .active\:bg-indigo-100:active { background-color: var(--indigo-100) !important; } .active\:bg-indigo-200:active { background-color: var(--indigo-200) !important; } .active\:bg-indigo-300:active { background-color: var(--indigo-300) !important; } .active\:bg-indigo-400:active { background-color: var(--indigo-400) !important; } .active\:bg-indigo-500:active { background-color: var(--indigo-500) !important; } .active\:bg-indigo-600:active { background-color: var(--indigo-600) !important; } .active\:bg-indigo-700:active { background-color: var(--indigo-700) !important; } .active\:bg-indigo-800:active { background-color: var(--indigo-800) !important; } .active\:bg-indigo-900:active { background-color: var(--indigo-900) !important; } .bg-teal-50 { background-color: var(--teal-50) !important; } .bg-teal-100 { background-color: var(--teal-100) !important; } .bg-teal-200 { background-color: var(--teal-200) !important; } .bg-teal-300 { background-color: var(--teal-300) !important; } .bg-teal-400 { background-color: var(--teal-400) !important; } .bg-teal-500 { background-color: var(--teal-500) !important; } .bg-teal-600 { background-color: var(--teal-600) !important; } .bg-teal-700 { background-color: var(--teal-700) !important; } .bg-teal-800 { background-color: var(--teal-800) !important; } .bg-teal-900 { background-color: var(--teal-900) !important; } .focus\:bg-teal-50:focus { background-color: var(--teal-50) !important; } .focus\:bg-teal-100:focus { background-color: var(--teal-100) !important; } .focus\:bg-teal-200:focus { background-color: var(--teal-200) !important; } .focus\:bg-teal-300:focus { background-color: var(--teal-300) !important; } .focus\:bg-teal-400:focus { background-color: var(--teal-400) !important; } .focus\:bg-teal-500:focus { background-color: var(--teal-500) !important; } .focus\:bg-teal-600:focus { background-color: var(--teal-600) !important; } .focus\:bg-teal-700:focus { background-color: var(--teal-700) !important; } .focus\:bg-teal-800:focus { background-color: var(--teal-800) !important; } .focus\:bg-teal-900:focus { background-color: var(--teal-900) !important; } .hover\:bg-teal-50:hover { background-color: var(--teal-50) !important; } .hover\:bg-teal-100:hover { background-color: var(--teal-100) !important; } .hover\:bg-teal-200:hover { background-color: var(--teal-200) !important; } .hover\:bg-teal-300:hover { background-color: var(--teal-300) !important; } .hover\:bg-teal-400:hover { background-color: var(--teal-400) !important; } .hover\:bg-teal-500:hover { background-color: var(--teal-500) !important; } .hover\:bg-teal-600:hover { background-color: var(--teal-600) !important; } .hover\:bg-teal-700:hover { background-color: var(--teal-700) !important; } .hover\:bg-teal-800:hover { background-color: var(--teal-800) !important; } .hover\:bg-teal-900:hover { background-color: var(--teal-900) !important; } .active\:bg-teal-50:active { background-color: var(--teal-50) !important; } .active\:bg-teal-100:active { background-color: var(--teal-100) !important; } .active\:bg-teal-200:active { background-color: var(--teal-200) !important; } .active\:bg-teal-300:active { background-color: var(--teal-300) !important; } .active\:bg-teal-400:active { background-color: var(--teal-400) !important; } .active\:bg-teal-500:active { background-color: var(--teal-500) !important; } .active\:bg-teal-600:active { background-color: var(--teal-600) !important; } .active\:bg-teal-700:active { background-color: var(--teal-700) !important; } .active\:bg-teal-800:active { background-color: var(--teal-800) !important; } .active\:bg-teal-900:active { background-color: var(--teal-900) !important; } .bg-orange-50 { background-color: var(--orange-50) !important; } .bg-orange-100 { background-color: var(--orange-100) !important; } .bg-orange-200 { background-color: var(--orange-200) !important; } .bg-orange-300 { background-color: var(--orange-300) !important; } .bg-orange-400 { background-color: var(--orange-400) !important; } .bg-orange-500 { background-color: var(--orange-500) !important; } .bg-orange-600 { background-color: var(--orange-600) !important; } .bg-orange-700 { background-color: var(--orange-700) !important; } .bg-orange-800 { background-color: var(--orange-800) !important; } .bg-orange-900 { background-color: var(--orange-900) !important; } .focus\:bg-orange-50:focus { background-color: var(--orange-50) !important; } .focus\:bg-orange-100:focus { background-color: var(--orange-100) !important; } .focus\:bg-orange-200:focus { background-color: var(--orange-200) !important; } .focus\:bg-orange-300:focus { background-color: var(--orange-300) !important; } .focus\:bg-orange-400:focus { background-color: var(--orange-400) !important; } .focus\:bg-orange-500:focus { background-color: var(--orange-500) !important; } .focus\:bg-orange-600:focus { background-color: var(--orange-600) !important; } .focus\:bg-orange-700:focus { background-color: var(--orange-700) !important; } .focus\:bg-orange-800:focus { background-color: var(--orange-800) !important; } .focus\:bg-orange-900:focus { background-color: var(--orange-900) !important; } .hover\:bg-orange-50:hover { background-color: var(--orange-50) !important; } .hover\:bg-orange-100:hover { background-color: var(--orange-100) !important; } .hover\:bg-orange-200:hover { background-color: var(--orange-200) !important; } .hover\:bg-orange-300:hover { background-color: var(--orange-300) !important; } .hover\:bg-orange-400:hover { background-color: var(--orange-400) !important; } .hover\:bg-orange-500:hover { background-color: var(--orange-500) !important; } .hover\:bg-orange-600:hover { background-color: var(--orange-600) !important; } .hover\:bg-orange-700:hover { background-color: var(--orange-700) !important; } .hover\:bg-orange-800:hover { background-color: var(--orange-800) !important; } .hover\:bg-orange-900:hover { background-color: var(--orange-900) !important; } .active\:bg-orange-50:active { background-color: var(--orange-50) !important; } .active\:bg-orange-100:active { background-color: var(--orange-100) !important; } .active\:bg-orange-200:active { background-color: var(--orange-200) !important; } .active\:bg-orange-300:active { background-color: var(--orange-300) !important; } .active\:bg-orange-400:active { background-color: var(--orange-400) !important; } .active\:bg-orange-500:active { background-color: var(--orange-500) !important; } .active\:bg-orange-600:active { background-color: var(--orange-600) !important; } .active\:bg-orange-700:active { background-color: var(--orange-700) !important; } .active\:bg-orange-800:active { background-color: var(--orange-800) !important; } .active\:bg-orange-900:active { background-color: var(--orange-900) !important; } .bg-bluegray-50 { background-color: var(--bluegray-50) !important; } .bg-bluegray-100 { background-color: var(--bluegray-100) !important; } .bg-bluegray-200 { background-color: var(--bluegray-200) !important; } .bg-bluegray-300 { background-color: var(--bluegray-300) !important; } .bg-bluegray-400 { background-color: var(--bluegray-400) !important; } .bg-bluegray-500 { background-color: var(--bluegray-500) !important; } .bg-bluegray-600 { background-color: var(--bluegray-600) !important; } .bg-bluegray-700 { background-color: var(--bluegray-700) !important; } .bg-bluegray-800 { background-color: var(--bluegray-800) !important; } .bg-bluegray-900 { background-color: var(--bluegray-900) !important; } .focus\:bg-bluegray-50:focus { background-color: var(--bluegray-50) !important; } .focus\:bg-bluegray-100:focus { background-color: var(--bluegray-100) !important; } .focus\:bg-bluegray-200:focus { background-color: var(--bluegray-200) !important; } .focus\:bg-bluegray-300:focus { background-color: var(--bluegray-300) !important; } .focus\:bg-bluegray-400:focus { background-color: var(--bluegray-400) !important; } .focus\:bg-bluegray-500:focus { background-color: var(--bluegray-500) !important; } .focus\:bg-bluegray-600:focus { background-color: var(--bluegray-600) !important; } .focus\:bg-bluegray-700:focus { background-color: var(--bluegray-700) !important; } .focus\:bg-bluegray-800:focus { background-color: var(--bluegray-800) !important; } .focus\:bg-bluegray-900:focus { background-color: var(--bluegray-900) !important; } .hover\:bg-bluegray-50:hover { background-color: var(--bluegray-50) !important; } .hover\:bg-bluegray-100:hover { background-color: var(--bluegray-100) !important; } .hover\:bg-bluegray-200:hover { background-color: var(--bluegray-200) !important; } .hover\:bg-bluegray-300:hover { background-color: var(--bluegray-300) !important; } .hover\:bg-bluegray-400:hover { background-color: var(--bluegray-400) !important; } .hover\:bg-bluegray-500:hover { background-color: var(--bluegray-500) !important; } .hover\:bg-bluegray-600:hover { background-color: var(--bluegray-600) !important; } .hover\:bg-bluegray-700:hover { background-color: var(--bluegray-700) !important; } .hover\:bg-bluegray-800:hover { background-color: var(--bluegray-800) !important; } .hover\:bg-bluegray-900:hover { background-color: var(--bluegray-900) !important; } .active\:bg-bluegray-50:active { background-color: var(--bluegray-50) !important; } .active\:bg-bluegray-100:active { background-color: var(--bluegray-100) !important; } .active\:bg-bluegray-200:active { background-color: var(--bluegray-200) !important; } .active\:bg-bluegray-300:active { background-color: var(--bluegray-300) !important; } .active\:bg-bluegray-400:active { background-color: var(--bluegray-400) !important; } .active\:bg-bluegray-500:active { background-color: var(--bluegray-500) !important; } .active\:bg-bluegray-600:active { background-color: var(--bluegray-600) !important; } .active\:bg-bluegray-700:active { background-color: var(--bluegray-700) !important; } .active\:bg-bluegray-800:active { background-color: var(--bluegray-800) !important; } .active\:bg-bluegray-900:active { background-color: var(--bluegray-900) !important; } .bg-purple-50 { background-color: var(--purple-50) !important; } .bg-purple-100 { background-color: var(--purple-100) !important; } .bg-purple-200 { background-color: var(--purple-200) !important; } .bg-purple-300 { background-color: var(--purple-300) !important; } .bg-purple-400 { background-color: var(--purple-400) !important; } .bg-purple-500 { background-color: var(--purple-500) !important; } .bg-purple-600 { background-color: var(--purple-600) !important; } .bg-purple-700 { background-color: var(--purple-700) !important; } .bg-purple-800 { background-color: var(--purple-800) !important; } .bg-purple-900 { background-color: var(--purple-900) !important; } .focus\:bg-purple-50:focus { background-color: var(--purple-50) !important; } .focus\:bg-purple-100:focus { background-color: var(--purple-100) !important; } .focus\:bg-purple-200:focus { background-color: var(--purple-200) !important; } .focus\:bg-purple-300:focus { background-color: var(--purple-300) !important; } .focus\:bg-purple-400:focus { background-color: var(--purple-400) !important; } .focus\:bg-purple-500:focus { background-color: var(--purple-500) !important; } .focus\:bg-purple-600:focus { background-color: var(--purple-600) !important; } .focus\:bg-purple-700:focus { background-color: var(--purple-700) !important; } .focus\:bg-purple-800:focus { background-color: var(--purple-800) !important; } .focus\:bg-purple-900:focus { background-color: var(--purple-900) !important; } .hover\:bg-purple-50:hover { background-color: var(--purple-50) !important; } .hover\:bg-purple-100:hover { background-color: var(--purple-100) !important; } .hover\:bg-purple-200:hover { background-color: var(--purple-200) !important; } .hover\:bg-purple-300:hover { background-color: var(--purple-300) !important; } .hover\:bg-purple-400:hover { background-color: var(--purple-400) !important; } .hover\:bg-purple-500:hover { background-color: var(--purple-500) !important; } .hover\:bg-purple-600:hover { background-color: var(--purple-600) !important; } .hover\:bg-purple-700:hover { background-color: var(--purple-700) !important; } .hover\:bg-purple-800:hover { background-color: var(--purple-800) !important; } .hover\:bg-purple-900:hover { background-color: var(--purple-900) !important; } .active\:bg-purple-50:active { background-color: var(--purple-50) !important; } .active\:bg-purple-100:active { background-color: var(--purple-100) !important; } .active\:bg-purple-200:active { background-color: var(--purple-200) !important; } .active\:bg-purple-300:active { background-color: var(--purple-300) !important; } .active\:bg-purple-400:active { background-color: var(--purple-400) !important; } .active\:bg-purple-500:active { background-color: var(--purple-500) !important; } .active\:bg-purple-600:active { background-color: var(--purple-600) !important; } .active\:bg-purple-700:active { background-color: var(--purple-700) !important; } .active\:bg-purple-800:active { background-color: var(--purple-800) !important; } .active\:bg-purple-900:active { background-color: var(--purple-900) !important; } .bg-gray-50 { background-color: var(--gray-50) !important; } .bg-gray-100 { background-color: var(--gray-100) !important; } .bg-gray-200 { background-color: var(--gray-200) !important; } .bg-gray-300 { background-color: var(--gray-300) !important; } .bg-gray-400 { background-color: var(--gray-400) !important; } .bg-gray-500 { background-color: var(--gray-500) !important; } .bg-gray-600 { background-color: var(--gray-600) !important; } .bg-gray-700 { background-color: var(--gray-700) !important; } .bg-gray-800 { background-color: var(--gray-800) !important; } .bg-gray-900 { background-color: var(--gray-900) !important; } .focus\:bg-gray-50:focus { background-color: var(--gray-50) !important; } .focus\:bg-gray-100:focus { background-color: var(--gray-100) !important; } .focus\:bg-gray-200:focus { background-color: var(--gray-200) !important; } .focus\:bg-gray-300:focus { background-color: var(--gray-300) !important; } .focus\:bg-gray-400:focus { background-color: var(--gray-400) !important; } .focus\:bg-gray-500:focus { background-color: var(--gray-500) !important; } .focus\:bg-gray-600:focus { background-color: var(--gray-600) !important; } .focus\:bg-gray-700:focus { background-color: var(--gray-700) !important; } .focus\:bg-gray-800:focus { background-color: var(--gray-800) !important; } .focus\:bg-gray-900:focus { background-color: var(--gray-900) !important; } .hover\:bg-gray-50:hover { background-color: var(--gray-50) !important; } .hover\:bg-gray-100:hover { background-color: var(--gray-100) !important; } .hover\:bg-gray-200:hover { background-color: var(--gray-200) !important; } .hover\:bg-gray-300:hover { background-color: var(--gray-300) !important; } .hover\:bg-gray-400:hover { background-color: var(--gray-400) !important; } .hover\:bg-gray-500:hover { background-color: var(--gray-500) !important; } .hover\:bg-gray-600:hover { background-color: var(--gray-600) !important; } .hover\:bg-gray-700:hover { background-color: var(--gray-700) !important; } .hover\:bg-gray-800:hover { background-color: var(--gray-800) !important; } .hover\:bg-gray-900:hover { background-color: var(--gray-900) !important; } .active\:bg-gray-50:active { background-color: var(--gray-50) !important; } .active\:bg-gray-100:active { background-color: var(--gray-100) !important; } .active\:bg-gray-200:active { background-color: var(--gray-200) !important; } .active\:bg-gray-300:active { background-color: var(--gray-300) !important; } .active\:bg-gray-400:active { background-color: var(--gray-400) !important; } .active\:bg-gray-500:active { background-color: var(--gray-500) !important; } .active\:bg-gray-600:active { background-color: var(--gray-600) !important; } .active\:bg-gray-700:active { background-color: var(--gray-700) !important; } .active\:bg-gray-800:active { background-color: var(--gray-800) !important; } .active\:bg-gray-900:active { background-color: var(--gray-900) !important; } .bg-red-50 { background-color: var(--red-50) !important; } .bg-red-100 { background-color: var(--red-100) !important; } .bg-red-200 { background-color: var(--red-200) !important; } .bg-red-300 { background-color: var(--red-300) !important; } .bg-red-400 { background-color: var(--red-400) !important; } .bg-red-500 { background-color: var(--red-500) !important; } .bg-red-600 { background-color: var(--red-600) !important; } .bg-red-700 { background-color: var(--red-700) !important; } .bg-red-800 { background-color: var(--red-800) !important; } .bg-red-900 { background-color: var(--red-900) !important; } .focus\:bg-red-50:focus { background-color: var(--red-50) !important; } .focus\:bg-red-100:focus { background-color: var(--red-100) !important; } .focus\:bg-red-200:focus { background-color: var(--red-200) !important; } .focus\:bg-red-300:focus { background-color: var(--red-300) !important; } .focus\:bg-red-400:focus { background-color: var(--red-400) !important; } .focus\:bg-red-500:focus { background-color: var(--red-500) !important; } .focus\:bg-red-600:focus { background-color: var(--red-600) !important; } .focus\:bg-red-700:focus { background-color: var(--red-700) !important; } .focus\:bg-red-800:focus { background-color: var(--red-800) !important; } .focus\:bg-red-900:focus { background-color: var(--red-900) !important; } .hover\:bg-red-50:hover { background-color: var(--red-50) !important; } .hover\:bg-red-100:hover { background-color: var(--red-100) !important; } .hover\:bg-red-200:hover { background-color: var(--red-200) !important; } .hover\:bg-red-300:hover { background-color: var(--red-300) !important; } .hover\:bg-red-400:hover { background-color: var(--red-400) !important; } .hover\:bg-red-500:hover { background-color: var(--red-500) !important; } .hover\:bg-red-600:hover { background-color: var(--red-600) !important; } .hover\:bg-red-700:hover { background-color: var(--red-700) !important; } .hover\:bg-red-800:hover { background-color: var(--red-800) !important; } .hover\:bg-red-900:hover { background-color: var(--red-900) !important; } .active\:bg-red-50:active { background-color: var(--red-50) !important; } .active\:bg-red-100:active { background-color: var(--red-100) !important; } .active\:bg-red-200:active { background-color: var(--red-200) !important; } .active\:bg-red-300:active { background-color: var(--red-300) !important; } .active\:bg-red-400:active { background-color: var(--red-400) !important; } .active\:bg-red-500:active { background-color: var(--red-500) !important; } .active\:bg-red-600:active { background-color: var(--red-600) !important; } .active\:bg-red-700:active { background-color: var(--red-700) !important; } .active\:bg-red-800:active { background-color: var(--red-800) !important; } .active\:bg-red-900:active { background-color: var(--red-900) !important; } .bg-primary-50 { background-color: var(--primary-50) !important; } .bg-primary-100 { background-color: var(--primary-100) !important; } .bg-primary-200 { background-color: var(--primary-200) !important; } .bg-primary-300 { background-color: var(--primary-300) !important; } .bg-primary-400 { background-color: var(--primary-400) !important; } .bg-primary-500 { background-color: var(--primary-500) !important; } .bg-primary-600 { background-color: var(--primary-600) !important; } .bg-primary-700 { background-color: var(--primary-700) !important; } .bg-primary-800 { background-color: var(--primary-800) !important; } .bg-primary-900 { background-color: var(--primary-900) !important; } .focus\:bg-primary-50:focus { background-color: var(--primary-50) !important; } .focus\:bg-primary-100:focus { background-color: var(--primary-100) !important; } .focus\:bg-primary-200:focus { background-color: var(--primary-200) !important; } .focus\:bg-primary-300:focus { background-color: var(--primary-300) !important; } .focus\:bg-primary-400:focus { background-color: var(--primary-400) !important; } .focus\:bg-primary-500:focus { background-color: var(--primary-500) !important; } .focus\:bg-primary-600:focus { background-color: var(--primary-600) !important; } .focus\:bg-primary-700:focus { background-color: var(--primary-700) !important; } .focus\:bg-primary-800:focus { background-color: var(--primary-800) !important; } .focus\:bg-primary-900:focus { background-color: var(--primary-900) !important; } .hover\:bg-primary-50:hover { background-color: var(--primary-50) !important; } .hover\:bg-primary-100:hover { background-color: var(--primary-100) !important; } .hover\:bg-primary-200:hover { background-color: var(--primary-200) !important; } .hover\:bg-primary-300:hover { background-color: var(--primary-300) !important; } .hover\:bg-primary-400:hover { background-color: var(--primary-400) !important; } .hover\:bg-primary-500:hover { background-color: var(--primary-500) !important; } .hover\:bg-primary-600:hover { background-color: var(--primary-600) !important; } .hover\:bg-primary-700:hover { background-color: var(--primary-700) !important; } .hover\:bg-primary-800:hover { background-color: var(--primary-800) !important; } .hover\:bg-primary-900:hover { background-color: var(--primary-900) !important; } .active\:bg-primary-50:active { background-color: var(--primary-50) !important; } .active\:bg-primary-100:active { background-color: var(--primary-100) !important; } .active\:bg-primary-200:active { background-color: var(--primary-200) !important; } .active\:bg-primary-300:active { background-color: var(--primary-300) !important; } .active\:bg-primary-400:active { background-color: var(--primary-400) !important; } .active\:bg-primary-500:active { background-color: var(--primary-500) !important; } .active\:bg-primary-600:active { background-color: var(--primary-600) !important; } .active\:bg-primary-700:active { background-color: var(--primary-700) !important; } .active\:bg-primary-800:active { background-color: var(--primary-800) !important; } .active\:bg-primary-900:active { background-color: var(--primary-900) !important; } .border-blue-50 { border-color: var(--blue-50) !important; } .border-blue-100 { border-color: var(--blue-100) !important; } .border-blue-200 { border-color: var(--blue-200) !important; } .border-blue-300 { border-color: var(--blue-300) !important; } .border-blue-400 { border-color: var(--blue-400) !important; } .border-blue-500 { border-color: var(--blue-500) !important; } .border-blue-600 { border-color: var(--blue-600) !important; } .border-blue-700 { border-color: var(--blue-700) !important; } .border-blue-800 { border-color: var(--blue-800) !important; } .border-blue-900 { border-color: var(--blue-900) !important; } .focus\:border-blue-50:focus { border-color: var(--blue-50) !important; } .focus\:border-blue-100:focus { border-color: var(--blue-100) !important; } .focus\:border-blue-200:focus { border-color: var(--blue-200) !important; } .focus\:border-blue-300:focus { border-color: var(--blue-300) !important; } .focus\:border-blue-400:focus { border-color: var(--blue-400) !important; } .focus\:border-blue-500:focus { border-color: var(--blue-500) !important; } .focus\:border-blue-600:focus { border-color: var(--blue-600) !important; } .focus\:border-blue-700:focus { border-color: var(--blue-700) !important; } .focus\:border-blue-800:focus { border-color: var(--blue-800) !important; } .focus\:border-blue-900:focus { border-color: var(--blue-900) !important; } .hover\:border-blue-50:hover { border-color: var(--blue-50) !important; } .hover\:border-blue-100:hover { border-color: var(--blue-100) !important; } .hover\:border-blue-200:hover { border-color: var(--blue-200) !important; } .hover\:border-blue-300:hover { border-color: var(--blue-300) !important; } .hover\:border-blue-400:hover { border-color: var(--blue-400) !important; } .hover\:border-blue-500:hover { border-color: var(--blue-500) !important; } .hover\:border-blue-600:hover { border-color: var(--blue-600) !important; } .hover\:border-blue-700:hover { border-color: var(--blue-700) !important; } .hover\:border-blue-800:hover { border-color: var(--blue-800) !important; } .hover\:border-blue-900:hover { border-color: var(--blue-900) !important; } .active\:border-blue-50:active { border-color: var(--blue-50) !important; } .active\:border-blue-100:active { border-color: var(--blue-100) !important; } .active\:border-blue-200:active { border-color: var(--blue-200) !important; } .active\:border-blue-300:active { border-color: var(--blue-300) !important; } .active\:border-blue-400:active { border-color: var(--blue-400) !important; } .active\:border-blue-500:active { border-color: var(--blue-500) !important; } .active\:border-blue-600:active { border-color: var(--blue-600) !important; } .active\:border-blue-700:active { border-color: var(--blue-700) !important; } .active\:border-blue-800:active { border-color: var(--blue-800) !important; } .active\:border-blue-900:active { border-color: var(--blue-900) !important; } .border-green-50 { border-color: var(--green-50) !important; } .border-green-100 { border-color: var(--green-100) !important; } .border-green-200 { border-color: var(--green-200) !important; } .border-green-300 { border-color: var(--green-300) !important; } .border-green-400 { border-color: var(--green-400) !important; } .border-green-500 { border-color: var(--green-500) !important; } .border-green-600 { border-color: var(--green-600) !important; } .border-green-700 { border-color: var(--green-700) !important; } .border-green-800 { border-color: var(--green-800) !important; } .border-green-900 { border-color: var(--green-900) !important; } .focus\:border-green-50:focus { border-color: var(--green-50) !important; } .focus\:border-green-100:focus { border-color: var(--green-100) !important; } .focus\:border-green-200:focus { border-color: var(--green-200) !important; } .focus\:border-green-300:focus { border-color: var(--green-300) !important; } .focus\:border-green-400:focus { border-color: var(--green-400) !important; } .focus\:border-green-500:focus { border-color: var(--green-500) !important; } .focus\:border-green-600:focus { border-color: var(--green-600) !important; } .focus\:border-green-700:focus { border-color: var(--green-700) !important; } .focus\:border-green-800:focus { border-color: var(--green-800) !important; } .focus\:border-green-900:focus { border-color: var(--green-900) !important; } .hover\:border-green-50:hover { border-color: var(--green-50) !important; } .hover\:border-green-100:hover { border-color: var(--green-100) !important; } .hover\:border-green-200:hover { border-color: var(--green-200) !important; } .hover\:border-green-300:hover { border-color: var(--green-300) !important; } .hover\:border-green-400:hover { border-color: var(--green-400) !important; } .hover\:border-green-500:hover { border-color: var(--green-500) !important; } .hover\:border-green-600:hover { border-color: var(--green-600) !important; } .hover\:border-green-700:hover { border-color: var(--green-700) !important; } .hover\:border-green-800:hover { border-color: var(--green-800) !important; } .hover\:border-green-900:hover { border-color: var(--green-900) !important; } .active\:border-green-50:active { border-color: var(--green-50) !important; } .active\:border-green-100:active { border-color: var(--green-100) !important; } .active\:border-green-200:active { border-color: var(--green-200) !important; } .active\:border-green-300:active { border-color: var(--green-300) !important; } .active\:border-green-400:active { border-color: var(--green-400) !important; } .active\:border-green-500:active { border-color: var(--green-500) !important; } .active\:border-green-600:active { border-color: var(--green-600) !important; } .active\:border-green-700:active { border-color: var(--green-700) !important; } .active\:border-green-800:active { border-color: var(--green-800) !important; } .active\:border-green-900:active { border-color: var(--green-900) !important; } .border-yellow-50 { border-color: var(--yellow-50) !important; } .border-yellow-100 { border-color: var(--yellow-100) !important; } .border-yellow-200 { border-color: var(--yellow-200) !important; } .border-yellow-300 { border-color: var(--yellow-300) !important; } .border-yellow-400 { border-color: var(--yellow-400) !important; } .border-yellow-500 { border-color: var(--yellow-500) !important; } .border-yellow-600 { border-color: var(--yellow-600) !important; } .border-yellow-700 { border-color: var(--yellow-700) !important; } .border-yellow-800 { border-color: var(--yellow-800) !important; } .border-yellow-900 { border-color: var(--yellow-900) !important; } .focus\:border-yellow-50:focus { border-color: var(--yellow-50) !important; } .focus\:border-yellow-100:focus { border-color: var(--yellow-100) !important; } .focus\:border-yellow-200:focus { border-color: var(--yellow-200) !important; } .focus\:border-yellow-300:focus { border-color: var(--yellow-300) !important; } .focus\:border-yellow-400:focus { border-color: var(--yellow-400) !important; } .focus\:border-yellow-500:focus { border-color: var(--yellow-500) !important; } .focus\:border-yellow-600:focus { border-color: var(--yellow-600) !important; } .focus\:border-yellow-700:focus { border-color: var(--yellow-700) !important; } .focus\:border-yellow-800:focus { border-color: var(--yellow-800) !important; } .focus\:border-yellow-900:focus { border-color: var(--yellow-900) !important; } .hover\:border-yellow-50:hover { border-color: var(--yellow-50) !important; } .hover\:border-yellow-100:hover { border-color: var(--yellow-100) !important; } .hover\:border-yellow-200:hover { border-color: var(--yellow-200) !important; } .hover\:border-yellow-300:hover { border-color: var(--yellow-300) !important; } .hover\:border-yellow-400:hover { border-color: var(--yellow-400) !important; } .hover\:border-yellow-500:hover { border-color: var(--yellow-500) !important; } .hover\:border-yellow-600:hover { border-color: var(--yellow-600) !important; } .hover\:border-yellow-700:hover { border-color: var(--yellow-700) !important; } .hover\:border-yellow-800:hover { border-color: var(--yellow-800) !important; } .hover\:border-yellow-900:hover { border-color: var(--yellow-900) !important; } .active\:border-yellow-50:active { border-color: var(--yellow-50) !important; } .active\:border-yellow-100:active { border-color: var(--yellow-100) !important; } .active\:border-yellow-200:active { border-color: var(--yellow-200) !important; } .active\:border-yellow-300:active { border-color: var(--yellow-300) !important; } .active\:border-yellow-400:active { border-color: var(--yellow-400) !important; } .active\:border-yellow-500:active { border-color: var(--yellow-500) !important; } .active\:border-yellow-600:active { border-color: var(--yellow-600) !important; } .active\:border-yellow-700:active { border-color: var(--yellow-700) !important; } .active\:border-yellow-800:active { border-color: var(--yellow-800) !important; } .active\:border-yellow-900:active { border-color: var(--yellow-900) !important; } .border-cyan-50 { border-color: var(--cyan-50) !important; } .border-cyan-100 { border-color: var(--cyan-100) !important; } .border-cyan-200 { border-color: var(--cyan-200) !important; } .border-cyan-300 { border-color: var(--cyan-300) !important; } .border-cyan-400 { border-color: var(--cyan-400) !important; } .border-cyan-500 { border-color: var(--cyan-500) !important; } .border-cyan-600 { border-color: var(--cyan-600) !important; } .border-cyan-700 { border-color: var(--cyan-700) !important; } .border-cyan-800 { border-color: var(--cyan-800) !important; } .border-cyan-900 { border-color: var(--cyan-900) !important; } .focus\:border-cyan-50:focus { border-color: var(--cyan-50) !important; } .focus\:border-cyan-100:focus { border-color: var(--cyan-100) !important; } .focus\:border-cyan-200:focus { border-color: var(--cyan-200) !important; } .focus\:border-cyan-300:focus { border-color: var(--cyan-300) !important; } .focus\:border-cyan-400:focus { border-color: var(--cyan-400) !important; } .focus\:border-cyan-500:focus { border-color: var(--cyan-500) !important; } .focus\:border-cyan-600:focus { border-color: var(--cyan-600) !important; } .focus\:border-cyan-700:focus { border-color: var(--cyan-700) !important; } .focus\:border-cyan-800:focus { border-color: var(--cyan-800) !important; } .focus\:border-cyan-900:focus { border-color: var(--cyan-900) !important; } .hover\:border-cyan-50:hover { border-color: var(--cyan-50) !important; } .hover\:border-cyan-100:hover { border-color: var(--cyan-100) !important; } .hover\:border-cyan-200:hover { border-color: var(--cyan-200) !important; } .hover\:border-cyan-300:hover { border-color: var(--cyan-300) !important; } .hover\:border-cyan-400:hover { border-color: var(--cyan-400) !important; } .hover\:border-cyan-500:hover { border-color: var(--cyan-500) !important; } .hover\:border-cyan-600:hover { border-color: var(--cyan-600) !important; } .hover\:border-cyan-700:hover { border-color: var(--cyan-700) !important; } .hover\:border-cyan-800:hover { border-color: var(--cyan-800) !important; } .hover\:border-cyan-900:hover { border-color: var(--cyan-900) !important; } .active\:border-cyan-50:active { border-color: var(--cyan-50) !important; } .active\:border-cyan-100:active { border-color: var(--cyan-100) !important; } .active\:border-cyan-200:active { border-color: var(--cyan-200) !important; } .active\:border-cyan-300:active { border-color: var(--cyan-300) !important; } .active\:border-cyan-400:active { border-color: var(--cyan-400) !important; } .active\:border-cyan-500:active { border-color: var(--cyan-500) !important; } .active\:border-cyan-600:active { border-color: var(--cyan-600) !important; } .active\:border-cyan-700:active { border-color: var(--cyan-700) !important; } .active\:border-cyan-800:active { border-color: var(--cyan-800) !important; } .active\:border-cyan-900:active { border-color: var(--cyan-900) !important; } .border-pink-50 { border-color: var(--pink-50) !important; } .border-pink-100 { border-color: var(--pink-100) !important; } .border-pink-200 { border-color: var(--pink-200) !important; } .border-pink-300 { border-color: var(--pink-300) !important; } .border-pink-400 { border-color: var(--pink-400) !important; } .border-pink-500 { border-color: var(--pink-500) !important; } .border-pink-600 { border-color: var(--pink-600) !important; } .border-pink-700 { border-color: var(--pink-700) !important; } .border-pink-800 { border-color: var(--pink-800) !important; } .border-pink-900 { border-color: var(--pink-900) !important; } .focus\:border-pink-50:focus { border-color: var(--pink-50) !important; } .focus\:border-pink-100:focus { border-color: var(--pink-100) !important; } .focus\:border-pink-200:focus { border-color: var(--pink-200) !important; } .focus\:border-pink-300:focus { border-color: var(--pink-300) !important; } .focus\:border-pink-400:focus { border-color: var(--pink-400) !important; } .focus\:border-pink-500:focus { border-color: var(--pink-500) !important; } .focus\:border-pink-600:focus { border-color: var(--pink-600) !important; } .focus\:border-pink-700:focus { border-color: var(--pink-700) !important; } .focus\:border-pink-800:focus { border-color: var(--pink-800) !important; } .focus\:border-pink-900:focus { border-color: var(--pink-900) !important; } .hover\:border-pink-50:hover { border-color: var(--pink-50) !important; } .hover\:border-pink-100:hover { border-color: var(--pink-100) !important; } .hover\:border-pink-200:hover { border-color: var(--pink-200) !important; } .hover\:border-pink-300:hover { border-color: var(--pink-300) !important; } .hover\:border-pink-400:hover { border-color: var(--pink-400) !important; } .hover\:border-pink-500:hover { border-color: var(--pink-500) !important; } .hover\:border-pink-600:hover { border-color: var(--pink-600) !important; } .hover\:border-pink-700:hover { border-color: var(--pink-700) !important; } .hover\:border-pink-800:hover { border-color: var(--pink-800) !important; } .hover\:border-pink-900:hover { border-color: var(--pink-900) !important; } .active\:border-pink-50:active { border-color: var(--pink-50) !important; } .active\:border-pink-100:active { border-color: var(--pink-100) !important; } .active\:border-pink-200:active { border-color: var(--pink-200) !important; } .active\:border-pink-300:active { border-color: var(--pink-300) !important; } .active\:border-pink-400:active { border-color: var(--pink-400) !important; } .active\:border-pink-500:active { border-color: var(--pink-500) !important; } .active\:border-pink-600:active { border-color: var(--pink-600) !important; } .active\:border-pink-700:active { border-color: var(--pink-700) !important; } .active\:border-pink-800:active { border-color: var(--pink-800) !important; } .active\:border-pink-900:active { border-color: var(--pink-900) !important; } .border-indigo-50 { border-color: var(--indigo-50) !important; } .border-indigo-100 { border-color: var(--indigo-100) !important; } .border-indigo-200 { border-color: var(--indigo-200) !important; } .border-indigo-300 { border-color: var(--indigo-300) !important; } .border-indigo-400 { border-color: var(--indigo-400) !important; } .border-indigo-500 { border-color: var(--indigo-500) !important; } .border-indigo-600 { border-color: var(--indigo-600) !important; } .border-indigo-700 { border-color: var(--indigo-700) !important; } .border-indigo-800 { border-color: var(--indigo-800) !important; } .border-indigo-900 { border-color: var(--indigo-900) !important; } .focus\:border-indigo-50:focus { border-color: var(--indigo-50) !important; } .focus\:border-indigo-100:focus { border-color: var(--indigo-100) !important; } .focus\:border-indigo-200:focus { border-color: var(--indigo-200) !important; } .focus\:border-indigo-300:focus { border-color: var(--indigo-300) !important; } .focus\:border-indigo-400:focus { border-color: var(--indigo-400) !important; } .focus\:border-indigo-500:focus { border-color: var(--indigo-500) !important; } .focus\:border-indigo-600:focus { border-color: var(--indigo-600) !important; } .focus\:border-indigo-700:focus { border-color: var(--indigo-700) !important; } .focus\:border-indigo-800:focus { border-color: var(--indigo-800) !important; } .focus\:border-indigo-900:focus { border-color: var(--indigo-900) !important; } .hover\:border-indigo-50:hover { border-color: var(--indigo-50) !important; } .hover\:border-indigo-100:hover { border-color: var(--indigo-100) !important; } .hover\:border-indigo-200:hover { border-color: var(--indigo-200) !important; } .hover\:border-indigo-300:hover { border-color: var(--indigo-300) !important; } .hover\:border-indigo-400:hover { border-color: var(--indigo-400) !important; } .hover\:border-indigo-500:hover { border-color: var(--indigo-500) !important; } .hover\:border-indigo-600:hover { border-color: var(--indigo-600) !important; } .hover\:border-indigo-700:hover { border-color: var(--indigo-700) !important; } .hover\:border-indigo-800:hover { border-color: var(--indigo-800) !important; } .hover\:border-indigo-900:hover { border-color: var(--indigo-900) !important; } .active\:border-indigo-50:active { border-color: var(--indigo-50) !important; } .active\:border-indigo-100:active { border-color: var(--indigo-100) !important; } .active\:border-indigo-200:active { border-color: var(--indigo-200) !important; } .active\:border-indigo-300:active { border-color: var(--indigo-300) !important; } .active\:border-indigo-400:active { border-color: var(--indigo-400) !important; } .active\:border-indigo-500:active { border-color: var(--indigo-500) !important; } .active\:border-indigo-600:active { border-color: var(--indigo-600) !important; } .active\:border-indigo-700:active { border-color: var(--indigo-700) !important; } .active\:border-indigo-800:active { border-color: var(--indigo-800) !important; } .active\:border-indigo-900:active { border-color: var(--indigo-900) !important; } .border-teal-50 { border-color: var(--teal-50) !important; } .border-teal-100 { border-color: var(--teal-100) !important; } .border-teal-200 { border-color: var(--teal-200) !important; } .border-teal-300 { border-color: var(--teal-300) !important; } .border-teal-400 { border-color: var(--teal-400) !important; } .border-teal-500 { border-color: var(--teal-500) !important; } .border-teal-600 { border-color: var(--teal-600) !important; } .border-teal-700 { border-color: var(--teal-700) !important; } .border-teal-800 { border-color: var(--teal-800) !important; } .border-teal-900 { border-color: var(--teal-900) !important; } .focus\:border-teal-50:focus { border-color: var(--teal-50) !important; } .focus\:border-teal-100:focus { border-color: var(--teal-100) !important; } .focus\:border-teal-200:focus { border-color: var(--teal-200) !important; } .focus\:border-teal-300:focus { border-color: var(--teal-300) !important; } .focus\:border-teal-400:focus { border-color: var(--teal-400) !important; } .focus\:border-teal-500:focus { border-color: var(--teal-500) !important; } .focus\:border-teal-600:focus { border-color: var(--teal-600) !important; } .focus\:border-teal-700:focus { border-color: var(--teal-700) !important; } .focus\:border-teal-800:focus { border-color: var(--teal-800) !important; } .focus\:border-teal-900:focus { border-color: var(--teal-900) !important; } .hover\:border-teal-50:hover { border-color: var(--teal-50) !important; } .hover\:border-teal-100:hover { border-color: var(--teal-100) !important; } .hover\:border-teal-200:hover { border-color: var(--teal-200) !important; } .hover\:border-teal-300:hover { border-color: var(--teal-300) !important; } .hover\:border-teal-400:hover { border-color: var(--teal-400) !important; } .hover\:border-teal-500:hover { border-color: var(--teal-500) !important; } .hover\:border-teal-600:hover { border-color: var(--teal-600) !important; } .hover\:border-teal-700:hover { border-color: var(--teal-700) !important; } .hover\:border-teal-800:hover { border-color: var(--teal-800) !important; } .hover\:border-teal-900:hover { border-color: var(--teal-900) !important; } .active\:border-teal-50:active { border-color: var(--teal-50) !important; } .active\:border-teal-100:active { border-color: var(--teal-100) !important; } .active\:border-teal-200:active { border-color: var(--teal-200) !important; } .active\:border-teal-300:active { border-color: var(--teal-300) !important; } .active\:border-teal-400:active { border-color: var(--teal-400) !important; } .active\:border-teal-500:active { border-color: var(--teal-500) !important; } .active\:border-teal-600:active { border-color: var(--teal-600) !important; } .active\:border-teal-700:active { border-color: var(--teal-700) !important; } .active\:border-teal-800:active { border-color: var(--teal-800) !important; } .active\:border-teal-900:active { border-color: var(--teal-900) !important; } .border-orange-50 { border-color: var(--orange-50) !important; } .border-orange-100 { border-color: var(--orange-100) !important; } .border-orange-200 { border-color: var(--orange-200) !important; } .border-orange-300 { border-color: var(--orange-300) !important; } .border-orange-400 { border-color: var(--orange-400) !important; } .border-orange-500 { border-color: var(--orange-500) !important; } .border-orange-600 { border-color: var(--orange-600) !important; } .border-orange-700 { border-color: var(--orange-700) !important; } .border-orange-800 { border-color: var(--orange-800) !important; } .border-orange-900 { border-color: var(--orange-900) !important; } .focus\:border-orange-50:focus { border-color: var(--orange-50) !important; } .focus\:border-orange-100:focus { border-color: var(--orange-100) !important; } .focus\:border-orange-200:focus { border-color: var(--orange-200) !important; } .focus\:border-orange-300:focus { border-color: var(--orange-300) !important; } .focus\:border-orange-400:focus { border-color: var(--orange-400) !important; } .focus\:border-orange-500:focus { border-color: var(--orange-500) !important; } .focus\:border-orange-600:focus { border-color: var(--orange-600) !important; } .focus\:border-orange-700:focus { border-color: var(--orange-700) !important; } .focus\:border-orange-800:focus { border-color: var(--orange-800) !important; } .focus\:border-orange-900:focus { border-color: var(--orange-900) !important; } .hover\:border-orange-50:hover { border-color: var(--orange-50) !important; } .hover\:border-orange-100:hover { border-color: var(--orange-100) !important; } .hover\:border-orange-200:hover { border-color: var(--orange-200) !important; } .hover\:border-orange-300:hover { border-color: var(--orange-300) !important; } .hover\:border-orange-400:hover { border-color: var(--orange-400) !important; } .hover\:border-orange-500:hover { border-color: var(--orange-500) !important; } .hover\:border-orange-600:hover { border-color: var(--orange-600) !important; } .hover\:border-orange-700:hover { border-color: var(--orange-700) !important; } .hover\:border-orange-800:hover { border-color: var(--orange-800) !important; } .hover\:border-orange-900:hover { border-color: var(--orange-900) !important; } .active\:border-orange-50:active { border-color: var(--orange-50) !important; } .active\:border-orange-100:active { border-color: var(--orange-100) !important; } .active\:border-orange-200:active { border-color: var(--orange-200) !important; } .active\:border-orange-300:active { border-color: var(--orange-300) !important; } .active\:border-orange-400:active { border-color: var(--orange-400) !important; } .active\:border-orange-500:active { border-color: var(--orange-500) !important; } .active\:border-orange-600:active { border-color: var(--orange-600) !important; } .active\:border-orange-700:active { border-color: var(--orange-700) !important; } .active\:border-orange-800:active { border-color: var(--orange-800) !important; } .active\:border-orange-900:active { border-color: var(--orange-900) !important; } .border-bluegray-50 { border-color: var(--bluegray-50) !important; } .border-bluegray-100 { border-color: var(--bluegray-100) !important; } .border-bluegray-200 { border-color: var(--bluegray-200) !important; } .border-bluegray-300 { border-color: var(--bluegray-300) !important; } .border-bluegray-400 { border-color: var(--bluegray-400) !important; } .border-bluegray-500 { border-color: var(--bluegray-500) !important; } .border-bluegray-600 { border-color: var(--bluegray-600) !important; } .border-bluegray-700 { border-color: var(--bluegray-700) !important; } .border-bluegray-800 { border-color: var(--bluegray-800) !important; } .border-bluegray-900 { border-color: var(--bluegray-900) !important; } .focus\:border-bluegray-50:focus { border-color: var(--bluegray-50) !important; } .focus\:border-bluegray-100:focus { border-color: var(--bluegray-100) !important; } .focus\:border-bluegray-200:focus { border-color: var(--bluegray-200) !important; } .focus\:border-bluegray-300:focus { border-color: var(--bluegray-300) !important; } .focus\:border-bluegray-400:focus { border-color: var(--bluegray-400) !important; } .focus\:border-bluegray-500:focus { border-color: var(--bluegray-500) !important; } .focus\:border-bluegray-600:focus { border-color: var(--bluegray-600) !important; } .focus\:border-bluegray-700:focus { border-color: var(--bluegray-700) !important; } .focus\:border-bluegray-800:focus { border-color: var(--bluegray-800) !important; } .focus\:border-bluegray-900:focus { border-color: var(--bluegray-900) !important; } .hover\:border-bluegray-50:hover { border-color: var(--bluegray-50) !important; } .hover\:border-bluegray-100:hover { border-color: var(--bluegray-100) !important; } .hover\:border-bluegray-200:hover { border-color: var(--bluegray-200) !important; } .hover\:border-bluegray-300:hover { border-color: var(--bluegray-300) !important; } .hover\:border-bluegray-400:hover { border-color: var(--bluegray-400) !important; } .hover\:border-bluegray-500:hover { border-color: var(--bluegray-500) !important; } .hover\:border-bluegray-600:hover { border-color: var(--bluegray-600) !important; } .hover\:border-bluegray-700:hover { border-color: var(--bluegray-700) !important; } .hover\:border-bluegray-800:hover { border-color: var(--bluegray-800) !important; } .hover\:border-bluegray-900:hover { border-color: var(--bluegray-900) !important; } .active\:border-bluegray-50:active { border-color: var(--bluegray-50) !important; } .active\:border-bluegray-100:active { border-color: var(--bluegray-100) !important; } .active\:border-bluegray-200:active { border-color: var(--bluegray-200) !important; } .active\:border-bluegray-300:active { border-color: var(--bluegray-300) !important; } .active\:border-bluegray-400:active { border-color: var(--bluegray-400) !important; } .active\:border-bluegray-500:active { border-color: var(--bluegray-500) !important; } .active\:border-bluegray-600:active { border-color: var(--bluegray-600) !important; } .active\:border-bluegray-700:active { border-color: var(--bluegray-700) !important; } .active\:border-bluegray-800:active { border-color: var(--bluegray-800) !important; } .active\:border-bluegray-900:active { border-color: var(--bluegray-900) !important; } .border-purple-50 { border-color: var(--purple-50) !important; } .border-purple-100 { border-color: var(--purple-100) !important; } .border-purple-200 { border-color: var(--purple-200) !important; } .border-purple-300 { border-color: var(--purple-300) !important; } .border-purple-400 { border-color: var(--purple-400) !important; } .border-purple-500 { border-color: var(--purple-500) !important; } .border-purple-600 { border-color: var(--purple-600) !important; } .border-purple-700 { border-color: var(--purple-700) !important; } .border-purple-800 { border-color: var(--purple-800) !important; } .border-purple-900 { border-color: var(--purple-900) !important; } .focus\:border-purple-50:focus { border-color: var(--purple-50) !important; } .focus\:border-purple-100:focus { border-color: var(--purple-100) !important; } .focus\:border-purple-200:focus { border-color: var(--purple-200) !important; } .focus\:border-purple-300:focus { border-color: var(--purple-300) !important; } .focus\:border-purple-400:focus { border-color: var(--purple-400) !important; } .focus\:border-purple-500:focus { border-color: var(--purple-500) !important; } .focus\:border-purple-600:focus { border-color: var(--purple-600) !important; } .focus\:border-purple-700:focus { border-color: var(--purple-700) !important; } .focus\:border-purple-800:focus { border-color: var(--purple-800) !important; } .focus\:border-purple-900:focus { border-color: var(--purple-900) !important; } .hover\:border-purple-50:hover { border-color: var(--purple-50) !important; } .hover\:border-purple-100:hover { border-color: var(--purple-100) !important; } .hover\:border-purple-200:hover { border-color: var(--purple-200) !important; } .hover\:border-purple-300:hover { border-color: var(--purple-300) !important; } .hover\:border-purple-400:hover { border-color: var(--purple-400) !important; } .hover\:border-purple-500:hover { border-color: var(--purple-500) !important; } .hover\:border-purple-600:hover { border-color: var(--purple-600) !important; } .hover\:border-purple-700:hover { border-color: var(--purple-700) !important; } .hover\:border-purple-800:hover { border-color: var(--purple-800) !important; } .hover\:border-purple-900:hover { border-color: var(--purple-900) !important; } .active\:border-purple-50:active { border-color: var(--purple-50) !important; } .active\:border-purple-100:active { border-color: var(--purple-100) !important; } .active\:border-purple-200:active { border-color: var(--purple-200) !important; } .active\:border-purple-300:active { border-color: var(--purple-300) !important; } .active\:border-purple-400:active { border-color: var(--purple-400) !important; } .active\:border-purple-500:active { border-color: var(--purple-500) !important; } .active\:border-purple-600:active { border-color: var(--purple-600) !important; } .active\:border-purple-700:active { border-color: var(--purple-700) !important; } .active\:border-purple-800:active { border-color: var(--purple-800) !important; } .active\:border-purple-900:active { border-color: var(--purple-900) !important; } .border-gray-50 { border-color: var(--gray-50) !important; } .border-gray-100 { border-color: var(--gray-100) !important; } .border-gray-200 { border-color: var(--gray-200) !important; } .border-gray-300 { border-color: var(--gray-300) !important; } .border-gray-400 { border-color: var(--gray-400) !important; } .border-gray-500 { border-color: var(--gray-500) !important; } .border-gray-600 { border-color: var(--gray-600) !important; } .border-gray-700 { border-color: var(--gray-700) !important; } .border-gray-800 { border-color: var(--gray-800) !important; } .border-gray-900 { border-color: var(--gray-900) !important; } .focus\:border-gray-50:focus { border-color: var(--gray-50) !important; } .focus\:border-gray-100:focus { border-color: var(--gray-100) !important; } .focus\:border-gray-200:focus { border-color: var(--gray-200) !important; } .focus\:border-gray-300:focus { border-color: var(--gray-300) !important; } .focus\:border-gray-400:focus { border-color: var(--gray-400) !important; } .focus\:border-gray-500:focus { border-color: var(--gray-500) !important; } .focus\:border-gray-600:focus { border-color: var(--gray-600) !important; } .focus\:border-gray-700:focus { border-color: var(--gray-700) !important; } .focus\:border-gray-800:focus { border-color: var(--gray-800) !important; } .focus\:border-gray-900:focus { border-color: var(--gray-900) !important; } .hover\:border-gray-50:hover { border-color: var(--gray-50) !important; } .hover\:border-gray-100:hover { border-color: var(--gray-100) !important; } .hover\:border-gray-200:hover { border-color: var(--gray-200) !important; } .hover\:border-gray-300:hover { border-color: var(--gray-300) !important; } .hover\:border-gray-400:hover { border-color: var(--gray-400) !important; } .hover\:border-gray-500:hover { border-color: var(--gray-500) !important; } .hover\:border-gray-600:hover { border-color: var(--gray-600) !important; } .hover\:border-gray-700:hover { border-color: var(--gray-700) !important; } .hover\:border-gray-800:hover { border-color: var(--gray-800) !important; } .hover\:border-gray-900:hover { border-color: var(--gray-900) !important; } .active\:border-gray-50:active { border-color: var(--gray-50) !important; } .active\:border-gray-100:active { border-color: var(--gray-100) !important; } .active\:border-gray-200:active { border-color: var(--gray-200) !important; } .active\:border-gray-300:active { border-color: var(--gray-300) !important; } .active\:border-gray-400:active { border-color: var(--gray-400) !important; } .active\:border-gray-500:active { border-color: var(--gray-500) !important; } .active\:border-gray-600:active { border-color: var(--gray-600) !important; } .active\:border-gray-700:active { border-color: var(--gray-700) !important; } .active\:border-gray-800:active { border-color: var(--gray-800) !important; } .active\:border-gray-900:active { border-color: var(--gray-900) !important; } .border-red-50 { border-color: var(--red-50) !important; } .border-red-100 { border-color: var(--red-100) !important; } .border-red-200 { border-color: var(--red-200) !important; } .border-red-300 { border-color: var(--red-300) !important; } .border-red-400 { border-color: var(--red-400) !important; } .border-red-500 { border-color: var(--red-500) !important; } .border-red-600 { border-color: var(--red-600) !important; } .border-red-700 { border-color: var(--red-700) !important; } .border-red-800 { border-color: var(--red-800) !important; } .border-red-900 { border-color: var(--red-900) !important; } .focus\:border-red-50:focus { border-color: var(--red-50) !important; } .focus\:border-red-100:focus { border-color: var(--red-100) !important; } .focus\:border-red-200:focus { border-color: var(--red-200) !important; } .focus\:border-red-300:focus { border-color: var(--red-300) !important; } .focus\:border-red-400:focus { border-color: var(--red-400) !important; } .focus\:border-red-500:focus { border-color: var(--red-500) !important; } .focus\:border-red-600:focus { border-color: var(--red-600) !important; } .focus\:border-red-700:focus { border-color: var(--red-700) !important; } .focus\:border-red-800:focus { border-color: var(--red-800) !important; } .focus\:border-red-900:focus { border-color: var(--red-900) !important; } .hover\:border-red-50:hover { border-color: var(--red-50) !important; } .hover\:border-red-100:hover { border-color: var(--red-100) !important; } .hover\:border-red-200:hover { border-color: var(--red-200) !important; } .hover\:border-red-300:hover { border-color: var(--red-300) !important; } .hover\:border-red-400:hover { border-color: var(--red-400) !important; } .hover\:border-red-500:hover { border-color: var(--red-500) !important; } .hover\:border-red-600:hover { border-color: var(--red-600) !important; } .hover\:border-red-700:hover { border-color: var(--red-700) !important; } .hover\:border-red-800:hover { border-color: var(--red-800) !important; } .hover\:border-red-900:hover { border-color: var(--red-900) !important; } .active\:border-red-50:active { border-color: var(--red-50) !important; } .active\:border-red-100:active { border-color: var(--red-100) !important; } .active\:border-red-200:active { border-color: var(--red-200) !important; } .active\:border-red-300:active { border-color: var(--red-300) !important; } .active\:border-red-400:active { border-color: var(--red-400) !important; } .active\:border-red-500:active { border-color: var(--red-500) !important; } .active\:border-red-600:active { border-color: var(--red-600) !important; } .active\:border-red-700:active { border-color: var(--red-700) !important; } .active\:border-red-800:active { border-color: var(--red-800) !important; } .active\:border-red-900:active { border-color: var(--red-900) !important; } .border-primary-50 { border-color: var(--primary-50) !important; } .border-primary-100 { border-color: var(--primary-100) !important; } .border-primary-200 { border-color: var(--primary-200) !important; } .border-primary-300 { border-color: var(--primary-300) !important; } .border-primary-400 { border-color: var(--primary-400) !important; } .border-primary-500 { border-color: var(--primary-500) !important; } .border-primary-600 { border-color: var(--primary-600) !important; } .border-primary-700 { border-color: var(--primary-700) !important; } .border-primary-800 { border-color: var(--primary-800) !important; } .border-primary-900 { border-color: var(--primary-900) !important; } .focus\:border-primary-50:focus { border-color: var(--primary-50) !important; } .focus\:border-primary-100:focus { border-color: var(--primary-100) !important; } .focus\:border-primary-200:focus { border-color: var(--primary-200) !important; } .focus\:border-primary-300:focus { border-color: var(--primary-300) !important; } .focus\:border-primary-400:focus { border-color: var(--primary-400) !important; } .focus\:border-primary-500:focus { border-color: var(--primary-500) !important; } .focus\:border-primary-600:focus { border-color: var(--primary-600) !important; } .focus\:border-primary-700:focus { border-color: var(--primary-700) !important; } .focus\:border-primary-800:focus { border-color: var(--primary-800) !important; } .focus\:border-primary-900:focus { border-color: var(--primary-900) !important; } .hover\:border-primary-50:hover { border-color: var(--primary-50) !important; } .hover\:border-primary-100:hover { border-color: var(--primary-100) !important; } .hover\:border-primary-200:hover { border-color: var(--primary-200) !important; } .hover\:border-primary-300:hover { border-color: var(--primary-300) !important; } .hover\:border-primary-400:hover { border-color: var(--primary-400) !important; } .hover\:border-primary-500:hover { border-color: var(--primary-500) !important; } .hover\:border-primary-600:hover { border-color: var(--primary-600) !important; } .hover\:border-primary-700:hover { border-color: var(--primary-700) !important; } .hover\:border-primary-800:hover { border-color: var(--primary-800) !important; } .hover\:border-primary-900:hover { border-color: var(--primary-900) !important; } .active\:border-primary-50:active { border-color: var(--primary-50) !important; } .active\:border-primary-100:active { border-color: var(--primary-100) !important; } .active\:border-primary-200:active { border-color: var(--primary-200) !important; } .active\:border-primary-300:active { border-color: var(--primary-300) !important; } .active\:border-primary-400:active { border-color: var(--primary-400) !important; } .active\:border-primary-500:active { border-color: var(--primary-500) !important; } .active\:border-primary-600:active { border-color: var(--primary-600) !important; } .active\:border-primary-700:active { border-color: var(--primary-700) !important; } .active\:border-primary-800:active { border-color: var(--primary-800) !important; } .active\:border-primary-900:active { border-color: var(--primary-900) !important; } .bg-white-alpha-10 { background-color: rgba(255,255,255,0.1) !important; } .bg-white-alpha-20 { background-color: rgba(255,255,255,0.2) !important; } .bg-white-alpha-30 { background-color: rgba(255,255,255,0.3) !important; } .bg-white-alpha-40 { background-color: rgba(255,255,255,0.4) !important; } .bg-white-alpha-50 { background-color: rgba(255,255,255,0.5) !important; } .bg-white-alpha-60 { background-color: rgba(255,255,255,0.6) !important; } .bg-white-alpha-70 { background-color: rgba(255,255,255,0.7) !important; } .bg-white-alpha-80 { background-color: rgba(255,255,255,0.8) !important; } .bg-white-alpha-90 { background-color: rgba(255,255,255,0.9) !important; } .hover\:bg-white-alpha-10:hover { background-color: rgba(255,255,255,0.1) !important; } .hover\:bg-white-alpha-20:hover { background-color: rgba(255,255,255,0.2) !important; } .hover\:bg-white-alpha-30:hover { background-color: rgba(255,255,255,0.3) !important; } .hover\:bg-white-alpha-40:hover { background-color: rgba(255,255,255,0.4) !important; } .hover\:bg-white-alpha-50:hover { background-color: rgba(255,255,255,0.5) !important; } .hover\:bg-white-alpha-60:hover { background-color: rgba(255,255,255,0.6) !important; } .hover\:bg-white-alpha-70:hover { background-color: rgba(255,255,255,0.7) !important; } .hover\:bg-white-alpha-80:hover { background-color: rgba(255,255,255,0.8) !important; } .hover\:bg-white-alpha-90:hover { background-color: rgba(255,255,255,0.9) !important; } .focus\:bg-white-alpha-10:focus { background-color: rgba(255,255,255,0.1) !important; } .focus\:bg-white-alpha-20:focus { background-color: rgba(255,255,255,0.2) !important; } .focus\:bg-white-alpha-30:focus { background-color: rgba(255,255,255,0.3) !important; } .focus\:bg-white-alpha-40:focus { background-color: rgba(255,255,255,0.4) !important; } .focus\:bg-white-alpha-50:focus { background-color: rgba(255,255,255,0.5) !important; } .focus\:bg-white-alpha-60:focus { background-color: rgba(255,255,255,0.6) !important; } .focus\:bg-white-alpha-70:focus { background-color: rgba(255,255,255,0.7) !important; } .focus\:bg-white-alpha-80:focus { background-color: rgba(255,255,255,0.8) !important; } .focus\:bg-white-alpha-90:focus { background-color: rgba(255,255,255,0.9) !important; } .active\:bg-white-alpha-10:active { background-color: rgba(255,255,255,0.1) !important; } .active\:bg-white-alpha-20:active { background-color: rgba(255,255,255,0.2) !important; } .active\:bg-white-alpha-30:active { background-color: rgba(255,255,255,0.3) !important; } .active\:bg-white-alpha-40:active { background-color: rgba(255,255,255,0.4) !important; } .active\:bg-white-alpha-50:active { background-color: rgba(255,255,255,0.5) !important; } .active\:bg-white-alpha-60:active { background-color: rgba(255,255,255,0.6) !important; } .active\:bg-white-alpha-70:active { background-color: rgba(255,255,255,0.7) !important; } .active\:bg-white-alpha-80:active { background-color: rgba(255,255,255,0.8) !important; } .active\:bg-white-alpha-90:active { background-color: rgba(255,255,255,0.9) !important; } .bg-black-alpha-10 { background-color: rgba(0,0,0,0.1) !important; } .bg-black-alpha-20 { background-color: rgba(0,0,0,0.2) !important; } .bg-black-alpha-30 { background-color: rgba(0,0,0,0.3) !important; } .bg-black-alpha-40 { background-color: rgba(0,0,0,0.4) !important; } .bg-black-alpha-50 { background-color: rgba(0,0,0,0.5) !important; } .bg-black-alpha-60 { background-color: rgba(0,0,0,0.6) !important; } .bg-black-alpha-70 { background-color: rgba(0,0,0,0.7) !important; } .bg-black-alpha-80 { background-color: rgba(0,0,0,0.8) !important; } .bg-black-alpha-90 { background-color: rgba(0,0,0,0.9) !important; } .hover\:bg-black-alpha-10:hover { background-color: rgba(0,0,0,0.1) !important; } .hover\:bg-black-alpha-20:hover { background-color: rgba(0,0,0,0.2) !important; } .hover\:bg-black-alpha-30:hover { background-color: rgba(0,0,0,0.3) !important; } .hover\:bg-black-alpha-40:hover { background-color: rgba(0,0,0,0.4) !important; } .hover\:bg-black-alpha-50:hover { background-color: rgba(0,0,0,0.5) !important; } .hover\:bg-black-alpha-60:hover { background-color: rgba(0,0,0,0.6) !important; } .hover\:bg-black-alpha-70:hover { background-color: rgba(0,0,0,0.7) !important; } .hover\:bg-black-alpha-80:hover { background-color: rgba(0,0,0,0.8) !important; } .hover\:bg-black-alpha-90:hover { background-color: rgba(0,0,0,0.9) !important; } .focus\:bg-black-alpha-10:focus { background-color: rgba(0,0,0,0.1) !important; } .focus\:bg-black-alpha-20:focus { background-color: rgba(0,0,0,0.2) !important; } .focus\:bg-black-alpha-30:focus { background-color: rgba(0,0,0,0.3) !important; } .focus\:bg-black-alpha-40:focus { background-color: rgba(0,0,0,0.4) !important; } .focus\:bg-black-alpha-50:focus { background-color: rgba(0,0,0,0.5) !important; } .focus\:bg-black-alpha-60:focus { background-color: rgba(0,0,0,0.6) !important; } .focus\:bg-black-alpha-70:focus { background-color: rgba(0,0,0,0.7) !important; } .focus\:bg-black-alpha-80:focus { background-color: rgba(0,0,0,0.8) !important; } .focus\:bg-black-alpha-90:focus { background-color: rgba(0,0,0,0.9) !important; } .active\:bg-black-alpha-10:active { background-color: rgba(0,0,0,0.1) !important; } .active\:bg-black-alpha-20:active { background-color: rgba(0,0,0,0.2) !important; } .active\:bg-black-alpha-30:active { background-color: rgba(0,0,0,0.3) !important; } .active\:bg-black-alpha-40:active { background-color: rgba(0,0,0,0.4) !important; } .active\:bg-black-alpha-50:active { background-color: rgba(0,0,0,0.5) !important; } .active\:bg-black-alpha-60:active { background-color: rgba(0,0,0,0.6) !important; } .active\:bg-black-alpha-70:active { background-color: rgba(0,0,0,0.7) !important; } .active\:bg-black-alpha-80:active { background-color: rgba(0,0,0,0.8) !important; } .active\:bg-black-alpha-90:active { background-color: rgba(0,0,0,0.9) !important; } .border-white-alpha-10 { border-color: rgba(255,255,255,0.1) !important; } .border-white-alpha-20 { border-color: rgba(255,255,255,0.2) !important; } .border-white-alpha-30 { border-color: rgba(255,255,255,0.3) !important; } .border-white-alpha-40 { border-color: rgba(255,255,255,0.4) !important; } .border-white-alpha-50 { border-color: rgba(255,255,255,0.5) !important; } .border-white-alpha-60 { border-color: rgba(255,255,255,0.6) !important; } .border-white-alpha-70 { border-color: rgba(255,255,255,0.7) !important; } .border-white-alpha-80 { border-color: rgba(255,255,255,0.8) !important; } .border-white-alpha-90 { border-color: rgba(255,255,255,0.9) !important; } .hover\:border-white-alpha-10:hover { border-color: rgba(255,255,255,0.1) !important; } .hover\:border-white-alpha-20:hover { border-color: rgba(255,255,255,0.2) !important; } .hover\:border-white-alpha-30:hover { border-color: rgba(255,255,255,0.3) !important; } .hover\:border-white-alpha-40:hover { border-color: rgba(255,255,255,0.4) !important; } .hover\:border-white-alpha-50:hover { border-color: rgba(255,255,255,0.5) !important; } .hover\:border-white-alpha-60:hover { border-color: rgba(255,255,255,0.6) !important; } .hover\:border-white-alpha-70:hover { border-color: rgba(255,255,255,0.7) !important; } .hover\:border-white-alpha-80:hover { border-color: rgba(255,255,255,0.8) !important; } .hover\:border-white-alpha-90:hover { border-color: rgba(255,255,255,0.9) !important; } .focus\:border-white-alpha-10:focus { border-color: rgba(255,255,255,0.1) !important; } .focus\:border-white-alpha-20:focus { border-color: rgba(255,255,255,0.2) !important; } .focus\:border-white-alpha-30:focus { border-color: rgba(255,255,255,0.3) !important; } .focus\:border-white-alpha-40:focus { border-color: rgba(255,255,255,0.4) !important; } .focus\:border-white-alpha-50:focus { border-color: rgba(255,255,255,0.5) !important; } .focus\:border-white-alpha-60:focus { border-color: rgba(255,255,255,0.6) !important; } .focus\:border-white-alpha-70:focus { border-color: rgba(255,255,255,0.7) !important; } .focus\:border-white-alpha-80:focus { border-color: rgba(255,255,255,0.8) !important; } .focus\:border-white-alpha-90:focus { border-color: rgba(255,255,255,0.9) !important; } .active\:border-white-alpha-10:active { border-color: rgba(255,255,255,0.1) !important; } .active\:border-white-alpha-20:active { border-color: rgba(255,255,255,0.2) !important; } .active\:border-white-alpha-30:active { border-color: rgba(255,255,255,0.3) !important; } .active\:border-white-alpha-40:active { border-color: rgba(255,255,255,0.4) !important; } .active\:border-white-alpha-50:active { border-color: rgba(255,255,255,0.5) !important; } .active\:border-white-alpha-60:active { border-color: rgba(255,255,255,0.6) !important; } .active\:border-white-alpha-70:active { border-color: rgba(255,255,255,0.7) !important; } .active\:border-white-alpha-80:active { border-color: rgba(255,255,255,0.8) !important; } .active\:border-white-alpha-90:active { border-color: rgba(255,255,255,0.9) !important; } .border-black-alpha-10 { border-color: rgba(0,0,0,0.1) !important; } .border-black-alpha-20 { border-color: rgba(0,0,0,0.2) !important; } .border-black-alpha-30 { border-color: rgba(0,0,0,0.3) !important; } .border-black-alpha-40 { border-color: rgba(0,0,0,0.4) !important; } .border-black-alpha-50 { border-color: rgba(0,0,0,0.5) !important; } .border-black-alpha-60 { border-color: rgba(0,0,0,0.6) !important; } .border-black-alpha-70 { border-color: rgba(0,0,0,0.7) !important; } .border-black-alpha-80 { border-color: rgba(0,0,0,0.8) !important; } .border-black-alpha-90 { border-color: rgba(0,0,0,0.9) !important; } .hover\:border-black-alpha-10:hover { border-color: rgba(0,0,0,0.1) !important; } .hover\:border-black-alpha-20:hover { border-color: rgba(0,0,0,0.2) !important; } .hover\:border-black-alpha-30:hover { border-color: rgba(0,0,0,0.3) !important; } .hover\:border-black-alpha-40:hover { border-color: rgba(0,0,0,0.4) !important; } .hover\:border-black-alpha-50:hover { border-color: rgba(0,0,0,0.5) !important; } .hover\:border-black-alpha-60:hover { border-color: rgba(0,0,0,0.6) !important; } .hover\:border-black-alpha-70:hover { border-color: rgba(0,0,0,0.7) !important; } .hover\:border-black-alpha-80:hover { border-color: rgba(0,0,0,0.8) !important; } .hover\:border-black-alpha-90:hover { border-color: rgba(0,0,0,0.9) !important; } .focus\:border-black-alpha-10:focus { border-color: rgba(0,0,0,0.1) !important; } .focus\:border-black-alpha-20:focus { border-color: rgba(0,0,0,0.2) !important; } .focus\:border-black-alpha-30:focus { border-color: rgba(0,0,0,0.3) !important; } .focus\:border-black-alpha-40:focus { border-color: rgba(0,0,0,0.4) !important; } .focus\:border-black-alpha-50:focus { border-color: rgba(0,0,0,0.5) !important; } .focus\:border-black-alpha-60:focus { border-color: rgba(0,0,0,0.6) !important; } .focus\:border-black-alpha-70:focus { border-color: rgba(0,0,0,0.7) !important; } .focus\:border-black-alpha-80:focus { border-color: rgba(0,0,0,0.8) !important; } .focus\:border-black-alpha-90:focus { border-color: rgba(0,0,0,0.9) !important; } .active\:border-black-alpha-10:active { border-color: rgba(0,0,0,0.1) !important; } .active\:border-black-alpha-20:active { border-color: rgba(0,0,0,0.2) !important; } .active\:border-black-alpha-30:active { border-color: rgba(0,0,0,0.3) !important; } .active\:border-black-alpha-40:active { border-color: rgba(0,0,0,0.4) !important; } .active\:border-black-alpha-50:active { border-color: rgba(0,0,0,0.5) !important; } .active\:border-black-alpha-60:active { border-color: rgba(0,0,0,0.6) !important; } .active\:border-black-alpha-70:active { border-color: rgba(0,0,0,0.7) !important; } .active\:border-black-alpha-80:active { border-color: rgba(0,0,0,0.8) !important; } .active\:border-black-alpha-90:active { border-color: rgba(0,0,0,0.9) !important; } .text-white-alpha-10 { color: rgba(255,255,255,0.1) !important; } .text-white-alpha-20 { color: rgba(255,255,255,0.2) !important; } .text-white-alpha-30 { color: rgba(255,255,255,0.3) !important; } .text-white-alpha-40 { color: rgba(255,255,255,0.4) !important; } .text-white-alpha-50 { color: rgba(255,255,255,0.5) !important; } .text-white-alpha-60 { color: rgba(255,255,255,0.6) !important; } .text-white-alpha-70 { color: rgba(255,255,255,0.7) !important; } .text-white-alpha-80 { color: rgba(255,255,255,0.8) !important; } .text-white-alpha-90 { color: rgba(255,255,255,0.9) !important; } .hover\:text-white-alpha-10:hover { color: rgba(255,255,255,0.1) !important; } .hover\:text-white-alpha-20:hover { color: rgba(255,255,255,0.2) !important; } .hover\:text-white-alpha-30:hover { color: rgba(255,255,255,0.3) !important; } .hover\:text-white-alpha-40:hover { color: rgba(255,255,255,0.4) !important; } .hover\:text-white-alpha-50:hover { color: rgba(255,255,255,0.5) !important; } .hover\:text-white-alpha-60:hover { color: rgba(255,255,255,0.6) !important; } .hover\:text-white-alpha-70:hover { color: rgba(255,255,255,0.7) !important; } .hover\:text-white-alpha-80:hover { color: rgba(255,255,255,0.8) !important; } .hover\:text-white-alpha-90:hover { color: rgba(255,255,255,0.9) !important; } .focus\:text-white-alpha-10:focus { color: rgba(255,255,255,0.1) !important; } .focus\:text-white-alpha-20:focus { color: rgba(255,255,255,0.2) !important; } .focus\:text-white-alpha-30:focus { color: rgba(255,255,255,0.3) !important; } .focus\:text-white-alpha-40:focus { color: rgba(255,255,255,0.4) !important; } .focus\:text-white-alpha-50:focus { color: rgba(255,255,255,0.5) !important; } .focus\:text-white-alpha-60:focus { color: rgba(255,255,255,0.6) !important; } .focus\:text-white-alpha-70:focus { color: rgba(255,255,255,0.7) !important; } .focus\:text-white-alpha-80:focus { color: rgba(255,255,255,0.8) !important; } .focus\:text-white-alpha-90:focus { color: rgba(255,255,255,0.9) !important; } .active\:text-white-alpha-10:active { color: rgba(255,255,255,0.1) !important; } .active\:text-white-alpha-20:active { color: rgba(255,255,255,0.2) !important; } .active\:text-white-alpha-30:active { color: rgba(255,255,255,0.3) !important; } .active\:text-white-alpha-40:active { color: rgba(255,255,255,0.4) !important; } .active\:text-white-alpha-50:active { color: rgba(255,255,255,0.5) !important; } .active\:text-white-alpha-60:active { color: rgba(255,255,255,0.6) !important; } .active\:text-white-alpha-70:active { color: rgba(255,255,255,0.7) !important; } .active\:text-white-alpha-80:active { color: rgba(255,255,255,0.8) !important; } .active\:text-white-alpha-90:active { color: rgba(255,255,255,0.9) !important; } .text-black-alpha-10 { color: rgba(0,0,0,0.1) !important; } .text-black-alpha-20 { color: rgba(0,0,0,0.2) !important; } .text-black-alpha-30 { color: rgba(0,0,0,0.3) !important; } .text-black-alpha-40 { color: rgba(0,0,0,0.4) !important; } .text-black-alpha-50 { color: rgba(0,0,0,0.5) !important; } .text-black-alpha-60 { color: rgba(0,0,0,0.6) !important; } .text-black-alpha-70 { color: rgba(0,0,0,0.7) !important; } .text-black-alpha-80 { color: rgba(0,0,0,0.8) !important; } .text-black-alpha-90 { color: rgba(0,0,0,0.9) !important; } .hover\:text-black-alpha-10:hover { color: rgba(0,0,0,0.1) !important; } .hover\:text-black-alpha-20:hover { color: rgba(0,0,0,0.2) !important; } .hover\:text-black-alpha-30:hover { color: rgba(0,0,0,0.3) !important; } .hover\:text-black-alpha-40:hover { color: rgba(0,0,0,0.4) !important; } .hover\:text-black-alpha-50:hover { color: rgba(0,0,0,0.5) !important; } .hover\:text-black-alpha-60:hover { color: rgba(0,0,0,0.6) !important; } .hover\:text-black-alpha-70:hover { color: rgba(0,0,0,0.7) !important; } .hover\:text-black-alpha-80:hover { color: rgba(0,0,0,0.8) !important; } .hover\:text-black-alpha-90:hover { color: rgba(0,0,0,0.9) !important; } .focus\:text-black-alpha-10:focus { color: rgba(0,0,0,0.1) !important; } .focus\:text-black-alpha-20:focus { color: rgba(0,0,0,0.2) !important; } .focus\:text-black-alpha-30:focus { color: rgba(0,0,0,0.3) !important; } .focus\:text-black-alpha-40:focus { color: rgba(0,0,0,0.4) !important; } .focus\:text-black-alpha-50:focus { color: rgba(0,0,0,0.5) !important; } .focus\:text-black-alpha-60:focus { color: rgba(0,0,0,0.6) !important; } .focus\:text-black-alpha-70:focus { color: rgba(0,0,0,0.7) !important; } .focus\:text-black-alpha-80:focus { color: rgba(0,0,0,0.8) !important; } .focus\:text-black-alpha-90:focus { color: rgba(0,0,0,0.9) !important; } .active\:text-black-alpha-10:active { color: rgba(0,0,0,0.1) !important; } .active\:text-black-alpha-20:active { color: rgba(0,0,0,0.2) !important; } .active\:text-black-alpha-30:active { color: rgba(0,0,0,0.3) !important; } .active\:text-black-alpha-40:active { color: rgba(0,0,0,0.4) !important; } .active\:text-black-alpha-50:active { color: rgba(0,0,0,0.5) !important; } .active\:text-black-alpha-60:active { color: rgba(0,0,0,0.6) !important; } .active\:text-black-alpha-70:active { color: rgba(0,0,0,0.7) !important; } .active\:text-black-alpha-80:active { color: rgba(0,0,0,0.8) !important; } .active\:text-black-alpha-90:active { color: rgba(0,0,0,0.9) !important; } .text-primary { color: var(--primary-color) !important; } .bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .bg-white { background-color: #ffffff !important; } .border-primary { border-color: var(--primary-color) !important; } .text-white { color: #ffffff !important; } .border-white { border-color: #ffffff !important; } .text-color { color: var(--text-color) !important; } .text-color-secondary { color: var(--text-color-secondary) !important; } .surface-ground { background-color: var(--surface-ground) !important; } .surface-section { background-color: var(--surface-section) !important; } .surface-card { background-color: var(--surface-card) !important; } .surface-overlay { background-color: var(--surface-overlay) !important; } .surface-hover { background-color: var(--surface-hover) !important; } .surface-border { border-color: var(--surface-border) !important; } .focus\:text-primary:focus { color: var(--primary-color) !important; } .hover\:text-primary:hover { color: var(--primary-color) !important; } .active\:text-primary:active { color: var(--primary-color) !important; } .focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .focus\:bg-white:focus { background-color: #ffffff !important; } .hover\:bg-white:hover { background-color: #ffffff !important; } .active\:bg-white:active { background-color: #ffffff !important; } .focus\:border-primary:focus { border-color: var(--primary-color) !important; } .hover\:border-primary:hover { border-color: var(--primary-color) !important; } .active\:border-primary:active { border-color: var(--primary-color) !important; } .focus\:text-white:focus { color: #ffffff !important; } .hover\:text-white:hover { color: #ffffff !important; } .active\:text-white:active { color: #ffffff !important; } .focus\:border-white:focus { border-color: #ffffff !important; } .hover\:border-white:hover { border-color: #ffffff !important; } .active\:border-white:active { border-color: #ffffff !important; } .focus\:text-color:focus { color: var(--text-color) !important; } .hover\:text-color:hover { color: var(--text-color) !important; } .active\:text-color:active { color: var(--text-color) !important; } .focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .active\:surface-ground:active { background-color: var(--surface-ground) !important; } .focus\:surface-section:focus { background-color: var(--surface-section) !important; } .hover\:surface-section:hover { background-color: var(--surface-section) !important; } .active\:surface-section:active { background-color: var(--surface-section) !important; } .focus\:surface-card:focus { background-color: var(--surface-card) !important; } .hover\:surface-card:hover { background-color: var(--surface-card) !important; } .active\:surface-card:active { background-color: var(--surface-card) !important; } .focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .active\:surface-hover:active { background-color: var(--surface-hover) !important; } .focus\:surface-border:focus { border-color: var(--surface-border) !important; } .hover\:surface-border:hover { border-color: var(--surface-border) !important; } .active\:surface-border:active { border-color: var(--surface-border) !important; } @media screen and (min-width: 576px) { .sm\:text-primary { color: var(--primary-color) !important; } .sm\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:bg-white { background-color: #ffffff !important; } .sm\:border-primary { border-color: var(--primary-color) !important; } .sm\:text-white { color: #ffffff !important; } .sm\:border-white { border-color: #ffffff !important; } .sm\:text-color { color: var(--text-color) !important; } .sm\:text-color-secondary { color: var(--text-color-secondary) !important; } .sm\:surface-ground { background-color: var(--surface-ground) !important; } .sm\:surface-section { background-color: var(--surface-section) !important; } .sm\:surface-card { background-color: var(--surface-card) !important; } .sm\:surface-overlay { background-color: var(--surface-overlay) !important; } .sm\:surface-hover { background-color: var(--surface-hover) !important; } .sm\:surface-border { border-color: var(--surface-border) !important; } .sm\:focus\:text-primary:focus { color: var(--primary-color) !important; } .sm\:hover\:text-primary:hover { color: var(--primary-color) !important; } .sm\:active\:text-primary:active { color: var(--primary-color) !important; } .sm\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .sm\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .sm\:focus\:bg-white:focus { background-color: #ffffff !important; } .sm\:hover\:bg-white:hover { background-color: #ffffff !important; } .sm\:active\:bg-white:active { background-color: #ffffff !important; } .sm\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .sm\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .sm\:active\:border-primary:active { border-color: var(--primary-color) !important; } .sm\:focus\:text-white:focus { color: #ffffff !important; } .sm\:hover\:text-white:hover { color: #ffffff !important; } .sm\:active\:text-white:active { color: #ffffff !important; } .sm\:focus\:border-white:focus { border-color: #ffffff !important; } .sm\:hover\:border-white:hover { border-color: #ffffff !important; } .sm\:active\:border-white:active { border-color: #ffffff !important; } .sm\:focus\:text-color:focus { color: var(--text-color) !important; } .sm\:hover\:text-color:hover { color: var(--text-color) !important; } .sm\:active\:text-color:active { color: var(--text-color) !important; } .sm\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .sm\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .sm\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .sm\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .sm\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .sm\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .sm\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .sm\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .sm\:active\:surface-section:active { background-color: var(--surface-section) !important; } .sm\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .sm\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .sm\:active\:surface-card:active { background-color: var(--surface-card) !important; } .sm\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .sm\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .sm\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .sm\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .sm\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .sm\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .sm\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .sm\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .sm\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 768px) { .md\:text-primary { color: var(--primary-color) !important; } .md\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:bg-white { background-color: #ffffff !important; } .md\:border-primary { border-color: var(--primary-color) !important; } .md\:text-white { color: #ffffff !important; } .md\:border-white { border-color: #ffffff !important; } .md\:text-color { color: var(--text-color) !important; } .md\:text-color-secondary { color: var(--text-color-secondary) !important; } .md\:surface-ground { background-color: var(--surface-ground) !important; } .md\:surface-section { background-color: var(--surface-section) !important; } .md\:surface-card { background-color: var(--surface-card) !important; } .md\:surface-overlay { background-color: var(--surface-overlay) !important; } .md\:surface-hover { background-color: var(--surface-hover) !important; } .md\:surface-border { border-color: var(--surface-border) !important; } .md\:focus\:text-primary:focus { color: var(--primary-color) !important; } .md\:hover\:text-primary:hover { color: var(--primary-color) !important; } .md\:active\:text-primary:active { color: var(--primary-color) !important; } .md\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .md\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .md\:focus\:bg-white:focus { background-color: #ffffff !important; } .md\:hover\:bg-white:hover { background-color: #ffffff !important; } .md\:active\:bg-white:active { background-color: #ffffff !important; } .md\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .md\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .md\:active\:border-primary:active { border-color: var(--primary-color) !important; } .md\:focus\:text-white:focus { color: #ffffff !important; } .md\:hover\:text-white:hover { color: #ffffff !important; } .md\:active\:text-white:active { color: #ffffff !important; } .md\:focus\:border-white:focus { border-color: #ffffff !important; } .md\:hover\:border-white:hover { border-color: #ffffff !important; } .md\:active\:border-white:active { border-color: #ffffff !important; } .md\:focus\:text-color:focus { color: var(--text-color) !important; } .md\:hover\:text-color:hover { color: var(--text-color) !important; } .md\:active\:text-color:active { color: var(--text-color) !important; } .md\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .md\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .md\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .md\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .md\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .md\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .md\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .md\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .md\:active\:surface-section:active { background-color: var(--surface-section) !important; } .md\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .md\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .md\:active\:surface-card:active { background-color: var(--surface-card) !important; } .md\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .md\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .md\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .md\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .md\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .md\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .md\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .md\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .md\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 992px) { .lg\:text-primary { color: var(--primary-color) !important; } .lg\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:bg-white { background-color: #ffffff !important; } .lg\:border-primary { border-color: var(--primary-color) !important; } .lg\:text-white { color: #ffffff !important; } .lg\:border-white { border-color: #ffffff !important; } .lg\:text-color { color: var(--text-color) !important; } .lg\:text-color-secondary { color: var(--text-color-secondary) !important; } .lg\:surface-ground { background-color: var(--surface-ground) !important; } .lg\:surface-section { background-color: var(--surface-section) !important; } .lg\:surface-card { background-color: var(--surface-card) !important; } .lg\:surface-overlay { background-color: var(--surface-overlay) !important; } .lg\:surface-hover { background-color: var(--surface-hover) !important; } .lg\:surface-border { border-color: var(--surface-border) !important; } .lg\:focus\:text-primary:focus { color: var(--primary-color) !important; } .lg\:hover\:text-primary:hover { color: var(--primary-color) !important; } .lg\:active\:text-primary:active { color: var(--primary-color) !important; } .lg\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .lg\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .lg\:focus\:bg-white:focus { background-color: #ffffff !important; } .lg\:hover\:bg-white:hover { background-color: #ffffff !important; } .lg\:active\:bg-white:active { background-color: #ffffff !important; } .lg\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .lg\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .lg\:active\:border-primary:active { border-color: var(--primary-color) !important; } .lg\:focus\:text-white:focus { color: #ffffff !important; } .lg\:hover\:text-white:hover { color: #ffffff !important; } .lg\:active\:text-white:active { color: #ffffff !important; } .lg\:focus\:border-white:focus { border-color: #ffffff !important; } .lg\:hover\:border-white:hover { border-color: #ffffff !important; } .lg\:active\:border-white:active { border-color: #ffffff !important; } .lg\:focus\:text-color:focus { color: var(--text-color) !important; } .lg\:hover\:text-color:hover { color: var(--text-color) !important; } .lg\:active\:text-color:active { color: var(--text-color) !important; } .lg\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .lg\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .lg\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .lg\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .lg\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .lg\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .lg\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .lg\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .lg\:active\:surface-section:active { background-color: var(--surface-section) !important; } .lg\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .lg\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .lg\:active\:surface-card:active { background-color: var(--surface-card) !important; } .lg\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .lg\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .lg\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .lg\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .lg\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .lg\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .lg\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .lg\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .lg\:active\:surface-border:active { border-color: var(--surface-border) !important; } } @media screen and (min-width: 1200px) { .xl\:text-primary { color: var(--primary-color) !important; } .xl\:bg-primary { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:bg-primary-reverse { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:bg-white { background-color: #ffffff !important; } .xl\:border-primary { border-color: var(--primary-color) !important; } .xl\:text-white { color: #ffffff !important; } .xl\:border-white { border-color: #ffffff !important; } .xl\:text-color { color: var(--text-color) !important; } .xl\:text-color-secondary { color: var(--text-color-secondary) !important; } .xl\:surface-ground { background-color: var(--surface-ground) !important; } .xl\:surface-section { background-color: var(--surface-section) !important; } .xl\:surface-card { background-color: var(--surface-card) !important; } .xl\:surface-overlay { background-color: var(--surface-overlay) !important; } .xl\:surface-hover { background-color: var(--surface-hover) !important; } .xl\:surface-border { border-color: var(--surface-border) !important; } .xl\:focus\:text-primary:focus { color: var(--primary-color) !important; } .xl\:hover\:text-primary:hover { color: var(--primary-color) !important; } .xl\:active\:text-primary:active { color: var(--primary-color) !important; } .xl\:focus\:bg-primary:focus { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:hover\:bg-primary:hover { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:active\:bg-primary:active { color: var(--primary-color-text) !important; background-color: var(--primary-color) !important; } .xl\:focus\:bg-primary-reverse:focus { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:hover\:bg-primary-reverse:hover { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:active\:bg-primary-reverse:active { color: var(--primary-color) !important; background-color: var(--primary-color-text) !important; } .xl\:focus\:bg-white:focus { background-color: #ffffff !important; } .xl\:hover\:bg-white:hover { background-color: #ffffff !important; } .xl\:active\:bg-white:active { background-color: #ffffff !important; } .xl\:focus\:border-primary:focus { border-color: var(--primary-color) !important; } .xl\:hover\:border-primary:hover { border-color: var(--primary-color) !important; } .xl\:active\:border-primary:active { border-color: var(--primary-color) !important; } .xl\:focus\:text-white:focus { color: #ffffff !important; } .xl\:hover\:text-white:hover { color: #ffffff !important; } .xl\:active\:text-white:active { color: #ffffff !important; } .xl\:focus\:border-white:focus { border-color: #ffffff !important; } .xl\:hover\:border-white:hover { border-color: #ffffff !important; } .xl\:active\:border-white:active { border-color: #ffffff !important; } .xl\:focus\:text-color:focus { color: var(--text-color) !important; } .xl\:hover\:text-color:hover { color: var(--text-color) !important; } .xl\:active\:text-color:active { color: var(--text-color) !important; } .xl\:focus\:text-color-secondary:focus { color: var(--text-color-secondary) !important; } .xl\:hover\:text-color-secondary:hover { color: var(--text-color-secondary) !important; } .xl\:active\:text-color-secondary:active { color: var(--text-color-secondary) !important; } .xl\:focus\:surface-ground:focus { background-color: var(--surface-ground) !important; } .xl\:hover\:surface-ground:hover { background-color: var(--surface-ground) !important; } .xl\:active\:surface-ground:active { background-color: var(--surface-ground) !important; } .xl\:focus\:surface-section:focus { background-color: var(--surface-section) !important; } .xl\:hover\:surface-section:hover { background-color: var(--surface-section) !important; } .xl\:active\:surface-section:active { background-color: var(--surface-section) !important; } .xl\:focus\:surface-card:focus { background-color: var(--surface-card) !important; } .xl\:hover\:surface-card:hover { background-color: var(--surface-card) !important; } .xl\:active\:surface-card:active { background-color: var(--surface-card) !important; } .xl\:focus\:surface-overlay:focus { background-color: var(--surface-overlay) !important; } .xl\:hover\:surface-overlay:hover { background-color: var(--surface-overlay) !important; } .xl\:active\:surface-overlay:active { background-color: var(--surface-overlay) !important; } .xl\:focus\:surface-hover:focus { background-color: var(--surface-hover) !important; } .xl\:hover\:surface-hover:hover { background-color: var(--surface-hover) !important; } .xl\:active\:surface-hover:active { background-color: var(--surface-hover) !important; } .xl\:focus\:surface-border:focus { border-color: var(--surface-border) !important; } .xl\:hover\:surface-border:hover { border-color: var(--surface-border) !important; } .xl\:active\:surface-border:active { border-color: var(--surface-border) !important; } } .field { margin-bottom: 1rem; } .field > label { display: inline-block; margin-bottom: 0.5rem; } .field.grid > label { display: flex; align-items: center; } .field > small { margin-top: 0.25rem; } .field.grid, .formgrid.grid { margin-top: 0; } .field.grid .col-fixed, .formgrid.grid .col-fixed, .field.grid .col, .formgrid.grid .col, .field.grid .col-1, .formgrid.grid .col-1, .field.grid .col-2, .formgrid.grid .col-2, .field.grid .col-3, .formgrid.grid .col-3, .field.grid .col-4, .formgrid.grid .col-4, .field.grid .col-5, .formgrid.grid .col-5, .field.grid .col-6, .formgrid.grid .col-6, .field.grid .col-7, .formgrid.grid .col-7, .field.grid .col-8, .formgrid.grid .col-8, .field.grid .col-9, .formgrid.grid .col-9, .field.grid .col-10, .formgrid.grid .col-10, .field.grid .col-11, .formgrid.grid .col-11, .field.grid .col-12, .formgrid.grid .col-12 { padding-top: 0; padding-bottom: 0; } .formgroup-inline { display: flex; flex-wrap: wrap; align-items: flex-start; } .formgroup-inline .field, .formgroup-inline .field-checkbox, .formgroup-inline .field-radiobutton { margin-right: 1rem; } .formgroup-inline .field > label, .formgroup-inline .field-checkbox > label, .formgroup-inline .field-radiobutton > label { margin-right: 0.5rem; margin-bottom: 0; } .field-checkbox, .field-radiobutton { margin-bottom: 1rem; display: flex; align-items: center; } .field-checkbox > label, .field-radiobutton > label { margin-left: 0.5rem; line-height: 1; } .hidden { display: none !important; } .block { display: block !important; } .inline { display: inline !important; } .inline-block { display: inline-block !important; } .flex { display: flex !important; } .inline-flex { display: inline-flex !important; } @media screen and (min-width: 576px) { .sm\:hidden { display: none !important; } .sm\:block { display: block !important; } .sm\:inline { display: inline !important; } .sm\:inline-block { display: inline-block !important; } .sm\:flex { display: flex !important; } .sm\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 768px) { .md\:hidden { display: none !important; } .md\:block { display: block !important; } .md\:inline { display: inline !important; } .md\:inline-block { display: inline-block !important; } .md\:flex { display: flex !important; } .md\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 992px) { .lg\:hidden { display: none !important; } .lg\:block { display: block !important; } .lg\:inline { display: inline !important; } .lg\:inline-block { display: inline-block !important; } .lg\:flex { display: flex !important; } .lg\:inline-flex { display: inline-flex !important; } } @media screen and (min-width: 1200px) { .xl\:hidden { display: none !important; } .xl\:block { display: block !important; } .xl\:inline { display: inline !important; } .xl\:inline-block { display: inline-block !important; } .xl\:flex { display: flex !important; } .xl\:inline-flex { display: inline-flex !important; } } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } @media screen and (min-width: 576px) { .sm\:text-center { text-align: center !important; } .sm\:text-justify { text-align: justify !important; } .sm\:text-left { text-align: left !important; } .sm\:text-right { text-align: right !important; } } @media screen and (min-width: 768px) { .md\:text-center { text-align: center !important; } .md\:text-justify { text-align: justify !important; } .md\:text-left { text-align: left !important; } .md\:text-right { text-align: right !important; } } @media screen and (min-width: 992px) { .lg\:text-center { text-align: center !important; } .lg\:text-justify { text-align: justify !important; } .lg\:text-left { text-align: left !important; } .lg\:text-right { text-align: right !important; } } @media screen and (min-width: 1200px) { .xl\:text-center { text-align: center !important; } .xl\:text-justify { text-align: justify !important; } .xl\:text-left { text-align: left !important; } .xl\:text-right { text-align: right !important; } } .underline { text-decoration: underline !important; } .line-through { text-decoration: line-through !important; } .no-underline { text-decoration: none !important; } .focus\:underline:focus { text-decoration: underline !important; } .hover\:underline:hover { text-decoration: underline !important; } .active\:underline:active { text-decoration: underline !important; } .focus\:line-through:focus { text-decoration: line-through !important; } .hover\:line-through:hover { text-decoration: line-through !important; } .active\:line-through:active { text-decoration: line-through !important; } .focus\:no-underline:focus { text-decoration: none !important; } .hover\:no-underline:hover { text-decoration: none !important; } .active\:no-underline:active { text-decoration: none !important; } .lowercase { text-transform: lowercase !important; } .uppercase { text-transform: uppercase !important; } .capitalize { text-transform: capitalize !important; } .text-overflow-clip { text-overflow: clip !important; } .text-overflow-ellipsis { text-overflow: ellipsis !important; } @media screen and (min-width: 576px) { .sm\:text-overflow-clip { text-overflow: clip !important; } .sm\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 768px) { .md\:text-overflow-clip { text-overflow: clip !important; } .md\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 992px) { .lg\:text-overflow-clip { text-overflow: clip !important; } .lg\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } @media screen and (min-width: 1200px) { .xl\:text-overflow-clip { text-overflow: clip !important; } .xl\:text-overflow-ellipsis { text-overflow: ellipsis !important; } } .font-light { font-weight: 300 !important; } .font-normal { font-weight: 400 !important; } .font-medium { font-weight: 500 !important; } .font-semibold { font-weight: 600 !important; } .font-bold { font-weight: 700 !important; } @media screen and (min-width: 576px) { .sm\:font-light { font-weight: 300 !important; } .sm\:font-normal { font-weight: 400 !important; } .sm\:font-medium { font-weight: 500 !important; } .sm\:font-semibold { font-weight: 600 !important; } .sm\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 768px) { .md\:font-light { font-weight: 300 !important; } .md\:font-normal { font-weight: 400 !important; } .md\:font-medium { font-weight: 500 !important; } .md\:font-semibold { font-weight: 600 !important; } .md\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 992px) { .lg\:font-light { font-weight: 300 !important; } .lg\:font-normal { font-weight: 400 !important; } .lg\:font-medium { font-weight: 500 !important; } .lg\:font-semibold { font-weight: 600 !important; } .lg\:font-bold { font-weight: 700 !important; } } @media screen and (min-width: 1200px) { .xl\:font-light { font-weight: 300 !important; } .xl\:font-normal { font-weight: 400 !important; } .xl\:font-medium { font-weight: 500 !important; } .xl\:font-semibold { font-weight: 600 !important; } .xl\:font-bold { font-weight: 700 !important; } } .font-italic { font-style: italic !important; } .text-xs { font-size: 0.75rem !important; } .text-sm { font-size: 0.875rem !important; } .text-base { font-size: 1rem !important; } .text-lg { font-size: 1.125rem !important; } .text-xl { font-size: 1.25rem !important; } .text-2xl { font-size: 1.5rem !important; } .text-3xl { font-size: 1.75rem !important; } .text-4xl { font-size: 2rem !important; } .text-5xl { font-size: 2.5rem !important; } .text-6xl { font-size: 3rem !important; } .text-7xl { font-size: 4rem !important; } .text-8xl { font-size: 6rem !important; } @media screen and (min-width: 576px) { .sm\:text-xs { font-size: 0.75rem !important; } .sm\:text-sm { font-size: 0.875rem !important; } .sm\:text-base { font-size: 1rem !important; } .sm\:text-lg { font-size: 1.125rem !important; } .sm\:text-xl { font-size: 1.25rem !important; } .sm\:text-2xl { font-size: 1.5rem !important; } .sm\:text-3xl { font-size: 1.75rem !important; } .sm\:text-4xl { font-size: 2rem !important; } .sm\:text-5xl { font-size: 2.5rem !important; } .sm\:text-6xl { font-size: 3rem !important; } .sm\:text-7xl { font-size: 4rem !important; } .sm\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 768px) { .md\:text-xs { font-size: 0.75rem !important; } .md\:text-sm { font-size: 0.875rem !important; } .md\:text-base { font-size: 1rem !important; } .md\:text-lg { font-size: 1.125rem !important; } .md\:text-xl { font-size: 1.25rem !important; } .md\:text-2xl { font-size: 1.5rem !important; } .md\:text-3xl { font-size: 1.75rem !important; } .md\:text-4xl { font-size: 2rem !important; } .md\:text-5xl { font-size: 2.5rem !important; } .md\:text-6xl { font-size: 3rem !important; } .md\:text-7xl { font-size: 4rem !important; } .md\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 992px) { .lg\:text-xs { font-size: 0.75rem !important; } .lg\:text-sm { font-size: 0.875rem !important; } .lg\:text-base { font-size: 1rem !important; } .lg\:text-lg { font-size: 1.125rem !important; } .lg\:text-xl { font-size: 1.25rem !important; } .lg\:text-2xl { font-size: 1.5rem !important; } .lg\:text-3xl { font-size: 1.75rem !important; } .lg\:text-4xl { font-size: 2rem !important; } .lg\:text-5xl { font-size: 2.5rem !important; } .lg\:text-6xl { font-size: 3rem !important; } .lg\:text-7xl { font-size: 4rem !important; } .lg\:text-8xl { font-size: 6rem !important; } } @media screen and (min-width: 1200px) { .xl\:text-xs { font-size: 0.75rem !important; } .xl\:text-sm { font-size: 0.875rem !important; } .xl\:text-base { font-size: 1rem !important; } .xl\:text-lg { font-size: 1.125rem !important; } .xl\:text-xl { font-size: 1.25rem !important; } .xl\:text-2xl { font-size: 1.5rem !important; } .xl\:text-3xl { font-size: 1.75rem !important; } .xl\:text-4xl { font-size: 2rem !important; } .xl\:text-5xl { font-size: 2.5rem !important; } .xl\:text-6xl { font-size: 3rem !important; } .xl\:text-7xl { font-size: 4rem !important; } .xl\:text-8xl { font-size: 6rem !important; } } .line-height-1 { line-height: 1 !important; } .line-height-2 { line-height: 1.25 !important; } .line-height-3 { line-height: 1.5 !important; } .line-height-4 { line-height: 2 !important; } .white-space-normal { white-space: normal !important; } .white-space-nowrap { white-space: nowrap !important; } .vertical-align-baseline { vertical-align: baseline !important; } .vertical-align-top { vertical-align: top !important; } .vertical-align-middle { vertical-align: middle !important; } .vertical-align-bottom { vertical-align: bottom !important; } .vertical-align-text-top { vertical-align: text-top !important; } .vertical-align-text-bottom { vertical-align: text-bottom !important; } .vertical-align-sub { vertical-align: sub !important; } .vertical-align-super { vertical-align: super !important; } @media screen and (min-width: 576px) { .sm\:vertical-align-baseline { vertical-align: baseline !important; } .sm\:vertical-align-top { vertical-align: top !important; } .sm\:vertical-align-middle { vertical-align: middle !important; } .sm\:vertical-align-bottom { vertical-align: bottom !important; } .sm\:vertical-align-text-top { vertical-align: text-top !important; } .sm\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .sm\:vertical-align-sub { vertical-align: sub !important; } .sm\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 768px) { .md\:vertical-align-baseline { vertical-align: baseline !important; } .md\:vertical-align-top { vertical-align: top !important; } .md\:vertical-align-middle { vertical-align: middle !important; } .md\:vertical-align-bottom { vertical-align: bottom !important; } .md\:vertical-align-text-top { vertical-align: text-top !important; } .md\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .md\:vertical-align-sub { vertical-align: sub !important; } .md\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 992px) { .lg\:vertical-align-baseline { vertical-align: baseline !important; } .lg\:vertical-align-top { vertical-align: top !important; } .lg\:vertical-align-middle { vertical-align: middle !important; } .lg\:vertical-align-bottom { vertical-align: bottom !important; } .lg\:vertical-align-text-top { vertical-align: text-top !important; } .lg\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .lg\:vertical-align-sub { vertical-align: sub !important; } .lg\:vertical-align-super { vertical-align: super !important; } } @media screen and (min-width: 1200px) { .xl\:vertical-align-baseline { vertical-align: baseline !important; } .xl\:vertical-align-top { vertical-align: top !important; } .xl\:vertical-align-middle { vertical-align: middle !important; } .xl\:vertical-align-bottom { vertical-align: bottom !important; } .xl\:vertical-align-text-top { vertical-align: text-top !important; } .xl\:vertical-align-text-bottom { vertical-align: text-bottom !important; } .xl\:vertical-align-sub { vertical-align: sub !important; } .xl\:vertical-align-super { vertical-align: super !important; } } .flex-row { flex-direction: row !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column { flex-direction: column !important; } .flex-column-reverse { flex-direction: column-reverse !important; } @media screen and (min-width: 576px) { .sm\:flex-row { flex-direction: row !important; } .sm\:flex-row-reverse { flex-direction: row-reverse !important; } .sm\:flex-column { flex-direction: column !important; } .sm\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 768px) { .md\:flex-row { flex-direction: row !important; } .md\:flex-row-reverse { flex-direction: row-reverse !important; } .md\:flex-column { flex-direction: column !important; } .md\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 992px) { .lg\:flex-row { flex-direction: row !important; } .lg\:flex-row-reverse { flex-direction: row-reverse !important; } .lg\:flex-column { flex-direction: column !important; } .lg\:flex-column-reverse { flex-direction: column-reverse !important; } } @media screen and (min-width: 1200px) { .xl\:flex-row { flex-direction: row !important; } .xl\:flex-row-reverse { flex-direction: row-reverse !important; } .xl\:flex-column { flex-direction: column !important; } .xl\:flex-column-reverse { flex-direction: column-reverse !important; } } .flex-wrap { flex-wrap: wrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-nowrap { flex-wrap: nowrap !important; } @media screen and (min-width: 576px) { .sm\:flex-wrap { flex-wrap: wrap !important; } .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .sm\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 768px) { .md\:flex-wrap { flex-wrap: wrap !important; } .md\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .md\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 992px) { .lg\:flex-wrap { flex-wrap: wrap !important; } .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .lg\:flex-nowrap { flex-wrap: nowrap !important; } } @media screen and (min-width: 1200px) { .xl\:flex-wrap { flex-wrap: wrap !important; } .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .xl\:flex-nowrap { flex-wrap: nowrap !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; } .justify-content-evenly { justify-content: space-evenly !important; } @media screen and (min-width: 576px) { .sm\:justify-content-start { justify-content: flex-start !important; } .sm\:justify-content-end { justify-content: flex-end !important; } .sm\:justify-content-center { justify-content: center !important; } .sm\:justify-content-between { justify-content: space-between !important; } .sm\:justify-content-around { justify-content: space-around !important; } .sm\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 768px) { .md\:justify-content-start { justify-content: flex-start !important; } .md\:justify-content-end { justify-content: flex-end !important; } .md\:justify-content-center { justify-content: center !important; } .md\:justify-content-between { justify-content: space-between !important; } .md\:justify-content-around { justify-content: space-around !important; } .md\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 992px) { .lg\:justify-content-start { justify-content: flex-start !important; } .lg\:justify-content-end { justify-content: flex-end !important; } .lg\:justify-content-center { justify-content: center !important; } .lg\:justify-content-between { justify-content: space-between !important; } .lg\:justify-content-around { justify-content: space-around !important; } .lg\:justify-content-evenly { justify-content: space-evenly !important; } } @media screen and (min-width: 1200px) { .xl\:justify-content-start { justify-content: flex-start !important; } .xl\:justify-content-end { justify-content: flex-end !important; } .xl\:justify-content-center { justify-content: center !important; } .xl\:justify-content-between { justify-content: space-between !important; } .xl\:justify-content-around { justify-content: space-around !important; } .xl\:justify-content-evenly { justify-content: space-evenly !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-evenly { align-content: space-evenly !important; } @media screen and (min-width: 576px) { .sm\:align-content-start { align-content: flex-start !important; } .sm\:align-content-end { align-content: flex-end !important; } .sm\:align-content-center { align-content: center !important; } .sm\:align-content-between { align-content: space-between !important; } .sm\:align-content-around { align-content: space-around !important; } .sm\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 768px) { .md\:align-content-start { align-content: flex-start !important; } .md\:align-content-end { align-content: flex-end !important; } .md\:align-content-center { align-content: center !important; } .md\:align-content-between { align-content: space-between !important; } .md\:align-content-around { align-content: space-around !important; } .md\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 992px) { .lg\:align-content-start { align-content: flex-start !important; } .lg\:align-content-end { align-content: flex-end !important; } .lg\:align-content-center { align-content: center !important; } .lg\:align-content-between { align-content: space-between !important; } .lg\:align-content-around { align-content: space-around !important; } .lg\:align-content-evenly { align-content: space-evenly !important; } } @media screen and (min-width: 1200px) { .xl\:align-content-start { align-content: flex-start !important; } .xl\:align-content-end { align-content: flex-end !important; } .xl\:align-content-center { align-content: center !important; } .xl\:align-content-between { align-content: space-between !important; } .xl\:align-content-around { align-content: space-around !important; } .xl\:align-content-evenly { align-content: space-evenly !important; } } .align-items-stretch { align-items: stretch !important; } .align-items-start { align-items: flex-start !important; } .align-items-center { align-items: center !important; } .align-items-end { align-items: flex-end !important; } .align-items-baseline { align-items: baseline !important; } @media screen and (min-width: 576px) { .sm\:align-items-stretch { align-items: stretch !important; } .sm\:align-items-start { align-items: flex-start !important; } .sm\:align-items-center { align-items: center !important; } .sm\:align-items-end { align-items: flex-end !important; } .sm\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 768px) { .md\:align-items-stretch { align-items: stretch !important; } .md\:align-items-start { align-items: flex-start !important; } .md\:align-items-center { align-items: center !important; } .md\:align-items-end { align-items: flex-end !important; } .md\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 992px) { .lg\:align-items-stretch { align-items: stretch !important; } .lg\:align-items-start { align-items: flex-start !important; } .lg\:align-items-center { align-items: center !important; } .lg\:align-items-end { align-items: flex-end !important; } .lg\:align-items-baseline { align-items: baseline !important; } } @media screen and (min-width: 1200px) { .xl\:align-items-stretch { align-items: stretch !important; } .xl\:align-items-start { align-items: flex-start !important; } .xl\:align-items-center { align-items: center !important; } .xl\:align-items-end { align-items: flex-end !important; } .xl\:align-items-baseline { align-items: baseline !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-stretch { align-self: stretch !important; } .align-self-baseline { align-self: baseline !important; } @media screen and (min-width: 576px) { .sm\:align-self-auto { align-self: auto !important; } .sm\:align-self-start { align-self: flex-start !important; } .sm\:align-self-end { align-self: flex-end !important; } .sm\:align-self-center { align-self: center !important; } .sm\:align-self-stretch { align-self: stretch !important; } .sm\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 768px) { .md\:align-self-auto { align-self: auto !important; } .md\:align-self-start { align-self: flex-start !important; } .md\:align-self-end { align-self: flex-end !important; } .md\:align-self-center { align-self: center !important; } .md\:align-self-stretch { align-self: stretch !important; } .md\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 992px) { .lg\:align-self-auto { align-self: auto !important; } .lg\:align-self-start { align-self: flex-start !important; } .lg\:align-self-end { align-self: flex-end !important; } .lg\:align-self-center { align-self: center !important; } .lg\:align-self-stretch { align-self: stretch !important; } .lg\:align-self-baseline { align-self: baseline !important; } } @media screen and (min-width: 1200px) { .xl\:align-self-auto { align-self: auto !important; } .xl\:align-self-start { align-self: flex-start !important; } .xl\:align-self-end { align-self: flex-end !important; } .xl\:align-self-center { align-self: center !important; } .xl\:align-self-stretch { align-self: stretch !important; } .xl\:align-self-baseline { align-self: baseline !important; } } .flex-order-0 { order: 0 !important; } .flex-order-1 { order: 1 !important; } .flex-order-2 { order: 2 !important; } .flex-order-3 { order: 3 !important; } .flex-order-4 { order: 4 !important; } .flex-order-5 { order: 5 !important; } .flex-order-6 { order: 6 !important; } @media screen and (min-width: 576px) { .sm\:flex-order-0 { order: 0 !important; } .sm\:flex-order-1 { order: 1 !important; } .sm\:flex-order-2 { order: 2 !important; } .sm\:flex-order-3 { order: 3 !important; } .sm\:flex-order-4 { order: 4 !important; } .sm\:flex-order-5 { order: 5 !important; } .sm\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 768px) { .md\:flex-order-0 { order: 0 !important; } .md\:flex-order-1 { order: 1 !important; } .md\:flex-order-2 { order: 2 !important; } .md\:flex-order-3 { order: 3 !important; } .md\:flex-order-4 { order: 4 !important; } .md\:flex-order-5 { order: 5 !important; } .md\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 992px) { .lg\:flex-order-0 { order: 0 !important; } .lg\:flex-order-1 { order: 1 !important; } .lg\:flex-order-2 { order: 2 !important; } .lg\:flex-order-3 { order: 3 !important; } .lg\:flex-order-4 { order: 4 !important; } .lg\:flex-order-5 { order: 5 !important; } .lg\:flex-order-6 { order: 6 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-order-0 { order: 0 !important; } .xl\:flex-order-1 { order: 1 !important; } .xl\:flex-order-2 { order: 2 !important; } .xl\:flex-order-3 { order: 3 !important; } .xl\:flex-order-4 { order: 4 !important; } .xl\:flex-order-5 { order: 5 !important; } .xl\:flex-order-6 { order: 6 !important; } } .flex-1 { flex: 1 1 0% !important; } .flex-auto { flex: 1 1 auto !important; } .flex-initial { flex: 0 1 auto !important; } .flex-none { flex: none !important; } @media screen and (min-width: 576px) { .sm\:flex-1 { flex: 1 1 0% !important; } .sm\:flex-auto { flex: 1 1 auto !important; } .sm\:flex-initial { flex: 0 1 auto !important; } .sm\:flex-none { flex: none !important; } } @media screen and (min-width: 768px) { .md\:flex-1 { flex: 1 1 0% !important; } .md\:flex-auto { flex: 1 1 auto !important; } .md\:flex-initial { flex: 0 1 auto !important; } .md\:flex-none { flex: none !important; } } @media screen and (min-width: 992px) { .lg\:flex-1 { flex: 1 1 0% !important; } .lg\:flex-auto { flex: 1 1 auto !important; } .lg\:flex-initial { flex: 0 1 auto !important; } .lg\:flex-none { flex: none !important; } } @media screen and (min-width: 1200px) { .xl\:flex-1 { flex: 1 1 0% !important; } .xl\:flex-auto { flex: 1 1 auto !important; } .xl\:flex-initial { flex: 0 1 auto !important; } .xl\:flex-none { flex: none !important; } } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } @media screen and (min-width: 576px) { .sm\:flex-grow-0 { flex-grow: 0 !important; } .sm\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 768px) { .md\:flex-grow-0 { flex-grow: 0 !important; } .md\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 992px) { .lg\:flex-grow-0 { flex-grow: 0 !important; } .lg\:flex-grow-1 { flex-grow: 1 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-grow-0 { flex-grow: 0 !important; } .xl\:flex-grow-1 { flex-grow: 1 !important; } } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } @media screen and (min-width: 576px) { .sm\:flex-shrink-0 { flex-shrink: 0 !important; } .sm\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 768px) { .md\:flex-shrink-0 { flex-shrink: 0 !important; } .md\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 992px) { .lg\:flex-shrink-0 { flex-shrink: 0 !important; } .lg\:flex-shrink-1 { flex-shrink: 1 !important; } } @media screen and (min-width: 1200px) { .xl\:flex-shrink-0 { flex-shrink: 0 !important; } .xl\:flex-shrink-1 { flex-shrink: 1 !important; } } .gap-0 { gap: 0rem !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 2rem !important; } .gap-6 { gap: 3rem !important; } .gap-7 { gap: 4rem !important; } .gap-8 { gap: 5rem !important; } .row-gap-0 { row-gap: 0rem !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 2rem !important; } .row-gap-6 { row-gap: 3rem !important; } .row-gap-7 { row-gap: 4rem !important; } .row-gap-8 { row-gap: 5rem !important; } .column-gap-0 { column-gap: 0rem !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 2rem !important; } .column-gap-6 { column-gap: 3rem !important; } .column-gap-7 { column-gap: 4rem !important; } .column-gap-8 { column-gap: 5rem !important; } @media screen and (min-width: 576px) { .sm\:gap-0 { gap: 0rem !important; } .sm\:gap-1 { gap: 0.25rem !important; } .sm\:gap-2 { gap: 0.5rem !important; } .sm\:gap-3 { gap: 1rem !important; } .sm\:gap-4 { gap: 1.5rem !important; } .sm\:gap-5 { gap: 2rem !important; } .sm\:gap-6 { gap: 3rem !important; } .sm\:gap-7 { gap: 4rem !important; } .sm\:gap-8 { gap: 5rem !important; } .sm\:row-gap-0 { row-gap: 0rem !important; } .sm\:row-gap-1 { row-gap: 0.25rem !important; } .sm\:row-gap-2 { row-gap: 0.5rem !important; } .sm\:row-gap-3 { row-gap: 1rem !important; } .sm\:row-gap-4 { row-gap: 1.5rem !important; } .sm\:row-gap-5 { row-gap: 2rem !important; } .sm\:row-gap-6 { row-gap: 3rem !important; } .sm\:row-gap-7 { row-gap: 4rem !important; } .sm\:row-gap-8 { row-gap: 5rem !important; } .sm\:column-gap-0 { column-gap: 0rem !important; } .sm\:column-gap-1 { column-gap: 0.25rem !important; } .sm\:column-gap-2 { column-gap: 0.5rem !important; } .sm\:column-gap-3 { column-gap: 1rem !important; } .sm\:column-gap-4 { column-gap: 1.5rem !important; } .sm\:column-gap-5 { column-gap: 2rem !important; } .sm\:column-gap-6 { column-gap: 3rem !important; } .sm\:column-gap-7 { column-gap: 4rem !important; } .sm\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 768px) { .md\:gap-0 { gap: 0rem !important; } .md\:gap-1 { gap: 0.25rem !important; } .md\:gap-2 { gap: 0.5rem !important; } .md\:gap-3 { gap: 1rem !important; } .md\:gap-4 { gap: 1.5rem !important; } .md\:gap-5 { gap: 2rem !important; } .md\:gap-6 { gap: 3rem !important; } .md\:gap-7 { gap: 4rem !important; } .md\:gap-8 { gap: 5rem !important; } .md\:row-gap-0 { row-gap: 0rem !important; } .md\:row-gap-1 { row-gap: 0.25rem !important; } .md\:row-gap-2 { row-gap: 0.5rem !important; } .md\:row-gap-3 { row-gap: 1rem !important; } .md\:row-gap-4 { row-gap: 1.5rem !important; } .md\:row-gap-5 { row-gap: 2rem !important; } .md\:row-gap-6 { row-gap: 3rem !important; } .md\:row-gap-7 { row-gap: 4rem !important; } .md\:row-gap-8 { row-gap: 5rem !important; } .md\:column-gap-0 { column-gap: 0rem !important; } .md\:column-gap-1 { column-gap: 0.25rem !important; } .md\:column-gap-2 { column-gap: 0.5rem !important; } .md\:column-gap-3 { column-gap: 1rem !important; } .md\:column-gap-4 { column-gap: 1.5rem !important; } .md\:column-gap-5 { column-gap: 2rem !important; } .md\:column-gap-6 { column-gap: 3rem !important; } .md\:column-gap-7 { column-gap: 4rem !important; } .md\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 992px) { .lg\:gap-0 { gap: 0rem !important; } .lg\:gap-1 { gap: 0.25rem !important; } .lg\:gap-2 { gap: 0.5rem !important; } .lg\:gap-3 { gap: 1rem !important; } .lg\:gap-4 { gap: 1.5rem !important; } .lg\:gap-5 { gap: 2rem !important; } .lg\:gap-6 { gap: 3rem !important; } .lg\:gap-7 { gap: 4rem !important; } .lg\:gap-8 { gap: 5rem !important; } .lg\:row-gap-0 { row-gap: 0rem !important; } .lg\:row-gap-1 { row-gap: 0.25rem !important; } .lg\:row-gap-2 { row-gap: 0.5rem !important; } .lg\:row-gap-3 { row-gap: 1rem !important; } .lg\:row-gap-4 { row-gap: 1.5rem !important; } .lg\:row-gap-5 { row-gap: 2rem !important; } .lg\:row-gap-6 { row-gap: 3rem !important; } .lg\:row-gap-7 { row-gap: 4rem !important; } .lg\:row-gap-8 { row-gap: 5rem !important; } .lg\:column-gap-0 { column-gap: 0rem !important; } .lg\:column-gap-1 { column-gap: 0.25rem !important; } .lg\:column-gap-2 { column-gap: 0.5rem !important; } .lg\:column-gap-3 { column-gap: 1rem !important; } .lg\:column-gap-4 { column-gap: 1.5rem !important; } .lg\:column-gap-5 { column-gap: 2rem !important; } .lg\:column-gap-6 { column-gap: 3rem !important; } .lg\:column-gap-7 { column-gap: 4rem !important; } .lg\:column-gap-8 { column-gap: 5rem !important; } } @media screen and (min-width: 1200px) { .xl\:gap-0 { gap: 0rem !important; } .xl\:gap-1 { gap: 0.25rem !important; } .xl\:gap-2 { gap: 0.5rem !important; } .xl\:gap-3 { gap: 1rem !important; } .xl\:gap-4 { gap: 1.5rem !important; } .xl\:gap-5 { gap: 2rem !important; } .xl\:gap-6 { gap: 3rem !important; } .xl\:gap-7 { gap: 4rem !important; } .xl\:gap-8 { gap: 5rem !important; } .xl\:row-gap-0 { row-gap: 0rem !important; } .xl\:row-gap-1 { row-gap: 0.25rem !important; } .xl\:row-gap-2 { row-gap: 0.5rem !important; } .xl\:row-gap-3 { row-gap: 1rem !important; } .xl\:row-gap-4 { row-gap: 1.5rem !important; } .xl\:row-gap-5 { row-gap: 2rem !important; } .xl\:row-gap-6 { row-gap: 3rem !important; } .xl\:row-gap-7 { row-gap: 4rem !important; } .xl\:row-gap-8 { row-gap: 5rem !important; } .xl\:column-gap-0 { column-gap: 0rem !important; } .xl\:column-gap-1 { column-gap: 0.25rem !important; } .xl\:column-gap-2 { column-gap: 0.5rem !important; } .xl\:column-gap-3 { column-gap: 1rem !important; } .xl\:column-gap-4 { column-gap: 1.5rem !important; } .xl\:column-gap-5 { column-gap: 2rem !important; } .xl\:column-gap-6 { column-gap: 3rem !important; } .xl\:column-gap-7 { column-gap: 4rem !important; } .xl\:column-gap-8 { column-gap: 5rem !important; } } .p-0 { padding: 0rem !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 2rem !important; } .p-6 { padding: 3rem !important; } .p-7 { padding: 4rem !important; } .p-8 { padding: 5rem !important; } .pt-0 { padding-top: 0rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 2rem !important; } .pt-6 { padding-top: 3rem !important; } .pt-7 { padding-top: 4rem !important; } .pt-8 { padding-top: 5rem !important; } .pr-0 { padding-right: 0rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pr-3 { padding-right: 1rem !important; } .pr-4 { padding-right: 1.5rem !important; } .pr-5 { padding-right: 2rem !important; } .pr-6 { padding-right: 3rem !important; } .pr-7 { padding-right: 4rem !important; } .pr-8 { padding-right: 5rem !important; } .pl-0 { padding-left: 0rem !important; } .pl-1 { padding-left: 0.25rem !important; } .pl-2 { padding-left: 0.5rem !important; } .pl-3 { padding-left: 1rem !important; } .pl-4 { padding-left: 1.5rem !important; } .pl-5 { padding-left: 2rem !important; } .pl-6 { padding-left: 3rem !important; } .pl-7 { padding-left: 4rem !important; } .pl-8 { padding-left: 5rem !important; } .pb-0 { padding-bottom: 0rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 2rem !important; } .pb-6 { padding-bottom: 3rem !important; } .pb-7 { padding-bottom: 4rem !important; } .pb-8 { padding-bottom: 5rem !important; } .px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } @media screen and (min-width: 576px) { .sm\:p-0 { padding: 0rem !important; } .sm\:p-1 { padding: 0.25rem !important; } .sm\:p-2 { padding: 0.5rem !important; } .sm\:p-3 { padding: 1rem !important; } .sm\:p-4 { padding: 1.5rem !important; } .sm\:p-5 { padding: 2rem !important; } .sm\:p-6 { padding: 3rem !important; } .sm\:p-7 { padding: 4rem !important; } .sm\:p-8 { padding: 5rem !important; } .sm\:pt-0 { padding-top: 0rem !important; } .sm\:pt-1 { padding-top: 0.25rem !important; } .sm\:pt-2 { padding-top: 0.5rem !important; } .sm\:pt-3 { padding-top: 1rem !important; } .sm\:pt-4 { padding-top: 1.5rem !important; } .sm\:pt-5 { padding-top: 2rem !important; } .sm\:pt-6 { padding-top: 3rem !important; } .sm\:pt-7 { padding-top: 4rem !important; } .sm\:pt-8 { padding-top: 5rem !important; } .sm\:pr-0 { padding-right: 0rem !important; } .sm\:pr-1 { padding-right: 0.25rem !important; } .sm\:pr-2 { padding-right: 0.5rem !important; } .sm\:pr-3 { padding-right: 1rem !important; } .sm\:pr-4 { padding-right: 1.5rem !important; } .sm\:pr-5 { padding-right: 2rem !important; } .sm\:pr-6 { padding-right: 3rem !important; } .sm\:pr-7 { padding-right: 4rem !important; } .sm\:pr-8 { padding-right: 5rem !important; } .sm\:pl-0 { padding-left: 0rem !important; } .sm\:pl-1 { padding-left: 0.25rem !important; } .sm\:pl-2 { padding-left: 0.5rem !important; } .sm\:pl-3 { padding-left: 1rem !important; } .sm\:pl-4 { padding-left: 1.5rem !important; } .sm\:pl-5 { padding-left: 2rem !important; } .sm\:pl-6 { padding-left: 3rem !important; } .sm\:pl-7 { padding-left: 4rem !important; } .sm\:pl-8 { padding-left: 5rem !important; } .sm\:pb-0 { padding-bottom: 0rem !important; } .sm\:pb-1 { padding-bottom: 0.25rem !important; } .sm\:pb-2 { padding-bottom: 0.5rem !important; } .sm\:pb-3 { padding-bottom: 1rem !important; } .sm\:pb-4 { padding-bottom: 1.5rem !important; } .sm\:pb-5 { padding-bottom: 2rem !important; } .sm\:pb-6 { padding-bottom: 3rem !important; } .sm\:pb-7 { padding-bottom: 4rem !important; } .sm\:pb-8 { padding-bottom: 5rem !important; } .sm\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .sm\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .sm\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .sm\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .sm\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .sm\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .sm\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .sm\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .sm\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .sm\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .sm\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .sm\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .sm\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .sm\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .sm\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .sm\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .sm\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .sm\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 768px) { .md\:p-0 { padding: 0rem !important; } .md\:p-1 { padding: 0.25rem !important; } .md\:p-2 { padding: 0.5rem !important; } .md\:p-3 { padding: 1rem !important; } .md\:p-4 { padding: 1.5rem !important; } .md\:p-5 { padding: 2rem !important; } .md\:p-6 { padding: 3rem !important; } .md\:p-7 { padding: 4rem !important; } .md\:p-8 { padding: 5rem !important; } .md\:pt-0 { padding-top: 0rem !important; } .md\:pt-1 { padding-top: 0.25rem !important; } .md\:pt-2 { padding-top: 0.5rem !important; } .md\:pt-3 { padding-top: 1rem !important; } .md\:pt-4 { padding-top: 1.5rem !important; } .md\:pt-5 { padding-top: 2rem !important; } .md\:pt-6 { padding-top: 3rem !important; } .md\:pt-7 { padding-top: 4rem !important; } .md\:pt-8 { padding-top: 5rem !important; } .md\:pr-0 { padding-right: 0rem !important; } .md\:pr-1 { padding-right: 0.25rem !important; } .md\:pr-2 { padding-right: 0.5rem !important; } .md\:pr-3 { padding-right: 1rem !important; } .md\:pr-4 { padding-right: 1.5rem !important; } .md\:pr-5 { padding-right: 2rem !important; } .md\:pr-6 { padding-right: 3rem !important; } .md\:pr-7 { padding-right: 4rem !important; } .md\:pr-8 { padding-right: 5rem !important; } .md\:pl-0 { padding-left: 0rem !important; } .md\:pl-1 { padding-left: 0.25rem !important; } .md\:pl-2 { padding-left: 0.5rem !important; } .md\:pl-3 { padding-left: 1rem !important; } .md\:pl-4 { padding-left: 1.5rem !important; } .md\:pl-5 { padding-left: 2rem !important; } .md\:pl-6 { padding-left: 3rem !important; } .md\:pl-7 { padding-left: 4rem !important; } .md\:pl-8 { padding-left: 5rem !important; } .md\:pb-0 { padding-bottom: 0rem !important; } .md\:pb-1 { padding-bottom: 0.25rem !important; } .md\:pb-2 { padding-bottom: 0.5rem !important; } .md\:pb-3 { padding-bottom: 1rem !important; } .md\:pb-4 { padding-bottom: 1.5rem !important; } .md\:pb-5 { padding-bottom: 2rem !important; } .md\:pb-6 { padding-bottom: 3rem !important; } .md\:pb-7 { padding-bottom: 4rem !important; } .md\:pb-8 { padding-bottom: 5rem !important; } .md\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .md\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .md\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .md\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .md\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .md\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .md\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .md\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .md\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .md\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .md\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .md\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .md\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .md\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .md\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .md\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .md\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .md\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 992px) { .lg\:p-0 { padding: 0rem !important; } .lg\:p-1 { padding: 0.25rem !important; } .lg\:p-2 { padding: 0.5rem !important; } .lg\:p-3 { padding: 1rem !important; } .lg\:p-4 { padding: 1.5rem !important; } .lg\:p-5 { padding: 2rem !important; } .lg\:p-6 { padding: 3rem !important; } .lg\:p-7 { padding: 4rem !important; } .lg\:p-8 { padding: 5rem !important; } .lg\:pt-0 { padding-top: 0rem !important; } .lg\:pt-1 { padding-top: 0.25rem !important; } .lg\:pt-2 { padding-top: 0.5rem !important; } .lg\:pt-3 { padding-top: 1rem !important; } .lg\:pt-4 { padding-top: 1.5rem !important; } .lg\:pt-5 { padding-top: 2rem !important; } .lg\:pt-6 { padding-top: 3rem !important; } .lg\:pt-7 { padding-top: 4rem !important; } .lg\:pt-8 { padding-top: 5rem !important; } .lg\:pr-0 { padding-right: 0rem !important; } .lg\:pr-1 { padding-right: 0.25rem !important; } .lg\:pr-2 { padding-right: 0.5rem !important; } .lg\:pr-3 { padding-right: 1rem !important; } .lg\:pr-4 { padding-right: 1.5rem !important; } .lg\:pr-5 { padding-right: 2rem !important; } .lg\:pr-6 { padding-right: 3rem !important; } .lg\:pr-7 { padding-right: 4rem !important; } .lg\:pr-8 { padding-right: 5rem !important; } .lg\:pl-0 { padding-left: 0rem !important; } .lg\:pl-1 { padding-left: 0.25rem !important; } .lg\:pl-2 { padding-left: 0.5rem !important; } .lg\:pl-3 { padding-left: 1rem !important; } .lg\:pl-4 { padding-left: 1.5rem !important; } .lg\:pl-5 { padding-left: 2rem !important; } .lg\:pl-6 { padding-left: 3rem !important; } .lg\:pl-7 { padding-left: 4rem !important; } .lg\:pl-8 { padding-left: 5rem !important; } .lg\:pb-0 { padding-bottom: 0rem !important; } .lg\:pb-1 { padding-bottom: 0.25rem !important; } .lg\:pb-2 { padding-bottom: 0.5rem !important; } .lg\:pb-3 { padding-bottom: 1rem !important; } .lg\:pb-4 { padding-bottom: 1.5rem !important; } .lg\:pb-5 { padding-bottom: 2rem !important; } .lg\:pb-6 { padding-bottom: 3rem !important; } .lg\:pb-7 { padding-bottom: 4rem !important; } .lg\:pb-8 { padding-bottom: 5rem !important; } .lg\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .lg\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .lg\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .lg\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .lg\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .lg\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .lg\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .lg\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .lg\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .lg\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .lg\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .lg\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .lg\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .lg\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .lg\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .lg\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .lg\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .lg\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } @media screen and (min-width: 1200px) { .xl\:p-0 { padding: 0rem !important; } .xl\:p-1 { padding: 0.25rem !important; } .xl\:p-2 { padding: 0.5rem !important; } .xl\:p-3 { padding: 1rem !important; } .xl\:p-4 { padding: 1.5rem !important; } .xl\:p-5 { padding: 2rem !important; } .xl\:p-6 { padding: 3rem !important; } .xl\:p-7 { padding: 4rem !important; } .xl\:p-8 { padding: 5rem !important; } .xl\:pt-0 { padding-top: 0rem !important; } .xl\:pt-1 { padding-top: 0.25rem !important; } .xl\:pt-2 { padding-top: 0.5rem !important; } .xl\:pt-3 { padding-top: 1rem !important; } .xl\:pt-4 { padding-top: 1.5rem !important; } .xl\:pt-5 { padding-top: 2rem !important; } .xl\:pt-6 { padding-top: 3rem !important; } .xl\:pt-7 { padding-top: 4rem !important; } .xl\:pt-8 { padding-top: 5rem !important; } .xl\:pr-0 { padding-right: 0rem !important; } .xl\:pr-1 { padding-right: 0.25rem !important; } .xl\:pr-2 { padding-right: 0.5rem !important; } .xl\:pr-3 { padding-right: 1rem !important; } .xl\:pr-4 { padding-right: 1.5rem !important; } .xl\:pr-5 { padding-right: 2rem !important; } .xl\:pr-6 { padding-right: 3rem !important; } .xl\:pr-7 { padding-right: 4rem !important; } .xl\:pr-8 { padding-right: 5rem !important; } .xl\:pl-0 { padding-left: 0rem !important; } .xl\:pl-1 { padding-left: 0.25rem !important; } .xl\:pl-2 { padding-left: 0.5rem !important; } .xl\:pl-3 { padding-left: 1rem !important; } .xl\:pl-4 { padding-left: 1.5rem !important; } .xl\:pl-5 { padding-left: 2rem !important; } .xl\:pl-6 { padding-left: 3rem !important; } .xl\:pl-7 { padding-left: 4rem !important; } .xl\:pl-8 { padding-left: 5rem !important; } .xl\:pb-0 { padding-bottom: 0rem !important; } .xl\:pb-1 { padding-bottom: 0.25rem !important; } .xl\:pb-2 { padding-bottom: 0.5rem !important; } .xl\:pb-3 { padding-bottom: 1rem !important; } .xl\:pb-4 { padding-bottom: 1.5rem !important; } .xl\:pb-5 { padding-bottom: 2rem !important; } .xl\:pb-6 { padding-bottom: 3rem !important; } .xl\:pb-7 { padding-bottom: 4rem !important; } .xl\:pb-8 { padding-bottom: 5rem !important; } .xl\:px-0 { padding-left: 0rem !important; padding-right: 0rem !important; } .xl\:px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .xl\:px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .xl\:px-3 { padding-left: 1rem !important; padding-right: 1rem !important; } .xl\:px-4 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; } .xl\:px-5 { padding-left: 2rem !important; padding-right: 2rem !important; } .xl\:px-6 { padding-left: 3rem !important; padding-right: 3rem !important; } .xl\:px-7 { padding-left: 4rem !important; padding-right: 4rem !important; } .xl\:px-8 { padding-left: 5rem !important; padding-right: 5rem !important; } .xl\:py-0 { padding-top: 0rem !important; padding-bottom: 0rem !important; } .xl\:py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .xl\:py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .xl\:py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .xl\:py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .xl\:py-5 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .xl\:py-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .xl\:py-7 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .xl\:py-8 { padding-top: 5rem !important; padding-bottom: 5rem !important; } } .m-0 { margin: 0rem !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 2rem !important; } .m-6 { margin: 3rem !important; } .m-7 { margin: 4rem !important; } .m-8 { margin: 5rem !important; } .-m-1 { margin: -0.25rem !important; } .-m-2 { margin: -0.5rem !important; } .-m-3 { margin: -1rem !important; } .-m-4 { margin: -1.5rem !important; } .-m-5 { margin: -2rem !important; } .-m-6 { margin: -3rem !important; } .-m-7 { margin: -4rem !important; } .-m-8 { margin: -5rem !important; } .m-auto { margin: auto !important; } .mt-0 { margin-top: 0rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 2rem !important; } .mt-6 { margin-top: 3rem !important; } .mt-7 { margin-top: 4rem !important; } .mt-8 { margin-top: 5rem !important; } .-mt-1 { margin-top: -0.25rem !important; } .-mt-2 { margin-top: -0.5rem !important; } .-mt-3 { margin-top: -1rem !important; } .-mt-4 { margin-top: -1.5rem !important; } .-mt-5 { margin-top: -2rem !important; } .-mt-6 { margin-top: -3rem !important; } .-mt-7 { margin-top: -4rem !important; } .-mt-8 { margin-top: -5rem !important; } .mt-auto { margin-top: auto !important; } .mr-0 { margin-right: 0rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mr-3 { margin-right: 1rem !important; } .mr-4 { margin-right: 1.5rem !important; } .mr-5 { margin-right: 2rem !important; } .mr-6 { margin-right: 3rem !important; } .mr-7 { margin-right: 4rem !important; } .mr-8 { margin-right: 5rem !important; } .-mr-1 { margin-right: -0.25rem !important; } .-mr-2 { margin-right: -0.5rem !important; } .-mr-3 { margin-right: -1rem !important; } .-mr-4 { margin-right: -1.5rem !important; } .-mr-5 { margin-right: -2rem !important; } .-mr-6 { margin-right: -3rem !important; } .-mr-7 { margin-right: -4rem !important; } .-mr-8 { margin-right: -5rem !important; } .mr-auto { margin-right: auto !important; } .ml-0 { margin-left: 0rem !important; } .ml-1 { margin-left: 0.25rem !important; } .ml-2 { margin-left: 0.5rem !important; } .ml-3 { margin-left: 1rem !important; } .ml-4 { margin-left: 1.5rem !important; } .ml-5 { margin-left: 2rem !important; } .ml-6 { margin-left: 3rem !important; } .ml-7 { margin-left: 4rem !important; } .ml-8 { margin-left: 5rem !important; } .-ml-1 { margin-left: -0.25rem !important; } .-ml-2 { margin-left: -0.5rem !important; } .-ml-3 { margin-left: -1rem !important; } .-ml-4 { margin-left: -1.5rem !important; } .-ml-5 { margin-left: -2rem !important; } .-ml-6 { margin-left: -3rem !important; } .-ml-7 { margin-left: -4rem !important; } .-ml-8 { margin-left: -5rem !important; } .ml-auto { margin-left: auto !important; } .mb-0 { margin-bottom: 0rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 2rem !important; } .mb-6 { margin-bottom: 3rem !important; } .mb-7 { margin-bottom: 4rem !important; } .mb-8 { margin-bottom: 5rem !important; } .-mb-1 { margin-bottom: -0.25rem !important; } .-mb-2 { margin-bottom: -0.5rem !important; } .-mb-3 { margin-bottom: -1rem !important; } .-mb-4 { margin-bottom: -1.5rem !important; } .-mb-5 { margin-bottom: -2rem !important; } .-mb-6 { margin-bottom: -3rem !important; } .-mb-7 { margin-bottom: -4rem !important; } .-mb-8 { margin-bottom: -5rem !important; } .mb-auto { margin-bottom: auto !important; } .mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .mx-auto { margin-left: auto !important; margin-right: auto !important; } .my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } @media screen and (min-width: 576px) { .sm\:m-0 { margin: 0rem !important; } .sm\:m-1 { margin: 0.25rem !important; } .sm\:m-2 { margin: 0.5rem !important; } .sm\:m-3 { margin: 1rem !important; } .sm\:m-4 { margin: 1.5rem !important; } .sm\:m-5 { margin: 2rem !important; } .sm\:m-6 { margin: 3rem !important; } .sm\:m-7 { margin: 4rem !important; } .sm\:m-8 { margin: 5rem !important; } .sm\:-m-1 { margin: -0.25rem !important; } .sm\:-m-2 { margin: -0.5rem !important; } .sm\:-m-3 { margin: -1rem !important; } .sm\:-m-4 { margin: -1.5rem !important; } .sm\:-m-5 { margin: -2rem !important; } .sm\:-m-6 { margin: -3rem !important; } .sm\:-m-7 { margin: -4rem !important; } .sm\:-m-8 { margin: -5rem !important; } .sm\:m-auto { margin: auto !important; } .sm\:mt-0 { margin-top: 0rem !important; } .sm\:mt-1 { margin-top: 0.25rem !important; } .sm\:mt-2 { margin-top: 0.5rem !important; } .sm\:mt-3 { margin-top: 1rem !important; } .sm\:mt-4 { margin-top: 1.5rem !important; } .sm\:mt-5 { margin-top: 2rem !important; } .sm\:mt-6 { margin-top: 3rem !important; } .sm\:mt-7 { margin-top: 4rem !important; } .sm\:mt-8 { margin-top: 5rem !important; } .sm\:-mt-1 { margin-top: -0.25rem !important; } .sm\:-mt-2 { margin-top: -0.5rem !important; } .sm\:-mt-3 { margin-top: -1rem !important; } .sm\:-mt-4 { margin-top: -1.5rem !important; } .sm\:-mt-5 { margin-top: -2rem !important; } .sm\:-mt-6 { margin-top: -3rem !important; } .sm\:-mt-7 { margin-top: -4rem !important; } .sm\:-mt-8 { margin-top: -5rem !important; } .sm\:mt-auto { margin-top: auto !important; } .sm\:mr-0 { margin-right: 0rem !important; } .sm\:mr-1 { margin-right: 0.25rem !important; } .sm\:mr-2 { margin-right: 0.5rem !important; } .sm\:mr-3 { margin-right: 1rem !important; } .sm\:mr-4 { margin-right: 1.5rem !important; } .sm\:mr-5 { margin-right: 2rem !important; } .sm\:mr-6 { margin-right: 3rem !important; } .sm\:mr-7 { margin-right: 4rem !important; } .sm\:mr-8 { margin-right: 5rem !important; } .sm\:-mr-1 { margin-right: -0.25rem !important; } .sm\:-mr-2 { margin-right: -0.5rem !important; } .sm\:-mr-3 { margin-right: -1rem !important; } .sm\:-mr-4 { margin-right: -1.5rem !important; } .sm\:-mr-5 { margin-right: -2rem !important; } .sm\:-mr-6 { margin-right: -3rem !important; } .sm\:-mr-7 { margin-right: -4rem !important; } .sm\:-mr-8 { margin-right: -5rem !important; } .sm\:mr-auto { margin-right: auto !important; } .sm\:ml-0 { margin-left: 0rem !important; } .sm\:ml-1 { margin-left: 0.25rem !important; } .sm\:ml-2 { margin-left: 0.5rem !important; } .sm\:ml-3 { margin-left: 1rem !important; } .sm\:ml-4 { margin-left: 1.5rem !important; } .sm\:ml-5 { margin-left: 2rem !important; } .sm\:ml-6 { margin-left: 3rem !important; } .sm\:ml-7 { margin-left: 4rem !important; } .sm\:ml-8 { margin-left: 5rem !important; } .sm\:-ml-1 { margin-left: -0.25rem !important; } .sm\:-ml-2 { margin-left: -0.5rem !important; } .sm\:-ml-3 { margin-left: -1rem !important; } .sm\:-ml-4 { margin-left: -1.5rem !important; } .sm\:-ml-5 { margin-left: -2rem !important; } .sm\:-ml-6 { margin-left: -3rem !important; } .sm\:-ml-7 { margin-left: -4rem !important; } .sm\:-ml-8 { margin-left: -5rem !important; } .sm\:ml-auto { margin-left: auto !important; } .sm\:mb-0 { margin-bottom: 0rem !important; } .sm\:mb-1 { margin-bottom: 0.25rem !important; } .sm\:mb-2 { margin-bottom: 0.5rem !important; } .sm\:mb-3 { margin-bottom: 1rem !important; } .sm\:mb-4 { margin-bottom: 1.5rem !important; } .sm\:mb-5 { margin-bottom: 2rem !important; } .sm\:mb-6 { margin-bottom: 3rem !important; } .sm\:mb-7 { margin-bottom: 4rem !important; } .sm\:mb-8 { margin-bottom: 5rem !important; } .sm\:-mb-1 { margin-bottom: -0.25rem !important; } .sm\:-mb-2 { margin-bottom: -0.5rem !important; } .sm\:-mb-3 { margin-bottom: -1rem !important; } .sm\:-mb-4 { margin-bottom: -1.5rem !important; } .sm\:-mb-5 { margin-bottom: -2rem !important; } .sm\:-mb-6 { margin-bottom: -3rem !important; } .sm\:-mb-7 { margin-bottom: -4rem !important; } .sm\:-mb-8 { margin-bottom: -5rem !important; } .sm\:mb-auto { margin-bottom: auto !important; } .sm\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .sm\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .sm\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .sm\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .sm\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .sm\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .sm\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .sm\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .sm\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .sm\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .sm\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .sm\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .sm\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .sm\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .sm\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .sm\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .sm\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .sm\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .sm\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .sm\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .sm\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .sm\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .sm\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .sm\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .sm\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .sm\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .sm\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .sm\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .sm\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .sm\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .sm\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .sm\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .sm\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .sm\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .sm\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .sm\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 768px) { .md\:m-0 { margin: 0rem !important; } .md\:m-1 { margin: 0.25rem !important; } .md\:m-2 { margin: 0.5rem !important; } .md\:m-3 { margin: 1rem !important; } .md\:m-4 { margin: 1.5rem !important; } .md\:m-5 { margin: 2rem !important; } .md\:m-6 { margin: 3rem !important; } .md\:m-7 { margin: 4rem !important; } .md\:m-8 { margin: 5rem !important; } .md\:-m-1 { margin: -0.25rem !important; } .md\:-m-2 { margin: -0.5rem !important; } .md\:-m-3 { margin: -1rem !important; } .md\:-m-4 { margin: -1.5rem !important; } .md\:-m-5 { margin: -2rem !important; } .md\:-m-6 { margin: -3rem !important; } .md\:-m-7 { margin: -4rem !important; } .md\:-m-8 { margin: -5rem !important; } .md\:m-auto { margin: auto !important; } .md\:mt-0 { margin-top: 0rem !important; } .md\:mt-1 { margin-top: 0.25rem !important; } .md\:mt-2 { margin-top: 0.5rem !important; } .md\:mt-3 { margin-top: 1rem !important; } .md\:mt-4 { margin-top: 1.5rem !important; } .md\:mt-5 { margin-top: 2rem !important; } .md\:mt-6 { margin-top: 3rem !important; } .md\:mt-7 { margin-top: 4rem !important; } .md\:mt-8 { margin-top: 5rem !important; } .md\:-mt-1 { margin-top: -0.25rem !important; } .md\:-mt-2 { margin-top: -0.5rem !important; } .md\:-mt-3 { margin-top: -1rem !important; } .md\:-mt-4 { margin-top: -1.5rem !important; } .md\:-mt-5 { margin-top: -2rem !important; } .md\:-mt-6 { margin-top: -3rem !important; } .md\:-mt-7 { margin-top: -4rem !important; } .md\:-mt-8 { margin-top: -5rem !important; } .md\:mt-auto { margin-top: auto !important; } .md\:mr-0 { margin-right: 0rem !important; } .md\:mr-1 { margin-right: 0.25rem !important; } .md\:mr-2 { margin-right: 0.5rem !important; } .md\:mr-3 { margin-right: 1rem !important; } .md\:mr-4 { margin-right: 1.5rem !important; } .md\:mr-5 { margin-right: 2rem !important; } .md\:mr-6 { margin-right: 3rem !important; } .md\:mr-7 { margin-right: 4rem !important; } .md\:mr-8 { margin-right: 5rem !important; } .md\:-mr-1 { margin-right: -0.25rem !important; } .md\:-mr-2 { margin-right: -0.5rem !important; } .md\:-mr-3 { margin-right: -1rem !important; } .md\:-mr-4 { margin-right: -1.5rem !important; } .md\:-mr-5 { margin-right: -2rem !important; } .md\:-mr-6 { margin-right: -3rem !important; } .md\:-mr-7 { margin-right: -4rem !important; } .md\:-mr-8 { margin-right: -5rem !important; } .md\:mr-auto { margin-right: auto !important; } .md\:ml-0 { margin-left: 0rem !important; } .md\:ml-1 { margin-left: 0.25rem !important; } .md\:ml-2 { margin-left: 0.5rem !important; } .md\:ml-3 { margin-left: 1rem !important; } .md\:ml-4 { margin-left: 1.5rem !important; } .md\:ml-5 { margin-left: 2rem !important; } .md\:ml-6 { margin-left: 3rem !important; } .md\:ml-7 { margin-left: 4rem !important; } .md\:ml-8 { margin-left: 5rem !important; } .md\:-ml-1 { margin-left: -0.25rem !important; } .md\:-ml-2 { margin-left: -0.5rem !important; } .md\:-ml-3 { margin-left: -1rem !important; } .md\:-ml-4 { margin-left: -1.5rem !important; } .md\:-ml-5 { margin-left: -2rem !important; } .md\:-ml-6 { margin-left: -3rem !important; } .md\:-ml-7 { margin-left: -4rem !important; } .md\:-ml-8 { margin-left: -5rem !important; } .md\:ml-auto { margin-left: auto !important; } .md\:mb-0 { margin-bottom: 0rem !important; } .md\:mb-1 { margin-bottom: 0.25rem !important; } .md\:mb-2 { margin-bottom: 0.5rem !important; } .md\:mb-3 { margin-bottom: 1rem !important; } .md\:mb-4 { margin-bottom: 1.5rem !important; } .md\:mb-5 { margin-bottom: 2rem !important; } .md\:mb-6 { margin-bottom: 3rem !important; } .md\:mb-7 { margin-bottom: 4rem !important; } .md\:mb-8 { margin-bottom: 5rem !important; } .md\:-mb-1 { margin-bottom: -0.25rem !important; } .md\:-mb-2 { margin-bottom: -0.5rem !important; } .md\:-mb-3 { margin-bottom: -1rem !important; } .md\:-mb-4 { margin-bottom: -1.5rem !important; } .md\:-mb-5 { margin-bottom: -2rem !important; } .md\:-mb-6 { margin-bottom: -3rem !important; } .md\:-mb-7 { margin-bottom: -4rem !important; } .md\:-mb-8 { margin-bottom: -5rem !important; } .md\:mb-auto { margin-bottom: auto !important; } .md\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .md\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .md\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .md\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .md\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .md\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .md\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .md\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .md\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .md\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .md\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .md\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .md\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .md\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .md\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .md\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .md\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .md\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .md\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .md\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .md\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .md\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .md\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .md\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .md\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .md\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .md\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .md\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .md\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .md\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .md\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .md\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .md\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .md\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .md\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .md\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 992px) { .lg\:m-0 { margin: 0rem !important; } .lg\:m-1 { margin: 0.25rem !important; } .lg\:m-2 { margin: 0.5rem !important; } .lg\:m-3 { margin: 1rem !important; } .lg\:m-4 { margin: 1.5rem !important; } .lg\:m-5 { margin: 2rem !important; } .lg\:m-6 { margin: 3rem !important; } .lg\:m-7 { margin: 4rem !important; } .lg\:m-8 { margin: 5rem !important; } .lg\:-m-1 { margin: -0.25rem !important; } .lg\:-m-2 { margin: -0.5rem !important; } .lg\:-m-3 { margin: -1rem !important; } .lg\:-m-4 { margin: -1.5rem !important; } .lg\:-m-5 { margin: -2rem !important; } .lg\:-m-6 { margin: -3rem !important; } .lg\:-m-7 { margin: -4rem !important; } .lg\:-m-8 { margin: -5rem !important; } .lg\:m-auto { margin: auto !important; } .lg\:mt-0 { margin-top: 0rem !important; } .lg\:mt-1 { margin-top: 0.25rem !important; } .lg\:mt-2 { margin-top: 0.5rem !important; } .lg\:mt-3 { margin-top: 1rem !important; } .lg\:mt-4 { margin-top: 1.5rem !important; } .lg\:mt-5 { margin-top: 2rem !important; } .lg\:mt-6 { margin-top: 3rem !important; } .lg\:mt-7 { margin-top: 4rem !important; } .lg\:mt-8 { margin-top: 5rem !important; } .lg\:-mt-1 { margin-top: -0.25rem !important; } .lg\:-mt-2 { margin-top: -0.5rem !important; } .lg\:-mt-3 { margin-top: -1rem !important; } .lg\:-mt-4 { margin-top: -1.5rem !important; } .lg\:-mt-5 { margin-top: -2rem !important; } .lg\:-mt-6 { margin-top: -3rem !important; } .lg\:-mt-7 { margin-top: -4rem !important; } .lg\:-mt-8 { margin-top: -5rem !important; } .lg\:mt-auto { margin-top: auto !important; } .lg\:mr-0 { margin-right: 0rem !important; } .lg\:mr-1 { margin-right: 0.25rem !important; } .lg\:mr-2 { margin-right: 0.5rem !important; } .lg\:mr-3 { margin-right: 1rem !important; } .lg\:mr-4 { margin-right: 1.5rem !important; } .lg\:mr-5 { margin-right: 2rem !important; } .lg\:mr-6 { margin-right: 3rem !important; } .lg\:mr-7 { margin-right: 4rem !important; } .lg\:mr-8 { margin-right: 5rem !important; } .lg\:-mr-1 { margin-right: -0.25rem !important; } .lg\:-mr-2 { margin-right: -0.5rem !important; } .lg\:-mr-3 { margin-right: -1rem !important; } .lg\:-mr-4 { margin-right: -1.5rem !important; } .lg\:-mr-5 { margin-right: -2rem !important; } .lg\:-mr-6 { margin-right: -3rem !important; } .lg\:-mr-7 { margin-right: -4rem !important; } .lg\:-mr-8 { margin-right: -5rem !important; } .lg\:mr-auto { margin-right: auto !important; } .lg\:ml-0 { margin-left: 0rem !important; } .lg\:ml-1 { margin-left: 0.25rem !important; } .lg\:ml-2 { margin-left: 0.5rem !important; } .lg\:ml-3 { margin-left: 1rem !important; } .lg\:ml-4 { margin-left: 1.5rem !important; } .lg\:ml-5 { margin-left: 2rem !important; } .lg\:ml-6 { margin-left: 3rem !important; } .lg\:ml-7 { margin-left: 4rem !important; } .lg\:ml-8 { margin-left: 5rem !important; } .lg\:-ml-1 { margin-left: -0.25rem !important; } .lg\:-ml-2 { margin-left: -0.5rem !important; } .lg\:-ml-3 { margin-left: -1rem !important; } .lg\:-ml-4 { margin-left: -1.5rem !important; } .lg\:-ml-5 { margin-left: -2rem !important; } .lg\:-ml-6 { margin-left: -3rem !important; } .lg\:-ml-7 { margin-left: -4rem !important; } .lg\:-ml-8 { margin-left: -5rem !important; } .lg\:ml-auto { margin-left: auto !important; } .lg\:mb-0 { margin-bottom: 0rem !important; } .lg\:mb-1 { margin-bottom: 0.25rem !important; } .lg\:mb-2 { margin-bottom: 0.5rem !important; } .lg\:mb-3 { margin-bottom: 1rem !important; } .lg\:mb-4 { margin-bottom: 1.5rem !important; } .lg\:mb-5 { margin-bottom: 2rem !important; } .lg\:mb-6 { margin-bottom: 3rem !important; } .lg\:mb-7 { margin-bottom: 4rem !important; } .lg\:mb-8 { margin-bottom: 5rem !important; } .lg\:-mb-1 { margin-bottom: -0.25rem !important; } .lg\:-mb-2 { margin-bottom: -0.5rem !important; } .lg\:-mb-3 { margin-bottom: -1rem !important; } .lg\:-mb-4 { margin-bottom: -1.5rem !important; } .lg\:-mb-5 { margin-bottom: -2rem !important; } .lg\:-mb-6 { margin-bottom: -3rem !important; } .lg\:-mb-7 { margin-bottom: -4rem !important; } .lg\:-mb-8 { margin-bottom: -5rem !important; } .lg\:mb-auto { margin-bottom: auto !important; } .lg\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .lg\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .lg\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .lg\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .lg\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .lg\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .lg\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .lg\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .lg\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .lg\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .lg\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .lg\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .lg\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .lg\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .lg\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .lg\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .lg\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .lg\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .lg\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .lg\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .lg\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .lg\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .lg\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .lg\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .lg\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .lg\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .lg\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .lg\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .lg\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .lg\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .lg\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .lg\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .lg\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .lg\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .lg\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .lg\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } @media screen and (min-width: 1200px) { .xl\:m-0 { margin: 0rem !important; } .xl\:m-1 { margin: 0.25rem !important; } .xl\:m-2 { margin: 0.5rem !important; } .xl\:m-3 { margin: 1rem !important; } .xl\:m-4 { margin: 1.5rem !important; } .xl\:m-5 { margin: 2rem !important; } .xl\:m-6 { margin: 3rem !important; } .xl\:m-7 { margin: 4rem !important; } .xl\:m-8 { margin: 5rem !important; } .xl\:-m-1 { margin: -0.25rem !important; } .xl\:-m-2 { margin: -0.5rem !important; } .xl\:-m-3 { margin: -1rem !important; } .xl\:-m-4 { margin: -1.5rem !important; } .xl\:-m-5 { margin: -2rem !important; } .xl\:-m-6 { margin: -3rem !important; } .xl\:-m-7 { margin: -4rem !important; } .xl\:-m-8 { margin: -5rem !important; } .xl\:m-auto { margin: auto !important; } .xl\:mt-0 { margin-top: 0rem !important; } .xl\:mt-1 { margin-top: 0.25rem !important; } .xl\:mt-2 { margin-top: 0.5rem !important; } .xl\:mt-3 { margin-top: 1rem !important; } .xl\:mt-4 { margin-top: 1.5rem !important; } .xl\:mt-5 { margin-top: 2rem !important; } .xl\:mt-6 { margin-top: 3rem !important; } .xl\:mt-7 { margin-top: 4rem !important; } .xl\:mt-8 { margin-top: 5rem !important; } .xl\:-mt-1 { margin-top: -0.25rem !important; } .xl\:-mt-2 { margin-top: -0.5rem !important; } .xl\:-mt-3 { margin-top: -1rem !important; } .xl\:-mt-4 { margin-top: -1.5rem !important; } .xl\:-mt-5 { margin-top: -2rem !important; } .xl\:-mt-6 { margin-top: -3rem !important; } .xl\:-mt-7 { margin-top: -4rem !important; } .xl\:-mt-8 { margin-top: -5rem !important; } .xl\:mt-auto { margin-top: auto !important; } .xl\:mr-0 { margin-right: 0rem !important; } .xl\:mr-1 { margin-right: 0.25rem !important; } .xl\:mr-2 { margin-right: 0.5rem !important; } .xl\:mr-3 { margin-right: 1rem !important; } .xl\:mr-4 { margin-right: 1.5rem !important; } .xl\:mr-5 { margin-right: 2rem !important; } .xl\:mr-6 { margin-right: 3rem !important; } .xl\:mr-7 { margin-right: 4rem !important; } .xl\:mr-8 { margin-right: 5rem !important; } .xl\:-mr-1 { margin-right: -0.25rem !important; } .xl\:-mr-2 { margin-right: -0.5rem !important; } .xl\:-mr-3 { margin-right: -1rem !important; } .xl\:-mr-4 { margin-right: -1.5rem !important; } .xl\:-mr-5 { margin-right: -2rem !important; } .xl\:-mr-6 { margin-right: -3rem !important; } .xl\:-mr-7 { margin-right: -4rem !important; } .xl\:-mr-8 { margin-right: -5rem !important; } .xl\:mr-auto { margin-right: auto !important; } .xl\:ml-0 { margin-left: 0rem !important; } .xl\:ml-1 { margin-left: 0.25rem !important; } .xl\:ml-2 { margin-left: 0.5rem !important; } .xl\:ml-3 { margin-left: 1rem !important; } .xl\:ml-4 { margin-left: 1.5rem !important; } .xl\:ml-5 { margin-left: 2rem !important; } .xl\:ml-6 { margin-left: 3rem !important; } .xl\:ml-7 { margin-left: 4rem !important; } .xl\:ml-8 { margin-left: 5rem !important; } .xl\:-ml-1 { margin-left: -0.25rem !important; } .xl\:-ml-2 { margin-left: -0.5rem !important; } .xl\:-ml-3 { margin-left: -1rem !important; } .xl\:-ml-4 { margin-left: -1.5rem !important; } .xl\:-ml-5 { margin-left: -2rem !important; } .xl\:-ml-6 { margin-left: -3rem !important; } .xl\:-ml-7 { margin-left: -4rem !important; } .xl\:-ml-8 { margin-left: -5rem !important; } .xl\:ml-auto { margin-left: auto !important; } .xl\:mb-0 { margin-bottom: 0rem !important; } .xl\:mb-1 { margin-bottom: 0.25rem !important; } .xl\:mb-2 { margin-bottom: 0.5rem !important; } .xl\:mb-3 { margin-bottom: 1rem !important; } .xl\:mb-4 { margin-bottom: 1.5rem !important; } .xl\:mb-5 { margin-bottom: 2rem !important; } .xl\:mb-6 { margin-bottom: 3rem !important; } .xl\:mb-7 { margin-bottom: 4rem !important; } .xl\:mb-8 { margin-bottom: 5rem !important; } .xl\:-mb-1 { margin-bottom: -0.25rem !important; } .xl\:-mb-2 { margin-bottom: -0.5rem !important; } .xl\:-mb-3 { margin-bottom: -1rem !important; } .xl\:-mb-4 { margin-bottom: -1.5rem !important; } .xl\:-mb-5 { margin-bottom: -2rem !important; } .xl\:-mb-6 { margin-bottom: -3rem !important; } .xl\:-mb-7 { margin-bottom: -4rem !important; } .xl\:-mb-8 { margin-bottom: -5rem !important; } .xl\:mb-auto { margin-bottom: auto !important; } .xl\:mx-0 { margin-left: 0rem !important; margin-right: 0rem !important; } .xl\:mx-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; } .xl\:mx-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; } .xl\:mx-3 { margin-left: 1rem !important; margin-right: 1rem !important; } .xl\:mx-4 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; } .xl\:mx-5 { margin-left: 2rem !important; margin-right: 2rem !important; } .xl\:mx-6 { margin-left: 3rem !important; margin-right: 3rem !important; } .xl\:mx-7 { margin-left: 4rem !important; margin-right: 4rem !important; } .xl\:mx-8 { margin-left: 5rem !important; margin-right: 5rem !important; } .xl\:-mx-1 { margin-left: -0.25rem !important; margin-right: -0.25rem !important; } .xl\:-mx-2 { margin-left: -0.5rem !important; margin-right: -0.5rem !important; } .xl\:-mx-3 { margin-left: -1rem !important; margin-right: -1rem !important; } .xl\:-mx-4 { margin-left: -1.5rem !important; margin-right: -1.5rem !important; } .xl\:-mx-5 { margin-left: -2rem !important; margin-right: -2rem !important; } .xl\:-mx-6 { margin-left: -3rem !important; margin-right: -3rem !important; } .xl\:-mx-7 { margin-left: -4rem !important; margin-right: -4rem !important; } .xl\:-mx-8 { margin-left: -5rem !important; margin-right: -5rem !important; } .xl\:mx-auto { margin-left: auto !important; margin-right: auto !important; } .xl\:my-0 { margin-top: 0rem !important; margin-bottom: 0rem !important; } .xl\:my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .xl\:my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .xl\:my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .xl\:my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .xl\:my-5 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .xl\:my-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .xl\:my-7 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .xl\:my-8 { margin-top: 5rem !important; margin-bottom: 5rem !important; } .xl\:-my-1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .xl\:-my-2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .xl\:-my-3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .xl\:-my-4 { margin-top: -1.5rem !important; margin-bottom: -1.5rem !important; } .xl\:-my-5 { margin-top: -2rem !important; margin-bottom: -2rem !important; } .xl\:-my-6 { margin-top: -3rem !important; margin-bottom: -3rem !important; } .xl\:-my-7 { margin-top: -4rem !important; margin-bottom: -4rem !important; } .xl\:-my-8 { margin-top: -5rem !important; margin-bottom: -5rem !important; } .xl\:my-auto { margin-top: auto !important; margin-bottom: auto !important; } } .shadow-none { box-shadow: none !important; } .shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-none:focus { box-shadow: none !important; } .hover\:shadow-none:hover { box-shadow: none !important; } .active\:shadow-none:active { box-shadow: none !important; } .focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } @media screen and (min-width: 576px) { .sm\:shadow-none { box-shadow: none !important; } .sm\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-none:focus { box-shadow: none !important; } .sm\:hover\:shadow-none:hover { box-shadow: none !important; } .sm\:active\:shadow-none:active { box-shadow: none !important; } .sm\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .sm\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .sm\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .sm\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .sm\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .sm\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .sm\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .sm\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 768px) { .md\:shadow-none { box-shadow: none !important; } .md\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-none:focus { box-shadow: none !important; } .md\:hover\:shadow-none:hover { box-shadow: none !important; } .md\:active\:shadow-none:active { box-shadow: none !important; } .md\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .md\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .md\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .md\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .md\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .md\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .md\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .md\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 992px) { .lg\:shadow-none { box-shadow: none !important; } .lg\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-none:focus { box-shadow: none !important; } .lg\:hover\:shadow-none:hover { box-shadow: none !important; } .lg\:active\:shadow-none:active { box-shadow: none !important; } .lg\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .lg\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .lg\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .lg\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .lg\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .lg\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .lg\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .lg\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } @media screen and (min-width: 1200px) { .xl\:shadow-none { box-shadow: none !important; } .xl\:shadow-1 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:shadow-2 { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:shadow-3 { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:shadow-4 { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:shadow-5 { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:shadow-6 { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:shadow-7 { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:shadow-8 { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-none:focus { box-shadow: none !important; } .xl\:hover\:shadow-none:hover { box-shadow: none !important; } .xl\:active\:shadow-none:active { box-shadow: none !important; } .xl\:focus\:shadow-1:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:hover\:shadow-1:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:active\:shadow-1:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.02), 0px 0px 2px rgba(0, 0, 0, 0.05), 0px 1px 4px rgba(0, 0, 0, 0.08) !important; } .xl\:focus\:shadow-2:focus { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:hover\:shadow-2:hover { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:active\:shadow-2:active { box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.03), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.12) !important; } .xl\:focus\:shadow-3:focus { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:hover\:shadow-3:hover { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:active\:shadow-3:active { box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.08), 0px 3px 4px rgba(0, 0, 0, 0.1), 0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important; } .xl\:focus\:shadow-4:focus { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-4:hover { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-4:active { box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-5:focus { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-5:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-5:active { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1), 0px 4px 5px -2px rgba(0, 0, 0, 0.12), 0px 10px 15px -5px rgba(0, 0, 0, 0.2) !important; } .xl\:focus\:shadow-6:focus { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:hover\:shadow-6:hover { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:active\:shadow-6:active { box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.06), 0px 7px 9px rgba(0, 0, 0, 0.12), 0px 20px 25px -8px rgba(0, 0, 0, 0.18) !important; } .xl\:focus\:shadow-7:focus { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:hover\:shadow-7:hover { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:active\:shadow-7:active { box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.08), 0px 22px 30px 2px rgba(0, 0, 0, 0.15), 0px 8px 10px rgba(0, 0, 0, 0.15) !important; } .xl\:focus\:shadow-8:focus { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:hover\:shadow-8:hover { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } .xl\:active\:shadow-8:active { box-shadow: 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 11px 15px rgba(0, 0, 0, 0.2) !important; } } .border-none { border-width: 0px !important; border-style: none; } .border-1 { border-width: 1px !important; border-style: solid; } .border-2 { border-width: 2px !important; border-style: solid; } .border-3 { border-width: 3px !important; border-style: solid; } .border-top-none { border-top-width: 0px !important; border-top-style: none; } .border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .border-right-none { border-right-width: 0px !important; border-right-style: none; } .border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .border-left-none { border-left-width: 0px !important; border-left-style: none; } .border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } @media screen and (min-width: 576px) { .sm\:border-none { border-width: 0px !important; border-style: none; } .sm\:border-1 { border-width: 1px !important; border-style: solid; } .sm\:border-2 { border-width: 2px !important; border-style: solid; } .sm\:border-3 { border-width: 3px !important; border-style: solid; } .sm\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .sm\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .sm\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .sm\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .sm\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .sm\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .sm\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .sm\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .sm\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .sm\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .sm\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .sm\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .sm\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .sm\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .sm\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .sm\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .sm\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .sm\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .sm\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .sm\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .sm\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .sm\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .sm\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .sm\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 768px) { .md\:border-none { border-width: 0px !important; border-style: none; } .md\:border-1 { border-width: 1px !important; border-style: solid; } .md\:border-2 { border-width: 2px !important; border-style: solid; } .md\:border-3 { border-width: 3px !important; border-style: solid; } .md\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .md\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .md\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .md\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .md\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .md\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .md\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .md\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .md\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .md\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .md\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .md\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .md\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .md\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .md\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .md\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .md\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .md\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .md\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .md\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .md\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .md\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .md\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .md\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 992px) { .lg\:border-none { border-width: 0px !important; border-style: none; } .lg\:border-1 { border-width: 1px !important; border-style: solid; } .lg\:border-2 { border-width: 2px !important; border-style: solid; } .lg\:border-3 { border-width: 3px !important; border-style: solid; } .lg\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .lg\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .lg\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .lg\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .lg\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .lg\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .lg\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .lg\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .lg\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .lg\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .lg\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .lg\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .lg\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .lg\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .lg\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .lg\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .lg\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .lg\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .lg\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .lg\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .lg\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .lg\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .lg\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .lg\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } @media screen and (min-width: 1200px) { .xl\:border-none { border-width: 0px !important; border-style: none; } .xl\:border-1 { border-width: 1px !important; border-style: solid; } .xl\:border-2 { border-width: 2px !important; border-style: solid; } .xl\:border-3 { border-width: 3px !important; border-style: solid; } .xl\:border-top-none { border-top-width: 0px !important; border-top-style: none; } .xl\:border-top-1 { border-top-width: 1px !important; border-top-style: solid; } .xl\:border-top-2 { border-top-width: 2px !important; border-top-style: solid; } .xl\:border-top-3 { border-top-width: 3px !important; border-top-style: solid; } .xl\:border-right-none { border-right-width: 0px !important; border-right-style: none; } .xl\:border-right-1 { border-right-width: 1px !important; border-right-style: solid; } .xl\:border-right-2 { border-right-width: 2px !important; border-right-style: solid; } .xl\:border-right-3 { border-right-width: 3px !important; border-right-style: solid; } .xl\:border-left-none { border-left-width: 0px !important; border-left-style: none; } .xl\:border-left-1 { border-left-width: 1px !important; border-left-style: solid; } .xl\:border-left-2 { border-left-width: 2px !important; border-left-style: solid; } .xl\:border-left-3 { border-left-width: 3px !important; border-left-style: solid; } .xl\:border-bottom-none { border-bottom-width: 0px !important; border-bottom-style: none; } .xl\:border-bottom-1 { border-bottom-width: 1px !important; border-bottom-style: solid; } .xl\:border-bottom-2 { border-bottom-width: 2px !important; border-bottom-style: solid; } .xl\:border-bottom-3 { border-bottom-width: 3px !important; border-bottom-style: solid; } .xl\:border-x-none { border-left-width: 0px !important; border-left-style: none; border-right-width: 0px !important; border-right-style: none; } .xl\:border-x-1 { border-left-width: 1px !important; border-left-style: solid; border-right-width: 1px !important; border-right-style: solid; } .xl\:border-x-2 { border-left-width: 2px !important; border-left-style: solid; border-right-width: 2px !important; border-right-style: solid; } .xl\:border-x-3 { border-left-width: 3px !important; border-left-style: solid; border-right-width: 3px !important; border-right-style: solid; } .xl\:border-y-none { border-top-width: 0px !important; border-top-style: none; border-bottom-width: 0px !important; border-bottom-style: none; } .xl\:border-y-1 { border-top-width: 1px !important; border-top-style: solid; border-bottom-width: 1px !important; border-bottom-style: solid; } .xl\:border-y-2 { border-top-width: 2px !important; border-top-style: solid; border-bottom-width: 2px !important; border-bottom-style: solid; } .xl\:border-y-3 { border-top-width: 3px !important; border-top-style: solid; border-bottom-width: 3px !important; border-bottom-style: solid; } } .border-solid { border-style: solid !important; } .border-dashed { border-style: dashed !important; } .border-dotted { border-style: dotted !important; } .border-double { border-style: double !important; } @media screen and (min-width: 576px) { .sm\:border-solid { border-style: solid !important; } .sm\:border-dashed { border-style: dashed !important; } .sm\:border-dotted { border-style: dotted !important; } .sm\:border-double { border-style: double !important; } } @media screen and (min-width: 768px) { .md\:border-solid { border-style: solid !important; } .md\:border-dashed { border-style: dashed !important; } .md\:border-dotted { border-style: dotted !important; } .md\:border-double { border-style: double !important; } } @media screen and (min-width: 992px) { .lg\:border-solid { border-style: solid !important; } .lg\:border-dashed { border-style: dashed !important; } .lg\:border-dotted { border-style: dotted !important; } .lg\:border-double { border-style: double !important; } } @media screen and (min-width: 1200px) { .xl\:border-solid { border-style: solid !important; } .xl\:border-dashed { border-style: dashed !important; } .xl\:border-dotted { border-style: dotted !important; } .xl\:border-double { border-style: double !important; } } .border-noround { border-radius: 0 !important; } .border-round { border-radius: var(--border-radius) !important; } .border-round-xs { border-radius: 0.125rem !important; } .border-round-sm { border-radius: 0.25rem !important; } .border-round-md { border-radius: 0.375rem !important; } .border-round-lg { border-radius: 0.5rem !important; } .border-round-xl { border-radius: 0.75rem !important; } .border-round-2xl { border-radius: 1rem !important; } .border-round-3xl { border-radius: 1.5rem !important; } .border-circle { border-radius: 50% !important; } @media screen and (min-width: 576px) { .sm\:border-noround { border-radius: 0 !important; } .sm\:border-round { border-radius: var(--border-radius) !important; } .sm\:border-round-xs { border-radius: 0.125rem !important; } .sm\:border-round-sm { border-radius: 0.25rem !important; } .sm\:border-round-md { border-radius: 0.375rem !important; } .sm\:border-round-lg { border-radius: 0.5rem !important; } .sm\:border-round-xl { border-radius: 0.75rem !important; } .sm\:border-round-2xl { border-radius: 1rem !important; } .sm\:border-round-3xl { border-radius: 1.5rem !important; } .sm\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 768px) { .md\:border-noround { border-radius: 0 !important; } .md\:border-round { border-radius: var(--border-radius) !important; } .md\:border-round-xs { border-radius: 0.125rem !important; } .md\:border-round-sm { border-radius: 0.25rem !important; } .md\:border-round-md { border-radius: 0.375rem !important; } .md\:border-round-lg { border-radius: 0.5rem !important; } .md\:border-round-xl { border-radius: 0.75rem !important; } .md\:border-round-2xl { border-radius: 1rem !important; } .md\:border-round-3xl { border-radius: 1.5rem !important; } .md\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 992px) { .lg\:border-noround { border-radius: 0 !important; } .lg\:border-round { border-radius: var(--border-radius) !important; } .lg\:border-round-xs { border-radius: 0.125rem !important; } .lg\:border-round-sm { border-radius: 0.25rem !important; } .lg\:border-round-md { border-radius: 0.375rem !important; } .lg\:border-round-lg { border-radius: 0.5rem !important; } .lg\:border-round-xl { border-radius: 0.75rem !important; } .lg\:border-round-2xl { border-radius: 1rem !important; } .lg\:border-round-3xl { border-radius: 1.5rem !important; } .lg\:border-circle { border-radius: 50% !important; } } @media screen and (min-width: 1200px) { .xl\:border-noround { border-radius: 0 !important; } .xl\:border-round { border-radius: var(--border-radius) !important; } .xl\:border-round-xs { border-radius: 0.125rem !important; } .xl\:border-round-sm { border-radius: 0.25rem !important; } .xl\:border-round-md { border-radius: 0.375rem !important; } .xl\:border-round-lg { border-radius: 0.5rem !important; } .xl\:border-round-xl { border-radius: 0.75rem !important; } .xl\:border-round-2xl { border-radius: 1rem !important; } .xl\:border-round-3xl { border-radius: 1.5rem !important; } .xl\:border-circle { border-radius: 50% !important; } } .border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } @media screen and (min-width: 576px) { .sm\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .sm\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .sm\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sm\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .sm\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .sm\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .sm\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .sm\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .sm\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .sm\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .sm\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .sm\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .sm\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .sm\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .sm\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .sm\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .sm\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .sm\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .sm\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .sm\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .sm\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .sm\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .sm\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .sm\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .sm\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .sm\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .sm\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .sm\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .sm\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .sm\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .sm\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .sm\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .sm\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .sm\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .sm\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .sm\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .sm\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .sm\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .sm\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .sm\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 768px) { .md\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .md\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .md\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .md\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .md\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .md\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .md\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .md\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .md\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .md\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .md\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .md\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .md\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .md\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .md\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .md\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .md\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .md\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .md\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .md\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .md\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .md\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .md\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .md\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .md\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .md\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .md\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .md\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .md\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .md\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .md\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .md\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .md\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .md\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .md\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .md\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .md\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .md\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .md\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .md\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 992px) { .lg\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .lg\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .lg\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .lg\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .lg\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .lg\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .lg\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .lg\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .lg\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .lg\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .lg\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .lg\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .lg\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .lg\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .lg\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .lg\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .lg\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .lg\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .lg\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .lg\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .lg\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .lg\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .lg\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .lg\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .lg\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .lg\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .lg\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .lg\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .lg\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .lg\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .lg\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .lg\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .lg\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .lg\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .lg\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .lg\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .lg\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .lg\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .lg\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .lg\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } @media screen and (min-width: 1200px) { .xl\:border-noround-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .xl\:border-noround-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .xl\:border-noround-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .xl\:border-noround-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .xl\:border-round-left { border-top-left-radius: var(--border-radius) !important; border-bottom-left-radius: var(--border-radius) !important; } .xl\:border-round-top { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } .xl\:border-round-right { border-top-right-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .xl\:border-round-bottom { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } .xl\:border-round-left-xs { border-top-left-radius: 0.125rem !important; border-bottom-left-radius: 0.125rem !important; } .xl\:border-round-top-xs { border-top-left-radius: 0.125rem !important; border-top-right-radius: 0.125rem !important; } .xl\:border-round-right-xs { border-top-right-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .xl\:border-round-bottom-xs { border-bottom-left-radius: 0.125rem !important; border-bottom-right-radius: 0.125rem !important; } .xl\:border-round-left-sm { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .xl\:border-round-top-sm { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .xl\:border-round-right-sm { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .xl\:border-round-bottom-sm { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .xl\:border-round-left-md { border-top-left-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .xl\:border-round-top-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .xl\:border-round-right-md { border-top-right-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .xl\:border-round-bottom-md { border-bottom-left-radius: 0.375rem !important; border-bottom-right-radius: 0.375rem !important; } .xl\:border-round-left-lg { border-top-left-radius: 0.5rem !important; border-bottom-left-radius: 0.5rem !important; } .xl\:border-round-top-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; } .xl\:border-round-right-lg { border-top-right-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .xl\:border-round-bottom-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; } .xl\:border-round-left-xl { border-top-left-radius: 0.75rem !important; border-bottom-left-radius: 0.75rem !important; } .xl\:border-round-top-xl { border-top-left-radius: 0.75rem !important; border-top-right-radius: 0.75rem !important; } .xl\:border-round-right-xl { border-top-right-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .xl\:border-round-bottom-xl { border-bottom-left-radius: 0.75rem !important; border-bottom-right-radius: 0.75rem !important; } .xl\:border-round-left-2xl { border-top-left-radius: 1rem !important; border-bottom-left-radius: 1rem !important; } .xl\:border-round-top-2xl { border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important; } .xl\:border-round-right-2xl { border-top-right-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .xl\:border-round-bottom-2xl { border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; } .xl\:border-round-left-3xl { border-top-left-radius: 1.5rem !important; border-bottom-left-radius: 1.5rem !important; } .xl\:border-round-top-3xl { border-top-left-radius: 1.5rem !important; border-top-right-radius: 1.5rem !important; } .xl\:border-round-right-3xl { border-top-right-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .xl\:border-round-bottom-3xl { border-bottom-left-radius: 1.5rem !important; border-bottom-right-radius: 1.5rem !important; } .xl\:border-circle-left { border-top-left-radius: 50% !important; border-bottom-left-radius: 50% !important; } .xl\:border-circle-top { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .xl\:border-circle-right { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .xl\:border-circle-bottom { border-bottom-left-radius: 50% !important; border-bottom-right-radius: 50% !important; } } .w-full { width: 100% !important; } .w-screen { width: 100vw !important; } .w-auto { width: auto !important; } .w-1 { width: 8.3333% !important; } .w-2 { width: 16.6667% !important; } .w-3 { width: 25% !important; } .w-4 { width: 33.3333% !important; } .w-5 { width: 41.6667% !important; } .w-6 { width: 50% !important; } .w-7 { width: 58.3333% !important; } .w-8 { width: 66.6667% !important; } .w-9 { width: 75% !important; } .w-10 { width: 83.3333% !important; } .w-11 { width: 91.6667% !important; } .w-12 { width: 100% !important; } .w-min { width: min-content !important; } .w-max { width: max-content !important; } .w-fit { width: -moz-fit-content !important; width: fit-content !important; } .w-1rem { width: 1rem !important; } .w-2rem { width: 2rem !important; } .w-3rem { width: 3rem !important; } .w-4rem { width: 4rem !important; } .w-5rem { width: 5rem !important; } .w-6rem { width: 6rem !important; } .w-7rem { width: 7rem !important; } .w-8rem { width: 8rem !important; } .w-9rem { width: 9rem !important; } .w-10rem { width: 10rem !important; } .w-11rem { width: 11rem !important; } .w-12rem { width: 12rem !important; } .w-13rem { width: 13rem !important; } .w-14rem { width: 14rem !important; } .w-15rem { width: 15rem !important; } .w-16rem { width: 16rem !important; } .w-17rem { width: 17rem !important; } .w-18rem { width: 18rem !important; } .w-19rem { width: 19rem !important; } .w-20rem { width: 20rem !important; } .w-21rem { width: 21rem !important; } .w-22rem { width: 22rem !important; } .w-23rem { width: 23rem !important; } .w-24rem { width: 24rem !important; } .w-25rem { width: 25rem !important; } .w-26rem { width: 26rem !important; } .w-27rem { width: 27rem !important; } .w-28rem { width: 28rem !important; } .w-29rem { width: 29rem !important; } .w-30rem { width: 30rem !important; } @media screen and (min-width: 576px) { .sm\:w-full { width: 100% !important; } .sm\:w-screen { width: 100vw !important; } .sm\:w-auto { width: auto !important; } .sm\:w-1 { width: 8.3333% !important; } .sm\:w-2 { width: 16.6667% !important; } .sm\:w-3 { width: 25% !important; } .sm\:w-4 { width: 33.3333% !important; } .sm\:w-5 { width: 41.6667% !important; } .sm\:w-6 { width: 50% !important; } .sm\:w-7 { width: 58.3333% !important; } .sm\:w-8 { width: 66.6667% !important; } .sm\:w-9 { width: 75% !important; } .sm\:w-10 { width: 83.3333% !important; } .sm\:w-11 { width: 91.6667% !important; } .sm\:w-12 { width: 100% !important; } .sm\:w-min { width: min-content !important; } .sm\:w-max { width: max-content !important; } .sm\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .sm\:w-1rem { width: 1rem !important; } .sm\:w-2rem { width: 2rem !important; } .sm\:w-3rem { width: 3rem !important; } .sm\:w-4rem { width: 4rem !important; } .sm\:w-5rem { width: 5rem !important; } .sm\:w-6rem { width: 6rem !important; } .sm\:w-7rem { width: 7rem !important; } .sm\:w-8rem { width: 8rem !important; } .sm\:w-9rem { width: 9rem !important; } .sm\:w-10rem { width: 10rem !important; } .sm\:w-11rem { width: 11rem !important; } .sm\:w-12rem { width: 12rem !important; } .sm\:w-13rem { width: 13rem !important; } .sm\:w-14rem { width: 14rem !important; } .sm\:w-15rem { width: 15rem !important; } .sm\:w-16rem { width: 16rem !important; } .sm\:w-17rem { width: 17rem !important; } .sm\:w-18rem { width: 18rem !important; } .sm\:w-19rem { width: 19rem !important; } .sm\:w-20rem { width: 20rem !important; } .sm\:w-21rem { width: 21rem !important; } .sm\:w-22rem { width: 22rem !important; } .sm\:w-23rem { width: 23rem !important; } .sm\:w-24rem { width: 24rem !important; } .sm\:w-25rem { width: 25rem !important; } .sm\:w-26rem { width: 26rem !important; } .sm\:w-27rem { width: 27rem !important; } .sm\:w-28rem { width: 28rem !important; } .sm\:w-29rem { width: 29rem !important; } .sm\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 768px) { .md\:w-full { width: 100% !important; } .md\:w-screen { width: 100vw !important; } .md\:w-auto { width: auto !important; } .md\:w-1 { width: 8.3333% !important; } .md\:w-2 { width: 16.6667% !important; } .md\:w-3 { width: 25% !important; } .md\:w-4 { width: 33.3333% !important; } .md\:w-5 { width: 41.6667% !important; } .md\:w-6 { width: 50% !important; } .md\:w-7 { width: 58.3333% !important; } .md\:w-8 { width: 66.6667% !important; } .md\:w-9 { width: 75% !important; } .md\:w-10 { width: 83.3333% !important; } .md\:w-11 { width: 91.6667% !important; } .md\:w-12 { width: 100% !important; } .md\:w-min { width: min-content !important; } .md\:w-max { width: max-content !important; } .md\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .md\:w-1rem { width: 1rem !important; } .md\:w-2rem { width: 2rem !important; } .md\:w-3rem { width: 3rem !important; } .md\:w-4rem { width: 4rem !important; } .md\:w-5rem { width: 5rem !important; } .md\:w-6rem { width: 6rem !important; } .md\:w-7rem { width: 7rem !important; } .md\:w-8rem { width: 8rem !important; } .md\:w-9rem { width: 9rem !important; } .md\:w-10rem { width: 10rem !important; } .md\:w-11rem { width: 11rem !important; } .md\:w-12rem { width: 12rem !important; } .md\:w-13rem { width: 13rem !important; } .md\:w-14rem { width: 14rem !important; } .md\:w-15rem { width: 15rem !important; } .md\:w-16rem { width: 16rem !important; } .md\:w-17rem { width: 17rem !important; } .md\:w-18rem { width: 18rem !important; } .md\:w-19rem { width: 19rem !important; } .md\:w-20rem { width: 20rem !important; } .md\:w-21rem { width: 21rem !important; } .md\:w-22rem { width: 22rem !important; } .md\:w-23rem { width: 23rem !important; } .md\:w-24rem { width: 24rem !important; } .md\:w-25rem { width: 25rem !important; } .md\:w-26rem { width: 26rem !important; } .md\:w-27rem { width: 27rem !important; } .md\:w-28rem { width: 28rem !important; } .md\:w-29rem { width: 29rem !important; } .md\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:w-full { width: 100% !important; } .lg\:w-screen { width: 100vw !important; } .lg\:w-auto { width: auto !important; } .lg\:w-1 { width: 8.3333% !important; } .lg\:w-2 { width: 16.6667% !important; } .lg\:w-3 { width: 25% !important; } .lg\:w-4 { width: 33.3333% !important; } .lg\:w-5 { width: 41.6667% !important; } .lg\:w-6 { width: 50% !important; } .lg\:w-7 { width: 58.3333% !important; } .lg\:w-8 { width: 66.6667% !important; } .lg\:w-9 { width: 75% !important; } .lg\:w-10 { width: 83.3333% !important; } .lg\:w-11 { width: 91.6667% !important; } .lg\:w-12 { width: 100% !important; } .lg\:w-min { width: min-content !important; } .lg\:w-max { width: max-content !important; } .lg\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .lg\:w-1rem { width: 1rem !important; } .lg\:w-2rem { width: 2rem !important; } .lg\:w-3rem { width: 3rem !important; } .lg\:w-4rem { width: 4rem !important; } .lg\:w-5rem { width: 5rem !important; } .lg\:w-6rem { width: 6rem !important; } .lg\:w-7rem { width: 7rem !important; } .lg\:w-8rem { width: 8rem !important; } .lg\:w-9rem { width: 9rem !important; } .lg\:w-10rem { width: 10rem !important; } .lg\:w-11rem { width: 11rem !important; } .lg\:w-12rem { width: 12rem !important; } .lg\:w-13rem { width: 13rem !important; } .lg\:w-14rem { width: 14rem !important; } .lg\:w-15rem { width: 15rem !important; } .lg\:w-16rem { width: 16rem !important; } .lg\:w-17rem { width: 17rem !important; } .lg\:w-18rem { width: 18rem !important; } .lg\:w-19rem { width: 19rem !important; } .lg\:w-20rem { width: 20rem !important; } .lg\:w-21rem { width: 21rem !important; } .lg\:w-22rem { width: 22rem !important; } .lg\:w-23rem { width: 23rem !important; } .lg\:w-24rem { width: 24rem !important; } .lg\:w-25rem { width: 25rem !important; } .lg\:w-26rem { width: 26rem !important; } .lg\:w-27rem { width: 27rem !important; } .lg\:w-28rem { width: 28rem !important; } .lg\:w-29rem { width: 29rem !important; } .lg\:w-30rem { width: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:w-full { width: 100% !important; } .xl\:w-screen { width: 100vw !important; } .xl\:w-auto { width: auto !important; } .xl\:w-1 { width: 8.3333% !important; } .xl\:w-2 { width: 16.6667% !important; } .xl\:w-3 { width: 25% !important; } .xl\:w-4 { width: 33.3333% !important; } .xl\:w-5 { width: 41.6667% !important; } .xl\:w-6 { width: 50% !important; } .xl\:w-7 { width: 58.3333% !important; } .xl\:w-8 { width: 66.6667% !important; } .xl\:w-9 { width: 75% !important; } .xl\:w-10 { width: 83.3333% !important; } .xl\:w-11 { width: 91.6667% !important; } .xl\:w-12 { width: 100% !important; } .xl\:w-min { width: min-content !important; } .xl\:w-max { width: max-content !important; } .xl\:w-fit { width: -moz-fit-content !important; width: fit-content !important; } .xl\:w-1rem { width: 1rem !important; } .xl\:w-2rem { width: 2rem !important; } .xl\:w-3rem { width: 3rem !important; } .xl\:w-4rem { width: 4rem !important; } .xl\:w-5rem { width: 5rem !important; } .xl\:w-6rem { width: 6rem !important; } .xl\:w-7rem { width: 7rem !important; } .xl\:w-8rem { width: 8rem !important; } .xl\:w-9rem { width: 9rem !important; } .xl\:w-10rem { width: 10rem !important; } .xl\:w-11rem { width: 11rem !important; } .xl\:w-12rem { width: 12rem !important; } .xl\:w-13rem { width: 13rem !important; } .xl\:w-14rem { width: 14rem !important; } .xl\:w-15rem { width: 15rem !important; } .xl\:w-16rem { width: 16rem !important; } .xl\:w-17rem { width: 17rem !important; } .xl\:w-18rem { width: 18rem !important; } .xl\:w-19rem { width: 19rem !important; } .xl\:w-20rem { width: 20rem !important; } .xl\:w-21rem { width: 21rem !important; } .xl\:w-22rem { width: 22rem !important; } .xl\:w-23rem { width: 23rem !important; } .xl\:w-24rem { width: 24rem !important; } .xl\:w-25rem { width: 25rem !important; } .xl\:w-26rem { width: 26rem !important; } .xl\:w-27rem { width: 27rem !important; } .xl\:w-28rem { width: 28rem !important; } .xl\:w-29rem { width: 29rem !important; } .xl\:w-30rem { width: 30rem !important; } } .h-full { height: 100% !important; } .h-screen { height: 100vh !important; } .h-auto { height: auto !important; } .h-min { height: min-content !important; } .h-max { height: max-content !important; } .h-fit { height: -moz-fit-content !important; height: fit-content !important; } .h-1rem { height: 1rem !important; } .h-2rem { height: 2rem !important; } .h-3rem { height: 3rem !important; } .h-4rem { height: 4rem !important; } .h-5rem { height: 5rem !important; } .h-6rem { height: 6rem !important; } .h-7rem { height: 7rem !important; } .h-8rem { height: 8rem !important; } .h-9rem { height: 9rem !important; } .h-10rem { height: 10rem !important; } .h-11rem { height: 11rem !important; } .h-12rem { height: 12rem !important; } .h-13rem { height: 13rem !important; } .h-14rem { height: 14rem !important; } .h-15rem { height: 15rem !important; } .h-16rem { height: 16rem !important; } .h-17rem { height: 17rem !important; } .h-18rem { height: 18rem !important; } .h-19rem { height: 19rem !important; } .h-20rem { height: 20rem !important; } .h-21rem { height: 21rem !important; } .h-22rem { height: 22rem !important; } .h-23rem { height: 23rem !important; } .h-24rem { height: 24rem !important; } .h-25rem { height: 25rem !important; } .h-26rem { height: 26rem !important; } .h-27rem { height: 27rem !important; } .h-28rem { height: 28rem !important; } .h-29rem { height: 29rem !important; } .h-30rem { height: 30rem !important; } @media screen and (min-width: 576px) { .sm\:h-full { height: 100% !important; } .sm\:h-screen { height: 100vh !important; } .sm\:h-auto { height: auto !important; } .sm\:h-min { height: min-content !important; } .sm\:h-max { height: max-content !important; } .sm\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .sm\:h-1rem { height: 1rem !important; } .sm\:h-2rem { height: 2rem !important; } .sm\:h-3rem { height: 3rem !important; } .sm\:h-4rem { height: 4rem !important; } .sm\:h-5rem { height: 5rem !important; } .sm\:h-6rem { height: 6rem !important; } .sm\:h-7rem { height: 7rem !important; } .sm\:h-8rem { height: 8rem !important; } .sm\:h-9rem { height: 9rem !important; } .sm\:h-10rem { height: 10rem !important; } .sm\:h-11rem { height: 11rem !important; } .sm\:h-12rem { height: 12rem !important; } .sm\:h-13rem { height: 13rem !important; } .sm\:h-14rem { height: 14rem !important; } .sm\:h-15rem { height: 15rem !important; } .sm\:h-16rem { height: 16rem !important; } .sm\:h-17rem { height: 17rem !important; } .sm\:h-18rem { height: 18rem !important; } .sm\:h-19rem { height: 19rem !important; } .sm\:h-20rem { height: 20rem !important; } .sm\:h-21rem { height: 21rem !important; } .sm\:h-22rem { height: 22rem !important; } .sm\:h-23rem { height: 23rem !important; } .sm\:h-24rem { height: 24rem !important; } .sm\:h-25rem { height: 25rem !important; } .sm\:h-26rem { height: 26rem !important; } .sm\:h-27rem { height: 27rem !important; } .sm\:h-28rem { height: 28rem !important; } .sm\:h-29rem { height: 29rem !important; } .sm\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 768px) { .md\:h-full { height: 100% !important; } .md\:h-screen { height: 100vh !important; } .md\:h-auto { height: auto !important; } .md\:h-min { height: min-content !important; } .md\:h-max { height: max-content !important; } .md\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .md\:h-1rem { height: 1rem !important; } .md\:h-2rem { height: 2rem !important; } .md\:h-3rem { height: 3rem !important; } .md\:h-4rem { height: 4rem !important; } .md\:h-5rem { height: 5rem !important; } .md\:h-6rem { height: 6rem !important; } .md\:h-7rem { height: 7rem !important; } .md\:h-8rem { height: 8rem !important; } .md\:h-9rem { height: 9rem !important; } .md\:h-10rem { height: 10rem !important; } .md\:h-11rem { height: 11rem !important; } .md\:h-12rem { height: 12rem !important; } .md\:h-13rem { height: 13rem !important; } .md\:h-14rem { height: 14rem !important; } .md\:h-15rem { height: 15rem !important; } .md\:h-16rem { height: 16rem !important; } .md\:h-17rem { height: 17rem !important; } .md\:h-18rem { height: 18rem !important; } .md\:h-19rem { height: 19rem !important; } .md\:h-20rem { height: 20rem !important; } .md\:h-21rem { height: 21rem !important; } .md\:h-22rem { height: 22rem !important; } .md\:h-23rem { height: 23rem !important; } .md\:h-24rem { height: 24rem !important; } .md\:h-25rem { height: 25rem !important; } .md\:h-26rem { height: 26rem !important; } .md\:h-27rem { height: 27rem !important; } .md\:h-28rem { height: 28rem !important; } .md\:h-29rem { height: 29rem !important; } .md\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:h-full { height: 100% !important; } .lg\:h-screen { height: 100vh !important; } .lg\:h-auto { height: auto !important; } .lg\:h-min { height: min-content !important; } .lg\:h-max { height: max-content !important; } .lg\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .lg\:h-1rem { height: 1rem !important; } .lg\:h-2rem { height: 2rem !important; } .lg\:h-3rem { height: 3rem !important; } .lg\:h-4rem { height: 4rem !important; } .lg\:h-5rem { height: 5rem !important; } .lg\:h-6rem { height: 6rem !important; } .lg\:h-7rem { height: 7rem !important; } .lg\:h-8rem { height: 8rem !important; } .lg\:h-9rem { height: 9rem !important; } .lg\:h-10rem { height: 10rem !important; } .lg\:h-11rem { height: 11rem !important; } .lg\:h-12rem { height: 12rem !important; } .lg\:h-13rem { height: 13rem !important; } .lg\:h-14rem { height: 14rem !important; } .lg\:h-15rem { height: 15rem !important; } .lg\:h-16rem { height: 16rem !important; } .lg\:h-17rem { height: 17rem !important; } .lg\:h-18rem { height: 18rem !important; } .lg\:h-19rem { height: 19rem !important; } .lg\:h-20rem { height: 20rem !important; } .lg\:h-21rem { height: 21rem !important; } .lg\:h-22rem { height: 22rem !important; } .lg\:h-23rem { height: 23rem !important; } .lg\:h-24rem { height: 24rem !important; } .lg\:h-25rem { height: 25rem !important; } .lg\:h-26rem { height: 26rem !important; } .lg\:h-27rem { height: 27rem !important; } .lg\:h-28rem { height: 28rem !important; } .lg\:h-29rem { height: 29rem !important; } .lg\:h-30rem { height: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:h-full { height: 100% !important; } .xl\:h-screen { height: 100vh !important; } .xl\:h-auto { height: auto !important; } .xl\:h-min { height: min-content !important; } .xl\:h-max { height: max-content !important; } .xl\:h-fit { height: -moz-fit-content !important; height: fit-content !important; } .xl\:h-1rem { height: 1rem !important; } .xl\:h-2rem { height: 2rem !important; } .xl\:h-3rem { height: 3rem !important; } .xl\:h-4rem { height: 4rem !important; } .xl\:h-5rem { height: 5rem !important; } .xl\:h-6rem { height: 6rem !important; } .xl\:h-7rem { height: 7rem !important; } .xl\:h-8rem { height: 8rem !important; } .xl\:h-9rem { height: 9rem !important; } .xl\:h-10rem { height: 10rem !important; } .xl\:h-11rem { height: 11rem !important; } .xl\:h-12rem { height: 12rem !important; } .xl\:h-13rem { height: 13rem !important; } .xl\:h-14rem { height: 14rem !important; } .xl\:h-15rem { height: 15rem !important; } .xl\:h-16rem { height: 16rem !important; } .xl\:h-17rem { height: 17rem !important; } .xl\:h-18rem { height: 18rem !important; } .xl\:h-19rem { height: 19rem !important; } .xl\:h-20rem { height: 20rem !important; } .xl\:h-21rem { height: 21rem !important; } .xl\:h-22rem { height: 22rem !important; } .xl\:h-23rem { height: 23rem !important; } .xl\:h-24rem { height: 24rem !important; } .xl\:h-25rem { height: 25rem !important; } .xl\:h-26rem { height: 26rem !important; } .xl\:h-27rem { height: 27rem !important; } .xl\:h-28rem { height: 28rem !important; } .xl\:h-29rem { height: 29rem !important; } .xl\:h-30rem { height: 30rem !important; } } .min-w-0 { min-width: 0px !important; } .min-w-full { min-width: 100% !important; } .min-w-screen { min-width: 100vw !important; } .min-w-min { min-width: min-content !important; } .min-w-max { min-width: max-content !important; } @media screen and (min-width: 576px) { .sm\:min-w-0 { min-width: 0px !important; } .sm\:min-w-full { min-width: 100% !important; } .sm\:min-w-screen { min-width: 100vw !important; } .sm\:min-w-min { min-width: min-content !important; } .sm\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 768px) { .md\:min-w-0 { min-width: 0px !important; } .md\:min-w-full { min-width: 100% !important; } .md\:min-w-screen { min-width: 100vw !important; } .md\:min-w-min { min-width: min-content !important; } .md\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 992px) { .lg\:min-w-0 { min-width: 0px !important; } .lg\:min-w-full { min-width: 100% !important; } .lg\:min-w-screen { min-width: 100vw !important; } .lg\:min-w-min { min-width: min-content !important; } .lg\:min-w-max { min-width: max-content !important; } } @media screen and (min-width: 1200px) { .xl\:min-w-0 { min-width: 0px !important; } .xl\:min-w-full { min-width: 100% !important; } .xl\:min-w-screen { min-width: 100vw !important; } .xl\:min-w-min { min-width: min-content !important; } .xl\:min-w-max { min-width: max-content !important; } } .max-w-0 { max-width: 0px !important; } .max-w-full { max-width: 100% !important; } .max-w-screen { max-width: 100vw !important; } .max-w-min { max-width: min-content !important; } .max-w-max { max-width: max-content !important; } .max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .max-w-1rem { max-width: 1rem !important; } .max-w-2rem { max-width: 2rem !important; } .max-w-3rem { max-width: 3rem !important; } .max-w-4rem { max-width: 4rem !important; } .max-w-5rem { max-width: 5rem !important; } .max-w-6rem { max-width: 6rem !important; } .max-w-7rem { max-width: 7rem !important; } .max-w-8rem { max-width: 8rem !important; } .max-w-9rem { max-width: 9rem !important; } .max-w-10rem { max-width: 10rem !important; } .max-w-11rem { max-width: 11rem !important; } .max-w-12rem { max-width: 12rem !important; } .max-w-13rem { max-width: 13rem !important; } .max-w-14rem { max-width: 14rem !important; } .max-w-15rem { max-width: 15rem !important; } .max-w-16rem { max-width: 16rem !important; } .max-w-17rem { max-width: 17rem !important; } .max-w-18rem { max-width: 18rem !important; } .max-w-19rem { max-width: 19rem !important; } .max-w-20rem { max-width: 20rem !important; } .max-w-21rem { max-width: 21rem !important; } .max-w-22rem { max-width: 22rem !important; } .max-w-23rem { max-width: 23rem !important; } .max-w-24rem { max-width: 24rem !important; } .max-w-25rem { max-width: 25rem !important; } .max-w-26rem { max-width: 26rem !important; } .max-w-27rem { max-width: 27rem !important; } .max-w-28rem { max-width: 28rem !important; } .max-w-29rem { max-width: 29rem !important; } .max-w-30rem { max-width: 30rem !important; } @media screen and (min-width: 576px) { .sm\:max-w-0 { max-width: 0px !important; } .sm\:max-w-full { max-width: 100% !important; } .sm\:max-w-screen { max-width: 100vw !important; } .sm\:max-w-min { max-width: min-content !important; } .sm\:max-w-max { max-width: max-content !important; } .sm\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .sm\:max-w-1rem { max-width: 1rem !important; } .sm\:max-w-2rem { max-width: 2rem !important; } .sm\:max-w-3rem { max-width: 3rem !important; } .sm\:max-w-4rem { max-width: 4rem !important; } .sm\:max-w-5rem { max-width: 5rem !important; } .sm\:max-w-6rem { max-width: 6rem !important; } .sm\:max-w-7rem { max-width: 7rem !important; } .sm\:max-w-8rem { max-width: 8rem !important; } .sm\:max-w-9rem { max-width: 9rem !important; } .sm\:max-w-10rem { max-width: 10rem !important; } .sm\:max-w-11rem { max-width: 11rem !important; } .sm\:max-w-12rem { max-width: 12rem !important; } .sm\:max-w-13rem { max-width: 13rem !important; } .sm\:max-w-14rem { max-width: 14rem !important; } .sm\:max-w-15rem { max-width: 15rem !important; } .sm\:max-w-16rem { max-width: 16rem !important; } .sm\:max-w-17rem { max-width: 17rem !important; } .sm\:max-w-18rem { max-width: 18rem !important; } .sm\:max-w-19rem { max-width: 19rem !important; } .sm\:max-w-20rem { max-width: 20rem !important; } .sm\:max-w-21rem { max-width: 21rem !important; } .sm\:max-w-22rem { max-width: 22rem !important; } .sm\:max-w-23rem { max-width: 23rem !important; } .sm\:max-w-24rem { max-width: 24rem !important; } .sm\:max-w-25rem { max-width: 25rem !important; } .sm\:max-w-26rem { max-width: 26rem !important; } .sm\:max-w-27rem { max-width: 27rem !important; } .sm\:max-w-28rem { max-width: 28rem !important; } .sm\:max-w-29rem { max-width: 29rem !important; } .sm\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 768px) { .md\:max-w-0 { max-width: 0px !important; } .md\:max-w-full { max-width: 100% !important; } .md\:max-w-screen { max-width: 100vw !important; } .md\:max-w-min { max-width: min-content !important; } .md\:max-w-max { max-width: max-content !important; } .md\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .md\:max-w-1rem { max-width: 1rem !important; } .md\:max-w-2rem { max-width: 2rem !important; } .md\:max-w-3rem { max-width: 3rem !important; } .md\:max-w-4rem { max-width: 4rem !important; } .md\:max-w-5rem { max-width: 5rem !important; } .md\:max-w-6rem { max-width: 6rem !important; } .md\:max-w-7rem { max-width: 7rem !important; } .md\:max-w-8rem { max-width: 8rem !important; } .md\:max-w-9rem { max-width: 9rem !important; } .md\:max-w-10rem { max-width: 10rem !important; } .md\:max-w-11rem { max-width: 11rem !important; } .md\:max-w-12rem { max-width: 12rem !important; } .md\:max-w-13rem { max-width: 13rem !important; } .md\:max-w-14rem { max-width: 14rem !important; } .md\:max-w-15rem { max-width: 15rem !important; } .md\:max-w-16rem { max-width: 16rem !important; } .md\:max-w-17rem { max-width: 17rem !important; } .md\:max-w-18rem { max-width: 18rem !important; } .md\:max-w-19rem { max-width: 19rem !important; } .md\:max-w-20rem { max-width: 20rem !important; } .md\:max-w-21rem { max-width: 21rem !important; } .md\:max-w-22rem { max-width: 22rem !important; } .md\:max-w-23rem { max-width: 23rem !important; } .md\:max-w-24rem { max-width: 24rem !important; } .md\:max-w-25rem { max-width: 25rem !important; } .md\:max-w-26rem { max-width: 26rem !important; } .md\:max-w-27rem { max-width: 27rem !important; } .md\:max-w-28rem { max-width: 28rem !important; } .md\:max-w-29rem { max-width: 29rem !important; } .md\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:max-w-0 { max-width: 0px !important; } .lg\:max-w-full { max-width: 100% !important; } .lg\:max-w-screen { max-width: 100vw !important; } .lg\:max-w-min { max-width: min-content !important; } .lg\:max-w-max { max-width: max-content !important; } .lg\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .lg\:max-w-1rem { max-width: 1rem !important; } .lg\:max-w-2rem { max-width: 2rem !important; } .lg\:max-w-3rem { max-width: 3rem !important; } .lg\:max-w-4rem { max-width: 4rem !important; } .lg\:max-w-5rem { max-width: 5rem !important; } .lg\:max-w-6rem { max-width: 6rem !important; } .lg\:max-w-7rem { max-width: 7rem !important; } .lg\:max-w-8rem { max-width: 8rem !important; } .lg\:max-w-9rem { max-width: 9rem !important; } .lg\:max-w-10rem { max-width: 10rem !important; } .lg\:max-w-11rem { max-width: 11rem !important; } .lg\:max-w-12rem { max-width: 12rem !important; } .lg\:max-w-13rem { max-width: 13rem !important; } .lg\:max-w-14rem { max-width: 14rem !important; } .lg\:max-w-15rem { max-width: 15rem !important; } .lg\:max-w-16rem { max-width: 16rem !important; } .lg\:max-w-17rem { max-width: 17rem !important; } .lg\:max-w-18rem { max-width: 18rem !important; } .lg\:max-w-19rem { max-width: 19rem !important; } .lg\:max-w-20rem { max-width: 20rem !important; } .lg\:max-w-21rem { max-width: 21rem !important; } .lg\:max-w-22rem { max-width: 22rem !important; } .lg\:max-w-23rem { max-width: 23rem !important; } .lg\:max-w-24rem { max-width: 24rem !important; } .lg\:max-w-25rem { max-width: 25rem !important; } .lg\:max-w-26rem { max-width: 26rem !important; } .lg\:max-w-27rem { max-width: 27rem !important; } .lg\:max-w-28rem { max-width: 28rem !important; } .lg\:max-w-29rem { max-width: 29rem !important; } .lg\:max-w-30rem { max-width: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:max-w-0 { max-width: 0px !important; } .xl\:max-w-full { max-width: 100% !important; } .xl\:max-w-screen { max-width: 100vw !important; } .xl\:max-w-min { max-width: min-content !important; } .xl\:max-w-max { max-width: max-content !important; } .xl\:max-w-fit { max-width: -moz-fit-content !important; max-width: fit-content !important; } .xl\:max-w-1rem { max-width: 1rem !important; } .xl\:max-w-2rem { max-width: 2rem !important; } .xl\:max-w-3rem { max-width: 3rem !important; } .xl\:max-w-4rem { max-width: 4rem !important; } .xl\:max-w-5rem { max-width: 5rem !important; } .xl\:max-w-6rem { max-width: 6rem !important; } .xl\:max-w-7rem { max-width: 7rem !important; } .xl\:max-w-8rem { max-width: 8rem !important; } .xl\:max-w-9rem { max-width: 9rem !important; } .xl\:max-w-10rem { max-width: 10rem !important; } .xl\:max-w-11rem { max-width: 11rem !important; } .xl\:max-w-12rem { max-width: 12rem !important; } .xl\:max-w-13rem { max-width: 13rem !important; } .xl\:max-w-14rem { max-width: 14rem !important; } .xl\:max-w-15rem { max-width: 15rem !important; } .xl\:max-w-16rem { max-width: 16rem !important; } .xl\:max-w-17rem { max-width: 17rem !important; } .xl\:max-w-18rem { max-width: 18rem !important; } .xl\:max-w-19rem { max-width: 19rem !important; } .xl\:max-w-20rem { max-width: 20rem !important; } .xl\:max-w-21rem { max-width: 21rem !important; } .xl\:max-w-22rem { max-width: 22rem !important; } .xl\:max-w-23rem { max-width: 23rem !important; } .xl\:max-w-24rem { max-width: 24rem !important; } .xl\:max-w-25rem { max-width: 25rem !important; } .xl\:max-w-26rem { max-width: 26rem !important; } .xl\:max-w-27rem { max-width: 27rem !important; } .xl\:max-w-28rem { max-width: 28rem !important; } .xl\:max-w-29rem { max-width: 29rem !important; } .xl\:max-w-30rem { max-width: 30rem !important; } } .min-h-0 { min-height: 0px !important; } .min-h-full { min-height: 100% !important; } .min-h-screen { min-height: 100vh !important; } @media screen and (min-width: 576px) { .sm\:min-h-0 { min-height: 0px !important; } .sm\:min-h-full { min-height: 100% !important; } .sm\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 768px) { .md\:min-h-0 { min-height: 0px !important; } .md\:min-h-full { min-height: 100% !important; } .md\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 992px) { .lg\:min-h-0 { min-height: 0px !important; } .lg\:min-h-full { min-height: 100% !important; } .lg\:min-h-screen { min-height: 100vh !important; } } @media screen and (min-width: 1200px) { .xl\:min-h-0 { min-height: 0px !important; } .xl\:min-h-full { min-height: 100% !important; } .xl\:min-h-screen { min-height: 100vh !important; } } .max-h-0 { max-height: 0px !important; } .max-h-full { max-height: 100% !important; } .max-h-screen { max-height: 100vh !important; } .max-h-min { max-height: min-content !important; } .max-h-max { max-height: max-content !important; } .max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .max-h-1rem { max-height: 1rem !important; } .max-h-2rem { max-height: 2rem !important; } .max-h-3rem { max-height: 3rem !important; } .max-h-4rem { max-height: 4rem !important; } .max-h-5rem { max-height: 5rem !important; } .max-h-6rem { max-height: 6rem !important; } .max-h-7rem { max-height: 7rem !important; } .max-h-8rem { max-height: 8rem !important; } .max-h-9rem { max-height: 9rem !important; } .max-h-10rem { max-height: 10rem !important; } .max-h-11rem { max-height: 11rem !important; } .max-h-12rem { max-height: 12rem !important; } .max-h-13rem { max-height: 13rem !important; } .max-h-14rem { max-height: 14rem !important; } .max-h-15rem { max-height: 15rem !important; } .max-h-16rem { max-height: 16rem !important; } .max-h-17rem { max-height: 17rem !important; } .max-h-18rem { max-height: 18rem !important; } .max-h-19rem { max-height: 19rem !important; } .max-h-20rem { max-height: 20rem !important; } .max-h-21rem { max-height: 21rem !important; } .max-h-22rem { max-height: 22rem !important; } .max-h-23rem { max-height: 23rem !important; } .max-h-24rem { max-height: 24rem !important; } .max-h-25rem { max-height: 25rem !important; } .max-h-26rem { max-height: 26rem !important; } .max-h-27rem { max-height: 27rem !important; } .max-h-28rem { max-height: 28rem !important; } .max-h-29rem { max-height: 29rem !important; } .max-h-30rem { max-height: 30rem !important; } @media screen and (min-width: 576px) { .sm\:max-h-0 { max-height: 0px !important; } .sm\:max-h-full { max-height: 100% !important; } .sm\:max-h-screen { max-height: 100vh !important; } .sm\:max-h-min { max-height: min-content !important; } .sm\:max-h-max { max-height: max-content !important; } .sm\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .sm\:max-h-1rem { max-height: 1rem !important; } .sm\:max-h-2rem { max-height: 2rem !important; } .sm\:max-h-3rem { max-height: 3rem !important; } .sm\:max-h-4rem { max-height: 4rem !important; } .sm\:max-h-5rem { max-height: 5rem !important; } .sm\:max-h-6rem { max-height: 6rem !important; } .sm\:max-h-7rem { max-height: 7rem !important; } .sm\:max-h-8rem { max-height: 8rem !important; } .sm\:max-h-9rem { max-height: 9rem !important; } .sm\:max-h-10rem { max-height: 10rem !important; } .sm\:max-h-11rem { max-height: 11rem !important; } .sm\:max-h-12rem { max-height: 12rem !important; } .sm\:max-h-13rem { max-height: 13rem !important; } .sm\:max-h-14rem { max-height: 14rem !important; } .sm\:max-h-15rem { max-height: 15rem !important; } .sm\:max-h-16rem { max-height: 16rem !important; } .sm\:max-h-17rem { max-height: 17rem !important; } .sm\:max-h-18rem { max-height: 18rem !important; } .sm\:max-h-19rem { max-height: 19rem !important; } .sm\:max-h-20rem { max-height: 20rem !important; } .sm\:max-h-21rem { max-height: 21rem !important; } .sm\:max-h-22rem { max-height: 22rem !important; } .sm\:max-h-23rem { max-height: 23rem !important; } .sm\:max-h-24rem { max-height: 24rem !important; } .sm\:max-h-25rem { max-height: 25rem !important; } .sm\:max-h-26rem { max-height: 26rem !important; } .sm\:max-h-27rem { max-height: 27rem !important; } .sm\:max-h-28rem { max-height: 28rem !important; } .sm\:max-h-29rem { max-height: 29rem !important; } .sm\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 768px) { .md\:max-h-0 { max-height: 0px !important; } .md\:max-h-full { max-height: 100% !important; } .md\:max-h-screen { max-height: 100vh !important; } .md\:max-h-min { max-height: min-content !important; } .md\:max-h-max { max-height: max-content !important; } .md\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .md\:max-h-1rem { max-height: 1rem !important; } .md\:max-h-2rem { max-height: 2rem !important; } .md\:max-h-3rem { max-height: 3rem !important; } .md\:max-h-4rem { max-height: 4rem !important; } .md\:max-h-5rem { max-height: 5rem !important; } .md\:max-h-6rem { max-height: 6rem !important; } .md\:max-h-7rem { max-height: 7rem !important; } .md\:max-h-8rem { max-height: 8rem !important; } .md\:max-h-9rem { max-height: 9rem !important; } .md\:max-h-10rem { max-height: 10rem !important; } .md\:max-h-11rem { max-height: 11rem !important; } .md\:max-h-12rem { max-height: 12rem !important; } .md\:max-h-13rem { max-height: 13rem !important; } .md\:max-h-14rem { max-height: 14rem !important; } .md\:max-h-15rem { max-height: 15rem !important; } .md\:max-h-16rem { max-height: 16rem !important; } .md\:max-h-17rem { max-height: 17rem !important; } .md\:max-h-18rem { max-height: 18rem !important; } .md\:max-h-19rem { max-height: 19rem !important; } .md\:max-h-20rem { max-height: 20rem !important; } .md\:max-h-21rem { max-height: 21rem !important; } .md\:max-h-22rem { max-height: 22rem !important; } .md\:max-h-23rem { max-height: 23rem !important; } .md\:max-h-24rem { max-height: 24rem !important; } .md\:max-h-25rem { max-height: 25rem !important; } .md\:max-h-26rem { max-height: 26rem !important; } .md\:max-h-27rem { max-height: 27rem !important; } .md\:max-h-28rem { max-height: 28rem !important; } .md\:max-h-29rem { max-height: 29rem !important; } .md\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 992px) { .lg\:max-h-0 { max-height: 0px !important; } .lg\:max-h-full { max-height: 100% !important; } .lg\:max-h-screen { max-height: 100vh !important; } .lg\:max-h-min { max-height: min-content !important; } .lg\:max-h-max { max-height: max-content !important; } .lg\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .lg\:max-h-1rem { max-height: 1rem !important; } .lg\:max-h-2rem { max-height: 2rem !important; } .lg\:max-h-3rem { max-height: 3rem !important; } .lg\:max-h-4rem { max-height: 4rem !important; } .lg\:max-h-5rem { max-height: 5rem !important; } .lg\:max-h-6rem { max-height: 6rem !important; } .lg\:max-h-7rem { max-height: 7rem !important; } .lg\:max-h-8rem { max-height: 8rem !important; } .lg\:max-h-9rem { max-height: 9rem !important; } .lg\:max-h-10rem { max-height: 10rem !important; } .lg\:max-h-11rem { max-height: 11rem !important; } .lg\:max-h-12rem { max-height: 12rem !important; } .lg\:max-h-13rem { max-height: 13rem !important; } .lg\:max-h-14rem { max-height: 14rem !important; } .lg\:max-h-15rem { max-height: 15rem !important; } .lg\:max-h-16rem { max-height: 16rem !important; } .lg\:max-h-17rem { max-height: 17rem !important; } .lg\:max-h-18rem { max-height: 18rem !important; } .lg\:max-h-19rem { max-height: 19rem !important; } .lg\:max-h-20rem { max-height: 20rem !important; } .lg\:max-h-21rem { max-height: 21rem !important; } .lg\:max-h-22rem { max-height: 22rem !important; } .lg\:max-h-23rem { max-height: 23rem !important; } .lg\:max-h-24rem { max-height: 24rem !important; } .lg\:max-h-25rem { max-height: 25rem !important; } .lg\:max-h-26rem { max-height: 26rem !important; } .lg\:max-h-27rem { max-height: 27rem !important; } .lg\:max-h-28rem { max-height: 28rem !important; } .lg\:max-h-29rem { max-height: 29rem !important; } .lg\:max-h-30rem { max-height: 30rem !important; } } @media screen and (min-width: 1200px) { .xl\:max-h-0 { max-height: 0px !important; } .xl\:max-h-full { max-height: 100% !important; } .xl\:max-h-screen { max-height: 100vh !important; } .xl\:max-h-min { max-height: min-content !important; } .xl\:max-h-max { max-height: max-content !important; } .xl\:max-h-fit { max-height: -moz-fit-content !important; max-height: fit-content !important; } .xl\:max-h-1rem { max-height: 1rem !important; } .xl\:max-h-2rem { max-height: 2rem !important; } .xl\:max-h-3rem { max-height: 3rem !important; } .xl\:max-h-4rem { max-height: 4rem !important; } .xl\:max-h-5rem { max-height: 5rem !important; } .xl\:max-h-6rem { max-height: 6rem !important; } .xl\:max-h-7rem { max-height: 7rem !important; } .xl\:max-h-8rem { max-height: 8rem !important; } .xl\:max-h-9rem { max-height: 9rem !important; } .xl\:max-h-10rem { max-height: 10rem !important; } .xl\:max-h-11rem { max-height: 11rem !important; } .xl\:max-h-12rem { max-height: 12rem !important; } .xl\:max-h-13rem { max-height: 13rem !important; } .xl\:max-h-14rem { max-height: 14rem !important; } .xl\:max-h-15rem { max-height: 15rem !important; } .xl\:max-h-16rem { max-height: 16rem !important; } .xl\:max-h-17rem { max-height: 17rem !important; } .xl\:max-h-18rem { max-height: 18rem !important; } .xl\:max-h-19rem { max-height: 19rem !important; } .xl\:max-h-20rem { max-height: 20rem !important; } .xl\:max-h-21rem { max-height: 21rem !important; } .xl\:max-h-22rem { max-height: 22rem !important; } .xl\:max-h-23rem { max-height: 23rem !important; } .xl\:max-h-24rem { max-height: 24rem !important; } .xl\:max-h-25rem { max-height: 25rem !important; } .xl\:max-h-26rem { max-height: 26rem !important; } .xl\:max-h-27rem { max-height: 27rem !important; } .xl\:max-h-28rem { max-height: 28rem !important; } .xl\:max-h-29rem { max-height: 29rem !important; } .xl\:max-h-30rem { max-height: 30rem !important; } } .static { position: static !important; } .fixed { position: fixed !important; } .absolute { position: absolute !important; } .relative { position: relative !important; } .sticky { position: sticky !important; } @media screen and (min-width: 576px) { .sm\:static { position: static !important; } .sm\:fixed { position: fixed !important; } .sm\:absolute { position: absolute !important; } .sm\:relative { position: relative !important; } .sm\:sticky { position: sticky !important; } } @media screen and (min-width: 768px) { .md\:static { position: static !important; } .md\:fixed { position: fixed !important; } .md\:absolute { position: absolute !important; } .md\:relative { position: relative !important; } .md\:sticky { position: sticky !important; } } @media screen and (min-width: 992px) { .lg\:static { position: static !important; } .lg\:fixed { position: fixed !important; } .lg\:absolute { position: absolute !important; } .lg\:relative { position: relative !important; } .lg\:sticky { position: sticky !important; } } @media screen and (min-width: 1200px) { .xl\:static { position: static !important; } .xl\:fixed { position: fixed !important; } .xl\:absolute { position: absolute !important; } .xl\:relative { position: relative !important; } .xl\:sticky { position: sticky !important; } } .top-auto { top: auto !important; } .top-0 { top: 0px !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } @media screen and (min-width: 576px) { .sm\:top-auto { top: auto !important; } .sm\:top-0 { top: 0px !important; } .sm\:top-50 { top: 50% !important; } .sm\:top-100 { top: 100% !important; } } @media screen and (min-width: 768px) { .md\:top-auto { top: auto !important; } .md\:top-0 { top: 0px !important; } .md\:top-50 { top: 50% !important; } .md\:top-100 { top: 100% !important; } } @media screen and (min-width: 992px) { .lg\:top-auto { top: auto !important; } .lg\:top-0 { top: 0px !important; } .lg\:top-50 { top: 50% !important; } .lg\:top-100 { top: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:top-auto { top: auto !important; } .xl\:top-0 { top: 0px !important; } .xl\:top-50 { top: 50% !important; } .xl\:top-100 { top: 100% !important; } } .left-auto { left: auto !important; } .left-0 { left: 0px !important; } .left-50 { left: 50% !important; } .left-100 { left: 100% !important; } @media screen and (min-width: 576px) { .sm\:left-auto { left: auto !important; } .sm\:left-0 { left: 0px !important; } .sm\:left-50 { left: 50% !important; } .sm\:left-100 { left: 100% !important; } } @media screen and (min-width: 768px) { .md\:left-auto { left: auto !important; } .md\:left-0 { left: 0px !important; } .md\:left-50 { left: 50% !important; } .md\:left-100 { left: 100% !important; } } @media screen and (min-width: 992px) { .lg\:left-auto { left: auto !important; } .lg\:left-0 { left: 0px !important; } .lg\:left-50 { left: 50% !important; } .lg\:left-100 { left: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:left-auto { left: auto !important; } .xl\:left-0 { left: 0px !important; } .xl\:left-50 { left: 50% !important; } .xl\:left-100 { left: 100% !important; } } .right-auto { right: auto !important; } .right-0 { right: 0px !important; } .right-50 { right: 50% !important; } .right-100 { right: 100% !important; } @media screen and (min-width: 576px) { .sm\:right-auto { right: auto !important; } .sm\:right-0 { right: 0px !important; } .sm\:right-50 { right: 50% !important; } .sm\:right-100 { right: 100% !important; } } @media screen and (min-width: 768px) { .md\:right-auto { right: auto !important; } .md\:right-0 { right: 0px !important; } .md\:right-50 { right: 50% !important; } .md\:right-100 { right: 100% !important; } } @media screen and (min-width: 992px) { .lg\:right-auto { right: auto !important; } .lg\:right-0 { right: 0px !important; } .lg\:right-50 { right: 50% !important; } .lg\:right-100 { right: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:right-auto { right: auto !important; } .xl\:right-0 { right: 0px !important; } .xl\:right-50 { right: 50% !important; } .xl\:right-100 { right: 100% !important; } } .bottom-auto { bottom: auto !important; } .bottom-0 { bottom: 0px !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } @media screen and (min-width: 576px) { .sm\:bottom-auto { bottom: auto !important; } .sm\:bottom-0 { bottom: 0px !important; } .sm\:bottom-50 { bottom: 50% !important; } .sm\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 768px) { .md\:bottom-auto { bottom: auto !important; } .md\:bottom-0 { bottom: 0px !important; } .md\:bottom-50 { bottom: 50% !important; } .md\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 992px) { .lg\:bottom-auto { bottom: auto !important; } .lg\:bottom-0 { bottom: 0px !important; } .lg\:bottom-50 { bottom: 50% !important; } .lg\:bottom-100 { bottom: 100% !important; } } @media screen and (min-width: 1200px) { .xl\:bottom-auto { bottom: auto !important; } .xl\:bottom-0 { bottom: 0px !important; } .xl\:bottom-50 { bottom: 50% !important; } .xl\:bottom-100 { bottom: 100% !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-auto { overflow: auto !important; } .sm\:overflow-hidden { overflow: hidden !important; } .sm\:overflow-visible { overflow: visible !important; } .sm\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-auto { overflow: auto !important; } .md\:overflow-hidden { overflow: hidden !important; } .md\:overflow-visible { overflow: visible !important; } .md\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-auto { overflow: auto !important; } .lg\:overflow-hidden { overflow: hidden !important; } .lg\:overflow-visible { overflow: visible !important; } .lg\:overflow-scroll { overflow: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-auto { overflow: auto !important; } .xl\:overflow-hidden { overflow: hidden !important; } .xl\:overflow-visible { overflow: visible !important; } .xl\:overflow-scroll { overflow: scroll !important; } } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-x-auto { overflow-x: auto !important; } .sm\:overflow-x-hidden { overflow-x: hidden !important; } .sm\:overflow-x-visible { overflow-x: visible !important; } .sm\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-x-auto { overflow-x: auto !important; } .md\:overflow-x-hidden { overflow-x: hidden !important; } .md\:overflow-x-visible { overflow-x: visible !important; } .md\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-x-auto { overflow-x: auto !important; } .lg\:overflow-x-hidden { overflow-x: hidden !important; } .lg\:overflow-x-visible { overflow-x: visible !important; } .lg\:overflow-x-scroll { overflow-x: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-x-auto { overflow-x: auto !important; } .xl\:overflow-x-hidden { overflow-x: hidden !important; } .xl\:overflow-x-visible { overflow-x: visible !important; } .xl\:overflow-x-scroll { overflow-x: scroll !important; } } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } @media screen and (min-width: 576px) { .sm\:overflow-y-auto { overflow-y: auto !important; } .sm\:overflow-y-hidden { overflow-y: hidden !important; } .sm\:overflow-y-visible { overflow-y: visible !important; } .sm\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 768px) { .md\:overflow-y-auto { overflow-y: auto !important; } .md\:overflow-y-hidden { overflow-y: hidden !important; } .md\:overflow-y-visible { overflow-y: visible !important; } .md\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 992px) { .lg\:overflow-y-auto { overflow-y: auto !important; } .lg\:overflow-y-hidden { overflow-y: hidden !important; } .lg\:overflow-y-visible { overflow-y: visible !important; } .lg\:overflow-y-scroll { overflow-y: scroll !important; } } @media screen and (min-width: 1200px) { .xl\:overflow-y-auto { overflow-y: auto !important; } .xl\:overflow-y-hidden { overflow-y: hidden !important; } .xl\:overflow-y-visible { overflow-y: visible !important; } .xl\:overflow-y-scroll { overflow-y: scroll !important; } } .z-auto { z-index: auto !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } .z-4 { z-index: 4 !important; } .z-5 { z-index: 5 !important; } @media screen and (min-width: 576px) { .sm\:z-auto { z-index: auto !important; } .sm\:z-0 { z-index: 0 !important; } .sm\:z-1 { z-index: 1 !important; } .sm\:z-2 { z-index: 2 !important; } .sm\:z-3 { z-index: 3 !important; } .sm\:z-4 { z-index: 4 !important; } .sm\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 768px) { .md\:z-auto { z-index: auto !important; } .md\:z-0 { z-index: 0 !important; } .md\:z-1 { z-index: 1 !important; } .md\:z-2 { z-index: 2 !important; } .md\:z-3 { z-index: 3 !important; } .md\:z-4 { z-index: 4 !important; } .md\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 992px) { .lg\:z-auto { z-index: auto !important; } .lg\:z-0 { z-index: 0 !important; } .lg\:z-1 { z-index: 1 !important; } .lg\:z-2 { z-index: 2 !important; } .lg\:z-3 { z-index: 3 !important; } .lg\:z-4 { z-index: 4 !important; } .lg\:z-5 { z-index: 5 !important; } } @media screen and (min-width: 1200px) { .xl\:z-auto { z-index: auto !important; } .xl\:z-0 { z-index: 0 !important; } .xl\:z-1 { z-index: 1 !important; } .xl\:z-2 { z-index: 2 !important; } .xl\:z-3 { z-index: 3 !important; } .xl\:z-4 { z-index: 4 !important; } .xl\:z-5 { z-index: 5 !important; } } .bg-repeat { background-repeat: repeat !important; } .bg-no-repeat { background-repeat: no-repeat !important; } .bg-repeat-x { background-repeat: repeat-x !important; } .bg-repeat-y { background-repeat: repeat-y !important; } .bg-repeat-round { background-repeat: round !important; } .bg-repeat-space { background-repeat: space !important; } @media screen and (min-width: 576px) { .sm\:bg-repeat { background-repeat: repeat !important; } .sm\:bg-no-repeat { background-repeat: no-repeat !important; } .sm\:bg-repeat-x { background-repeat: repeat-x !important; } .sm\:bg-repeat-y { background-repeat: repeat-y !important; } .sm\:bg-repeat-round { background-repeat: round !important; } .sm\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 768px) { .md\:bg-repeat { background-repeat: repeat !important; } .md\:bg-no-repeat { background-repeat: no-repeat !important; } .md\:bg-repeat-x { background-repeat: repeat-x !important; } .md\:bg-repeat-y { background-repeat: repeat-y !important; } .md\:bg-repeat-round { background-repeat: round !important; } .md\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 992px) { .lg\:bg-repeat { background-repeat: repeat !important; } .lg\:bg-no-repeat { background-repeat: no-repeat !important; } .lg\:bg-repeat-x { background-repeat: repeat-x !important; } .lg\:bg-repeat-y { background-repeat: repeat-y !important; } .lg\:bg-repeat-round { background-repeat: round !important; } .lg\:bg-repeat-space { background-repeat: space !important; } } @media screen and (min-width: 1200px) { .xl\:bg-repeat { background-repeat: repeat !important; } .xl\:bg-no-repeat { background-repeat: no-repeat !important; } .xl\:bg-repeat-x { background-repeat: repeat-x !important; } .xl\:bg-repeat-y { background-repeat: repeat-y !important; } .xl\:bg-repeat-round { background-repeat: round !important; } .xl\:bg-repeat-space { background-repeat: space !important; } } .bg-auto { background-size: auto !important; } .bg-cover { background-size: cover !important; } .bg-contain { background-size: contain !important; } @media screen and (min-width: 576px) { .sm\:bg-auto { background-size: auto !important; } .sm\:bg-cover { background-size: cover !important; } .sm\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 768px) { .md\:bg-auto { background-size: auto !important; } .md\:bg-cover { background-size: cover !important; } .md\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 992px) { .lg\:bg-auto { background-size: auto !important; } .lg\:bg-cover { background-size: cover !important; } .lg\:bg-contain { background-size: contain !important; } } @media screen and (min-width: 1200px) { .xl\:bg-auto { background-size: auto !important; } .xl\:bg-cover { background-size: cover !important; } .xl\:bg-contain { background-size: contain !important; } } .bg-bottom { background-position: bottom !important; } .bg-center { background-position: center !important; } .bg-left { background-position: left !important; } .bg-left-bottom { background-position: left bottom !important; } .bg-left-top { background-position: left top !important; } .bg-right { background-position: right !important; } .bg-right-bottom { background-position: right bottom !important; } .bg-right-top { background-position: right top !important; } .bg-top { background-position: top !important; } @media screen and (min-width: 576px) { .sm\:bg-bottom { background-position: bottom !important; } .sm\:bg-center { background-position: center !important; } .sm\:bg-left { background-position: left !important; } .sm\:bg-left-bottom { background-position: left bottom !important; } .sm\:bg-left-top { background-position: left top !important; } .sm\:bg-right { background-position: right !important; } .sm\:bg-right-bottom { background-position: right bottom !important; } .sm\:bg-right-top { background-position: right top !important; } .sm\:bg-top { background-position: top !important; } } @media screen and (min-width: 768px) { .md\:bg-bottom { background-position: bottom !important; } .md\:bg-center { background-position: center !important; } .md\:bg-left { background-position: left !important; } .md\:bg-left-bottom { background-position: left bottom !important; } .md\:bg-left-top { background-position: left top !important; } .md\:bg-right { background-position: right !important; } .md\:bg-right-bottom { background-position: right bottom !important; } .md\:bg-right-top { background-position: right top !important; } .md\:bg-top { background-position: top !important; } } @media screen and (min-width: 992px) { .lg\:bg-bottom { background-position: bottom !important; } .lg\:bg-center { background-position: center !important; } .lg\:bg-left { background-position: left !important; } .lg\:bg-left-bottom { background-position: left bottom !important; } .lg\:bg-left-top { background-position: left top !important; } .lg\:bg-right { background-position: right !important; } .lg\:bg-right-bottom { background-position: right bottom !important; } .lg\:bg-right-top { background-position: right top !important; } .lg\:bg-top { background-position: top !important; } } @media screen and (min-width: 1200px) { .xl\:bg-bottom { background-position: bottom !important; } .xl\:bg-center { background-position: center !important; } .xl\:bg-left { background-position: left !important; } .xl\:bg-left-bottom { background-position: left bottom !important; } .xl\:bg-left-top { background-position: left top !important; } .xl\:bg-right { background-position: right !important; } .xl\:bg-right-bottom { background-position: right bottom !important; } .xl\:bg-right-top { background-position: right top !important; } .xl\:bg-top { background-position: top !important; } } .select-none { -webkit-user-select: none !important; user-select: none !important; } .select-text { -webkit-user-select: text !important; user-select: text !important; } .select-all { -webkit-user-select: all !important; user-select: all !important; } .select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .list-none { list-style: none !important; } .list-disc { list-style: disc !important; } .list-decimal { list-style: decimal !important; } .appearance-none { -webkit-appearance: none !important; appearance: none !important; } .outline-none { outline: none !important; } .pointer-events-none { pointer-events: none !important; } .pointer-events-auto { pointer-events: auto !important; } .cursor-auto { cursor: auto !important; } .cursor-pointer { cursor: pointer !important; } .cursor-wait { cursor: wait !important; } .cursor-move { cursor: move !important; } .select-none { -webkit-user-select: none !important; user-select: none !important; } .select-text { -webkit-user-select: text !important; user-select: text !important; } .select-all { -webkit-user-select: all !important; user-select: all !important; } .select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .opacity-0 { opacity: 0 !important; } .opacity-10 { opacity: .1 !important; } .opacity-20 { opacity: .2 !important; } .opacity-30 { opacity: .3 !important; } .opacity-40 { opacity: .4 !important; } .opacity-50 { opacity: .5 !important; } .opacity-60 { opacity: .6 !important; } .opacity-70 { opacity: .7 !important; } .opacity-80 { opacity: .8 !important; } .opacity-90 { opacity: .9 !important; } .opacity-100 { opacity: 1 !important; } .reset { all: unset; } .transition-none { transition-property: none !important; } .transition-all { transition-property: all !important; } .transition-colors { transition-property: background-color,border-color,color !important; } .transition-transform { transition-property: transform !important; } .transition-duration-100 { transition-duration: 100ms !important; } .transition-duration-150 { transition-duration: 150ms !important; } .transition-duration-200 { transition-duration: 200ms !important; } .transition-duration-300 { transition-duration: 300ms !important; } .transition-duration-400 { transition-duration: 400ms !important; } .transition-duration-500 { transition-duration: 500ms !important; } .transition-duration-1000 { transition-duration: 1000ms !important; } .transition-duration-2000 { transition-duration: 2000ms !important; } .transition-duration-3000 { transition-duration: 3000ms !important; } .transition-linear { transition-timing-function: linear !important; } .transition-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .transition-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .transition-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .transition-delay-100 { transition-delay: 100ms !important; } .transition-delay-150 { transition-delay: 150ms !important; } .transition-delay-200 { transition-delay: 200ms !important; } .transition-delay-300 { transition-delay: 300ms !important; } .transition-delay-400 { transition-delay: 400ms !important; } .transition-delay-500 { transition-delay: 500ms !important; } .transition-delay-1000 { transition-delay: 1000ms !important; } .translate-x-0 { transform: translateX(0%) !important; } .translate-x-100 { transform: translateX(100%) !important; } .-translate-x-100 { transform: translateX(-100%) !important; } .translate-y-0 { transform: translateY(0%) !important; } .translate-y-100 { transform: translateY(100%) !important; } .-translate-y-100 { transform: translateY(-100%) !important; } @media screen and (min-width: 576px) { .sm\:translate-x-0 { transform: translateX(0%) !important; } .sm\:translate-x-100 { transform: translateX(100%) !important; } .sm\:-translate-x-100 { transform: translateX(-100%) !important; } .sm\:translate-y-0 { transform: translateY(0%) !important; } .sm\:translate-y-100 { transform: translateY(100%) !important; } .sm\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 768px) { .md\:translate-x-0 { transform: translateX(0%) !important; } .md\:translate-x-100 { transform: translateX(100%) !important; } .md\:-translate-x-100 { transform: translateX(-100%) !important; } .md\:translate-y-0 { transform: translateY(0%) !important; } .md\:translate-y-100 { transform: translateY(100%) !important; } .md\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 992px) { .lg\:translate-x-0 { transform: translateX(0%) !important; } .lg\:translate-x-100 { transform: translateX(100%) !important; } .lg\:-translate-x-100 { transform: translateX(-100%) !important; } .lg\:translate-y-0 { transform: translateY(0%) !important; } .lg\:translate-y-100 { transform: translateY(100%) !important; } .lg\:-translate-y-100 { transform: translateY(-100%) !important; } } @media screen and (min-width: 1200px) { .xl\:translate-x-0 { transform: translateX(0%) !important; } .xl\:translate-x-100 { transform: translateX(100%) !important; } .xl\:-translate-x-100 { transform: translateX(-100%) !important; } .xl\:translate-y-0 { transform: translateY(0%) !important; } .xl\:translate-y-100 { transform: translateY(100%) !important; } .xl\:-translate-y-100 { transform: translateY(-100%) !important; } } .rotate-45 { transform: rotate(45deg) !important; } .-rotate-45 { transform: rotate(-45deg) !important; } .rotate-90 { transform: rotate(90deg) !important; } .-rotate-90 { transform: rotate(-90deg) !important; } .rotate-180 { transform: rotate(180deg) !important; } .-rotate-180 { transform: rotate(-180deg) !important; } @media screen and (min-width: 576px) { .sm\:rotate-45 { transform: rotate(45deg) !important; } .sm\:-rotate-45 { transform: rotate(-45deg) !important; } .sm\:rotate-90 { transform: rotate(90deg) !important; } .sm\:-rotate-90 { transform: rotate(-90deg) !important; } .sm\:rotate-180 { transform: rotate(180deg) !important; } .sm\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 768px) { .md\:rotate-45 { transform: rotate(45deg) !important; } .md\:-rotate-45 { transform: rotate(-45deg) !important; } .md\:rotate-90 { transform: rotate(90deg) !important; } .md\:-rotate-90 { transform: rotate(-90deg) !important; } .md\:rotate-180 { transform: rotate(180deg) !important; } .md\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 992px) { .lg\:rotate-45 { transform: rotate(45deg) !important; } .lg\:-rotate-45 { transform: rotate(-45deg) !important; } .lg\:rotate-90 { transform: rotate(90deg) !important; } .lg\:-rotate-90 { transform: rotate(-90deg) !important; } .lg\:rotate-180 { transform: rotate(180deg) !important; } .lg\:-rotate-180 { transform: rotate(-180deg) !important; } } @media screen and (min-width: 1200px) { .xl\:rotate-45 { transform: rotate(45deg) !important; } .xl\:-rotate-45 { transform: rotate(-45deg) !important; } .xl\:rotate-90 { transform: rotate(90deg) !important; } .xl\:-rotate-90 { transform: rotate(-90deg) !important; } .xl\:rotate-180 { transform: rotate(180deg) !important; } .xl\:-rotate-180 { transform: rotate(-180deg) !important; } } .origin-center { transform-origin: center !important; } .origin-top { transform-origin: top !important; } .origin-top-right { transform-origin: top right !important; } .origin-right { transform-origin: right !important; } .origin-bottom-right { transform-origin: bottom right !important; } .origin-bottom { transform-origin: bottom !important; } .origin-bottom-left { transform-origin: bottom left !important; } .origin-left { transform-origin: left !important; } .origin-top-left { transform-origin: top-left !important; } @media screen and (min-width: 576px) { .sm\:origin-center { transform-origin: center !important; } .sm\:origin-top { transform-origin: top !important; } .sm\:origin-top-right { transform-origin: top right !important; } .sm\:origin-right { transform-origin: right !important; } .sm\:origin-bottom-right { transform-origin: bottom right !important; } .sm\:origin-bottom { transform-origin: bottom !important; } .sm\:origin-bottom-left { transform-origin: bottom left !important; } .sm\:origin-left { transform-origin: left !important; } .sm\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 768px) { .md\:origin-center { transform-origin: center !important; } .md\:origin-top { transform-origin: top !important; } .md\:origin-top-right { transform-origin: top right !important; } .md\:origin-right { transform-origin: right !important; } .md\:origin-bottom-right { transform-origin: bottom right !important; } .md\:origin-bottom { transform-origin: bottom !important; } .md\:origin-bottom-left { transform-origin: bottom left !important; } .md\:origin-left { transform-origin: left !important; } .md\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 992px) { .lg\:origin-center { transform-origin: center !important; } .lg\:origin-top { transform-origin: top !important; } .lg\:origin-top-right { transform-origin: top right !important; } .lg\:origin-right { transform-origin: right !important; } .lg\:origin-bottom-right { transform-origin: bottom right !important; } .lg\:origin-bottom { transform-origin: bottom !important; } .lg\:origin-bottom-left { transform-origin: bottom left !important; } .lg\:origin-left { transform-origin: left !important; } .lg\:origin-top-left { transform-origin: top-left !important; } } @media screen and (min-width: 1200px) { .xl\:origin-center { transform-origin: center !important; } .xl\:origin-top { transform-origin: top !important; } .xl\:origin-top-right { transform-origin: top right !important; } .xl\:origin-right { transform-origin: right !important; } .xl\:origin-bottom-right { transform-origin: bottom right !important; } .xl\:origin-bottom { transform-origin: bottom !important; } .xl\:origin-bottom-left { transform-origin: bottom left !important; } .xl\:origin-left { transform-origin: left !important; } .xl\:origin-top-left { transform-origin: top-left !important; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes scalein { 0% { opacity: 0; transform: scaleY(0.8); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: scaleY(1); } } @keyframes slidedown { 0% { max-height: 0; } 100% { max-height: auto; } } @keyframes slideup { 0% { max-height: 1000px; } 100% { max-height: 0; } } @keyframes fadeinleft { 0% { opacity: 0; transform: translateX(-100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeoutleft { 0% { opacity: 1; transform: translateX(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateX(-100%); } } @keyframes fadeinright { 0% { opacity: 0; transform: translateX(100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateX(0%); } } @keyframes fadeoutright { 0% { opacity: 1; transform: translateX(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateX(100%); } } @keyframes fadeinup { 0% { opacity: 0; transform: translateY(-100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeoutup { 0% { opacity: 1; transform: translateY(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateY(-100%); } } @keyframes fadeindown { 0% { opacity: 0; transform: translateY(100%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 1; transform: translateY(0%); } } @keyframes fadeoutdown { 0% { opacity: 1; transform: translateY(0%); transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1); } 100% { opacity: 0; transform: translateY(100%); } } @keyframes animate-width { 0% { width: 0; } 100% { width: 100%; } } @keyframes flip { from { transform: perspective(2000px) rotateX(-100deg); } to { transform: perspective(2000px) rotateX(0); } } @keyframes flipleft { from { transform: perspective(2000px) rotateY(-100deg); opacity: 0; } to { transform: perspective(2000px) rotateY(0); opacity: 1; } } @keyframes flipright { from { transform: perspective(2000px) rotateY(100deg); opacity: 0; } to { transform: perspective(2000px) rotateY(0); opacity: 1; } } @keyframes flipup { from { transform: perspective(2000px) rotateX(-100deg); opacity: 0; } to { transform: perspective(2000px) rotateX(0); opacity: 1; } } @keyframes zoomin { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomindown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoominleft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoominright { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoominup { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .fadein { animation: fadein 0.15s linear; } .fadeout { animation: fadeout 0.15s linear; } .slidedown { animation: slidedown 0.45s ease-in-out; } .slideup { animation: slideup 0.45s cubic-bezier(0, 1, 0, 1); } .scalein { animation: scalein 0.15s linear; } .fadeinleft { animation: fadeinleft 0.15s linear; } .fadeoutleft { animation: fadeoutleft 0.15s linear; } .fadeinright { animation: fadeinright 0.15s linear; } .fadeoutright { animation: fadeoutright 0.15s linear; } .fadeinup { animation: fadeinup 0.15s linear; } .fadeoutup { animation: fadeoutup 0.15s linear; } .fadeindown { animation: fadeindown 0.15s linear; } .fadeoutdown { animation: fadeoutdown 0.15s linear; } .animate-width { animation: animate-width 1000ms linear; } .flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flip 0.15s linear; } .flipup { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipup 0.15s linear; } .flipleft { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipleft 0.15s linear; } .flipright { -webkit-backface-visibility: visible; backface-visibility: visible; animation: flipright 0.15s linear; } .zoomin { animation: zoomin 0.15s linear; } .zoomindown { animation: zoomindown 0.15s linear; } .zoominleft { animation: zoominleft 0.15s linear; } .zoominright { animation: zoominright 0.15s linear; } .zoominup { animation: zoominup 0.15s linear; } .animation-duration-100 { animation-duration: 100ms !important; } .animation-duration-150 { animation-duration: 150ms !important; } .animation-duration-200 { animation-duration: 200ms !important; } .animation-duration-300 { animation-duration: 300ms !important; } .animation-duration-400 { animation-duration: 400ms !important; } .animation-duration-500 { animation-duration: 500ms !important; } .animation-duration-1000 { animation-duration: 1000ms !important; } .animation-duration-2000 { animation-duration: 2000ms !important; } .animation-duration-3000 { animation-duration: 3000ms !important; } .animation-delay-100 { animation-delay: 100ms !important; } .animation-delay-150 { animation-delay: 150ms !important; } .animation-delay-200 { animation-delay: 200ms !important; } .animation-delay-300 { animation-delay: 300ms !important; } .animation-delay-400 { animation-delay: 400ms !important; } .animation-delay-500 { animation-delay: 500ms !important; } .animation-delay-1000 { animation-delay: 1000ms !important; } .animation-iteration-1 { animation-iteration-count: 1 !important; } .animation-iteration-2 { animation-iteration-count: 2 !important; } .animation-iteration-infinite { animation-iteration-count: infinite !important; } .animation-linear { animation-timing-function: linear !important; } .animation-ease-in { animation-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .animation-ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } .animation-ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .animation-fill-none { animation-fill-mode: none !important; } .animation-fill-forwards { animation-fill-mode: forwards !important; } .animation-fill-backwards { animation-fill-mode: backwards !important; } .animation-fill-both { animation-fill-mode: both !important; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css ***! \********************************************************************************************************************************************************************************************************************************/ @font-face { font-family: 'primeicons'; font-display: block; src: url('primeicons.eot'); src: url('primeicons.eot?#iefix') format('embedded-opentype'), url('primeicons.woff2') format('woff2'), url('primeicons.woff') format('woff'), url('primeicons.ttf') format('truetype'), url('primeicons.svg?#primeicons') format('svg'); font-weight: normal; font-style: normal; } .pi { font-family: 'primeicons'; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; line-height: 1; display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .pi:before { --webkit-backface-visibility:hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pi-fw { width: 1.28571429em; text-align: center; } .pi-spin { animation: fa-spin 2s infinite linear; } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .pi-eraser:before { content: "\ea04"; } .pi-stopwatch:before { content: "\ea01"; } .pi-verified:before { content: "\ea02"; } .pi-delete-left:before { content: "\ea03"; } .pi-hourglass:before { content: "\e9fe"; } .pi-truck:before { content: "\ea00"; } .pi-wrench:before { content: "\e9ff"; } .pi-microphone:before { content: "\e9fa"; } .pi-megaphone:before { content: "\e9fb"; } .pi-arrow-right-arrow-left:before { content: "\e9fc"; } .pi-bitcoin:before { content: "\e9fd"; } .pi-file-edit:before { content: "\e9f6"; } .pi-language:before { content: "\e9f7"; } .pi-file-export:before { content: "\e9f8"; } .pi-file-import:before { content: "\e9f9"; } .pi-file-word:before { content: "\e9f1"; } .pi-gift:before { content: "\e9f2"; } .pi-cart-plus:before { content: "\e9f3"; } .pi-thumbs-down-fill:before { content: "\e9f4"; } .pi-thumbs-up-fill:before { content: "\e9f5"; } .pi-arrows-alt:before { content: "\e9f0"; } .pi-calculator:before { content: "\e9ef"; } .pi-sort-alt-slash:before { content: "\e9ee"; } .pi-arrows-h:before { content: "\e9ec"; } .pi-arrows-v:before { content: "\e9ed"; } .pi-pound:before { content: "\e9eb"; } .pi-prime:before { content: "\e9ea"; } .pi-chart-pie:before { content: "\e9e9"; } .pi-reddit:before { content: "\e9e8"; } .pi-code:before { content: "\e9e7"; } .pi-sync:before { content: "\e9e6"; } .pi-shopping-bag:before { content: "\e9e5"; } .pi-server:before { content: "\e9e4"; } .pi-database:before { content: "\e9e3"; } .pi-hashtag:before { content: "\e9e2"; } .pi-bookmark-fill:before { content: "\e9df"; } .pi-filter-fill:before { content: "\e9e0"; } .pi-heart-fill:before { content: "\e9e1"; } .pi-flag-fill:before { content: "\e9de"; } .pi-circle:before { content: "\e9dc"; } .pi-circle-fill:before { content: "\e9dd"; } .pi-bolt:before { content: "\e9db"; } .pi-history:before { content: "\e9da"; } .pi-box:before { content: "\e9d9"; } .pi-at:before { content: "\e9d8"; } .pi-arrow-up-right:before { content: "\e9d4"; } .pi-arrow-up-left:before { content: "\e9d5"; } .pi-arrow-down-left:before { content: "\e9d6"; } .pi-arrow-down-right:before { content: "\e9d7"; } .pi-telegram:before { content: "\e9d3"; } .pi-stop-circle:before { content: "\e9d2"; } .pi-stop:before { content: "\e9d1"; } .pi-whatsapp:before { content: "\e9d0"; } .pi-building:before { content: "\e9cf"; } .pi-qrcode:before { content: "\e9ce"; } .pi-car:before { content: "\e9cd"; } .pi-instagram:before { content: "\e9cc"; } .pi-linkedin:before { content: "\e9cb"; } .pi-send:before { content: "\e9ca"; } .pi-slack:before { content: "\e9c9"; } .pi-sun:before { content: "\e9c8"; } .pi-moon:before { content: "\e9c7"; } .pi-vimeo:before { content: "\e9c6"; } .pi-youtube:before { content: "\e9c5"; } .pi-flag:before { content: "\e9c4"; } .pi-wallet:before { content: "\e9c3"; } .pi-map:before { content: "\e9c2"; } .pi-link:before { content: "\e9c1"; } .pi-credit-card:before { content: "\e9bf"; } .pi-discord:before { content: "\e9c0"; } .pi-percentage:before { content: "\e9be"; } .pi-euro:before { content: "\e9bd"; } .pi-book:before { content: "\e9ba"; } .pi-shield:before { content: "\e9b9"; } .pi-paypal:before { content: "\e9bb"; } .pi-amazon:before { content: "\e9bc"; } .pi-phone:before { content: "\e9b8"; } .pi-filter-slash:before { content: "\e9b7"; } .pi-facebook:before { content: "\e9b4"; } .pi-github:before { content: "\e9b5"; } .pi-twitter:before { content: "\e9b6"; } .pi-step-backward-alt:before { content: "\e9ac"; } .pi-step-forward-alt:before { content: "\e9ad"; } .pi-forward:before { content: "\e9ae"; } .pi-backward:before { content: "\e9af"; } .pi-fast-backward:before { content: "\e9b0"; } .pi-fast-forward:before { content: "\e9b1"; } .pi-pause:before { content: "\e9b2"; } .pi-play:before { content: "\e9b3"; } .pi-compass:before { content: "\e9ab"; } .pi-id-card:before { content: "\e9aa"; } .pi-ticket:before { content: "\e9a9"; } .pi-file-o:before { content: "\e9a8"; } .pi-reply:before { content: "\e9a7"; } .pi-directions-alt:before { content: "\e9a5"; } .pi-directions:before { content: "\e9a6"; } .pi-thumbs-up:before { content: "\e9a3"; } .pi-thumbs-down:before { content: "\e9a4"; } .pi-sort-numeric-down-alt:before { content: "\e996"; } .pi-sort-numeric-up-alt:before { content: "\e997"; } .pi-sort-alpha-down-alt:before { content: "\e998"; } .pi-sort-alpha-up-alt:before { content: "\e999"; } .pi-sort-numeric-down:before { content: "\e99a"; } .pi-sort-numeric-up:before { content: "\e99b"; } .pi-sort-alpha-down:before { content: "\e99c"; } .pi-sort-alpha-up:before { content: "\e99d"; } .pi-sort-alt:before { content: "\e99e"; } .pi-sort-amount-up:before { content: "\e99f"; } .pi-sort-amount-down:before { content: "\e9a0"; } .pi-sort-amount-down-alt:before { content: "\e9a1"; } .pi-sort-amount-up-alt:before { content: "\e9a2"; } .pi-palette:before { content: "\e995"; } .pi-undo:before { content: "\e994"; } .pi-desktop:before { content: "\e993"; } .pi-sliders-v:before { content: "\e991"; } .pi-sliders-h:before { content: "\e992"; } .pi-search-plus:before { content: "\e98f"; } .pi-search-minus:before { content: "\e990"; } .pi-file-excel:before { content: "\e98e"; } .pi-file-pdf:before { content: "\e98d"; } .pi-check-square:before { content: "\e98c"; } .pi-chart-line:before { content: "\e98b"; } .pi-user-edit:before { content: "\e98a"; } .pi-exclamation-circle:before { content: "\e989"; } .pi-android:before { content: "\e985"; } .pi-google:before { content: "\e986"; } .pi-apple:before { content: "\e987"; } .pi-microsoft:before { content: "\e988"; } .pi-heart:before { content: "\e984"; } .pi-mobile:before { content: "\e982"; } .pi-tablet:before { content: "\e983"; } .pi-key:before { content: "\e981"; } .pi-shopping-cart:before { content: "\e980"; } .pi-comments:before { content: "\e97e"; } .pi-comment:before { content: "\e97f"; } .pi-briefcase:before { content: "\e97d"; } .pi-bell:before { content: "\e97c"; } .pi-paperclip:before { content: "\e97b"; } .pi-share-alt:before { content: "\e97a"; } .pi-envelope:before { content: "\e979"; } .pi-volume-down:before { content: "\e976"; } .pi-volume-up:before { content: "\e977"; } .pi-volume-off:before { content: "\e978"; } .pi-eject:before { content: "\e975"; } .pi-money-bill:before { content: "\e974"; } .pi-images:before { content: "\e973"; } .pi-image:before { content: "\e972"; } .pi-sign-in:before { content: "\e970"; } .pi-sign-out:before { content: "\e971"; } .pi-wifi:before { content: "\e96f"; } .pi-sitemap:before { content: "\e96e"; } .pi-chart-bar:before { content: "\e96d"; } .pi-camera:before { content: "\e96c"; } .pi-dollar:before { content: "\e96b"; } .pi-lock-open:before { content: "\e96a"; } .pi-table:before { content: "\e969"; } .pi-map-marker:before { content: "\e968"; } .pi-list:before { content: "\e967"; } .pi-eye-slash:before { content: "\e965"; } .pi-eye:before { content: "\e966"; } .pi-folder-open:before { content: "\e964"; } .pi-folder:before { content: "\e963"; } .pi-video:before { content: "\e962"; } .pi-inbox:before { content: "\e961"; } .pi-lock:before { content: "\e95f"; } .pi-unlock:before { content: "\e960"; } .pi-tags:before { content: "\e95d"; } .pi-tag:before { content: "\e95e"; } .pi-power-off:before { content: "\e95c"; } .pi-save:before { content: "\e95b"; } .pi-question-circle:before { content: "\e959"; } .pi-question:before { content: "\e95a"; } .pi-copy:before { content: "\e957"; } .pi-file:before { content: "\e958"; } .pi-clone:before { content: "\e955"; } .pi-calendar-times:before { content: "\e952"; } .pi-calendar-minus:before { content: "\e953"; } .pi-calendar-plus:before { content: "\e954"; } .pi-ellipsis-v:before { content: "\e950"; } .pi-ellipsis-h:before { content: "\e951"; } .pi-bookmark:before { content: "\e94e"; } .pi-globe:before { content: "\e94f"; } .pi-replay:before { content: "\e94d"; } .pi-filter:before { content: "\e94c"; } .pi-print:before { content: "\e94b"; } .pi-align-right:before { content: "\e946"; } .pi-align-left:before { content: "\e947"; } .pi-align-center:before { content: "\e948"; } .pi-align-justify:before { content: "\e949"; } .pi-cog:before { content: "\e94a"; } .pi-cloud-download:before { content: "\e943"; } .pi-cloud-upload:before { content: "\e944"; } .pi-cloud:before { content: "\e945"; } .pi-pencil:before { content: "\e942"; } .pi-users:before { content: "\e941"; } .pi-clock:before { content: "\e940"; } .pi-user-minus:before { content: "\e93e"; } .pi-user-plus:before { content: "\e93f"; } .pi-trash:before { content: "\e93d"; } .pi-external-link:before { content: "\e93c"; } .pi-window-maximize:before { content: "\e93b"; } .pi-window-minimize:before { content: "\e93a"; } .pi-refresh:before { content: "\e938"; } .pi-user:before { content: "\e939"; } .pi-exclamation-triangle:before { content: "\e922"; } .pi-calendar:before { content: "\e927"; } .pi-chevron-circle-left:before { content: "\e928"; } .pi-chevron-circle-down:before { content: "\e929"; } .pi-chevron-circle-right:before { content: "\e92a"; } .pi-chevron-circle-up:before { content: "\e92b"; } .pi-angle-double-down:before { content: "\e92c"; } .pi-angle-double-left:before { content: "\e92d"; } .pi-angle-double-right:before { content: "\e92e"; } .pi-angle-double-up:before { content: "\e92f"; } .pi-angle-down:before { content: "\e930"; } .pi-angle-left:before { content: "\e931"; } .pi-angle-right:before { content: "\e932"; } .pi-angle-up:before { content: "\e933"; } .pi-upload:before { content: "\e934"; } .pi-download:before { content: "\e956"; } .pi-ban:before { content: "\e935"; } .pi-star-fill:before { content: "\e936"; } .pi-star:before { content: "\e937"; } .pi-chevron-left:before { content: "\e900"; } .pi-chevron-right:before { content: "\e901"; } .pi-chevron-down:before { content: "\e902"; } .pi-chevron-up:before { content: "\e903"; } .pi-caret-left:before { content: "\e904"; } .pi-caret-right:before { content: "\e905"; } .pi-caret-down:before { content: "\e906"; } .pi-caret-up:before { content: "\e907"; } .pi-search:before { content: "\e908"; } .pi-check:before { content: "\e909"; } .pi-check-circle:before { content: "\e90a"; } .pi-times:before { content: "\e90b"; } .pi-times-circle:before { content: "\e90c"; } .pi-plus:before { content: "\e90d"; } .pi-plus-circle:before { content: "\e90e"; } .pi-minus:before { content: "\e90f"; } .pi-minus-circle:before { content: "\e910"; } .pi-circle-on:before { content: "\e911"; } .pi-circle-off:before { content: "\e912"; } .pi-sort-down:before { content: "\e913"; } .pi-sort-up:before { content: "\e914"; } .pi-sort:before { content: "\e915"; } .pi-step-backward:before { content: "\e916"; } .pi-step-forward:before { content: "\e917"; } .pi-th-large:before { content: "\e918"; } .pi-arrow-down:before { content: "\e919"; } .pi-arrow-left:before { content: "\e91a"; } .pi-arrow-right:before { content: "\e91b"; } .pi-arrow-up:before { content: "\e91c"; } .pi-bars:before { content: "\e91d"; } .pi-arrow-circle-down:before { content: "\e91e"; } .pi-arrow-circle-left:before { content: "\e91f"; } .pi-arrow-circle-right:before { content: "\e920"; } .pi-arrow-circle-up:before { content: "\e921"; } .pi-info:before { content: "\e923"; } .pi-info-circle:before { content: "\e924"; } .pi-home:before { content: "\e925"; } .pi-spinner:before { content: "\e926"; } /*!********************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/quill/dist/quill.snow.css ***! \********************************************************************************************************************************************************************************************************************************/ /*! * Quill Editor v1.3.7 * https://quilljs.com/ * Copyright (c) 2014, Jason Chen * Copyright (c) 2013, salesforce.com */ .ql-container { box-sizing: border-box; font-family: Helvetica, Arial, sans-serif; font-size: 13px; height: 100%; margin: 0px; position: relative; } .ql-container.ql-disabled .ql-tooltip { visibility: hidden; } .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { pointer-events: none; } .ql-clipboard { left: -100000px; height: 1px; overflow-y: hidden; position: absolute; top: 50%; } .ql-clipboard p { margin: 0; padding: 0; } .ql-editor { box-sizing: border-box; line-height: 1.42; height: 100%; outline: none; overflow-y: auto; padding: 12px 15px; tab-size: 4; -moz-tab-size: 4; text-align: left; white-space: pre-wrap; word-wrap: break-word; } .ql-editor > * { cursor: text; } .ql-editor p, .ql-editor ol, .ql-editor ul, .ql-editor pre, .ql-editor blockquote, .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6 { margin: 0; padding: 0; counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol, .ql-editor ul { padding-left: 1.5em; } .ql-editor ol > li, .ql-editor ul > li { list-style-type: none; } .ql-editor ul > li::before { content: '\2022'; } .ql-editor ul[data-checked=true], .ql-editor ul[data-checked=false] { pointer-events: none; } .ql-editor ul[data-checked=true] > li *, .ql-editor ul[data-checked=false] > li * { pointer-events: all; } .ql-editor ul[data-checked=true] > li::before, .ql-editor ul[data-checked=false] > li::before { color: #777; cursor: pointer; pointer-events: all; } .ql-editor ul[data-checked=true] > li::before { content: '\2611'; } .ql-editor ul[data-checked=false] > li::before { content: '\2610'; } .ql-editor li::before { display: inline-block; white-space: nowrap; width: 1.2em; } .ql-editor li:not(.ql-direction-rtl)::before { margin-left: -1.5em; margin-right: 0.3em; text-align: right; } .ql-editor li.ql-direction-rtl::before { margin-left: 0.3em; margin-right: -1.5em; } .ql-editor ol li:not(.ql-direction-rtl), .ql-editor ul li:not(.ql-direction-rtl) { padding-left: 1.5em; } .ql-editor ol li.ql-direction-rtl, .ql-editor ul li.ql-direction-rtl { padding-right: 1.5em; } .ql-editor ol li { counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; counter-increment: list-0; } .ql-editor ol li:before { content: counter(list-0, decimal) '. '; } .ql-editor ol li.ql-indent-1 { counter-increment: list-1; } .ql-editor ol li.ql-indent-1:before { content: counter(list-1, lower-alpha) '. '; } .ql-editor ol li.ql-indent-1 { counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-2 { counter-increment: list-2; } .ql-editor ol li.ql-indent-2:before { content: counter(list-2, lower-roman) '. '; } .ql-editor ol li.ql-indent-2 { counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-3 { counter-increment: list-3; } .ql-editor ol li.ql-indent-3:before { content: counter(list-3, decimal) '. '; } .ql-editor ol li.ql-indent-3 { counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-4 { counter-increment: list-4; } .ql-editor ol li.ql-indent-4:before { content: counter(list-4, lower-alpha) '. '; } .ql-editor ol li.ql-indent-4 { counter-reset: list-5 list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-5 { counter-increment: list-5; } .ql-editor ol li.ql-indent-5:before { content: counter(list-5, lower-roman) '. '; } .ql-editor ol li.ql-indent-5 { counter-reset: list-6 list-7 list-8 list-9; } .ql-editor ol li.ql-indent-6 { counter-increment: list-6; } .ql-editor ol li.ql-indent-6:before { content: counter(list-6, decimal) '. '; } .ql-editor ol li.ql-indent-6 { counter-reset: list-7 list-8 list-9; } .ql-editor ol li.ql-indent-7 { counter-increment: list-7; } .ql-editor ol li.ql-indent-7:before { content: counter(list-7, lower-alpha) '. '; } .ql-editor ol li.ql-indent-7 { counter-reset: list-8 list-9; } .ql-editor ol li.ql-indent-8 { counter-increment: list-8; } .ql-editor ol li.ql-indent-8:before { content: counter(list-8, lower-roman) '. '; } .ql-editor ol li.ql-indent-8 { counter-reset: list-9; } .ql-editor ol li.ql-indent-9 { counter-increment: list-9; } .ql-editor ol li.ql-indent-9:before { content: counter(list-9, decimal) '. '; } .ql-editor .ql-indent-1:not(.ql-direction-rtl) { padding-left: 3em; } .ql-editor li.ql-indent-1:not(.ql-direction-rtl) { padding-left: 4.5em; } .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 3em; } .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { padding-right: 4.5em; } .ql-editor .ql-indent-2:not(.ql-direction-rtl) { padding-left: 6em; } .ql-editor li.ql-indent-2:not(.ql-direction-rtl) { padding-left: 7.5em; } .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 6em; } .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { padding-right: 7.5em; } .ql-editor .ql-indent-3:not(.ql-direction-rtl) { padding-left: 9em; } .ql-editor li.ql-indent-3:not(.ql-direction-rtl) { padding-left: 10.5em; } .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 9em; } .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { padding-right: 10.5em; } .ql-editor .ql-indent-4:not(.ql-direction-rtl) { padding-left: 12em; } .ql-editor li.ql-indent-4:not(.ql-direction-rtl) { padding-left: 13.5em; } .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 12em; } .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { padding-right: 13.5em; } .ql-editor .ql-indent-5:not(.ql-direction-rtl) { padding-left: 15em; } .ql-editor li.ql-indent-5:not(.ql-direction-rtl) { padding-left: 16.5em; } .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 15em; } .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { padding-right: 16.5em; } .ql-editor .ql-indent-6:not(.ql-direction-rtl) { padding-left: 18em; } .ql-editor li.ql-indent-6:not(.ql-direction-rtl) { padding-left: 19.5em; } .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 18em; } .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { padding-right: 19.5em; } .ql-editor .ql-indent-7:not(.ql-direction-rtl) { padding-left: 21em; } .ql-editor li.ql-indent-7:not(.ql-direction-rtl) { padding-left: 22.5em; } .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 21em; } .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { padding-right: 22.5em; } .ql-editor .ql-indent-8:not(.ql-direction-rtl) { padding-left: 24em; } .ql-editor li.ql-indent-8:not(.ql-direction-rtl) { padding-left: 25.5em; } .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 24em; } .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { padding-right: 25.5em; } .ql-editor .ql-indent-9:not(.ql-direction-rtl) { padding-left: 27em; } .ql-editor li.ql-indent-9:not(.ql-direction-rtl) { padding-left: 28.5em; } .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 27em; } .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { padding-right: 28.5em; } .ql-editor .ql-video { display: block; max-width: 100%; } .ql-editor .ql-video.ql-align-center { margin: 0 auto; } .ql-editor .ql-video.ql-align-right { margin: 0 0 0 auto; } .ql-editor .ql-bg-black { background-color: #000; } .ql-editor .ql-bg-red { background-color: #e60000; } .ql-editor .ql-bg-orange { background-color: #f90; } .ql-editor .ql-bg-yellow { background-color: #ff0; } .ql-editor .ql-bg-green { background-color: #008a00; } .ql-editor .ql-bg-blue { background-color: #06c; } .ql-editor .ql-bg-purple { background-color: #93f; } .ql-editor .ql-color-white { color: #fff; } .ql-editor .ql-color-red { color: #e60000; } .ql-editor .ql-color-orange { color: #f90; } .ql-editor .ql-color-yellow { color: #ff0; } .ql-editor .ql-color-green { color: #008a00; } .ql-editor .ql-color-blue { color: #06c; } .ql-editor .ql-color-purple { color: #93f; } .ql-editor .ql-font-serif { font-family: Georgia, Times New Roman, serif; } .ql-editor .ql-font-monospace { font-family: Monaco, Courier New, monospace; } .ql-editor .ql-size-small { font-size: 0.75em; } .ql-editor .ql-size-large { font-size: 1.5em; } .ql-editor .ql-size-huge { font-size: 2.5em; } .ql-editor .ql-direction-rtl { direction: rtl; text-align: inherit; } .ql-editor .ql-align-center { text-align: center; } .ql-editor .ql-align-justify { text-align: justify; } .ql-editor .ql-align-right { text-align: right; } .ql-editor.ql-blank::before { color: rgba(0,0,0,0.6); content: attr(data-placeholder); font-style: italic; left: 15px; pointer-events: none; position: absolute; right: 15px; } .ql-snow.ql-toolbar:after, .ql-snow .ql-toolbar:after { clear: both; content: ''; display: table; } .ql-snow.ql-toolbar button, .ql-snow .ql-toolbar button { background: none; border: none; cursor: pointer; display: inline-block; float: left; height: 24px; padding: 3px 5px; width: 28px; } .ql-snow.ql-toolbar button svg, .ql-snow .ql-toolbar button svg { float: left; height: 100%; } .ql-snow.ql-toolbar button:active:hover, .ql-snow .ql-toolbar button:active:hover { outline: none; } .ql-snow.ql-toolbar input.ql-image[type=file], .ql-snow .ql-toolbar input.ql-image[type=file] { display: none; } .ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button:focus, .ql-snow .ql-toolbar button:focus, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected { color: #06c; } .ql-snow.ql-toolbar button:hover .ql-fill, .ql-snow .ql-toolbar button:hover .ql-fill, .ql-snow.ql-toolbar button:focus .ql-fill, .ql-snow .ql-toolbar button:focus .ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill, .ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill, .ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { fill: #06c; } .ql-snow.ql-toolbar button:hover .ql-stroke, .ql-snow .ql-toolbar button:hover .ql-stroke, .ql-snow.ql-toolbar button:focus .ql-stroke, .ql-snow .ql-toolbar button:focus .ql-stroke, .ql-snow.ql-toolbar button.ql-active .ql-stroke, .ql-snow .ql-toolbar button.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, .ql-snow.ql-toolbar button:hover .ql-stroke-miter, .ql-snow .ql-toolbar button:hover .ql-stroke-miter, .ql-snow.ql-toolbar button:focus .ql-stroke-miter, .ql-snow .ql-toolbar button:focus .ql-stroke-miter, .ql-snow.ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar button.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, .ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { stroke: #06c; } @media (pointer: coarse) { .ql-snow.ql-toolbar button:hover:not(.ql-active), .ql-snow .ql-toolbar button:hover:not(.ql-active) { color: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { fill: #444; } .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke, .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { stroke: #444; } } .ql-snow { box-sizing: border-box; } .ql-snow * { box-sizing: border-box; } .ql-snow .ql-hidden { display: none; } .ql-snow .ql-out-bottom, .ql-snow .ql-out-top { visibility: hidden; } .ql-snow .ql-tooltip { position: absolute; transform: translateY(10px); } .ql-snow .ql-tooltip a { cursor: pointer; text-decoration: none; } .ql-snow .ql-tooltip.ql-flip { transform: translateY(-10px); } .ql-snow .ql-formats { display: inline-block; vertical-align: middle; } .ql-snow .ql-formats:after { clear: both; content: ''; display: table; } .ql-snow .ql-stroke { fill: none; stroke: #444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .ql-snow .ql-stroke-miter { fill: none; stroke: #444; stroke-miterlimit: 10; stroke-width: 2; } .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill { fill: #444; } .ql-snow .ql-empty { fill: none; } .ql-snow .ql-even { fill-rule: evenodd; } .ql-snow .ql-thin, .ql-snow .ql-stroke.ql-thin { stroke-width: 1; } .ql-snow .ql-transparent { opacity: 0.4; } .ql-snow .ql-direction svg:last-child { display: none; } .ql-snow .ql-direction.ql-active svg:last-child { display: inline; } .ql-snow .ql-direction.ql-active svg:first-child { display: none; } .ql-snow .ql-editor h1 { font-size: 2em; } .ql-snow .ql-editor h2 { font-size: 1.5em; } .ql-snow .ql-editor h3 { font-size: 1.17em; } .ql-snow .ql-editor h4 { font-size: 1em; } .ql-snow .ql-editor h5 { font-size: 0.83em; } .ql-snow .ql-editor h6 { font-size: 0.67em; } .ql-snow .ql-editor a { text-decoration: underline; } .ql-snow .ql-editor blockquote { border-left: 4px solid #ccc; margin-bottom: 5px; margin-top: 5px; padding-left: 16px; } .ql-snow .ql-editor code, .ql-snow .ql-editor pre { background-color: #f0f0f0; border-radius: 3px; } .ql-snow .ql-editor pre { white-space: pre-wrap; margin-bottom: 5px; margin-top: 5px; padding: 5px 10px; } .ql-snow .ql-editor code { font-size: 85%; padding: 2px 4px; } .ql-snow .ql-editor pre.ql-syntax { background-color: #23241f; color: #f8f8f2; overflow: visible; } .ql-snow .ql-editor img { max-width: 100%; } .ql-snow .ql-picker { color: #444; display: inline-block; float: left; font-size: 14px; font-weight: 500; height: 24px; position: relative; vertical-align: middle; } .ql-snow .ql-picker-label { cursor: pointer; display: inline-block; height: 100%; padding-left: 8px; padding-right: 2px; position: relative; width: 100%; } .ql-snow .ql-picker-label::before { display: inline-block; line-height: 22px; } .ql-snow .ql-picker-options { background-color: #fff; display: none; min-width: 100%; padding: 4px 8px; position: absolute; white-space: nowrap; } .ql-snow .ql-picker-options .ql-picker-item { cursor: pointer; display: block; padding-bottom: 5px; padding-top: 5px; } .ql-snow .ql-picker.ql-expanded .ql-picker-label { color: #ccc; z-index: 2; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { fill: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { stroke: #ccc; } .ql-snow .ql-picker.ql-expanded .ql-picker-options { display: block; margin-top: -1px; top: 100%; z-index: 1; } .ql-snow .ql-color-picker, .ql-snow .ql-icon-picker { width: 28px; } .ql-snow .ql-color-picker .ql-picker-label, .ql-snow .ql-icon-picker .ql-picker-label { padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg { right: 4px; } .ql-snow .ql-icon-picker .ql-picker-options { padding: 4px 0px; } .ql-snow .ql-icon-picker .ql-picker-item { height: 24px; width: 24px; padding: 2px 4px; } .ql-snow .ql-color-picker .ql-picker-options { padding: 3px 5px; width: 152px; } .ql-snow .ql-color-picker .ql-picker-item { border: 1px solid transparent; float: left; height: 16px; margin: 2px; padding: 0px; width: 16px; } .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { position: absolute; margin-top: -9px; right: 0; top: 50%; width: 18px; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { content: attr(data-label); } .ql-snow .ql-picker.ql-header { width: 98px; } .ql-snow .ql-picker.ql-header .ql-picker-label::before, .ql-snow .ql-picker.ql-header .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { content: 'Heading 1'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { content: 'Heading 2'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { content: 'Heading 3'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { content: 'Heading 4'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { content: 'Heading 5'; } .ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { content: 'Heading 6'; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { font-size: 2em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { font-size: 1.5em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { font-size: 1.17em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { font-size: 1em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { font-size: 0.83em; } .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { font-size: 0.67em; } .ql-snow .ql-picker.ql-font { width: 108px; } .ql-snow .ql-picker.ql-font .ql-picker-label::before, .ql-snow .ql-picker.ql-font .ql-picker-item::before { content: 'Sans Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { content: 'Serif'; } .ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { content: 'Monospace'; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { font-family: Georgia, Times New Roman, serif; } .ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { font-family: Monaco, Courier New, monospace; } .ql-snow .ql-picker.ql-size { width: 98px; } .ql-snow .ql-picker.ql-size .ql-picker-label::before, .ql-snow .ql-picker.ql-size .ql-picker-item::before { content: 'Normal'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { content: 'Small'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { content: 'Large'; } .ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { content: 'Huge'; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before { font-size: 10px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before { font-size: 18px; } .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { font-size: 32px; } .ql-snow .ql-color-picker.ql-background .ql-picker-item { background-color: #fff; } .ql-snow .ql-color-picker.ql-color .ql-picker-item { background-color: #000; } .ql-toolbar.ql-snow { border: 1px solid #ccc; box-sizing: border-box; font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; padding: 8px; } .ql-toolbar.ql-snow .ql-formats { margin-right: 15px; } .ql-toolbar.ql-snow .ql-picker-label { border: 1px solid transparent; } .ql-toolbar.ql-snow .ql-picker-options { border: 1px solid transparent; box-shadow: rgba(0,0,0,0.2) 0 2px 8px; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { border-color: #ccc; } .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { border-color: #ccc; } .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected, .ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover { border-color: #000; } .ql-toolbar.ql-snow + .ql-container.ql-snow { border-top: 0px; } .ql-snow .ql-tooltip { background-color: #fff; border: 1px solid #ccc; box-shadow: 0px 0px 5px #ddd; color: #444; padding: 5px 12px; white-space: nowrap; } .ql-snow .ql-tooltip::before { content: "Visit URL:"; line-height: 26px; margin-right: 8px; } .ql-snow .ql-tooltip input[type=text] { display: none; border: 1px solid #ccc; font-size: 13px; height: 26px; margin: 0px; padding: 3px 5px; width: 170px; } .ql-snow .ql-tooltip a.ql-preview { display: inline-block; max-width: 200px; overflow-x: hidden; text-overflow: ellipsis; vertical-align: top; } .ql-snow .ql-tooltip a.ql-action::after { border-right: 1px solid #ccc; content: 'Edit'; margin-left: 16px; padding-right: 8px; } .ql-snow .ql-tooltip a.ql-remove::before { content: 'Remove'; margin-left: 8px; } .ql-snow .ql-tooltip a { line-height: 26px; } .ql-snow .ql-tooltip.ql-editing a.ql-preview, .ql-snow .ql-tooltip.ql-editing a.ql-remove { display: none; } .ql-snow .ql-tooltip.ql-editing input[type=text] { display: inline-block; } .ql-snow .ql-tooltip.ql-editing a.ql-action::after { border-right: 0px; content: 'Save'; padding-right: 0px; } .ql-snow .ql-tooltip[data-mode=link]::before { content: "Enter link:"; } .ql-snow .ql-tooltip[data-mode=formula]::before { content: "Enter formula:"; } .ql-snow .ql-tooltip[data-mode=video]::before { content: "Enter video:"; } .ql-snow a { color: #06c; } .ql-container.ql-snow { border: 1px solid #ccc; } /*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/style.scss ***! \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* * Document : style.css * Author : RedStar Template * Description: This is a main style scss file for import all scss files. * * Structure (with shortcodes): [1. Common ] [2. Fonts ] [3. Components ] [4. Apps] [5. Pages ] [6. Pugins ] [7. UI ] [8. Browser ] /* [1. Common ] */ .mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif} .mat-badge-small .mat-badge-content{font-size:9px} .mat-badge-large .mat-badge-content{font-size:24px} .mat-h1,.mat-headline,.mat-typography .mat-h1,.mat-typography .mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px} .mat-h2,.mat-title,.mat-typography .mat-h2,.mat-typography .mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px} .mat-h3,.mat-subheading-2,.mat-typography .mat-h3,.mat-typography .mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px} .mat-h4,.mat-subheading-1,.mat-typography .mat-h4,.mat-typography .mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px} .mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px} .mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px} .mat-body-strong,.mat-body-2,.mat-typography .mat-body-strong,.mat-typography .mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-body,.mat-body-1,.mat-typography .mat-body,.mat-typography .mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-body p,.mat-body-1 p,.mat-typography .mat-body p,.mat-typography .mat-body-1 p,.mat-typography p{margin:0 0 12px} .mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px} .mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px} .mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px} .mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px} .mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500} .mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-card{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-card-title{font-size:24px;font-weight:500} .mat-card-header .mat-card-title{font-size:20px} .mat-card-subtitle,.mat-card-content{font-size:14px} .mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-checkbox-layout .mat-checkbox-label{line-height:24px} .mat-chip{font-size:14px;font-weight:500} .mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px} .mat-table{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-header-cell{font-size:12px;font-weight:500} .mat-cell,.mat-footer-cell{font-size:14px} .mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-calendar-body{font-size:13px} .mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500} .mat-calendar-table-header th{font-size:11px;font-weight:400} .mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400} .mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-form-field-wrapper{padding-bottom:1.34375em} .mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125} .mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em} .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125} .mat-form-field-infix{padding:.5em 0;border-top:.84375em solid rgba(0,0,0,0)} .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%} .mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%} .mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em} .mat-form-field-label{top:1.34375em} .mat-form-field-underline{bottom:1.34375em} .mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)} .mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em} .mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0} .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);width:133.3333333333%} .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);width:133.3333433333%} .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);width:133.3333533333%} .mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em} .mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em} .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)} @media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}} .mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0} .mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em} .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%} .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%} .mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0} .mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em} .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%} .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%} .mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px} .mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box} .mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px} input.mat-input-element{margin-top:-0.0625em} .mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400} .mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px} .mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-select{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-select-trigger{height:1.125em} .mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500} .mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-step-label{font-size:14px;font-weight:400} .mat-step-sub-label-error{font-weight:normal} .mat-step-label-error{font-size:14px} .mat-step-label-selected{font-size:14px;font-weight:500} .mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500} .mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0} .mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px} .mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px} .mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-list-base .mat-list-item{font-size:16px} .mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box} .mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px} .mat-list-base .mat-list-option{font-size:16px} .mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box} .mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px} .mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500} .mat-list-base[dense] .mat-list-item{font-size:12px} .mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box} .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px} .mat-list-base[dense] .mat-list-option{font-size:12px} .mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box} .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px} .mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500} .mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px} .mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal} .mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px} .mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500} .mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif} .mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px} .mat-ripple{overflow:hidden;position:relative} .mat-ripple:not(:empty){transform:translateZ(0)} .mat-ripple.mat-ripple-unbounded{overflow:visible} .mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)} .cdk-high-contrast-active .mat-ripple-element{display:none} .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0} [dir=rtl] .cdk-visually-hidden{left:auto;right:0} .cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%} .cdk-overlay-container{position:fixed;z-index:1000} .cdk-overlay-container:empty{display:none} .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000} .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%} .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0} .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1} .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6} .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)} .cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1} .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible} .cdk-overlay-backdrop-noop-animation{transition:none} .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px} .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} textarea.cdk-textarea-autosize{resize:none} textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important} textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important} @keyframes cdk-text-field-autofill-start{/*!*/} @keyframes cdk-text-field-autofill-end{/*!*/} .cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms} .cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms} .mat-focus-indicator{position:relative} .mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)} .mat-focus-indicator:focus::before{content:""} .cdk-high-contrast-active{--mat-focus-indicator-display: block} .mat-mdc-focus-indicator{position:relative} .mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)} .mat-mdc-focus-indicator:focus::before{content:""} .cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block} .mat-ripple-element{background-color:rgba(0,0,0,.1)} .mat-option{color:rgba(0,0,0,.87)} .mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)} .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)} .mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)} .mat-option.mat-option-disabled{color:rgba(0,0,0,.38)} .mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5} .mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081} .mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336} .mat-optgroup-label{color:rgba(0,0,0,.54)} .mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)} .mat-pseudo-checkbox{color:rgba(0,0,0,.54)} .mat-pseudo-checkbox::after{color:#fafafa} .mat-pseudo-checkbox-disabled{color:#b0b0b0} .mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5} .mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081} .mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336} .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0} .mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)} .mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)} .mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)} .mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)} .mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)} .mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)} .mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)} .mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)} .mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)} .mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)} .mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)} .mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)} .mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)} .mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)} .mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)} .mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)} .mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)} .mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)} .mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)} .mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)} .mat-theme-loaded-marker{display:none} .mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)} .mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)} .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff} .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)} .mat-badge{position:relative} .mat-badge.mat-badge{overflow:visible} .mat-badge-hidden .mat-badge-content{display:none} .mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none} .ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none} .mat-badge-content.mat-badge-active{transform:none} .mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px} .mat-badge-small.mat-badge-above .mat-badge-content{top:-8px} .mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px} .mat-badge-small.mat-badge-before .mat-badge-content{left:-16px} [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px} .mat-badge-small.mat-badge-after .mat-badge-content{right:-16px} [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px} .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px} [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px} .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px} [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px} .mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px} .mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px} .mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px} .mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px} [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px} .mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px} [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px} .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px} [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px} .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px} [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px} .mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px} .mat-badge-large.mat-badge-above .mat-badge-content{top:-14px} .mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px} .mat-badge-large.mat-badge-before .mat-badge-content{left:-28px} [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px} .mat-badge-large.mat-badge-after .mat-badge-content{right:-28px} [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px} .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px} [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px} .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px} [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px} .mat-badge-content{color:#fff;background:#3f51b5} .cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0} .mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff} .mat-badge-warn .mat-badge-content{color:#fff;background:#f44336} .mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)} .mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)} .mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:rgba(0,0,0,0)} .mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5} .mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081} .mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336} .mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)} .mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5} .mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081} .mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336} .mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:rgba(0,0,0,0)} .mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor} .mat-button-focus-overlay{background:#000} .mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)} .mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff} .mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff} .mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff} .mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff} .mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)} .mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5} .mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081} .mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336} .mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)} .mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)} .mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)} .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)} .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)} .mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)} .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)} .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)} .mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)} .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none} .mat-button-toggle{color:rgba(0,0,0,.38)} .mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)} .mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff} .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000} .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0} [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0} .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0} .mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)} .mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)} .mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee} .mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff} .mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd} .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0} .mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px} .mat-card{background:#fff;color:rgba(0,0,0,.87)} .mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)} .mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)} .mat-card-subtitle{color:rgba(0,0,0,.54)} .mat-checkbox-frame{border-color:rgba(0,0,0,.54)} .mat-checkbox-checkmark{fill:#fafafa} .mat-checkbox-checkmark-path{stroke:#fafafa !important} .mat-checkbox-mixedmark{background-color:#fafafa} .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5} .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081} .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336} .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0} .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0} .mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.38)} .mat-checkbox .mat-ripple-element{background-color:#000} .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5} .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081} .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336} .mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)} .mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4} .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)} .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54} .mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4} .mat-chip.mat-standard-chip::after{background:#000} .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff} .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4} .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff} .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4} .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff} .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4} .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)} .mat-table{background:#fff} .mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit} mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)} .mat-header-cell{color:rgba(0,0,0,.54)} .mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)} .mat-calendar-arrow{fill:rgba(0,0,0,.54)} .mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)} .mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)} .mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)} .mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)} .mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)} .mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)} .mat-calendar-body-in-preview{color:rgba(0,0,0,.24)} .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)} .mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)} .mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)} .mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)} .mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5} .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e} .mat-calendar-body-selected{background-color:#3f51b5;color:#fff} .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)} .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff} .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)} @media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}} .mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)} .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)} .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)} .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5} .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e} .mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff} .mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)} .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff} .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)} @media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}} .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)} .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)} .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)} .mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5} .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e} .mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff} .mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)} .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff} .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)} @media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}} .mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)} .mat-datepicker-toggle-active{color:#3f51b5} .mat-datepicker-toggle-active.mat-accent{color:#ff4081} .mat-datepicker-toggle-active.mat-warn{color:#f44336} .mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)} .mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)} .mat-divider{border-top-color:rgba(0,0,0,.12)} .mat-divider-vertical{border-right-color:rgba(0,0,0,.12)} .mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)} .mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)} .mat-action-row{border-top-color:rgba(0,0,0,.12)} .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)} @media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}} .mat-expansion-panel-header-title{color:rgba(0,0,0,.87)} .mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)} .mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)} .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit} .mat-expansion-panel-header{height:48px} .mat-expansion-panel-header.mat-expanded{height:64px} .mat-form-field-label{color:rgba(0,0,0,.6)} .mat-hint{color:rgba(0,0,0,.6)} .mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5} .mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081} .mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336} .mat-focused .mat-form-field-required-marker{color:#ff4081} .mat-form-field-ripple{background-color:rgba(0,0,0,.87)} .mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5} .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081} .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336} .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5} .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081} .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336} .mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336} .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336} .mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336} .mat-error{color:#f44336} .mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)} .mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)} .mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)} .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x} .mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)} .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x} .mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)} .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)} .mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)} .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)} .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:rgba(0,0,0,0)} .mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)} .mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)} .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5} .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081} .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336} .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336} .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)} .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)} .mat-icon.mat-primary{color:#3f51b5} .mat-icon.mat-accent{color:#ff4081} .mat-icon.mat-warn{color:#f44336} .mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)} .mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)} .mat-input-element{caret-color:#3f51b5} .mat-input-element::placeholder{color:rgba(0,0,0,.42)} .mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)} .mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)} .mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)} .mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081} .mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336} .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336} .mat-list-base .mat-list-item{color:rgba(0,0,0,.87)} .mat-list-base .mat-list-option{color:rgba(0,0,0,.87)} .mat-list-base .mat-subheader{color:rgba(0,0,0,.54)} .mat-list-base .mat-list-item-disabled{background-color:#eee;color:rgba(0,0,0,.38)} .mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)} .mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)} .mat-menu-panel{background:#fff} .mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)} .mat-menu-item{background:rgba(0,0,0,0);color:rgba(0,0,0,.87)} .mat-menu-item[disabled],.mat-menu-item[disabled] .mat-menu-submenu-icon,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)} .mat-menu-item .mat-icon-no-color,.mat-menu-submenu-icon{color:rgba(0,0,0,.54)} .mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)} .mat-paginator{background:#fff} .mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)} .mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)} .mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)} .mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)} .mat-paginator-container{min-height:56px} .mat-progress-bar-background{fill:#cbd0e9} .mat-progress-bar-buffer{background-color:#cbd0e9} .mat-progress-bar-fill::after{background-color:#3f51b5} .mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#fbccdc} .mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#fbccdc} .mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081} .mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#f9ccc9} .mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#f9ccc9} .mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336} .mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5} .mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081} .mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336} .mat-radio-outer-circle{border-color:rgba(0,0,0,.54)} .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5} .mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5} .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081} .mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081} .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336} .mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336} .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)} .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)} .mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)} .mat-radio-button .mat-ripple-element{background-color:#000} .mat-select-value{color:rgba(0,0,0,.87)} .mat-select-placeholder{color:rgba(0,0,0,.42)} .mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)} .mat-select-arrow{color:rgba(0,0,0,.54)} .mat-select-panel{background:#fff} .mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)} .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)} .mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5} .mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081} .mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336} .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336} .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)} .mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)} .mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)} .mat-drawer.mat-drawer-push{background-color:#fff} .mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)} .mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)} .mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none} [dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none} [dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)} .mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)} .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081} .mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)} .mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081} .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5} .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)} .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5} .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336} .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)} .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336} .mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000} .mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa} .mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)} .mat-slider-track-background{background-color:rgba(0,0,0,.26)} .mat-slider.mat-primary .mat-slider-track-fill,.mat-slider.mat-primary .mat-slider-thumb,.mat-slider.mat-primary .mat-slider-thumb-label{background-color:#3f51b5} .mat-slider.mat-primary .mat-slider-thumb-label-text{color:#fff} .mat-slider.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)} .mat-slider.mat-accent .mat-slider-track-fill,.mat-slider.mat-accent .mat-slider-thumb,.mat-slider.mat-accent .mat-slider-thumb-label{background-color:#ff4081} .mat-slider.mat-accent .mat-slider-thumb-label-text{color:#fff} .mat-slider.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)} .mat-slider.mat-warn .mat-slider-track-fill,.mat-slider.mat-warn .mat-slider-thumb,.mat-slider.mat-warn .mat-slider-thumb-label{background-color:#f44336} .mat-slider.mat-warn .mat-slider-thumb-label-text{color:#fff} .mat-slider.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)} .mat-slider:hover .mat-slider-track-background,.mat-slider.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)} .mat-slider.mat-slider-disabled .mat-slider-track-background,.mat-slider.mat-slider-disabled .mat-slider-track-fill,.mat-slider.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)} .mat-slider.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)} .mat-slider.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)} .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)} .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)} .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:rgba(0,0,0,0)} .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)} .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)} .mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)} .mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)} .mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)} .mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)} .mat-step-header:hover[aria-disabled=true]{cursor:default} @media(hover: none){.mat-step-header:hover{background:none}} .mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)} .mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff} .mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff} .mat-step-header.mat-accent .mat-step-icon{color:#fff} .mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff} .mat-step-header.mat-warn .mat-step-icon{color:#fff} .mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff} .mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336} .mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)} .mat-step-header .mat-step-label.mat-step-label-error{color:#f44336} .mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff} .mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)} .mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)} .mat-horizontal-stepper-header{height:72px} .mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px} .mat-stepper-vertical-line::before{top:-16px;bottom:-16px} .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px} .mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px} .mat-sort-header-arrow{color:#757575} .mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)} .mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none} .mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)} .mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)} .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)} .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)} .mat-tab-group[class*=mat-background-]>.mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none} .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)} .mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5} .mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff} .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)} .mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081} .mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff} .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)} .mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336} .mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff} .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)} .mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5} .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff} .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)} .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff} .mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4} .mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12} .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)} .mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081} .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff} .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)} .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff} .mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4} .mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12} .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)} .mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336} .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff} .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)} .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff} .mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:#fff;opacity:.4} .mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-ripple-element{background-color:#fff;opacity:.12} .mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)} .mat-toolbar.mat-primary{background:#3f51b5;color:#fff} .mat-toolbar.mat-accent{background:#ff4081;color:#fff} .mat-toolbar.mat-warn{background:#f44336;color:#fff} .mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor} .mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit} .mat-toolbar .mat-input-element{caret-color:currentColor} .mat-toolbar-multiple-rows{min-height:64px} .mat-toolbar-row,.mat-toolbar-single-row{height:64px} @media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}} .mat-tooltip{background:rgba(97,97,97,.9)} .mat-tree{background:#fff} .mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)} .mat-tree-node{min-height:48px} .mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)} .mat-simple-snackbar-action{color:#ff4081} /* Importing Bootstrap SCSS file. */ /*! * Bootstrap v5.2.3 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-SemiBold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Bold.woff2') format('woff2'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Light.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Open Sans'; src: url('OpenSans-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; font-display: swap; } .cdk-global-overlay-wrapper,.cdk-overlay-container{pointer-events:none;top:0;left:0;height:100%;width:100%} .cdk-overlay-container{position:fixed;z-index:1000} .cdk-overlay-container:empty{display:none} .cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000} .cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%} .cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0} .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1} @media screen and (-ms-high-contrast:active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}} .cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)} .cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0} .cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px} .cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} .owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:0} .owl-dt-container,.owl-dt-container *{box-sizing:border-box} .owl-dt-container{display:block;font-size:16px;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000} .owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)} .owl-dt-container-row:last-child{border-bottom:none} .owl-dt-calendar{display:flex;flex-direction:column;width:100%} .owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000} .owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center} .owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em} .owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)} .owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0} .owl-dt-calendar-view{display:block;flex:1 1 auto} .owl-dt-calendar-multi-year-view{display:flex;align-items:center} .owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)} .owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em} .owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0} .owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)} .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em} .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em} .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,.12)} .owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent} .owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer} .owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2} .owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)} .owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5} .owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)} .owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default} .owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)} .owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4} .owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)} .owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)} .owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)} .owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px} .owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px} .owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:0} .owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%} .owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0} .owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em} .owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em} .owl-dt-timer-divider:after,.owl-dt-timer-divider:before{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor} .owl-dt-timer-divider:before{top:35%} .owl-dt-timer-divider:after{bottom:35%} .owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit} .owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:0} .owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color .1s linear} .owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)} .owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform .2s ease} .owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em} .owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default} .owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor} .owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)} .owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%} .owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em} .owl-dt-dialog-container{max-height:95vh;margin:-1.5em} .owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px} .owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px} @media all and (orientation:landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}} @media all and (orientation:portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}} .owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5} .owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0} .owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color .1s linear} .owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)} .owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent} .owl-dt-container-info .owl-dt-container-range{outline:0} .owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em} .owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)} .owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5} .owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default!important} .owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5} .owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background .2s ease} .owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em} .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff} .owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default} .owl-dt-inline{display:inline-block} .owl-dt-control{outline:0;cursor:pointer} .owl-dt-control .owl-dt-control-content{outline:0} .owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)} .owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none} .owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .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; } /* This stylesheet uses scss valiables for most of the colors / background-colors of the table to enable the customization of the displayed table without cloning the stylesheet into the own application. To modify table colors, add the following lines to the scss file of your application (this example modifies the color of the selected row - selectionType = single, multi or multiClick): $ngx-datatable-selected-active-background: yellow; $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2); @import '~@swimlane/ngx-datatable/index.css'; @import '~@swimlane/ngx-datatable/themes/material.scss'; @import '~@swimlane/ngx-datatable/assets/icons.css'; That's all. */ .ngx-datatable.material { background: #fff; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); /** * Shared Styles */ /** * Global Row Styles */ /** * Header Styles */ /** * Body Styles */ /** * Footer Styles */ } .ngx-datatable.material.striped .datatable-row-odd { background: #eee; } .ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group { background-color: #304ffe; color: #fff; } .ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group { background-color: #193ae4; color: #fff; } .ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group { background-color: #2041ef; color: #fff; } .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background-color: #eee; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; } .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus, .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group { background-color: #ddd; } .ngx-datatable.material.cell-selection .datatable-body-cell:hover, .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group { background-color: #eee; transition-property: background; transition-duration: 0.3s; transition-timing-function: linear; } .ngx-datatable.material.cell-selection .datatable-body-cell:focus, .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group { background-color: #ddd; } .ngx-datatable.material.cell-selection .datatable-body-cell.active, .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group { background-color: #304ffe; color: #fff; } .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover, .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group { background-color: #193ae4; color: #fff; } .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus, .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group { background-color: #2041ef; color: #fff; } .ngx-datatable.material .empty-row { height: 50px; text-align: left; padding: 0.5rem 1.2rem; vertical-align: top; border-top: 0; } .ngx-datatable.material .loading-row { text-align: left; padding: 0.5rem 1.2rem; vertical-align: top; border-top: 0; } .ngx-datatable.material .datatable-header .datatable-row-left, .ngx-datatable.material .datatable-body .datatable-row-left { background-color: #fff; background-position: 100% 0; background-repeat: repeat-y; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==); } .ngx-datatable.material .datatable-header .datatable-row-right, .ngx-datatable.material .datatable-body .datatable-row-right { background-position: 0 0; background-color: #fff; background-repeat: repeat-y; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==); } .ngx-datatable.material .datatable-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .ngx-datatable.material .datatable-header .datatable-header-cell { text-align: left; padding: 0.9rem 1.2rem; font-weight: 400; background-color: #fff; color: rgba(0, 0, 0, 0.54); vertical-align: bottom; font-size: 12px; font-weight: 500; } .ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper { position: relative; } .ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after { transition: transform 400ms ease, opacity 400ms ease; opacity: 0.5; transform: scale(1); } .ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after { content: ' '; position: absolute; top: 50%; left: 50%; margin: -30px 0 0 -30px; height: 60px; width: 60px; background: #eee; border-radius: 100%; opacity: 1; filter: none; transform: scale(0); z-index: 9999; pointer-events: none; } .ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle { border-right: none; } .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #eee; } .ngx-datatable.material .datatable-body { position: relative; } .ngx-datatable.material .datatable-body .datatable-row-detail { background: #f5f5f5; padding: 10px; } .ngx-datatable.material .datatable-body .datatable-group-header { background: #f5f5f5; border-bottom: solid 1px #d9d8d9; border-top: solid 1px #d9d8d9; } .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { text-align: left; padding: 0.9rem 1.2rem; vertical-align: top; border-top: 0; color: rgba(0, 0, 0, 0.87); transition: width 0.3s ease; font-size: 14px; font-weight: 400; } .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell { text-align: left; padding: 0.9rem 1.2rem; vertical-align: top; border-top: 0; color: rgba(0, 0, 0, 0.87); transition: width 0.3s ease; font-size: 14px; font-weight: 400; } .ngx-datatable.material .datatable-body .progress-linear { display: block; position: sticky; width: 100%; height: 5px; padding: 0; margin: 0; top: 0; } .ngx-datatable.material .datatable-body .progress-linear .container { display: block; position: relative; overflow: hidden; width: 100%; height: 5px; transform: translate(0, 0) scale(1, 1); background-color: #aad1f9; } .ngx-datatable.material .datatable-body .progress-linear .container .bar { transition: all 0.2s linear; animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); transition: transform 0.2s linear; background-color: #106cc8; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 5px; } .ngx-datatable.material .datatable-footer { border-top: 1px solid rgba(0, 0, 0, 0.12); font-size: 12px; font-weight: 400; color: rgba(0, 0, 0, 0.54); } .ngx-datatable.material .datatable-footer .page-count { line-height: 50px; height: 50px; padding: 0 1.2rem; } .ngx-datatable.material .datatable-footer .datatable-pager { margin: 0 10px; } .ngx-datatable.material .datatable-footer .datatable-pager li { vertical-align: middle; } .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: rgba(0, 0, 0, 0.26) !important; background-color: transparent !important; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: rgba(158, 158, 158, 0.2); font-weight: bold; } .ngx-datatable.material .datatable-footer .datatable-pager a { height: 22px; min-width: 24px; line-height: 22px; padding: 0 6px; border-radius: 3px; margin: 6px 3px; text-align: center; vertical-align: top; color: rgba(0, 0, 0, 0.54); text-decoration: none; vertical-align: bottom; } .ngx-datatable.material .datatable-footer .datatable-pager a:hover { color: rgba(0, 0, 0, 0.75); background-color: rgba(158, 158, 158, 0.2); } .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev { font-size: 20px; line-height: 20px; padding: 0 3px; } .ngx-datatable.material .datatable-summary-row .datatable-body-row { background-color: #ddd; } .ngx-datatable.material .datatable-summary-row .datatable-body-row:hover { background-color: #ddd; } .ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell { font-weight: bold; } /** * Checkboxes **/ .datatable-checkbox { position: relative; margin: 0; cursor: pointer; vertical-align: middle; display: inline-block; box-sizing: border-box; padding: 0; } .datatable-checkbox input[type='checkbox'] { position: relative; margin: 0 1rem 0 0; cursor: pointer; outline: none; } .datatable-checkbox input[type='checkbox']:before { transition: all 0.3s ease-in-out; content: ''; position: absolute; left: 0; z-index: 1; width: 1rem; height: 1rem; border: 2px solid #f2f2f2; } .datatable-checkbox input[type='checkbox']:checked:before { transform: rotate(-45deg); height: 0.5rem; border-color: #009688; border-top-style: none; border-right-style: none; } .datatable-checkbox input[type='checkbox']:after { content: ''; position: absolute; top: 0; left: 0; width: 1rem; height: 1rem; background: #fff; cursor: pointer; } /** * Progress bar animations */ @keyframes query { 0% { opacity: 1; transform: translateX(35%) scale(0.3, 1); } 100% { opacity: 0; transform: translateX(-50%) scale(0, 1); } } @font-face { font-family: 'data-table'; src: url('data-table.eot'); src: url('data-table.eot?#iefix') format('embedded-opentype'), url('data-table.woff') format('woff'), url('data-table.ttf') format('truetype'), url('data-table.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'; } :root { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg-rgb: 255, 255, 255; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-bg: #fff; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-2xl: 2rem; --bs-border-radius-pill: 50rem; --bs-link-color: #0d6efd; --bs-link-hover-color: #0a58ca; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: var(--bs-link-color); text-decoration: underline; } a:hover { color: var(--bs-link-hover-color); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: #6c757d; text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } 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; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .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: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid var(--bs-border-color); border-radius: 0.375rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: #6c757d; } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color: var(--bs-body-color); --bs-table-bg: transparent; --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: var(--bs-table-color); vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: 2px solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); } .table-active { --bs-table-accent-bg: var(--bs-table-active-bg); color: var(--bs-table-active-color); } .table-hover > tbody > tr:hover > * { --bs-table-accent-bg: var(--bs-table-hover-bg); color: var(--bs-table-hover-color); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #bacbe6; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #cbccce; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #bcd0c7; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #badce3; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #e6dbb9; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #dfc2c4; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #dfe0e1; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #373b3e; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: #6c757d; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; -webkit-appearance: none; appearance: none; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { height: 1.5em; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled { background-color: #e9ecef; opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: #212529; background-color: #e9ecef; pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: 1px; border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: #dde0e3; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: #212529; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + 2px); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + 2px); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + 2px); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: 0.375rem; } .form-control-color::-webkit-color-swatch { border-radius: 0.375rem; } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + 2px); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + 2px); } .form-select { display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: #fff; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: 1px solid #ced4da; border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: #e9ecef; } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #212529; } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: 0.5rem; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0, 0, 0, 0.25); -webkit-appearance: none; appearance: none; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { width: 2em; margin-left: -2.5em; 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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { 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='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; 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"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; -webkit-appearance: none; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -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) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; -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; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .form-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + 2px); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: 1px solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { opacity: 0.65; transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: 1px 0; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.375rem; } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #198754; } .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; color: #fff; background-color: rgba(25, 135, 84, 0.9); border-radius: 0.375rem; } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #198754; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: #198754; } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.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-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: #198754; box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: #198754; } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: #198754; } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #198754; } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: #dc3545; } .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; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.375rem; } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: #dc3545; } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: #dc3545; } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: #dc3545; } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family: ; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: #212529; --bs-btn-bg: transparent; --bs-btn-border-width: 1px; --bs-btn-border-color: transparent; --bs-btn-border-radius: 0.375rem; --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: none; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: 0.5rem; } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: 0.25rem; } .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 { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { 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 { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: #212529; --bs-dropdown-bg: #fff; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: 0.375rem; --bs-dropdown-border-width: 1px; --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: #212529; --bs-dropdown-link-hover-color: #1e2125; --bs-dropdown-link-hover-bg: #e9ecef; --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .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; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .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; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .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; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .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-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .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 { border-radius: 0.375rem; } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: #6c757d; display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: 1px; --bs-nav-tabs-border-color: #dee2e6; --bs-nav-tabs-border-radius: 0.375rem; --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; --bs-nav-tabs-link-active-color: #495057; --bs-nav-tabs-link-active-bg: #fff; --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); background: none; border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: 0.375rem; --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { background: none; border: 0; border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(0, 0, 0, 0.55); --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); --bs-navbar-active-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); --bs-navbar-toggler-border-radius: 0.375rem; --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .show > .nav-link, .navbar-nav .nav-link.active { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: 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: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-border-width: 1px; --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: 0.375rem; --bs-card-box-shadow: ; --bs-card-inner-border-radius: calc(0.375rem - 1px); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(0, 0, 0, 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg: #fff; --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; 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; } } .accordion { --bs-accordion-color: #212529; --bs-accordion-bg: #fff; --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: 1px; --bs-accordion-border-radius: 0.375rem; --bs-accordion-inner-border-radius: calc(0.375rem - 1px); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: #212529; --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: #0c63e4; --bs-accordion-active-bg: #e7f1ff; } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0; } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color: #6c757d; --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: #6c757d; display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: #fff; --bs-pagination-border-width: 1px; --bs-pagination-border-color: #dee2e6; --bs-pagination-border-radius: 0.375rem; --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: #e9ecef; --bs-pagination-hover-border-color: #dee2e6; --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: #e9ecef; --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: #6c757d; --bs-pagination-disabled-bg: #fff; --bs-pagination-disabled-border-color: #dee2e6; display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: -1px; } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: 0.5rem; } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: 0.25rem; } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: 0.375rem; display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: 1px solid var(--bs-alert-border-color); --bs-alert-border-radius: 0.375rem; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: #084298; --bs-alert-bg: #cfe2ff; --bs-alert-border-color: #b6d4fe; } .alert-primary .alert-link { color: #06357a; } .alert-secondary { --bs-alert-color: #41464b; --bs-alert-bg: #e2e3e5; --bs-alert-border-color: #d3d6d8; } .alert-secondary .alert-link { color: #34383c; } .alert-success { --bs-alert-color: #0f5132; --bs-alert-bg: #d1e7dd; --bs-alert-border-color: #badbcc; } .alert-success .alert-link { color: #0c4128; } .alert-info { --bs-alert-color: #055160; --bs-alert-bg: #cff4fc; --bs-alert-border-color: #b6effb; } .alert-info .alert-link { color: #04414d; } .alert-warning { --bs-alert-color: #664d03; --bs-alert-bg: #fff3cd; --bs-alert-border-color: #ffecb5; } .alert-warning .alert-link { color: #523e02; } .alert-danger { --bs-alert-color: #842029; --bs-alert-bg: #f8d7da; --bs-alert-border-color: #f5c2c7; } .alert-danger .alert-link { color: #6a1a21; } .alert-light { --bs-alert-color: #636464; --bs-alert-bg: #fefefe; --bs-alert-border-color: #fdfdfe; } .alert-light .alert-link { color: #4f5050; } .alert-dark { --bs-alert-color: #141619; --bs-alert-bg: #d3d3d4; --bs-alert-border-color: #bcbebf; } .alert-dark .alert-link { color: #101214; } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: #e9ecef; --bs-progress-border-radius: 0.375rem; --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @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: var(--bs-progress-height) var(--bs-progress-height); } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color: #212529; --bs-list-group-bg: #fff; --bs-list-group-border-color: rgba(0, 0, 0, 0.125); --bs-list-group-border-width: 1px; --bs-list-group-border-radius: 0.375rem; --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: #495057; --bs-list-group-action-hover-color: #495057; --bs-list-group-action-hover-bg: #f8f9fa; --bs-list-group-action-active-color: #212529; --bs-list-group-action-active-bg: #e9ecef; --bs-list-group-disabled-color: #6c757d; --bs-list-group-disabled-bg: #fff; --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #084298; background-color: #cfe2ff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #084298; background-color: #bacbe6; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #084298; border-color: #084298; } .list-group-item-secondary { color: #41464b; background-color: #e2e3e5; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #41464b; background-color: #cbccce; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #41464b; border-color: #41464b; } .list-group-item-success { color: #0f5132; background-color: #d1e7dd; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #0f5132; background-color: #bcd0c7; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #0f5132; border-color: #0f5132; } .list-group-item-info { color: #055160; background-color: #cff4fc; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #055160; background-color: #badce3; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #055160; border-color: #055160; } .list-group-item-warning { color: #664d03; background-color: #fff3cd; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #664d03; background-color: #e6dbb9; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #664d03; border-color: #664d03; } .list-group-item-danger { color: #842029; background-color: #f8d7da; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #842029; background-color: #dfc2c4; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #842029; border-color: #842029; } .list-group-item-light { color: #636464; background-color: #fefefe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #636464; background-color: #e5e5e5; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #636464; border-color: #636464; } .list-group-item-dark { color: #141619; background-color: #d3d3d4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #141619; background-color: #bebebf; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #141619; border-color: #141619; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: 0.5; } .btn-close:hover { color: #000; text-decoration: none; opacity: 0.75; } .btn-close:focus { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); opacity: 1; } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0.25; } .btn-close-white { filter: invert(1) grayscale(100%) brightness(200%); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color: ; --bs-toast-bg: rgba(255, 255, 255, 0.85); --bs-toast-border-width: 1px; --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: 0.375rem; --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-toast-header-color: #6c757d; --bs-toast-header-bg: rgba(255, 255, 255, 0.85); --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color: ; --bs-modal-bg: #fff; --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: 1px; --bs-modal-border-radius: 0.5rem; --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(0.5rem - 1px); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: 1px; --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: 1px; position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); 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.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: #fff; --bs-tooltip-bg: #000; --bs-tooltip-border-radius: 0.375rem; --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; padding: var(--bs-tooltip-arrow-height); margin: var(--bs-tooltip-margin); font-family: var(--bs-font-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; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: 0; width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: 0; width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: #fff; --bs-popover-border-width: 1px; --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: 0.5rem; --bs-popover-inner-border-radius: calc(0.5rem - 1px); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: ; --bs-popover-header-bg: #f0f0f0; --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: #212529; --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-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; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .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-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { 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-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { 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%; padding: 0; color: #fff; text-align: center; background: none; border: 0; 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: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; list-style: none; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; 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 [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: ; --bs-offcanvas-bg: #fff; --bs-offcanvas-border-width: 1px; --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } } @media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } } @media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } } @media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: transform 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); } .offcanvas-title { margin-bottom: 0; line-height: 1.5; } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; } .link-primary { color: #0d6efd !important; } .link-primary:hover, .link-primary:focus { color: #0a58ca !important; } .link-secondary { color: #6c757d !important; } .link-secondary:hover, .link-secondary:focus { color: #565e64 !important; } .link-success { color: #198754 !important; } .link-success:hover, .link-success:focus { color: #146c43 !important; } .link-info { color: #0dcaf0 !important; } .link-info:hover, .link-info:focus { color: #3dd5f3 !important; } .link-warning { color: #ffc107 !important; } .link-warning:hover, .link-warning:focus { color: #ffcd39 !important; } .link-danger { color: #dc3545 !important; } .link-danger:hover, .link-danger:focus { color: #b02a37 !important; } .link-light { color: #f8f9fa !important; } .link-light:hover, .link-light:focus { color: #f9fafb !important; } .link-dark { color: #212529 !important; } .link-dark:hover, .link-dark:focus { color: #1a1e21 !important; } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .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; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: 0.25; } .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; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !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; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-1 { --bs-border-width: 1px; } .border-2 { --bs-border-width: 2px; } .border-3 { --bs-border-width: 3px; } .border-4 { --bs-border-width: 4px; } .border-5 { --bs-border-width: 5px; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .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; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !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; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .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-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; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-evenly { justify-content: space-evenly !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; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-light { font-weight: 300 !important; } .fw-lighter { font-weight: lighter !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 700 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: #6c757d !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-2xl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !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; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .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-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; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-sm-evenly { justify-content: space-evenly !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; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !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; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .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-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; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-md-evenly { justify-content: space-evenly !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; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !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; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .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-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; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-lg-evenly { justify-content: space-evenly !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; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !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; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .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-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; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !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; } .justify-content-xl-evenly { justify-content: space-evenly !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; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !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; } .d-print-none { display: none !important; } } @keyframes loading { 0% { background-position: -100px; } 100% { background-position: 200px; } } /* * Document : _customanimate.scss * Author : RedStar Template * Description: This scss file for mixure of custom animation classes */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* * Document : _general.scss * Author : RedStar Template * Description: This scss file for all common style classes */ body, html { transition: all 0.5s; background-color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 14px; overflow-x: hidden; } * { font-family: "Open Sans", sans-serif; } button, input, select, a { outline: none !important; font-size: 14px !important; text-decoration: none; } button:hover, input:hover, select:hover, a:hover { text-decoration: none; } textarea { font-size: 14px !important; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; } input[type=number] { text-align: right; } .row { margin-bottom: 0px !important; } ol, ul, dl { padding-left: 0px; list-style-type: none; } dt { font-weight: 400; } .no-animate { transition-property: none !important; transform: none !important; animation: none !important; } section.content { margin: 62px 0 0 260px; min-height: calc(100vh - 76px); transition: 0.5s; } section.content .content-block { padding: 15px 0px 0px 15px; } .horizontal-layout section.content { margin: 170px 15px 0 15px; float: left; width: calc(100% - 30px); } .pull-left { float: left !important; } .pull-right { float: right !important; } .msl-1 { margin-left: 0.25rem !important; } .msl-2 { margin-left: 0.5rem !important; } .msl-3 { margin-left: 1rem !important; } .msl-4 { margin-left: 1.5rem !important; } .msl-5 { margin-left: 3rem !important; } .msr-1 { margin-right: 0.25rem !important; } .msr-2 { margin-right: 0.5rem !important; } .msr-3 { margin-right: 1rem !important; } .msr-4 { margin-right: 1.5rem !important; } .msr-5 { margin-right: 3rem !important; } .psl-1 { padding-left: 0.25rem !important; } .psl-2 { padding-left: 0.5rem !important; } .psl-3 { padding-left: 1rem !important; } .psl-4 { padding-left: 1.5rem !important; } .psl-5 { padding-left: 3rem !important; } .psr-1 { padding-right: 0.25rem !important; } .psr-2 { padding-right: 0.5rem !important; } .psr-3 { padding-right: 1rem !important; } .psr-4 { padding-right: 1.5rem !important; } .psr-5 { padding-right: 3rem !important; } .cursor-pointer { cursor: pointer; } .jqvmap-zoomin, .jqvmap-zoomout { width: 15px; height: 15px; } table .checkbox [type=checkbox] + label { margin: 0; height: 20px; padding-left: 20px; vertical-align: middle; } .loading-img-spin { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -60px 0 20px -20px; animation: spin 1.5s linear infinite; } .shadow-style { box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.15) !important; } .review-img { padding-left: 20px; padding-top: 5px; width: 70px; } .review-img img { border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .horizontal-layout .sidebar, .horizontal-layout .nav-left-menu { display: none; } .bootstrap-notify-container { max-width: 320px; text-align: center; } .map iframe { width: 100%; } .jqvmap-label { position: absolute; display: none; border-radius: 30px; background: #eee; color: black; font-size: 14px; font-family: sans-serif, Verdana; padding: 10px; pointer-events: none; } .logo-white .navbar-toggle, .logo-white .bars:before, .logo-white .bars:after { color: #000 !important; } .logo-black .navbar-toggle, .logo-black .bars:before, .logo-black .bars:after { color: #fff !important; } .dark .sidemenu-collapse i { color: #fff; } .dark .nav > li > a { color: #fff; } .light .sidemenu-collapse i { color: #0d091d; } .light .nav > li > a { color: #0d091d; } .border-apply { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important; } input::-webkit-input-placeholder { font-size: 12px; color: #adabab; } input:-moz-placeholder { /* Firefox 18- */ font-size: 12px; color: #adabab; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; color: #adabab; } input:-ms-input-placeholder { font-size: 12px; color: #adabab; } textarea::-webkit-input-placeholder { font-size: 12px; color: #adabab; } textarea:-moz-placeholder { /* Firefox 18- */ font-size: 12px; color: #adabab; } textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 12px; color: #adabab; } textarea:-ms-input-placeholder { font-size: 12px; color: #adabab; } .profile-image img { width: 100%; } .text-primary { color: #6750a4 !important; } .text-green { color: #78f7d6 !important; } .text-pink { color: #f93a5a !important; } .text-warn { color: #f76a2d !important; } @media screen and (max-width: 1169px) { .horizontal-layout .sidebar { display: block; } .horizontal-layout .top-sidebar { display: none; } .horizontal-layout section.content { margin-top: 100px; } } .font-icon { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding: 10px; transition: all 0.2s; } .font-icon .icon-preview { font-size: 1.8rem; margin-right: 10px; line-height: 1; color: #333439; } .deshboard-echart-height { height: 250px; } .pill-style { font-size: 17px; color: #a9a6a6; padding-right: 5px; } .pill-timing { width: 30%; } .two-line-ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .action-radio input { display: none; } .action-radio input[type=radio]:checked + span { color: rgb(17, 17, 17); background-color: rgb(241, 241, 241); } .action-radio span { display: block; font-size: 14px; font-weight: 500; color: rgb(112, 79, 79); padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; border-radius: 0.375rem; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; } .action-radio-chip input { display: none; } .action-radio-chip input[type=radio]:checked + span { color: #fff; background-color: #6750a4; } .action-radio-chip span { display: block; font-size: 14px; font-weight: 500; padding: 15px 35px; border: 1px solid #6750a4; color: #6750a4; padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.75rem; padding-right: 0.75rem; border-radius: 0.375rem; transition-duration: 0.2s; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; margin: 4px; border-radius: 16px; min-width: 75px; text-align: center; } .border-with-pad { padding: 1.5rem; border: 1px solid #e5e5e5 !important; border-radius: 10px !important; } @media screen and (min-width: 1400px) { .boxed-layout .container { width: 1370px; max-width: 100%; } } .mat-select-panel-wrap .mat-select-panel { position: relative; top: 35px; left: 5px; } .breadcrumb-title .page-title { font-size: 20px; font-weight: 500; color: #6750a4; margin-bottom: 0px; } .loader-spinner { display: flex; justify-content: center; align-items: center; } .loader-spinner p { margin-left: 10px; margin-bottom: 0; font-weight: 500; } .chart-no-data { display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 500; color: #555; } /* * Document : _demo.scss * Author : RedStar Template * Description: This scss file style classes of following components Structure (with shortcodes): 1. BUTTONS 2. CHECKBOX & RADIO 3. JQUERY KNOB-CHART 4. SWITCH 5. COLOR BOX 6. IMAGES 7. TAGS INPUT 8. GOOGLE MATERIAL DESIGN ICON 9. PRELOADER 10. ION RANGE SLIDER 11. RIGHT SIDEBAR */ /*********************************************************************** [1. BUTTONS ] ***********************************************************************/ .demo-button-sizes .btn { margin-bottom: 5px; } .icon-button-demo button { margin-right: 5px; margin-bottom: 12px; } .icon-and-text-button-demo button { margin-right: 5px; margin-bottom: 12px; width: 16.6666666667%; } .button-demo ul { padding-left: 0; } .button-demo ul li { list-style: none; padding-left: 0; display: inline-block; margin-right: 7px; } .button-demo ul li .btn { display: block; min-width: 175px; } .button-demo .btn { margin-right: 8px; margin-bottom: 13px; min-width: 100px; } .demo-button-groups .btn-group { margin-right: 10px; margin-bottom: 10px; } .demo-button-toolbar .btn-toolbar { float: left; margin-right: 25px; margin-bottom: 10px; } .demo-button-toolbar .btn-toolbar .btn-group { margin-left: 5px; } .demo-button-nesting > .btn-group { margin-right: 15px; } .demo-single-button-dropdowns > .btn-group { margin-right: 10px; } .demo-splite-button-dropdowns > .btn-group { margin-right: 10px; } .demo-dropup .dropup { margin-right: 10px; } /*********************************************************************** [2. CHECKBOX & RADIO ] ***********************************************************************/ .demo-checkbox label, .demo-radio-button label { min-width: 150px; } /*********************************************************************** [3. JQUERY KNOB-CHART ] ***********************************************************************/ .demo-knob-chart div { margin-right: 15px; } /*********************************************************************** [4. SWITCH ] ***********************************************************************/ .demo-switch .switch { display: inline-block; min-width: 170px; } .demo-switch .demo-switch-title { min-width: 95px; display: inline-block; } /*********************************************************************** [5. COLOR BOX ] ***********************************************************************/ .demo-color-box { padding: 15px 0; text-align: center; margin-bottom: 20px; border-radius: 3px; } .demo-color-box .color-name { font-size: 16px; margin-bottom: 5px; } .demo-color-box .color-code, .demo-color-box .color-class-name { font-size: 13px; } /*********************************************************************** [6. IMAGES ] ***********************************************************************/ .demo-image-copyright { text-align: right; font-style: italic; font-size: 12px; color: #777; margin: 5px 0 10px 0; } .demo-image-copyright a { font-weight: bold; color: #555 !important; } /*********************************************************************** [7. TAGS INPUT ] ***********************************************************************/ .demo-tagsinput-area { margin-bottom: 0px !important; } .demo-tagsinput-area.form-group .form-line:after { border-bottom: 0px; } /*********************************************************************** [8 .GOOGLE MATERIAL DESIGN ICON ] ***********************************************************************/ .demo-icon-container .demo-google-material-icon { margin-bottom: 5px; text-align: left; } .demo-icon-container .demo-google-material-icon .icon-name { position: relative; top: -8px; left: 7px; } .demo-icon-container .demo-google-material-icon .material-icons { width: 24px; } /*********************************************************************** [9. PRELOADERS ] ***********************************************************************/ .demo-preloader .preloader { margin-right: 10px; } /*********************************************************************** [10. ION RANGE SLIDER ] ***********************************************************************/ .irs-demo { margin-bottom: 40px; } .irs-demo .irs { margin-top: 15px; } /*********************************************************************** [11. RIGHT SIDEBAR ] ***********************************************************************/ .right-sidebar .nav-tabs + .tab-content { padding: 0; } .right-sidebar p { margin: 20px 15px 15px 15px; font-weight: bold; text-align: center; } .right-sidebar #settings .setting-list { list-style: none; padding-left: 0; margin-bottom: 20px; } .right-sidebar #settings .setting-list li { padding: 15px; position: relative; border-top: 1px solid #eee; } .right-sidebar #settings .setting-list li .switch { position: absolute; top: 15px; right: 5px; } .right-sidebar .progress { border-radius: 50px; height: 7px; margin: 10px 0px 0px 0px; } .right-sidebar .choose-theme li { position: relative; cursor: pointer; display: inline-block; } .demo-choose-skin, .demo-choose-logoheader { list-style: none; padding-left: 0; overflow-y: hidden; } .demo-choose-skin li, .demo-choose-logoheader li { padding: 10px 7px 4px 0px; position: relative; cursor: pointer; float: left; } .demo-choose-skin li.actived:after, .demo-choose-logoheader li.actived:after { font-family: "Material Icons"; position: absolute; top: 10px; right: 10px; content: "\e876"; font-size: 18px; color: #ece6e6; } .demo-choose-skin li div, .demo-choose-logoheader li div { width: 24px; height: 24px; display: inline-block; border-radius: 3px; } .demo-choose-skin li span, .demo-choose-logoheader li span { position: relative; bottom: 7px; left: 5px; } .demo-choose-skin .white-theme, .demo-choose-logoheader .white-theme { background-color: #fff; } .demo-choose-skin .black-theme, .demo-choose-logoheader .black-theme { background-color: #3a3f51; } .demo-choose-skin .purple-theme, .demo-choose-logoheader .purple-theme { background-color: #813ae1; } .demo-choose-skin .blue-theme, .demo-choose-logoheader .blue-theme { background-color: #03a9f3; } .demo-choose-skin .cyan-theme, .demo-choose-logoheader .cyan-theme { background-color: #13d1d3; } .demo-choose-skin .green-theme, .demo-choose-logoheader .green-theme { background-color: #13b464; } .demo-choose-skin .orange-theme, .demo-choose-logoheader .orange-theme { background-color: #f06533; } .demo-choose-skin .blue, .demo-choose-logoheader .blue { background-color: #0d6efd; } .demo-choose-skin .indigo, .demo-choose-logoheader .indigo { background-color: #6610f2; } .demo-choose-skin .purple, .demo-choose-logoheader .purple { background-color: #6f42c1; } .demo-choose-skin .pink, .demo-choose-logoheader .pink { background-color: #d63384; } .demo-choose-skin .red, .demo-choose-logoheader .red { background-color: #dc3545; } .demo-choose-skin .orange, .demo-choose-logoheader .orange { background-color: #fd7e14; } .demo-choose-skin .yellow, .demo-choose-logoheader .yellow { background-color: #ffc107; } .demo-choose-skin .green, .demo-choose-logoheader .green { background-color: #198754; } .demo-choose-skin .teal, .demo-choose-logoheader .teal { background-color: #20c997; } .demo-choose-skin .cyan, .demo-choose-logoheader .cyan { background-color: #0dcaf0; } .demo-choose-skin .black, .demo-choose-logoheader .black { background-color: #000; } .demo-choose-skin .white, .demo-choose-logoheader .white { background-color: #fff; } .demo-choose-skin .gray, .demo-choose-logoheader .gray { background-color: #6c757d; } .demo-choose-skin .gray-dark, .demo-choose-logoheader .gray-dark { background-color: #343a40; } .white-theme-border { border: 1px solid #888888; } .btn-sidebar-light, .btn-theme-light { background: 0 0 !important; color: #888888 !important; border: 1px solid #888888 !important; margin: 10px; } .m-l--125 { margin-left: -125px; } .m-t--125 { margin-top: -125px; } .m-r--125 { margin-right: -125px; } .m-b--125 { margin-bottom: -125px; } .m-l--120 { margin-left: -120px; } .m-t--120 { margin-top: -120px; } .m-r--120 { margin-right: -120px; } .m-b--120 { margin-bottom: -120px; } .m-l--115 { margin-left: -115px; } .m-t--115 { margin-top: -115px; } .m-r--115 { margin-right: -115px; } .m-b--115 { margin-bottom: -115px; } .m-l--110 { margin-left: -110px; } .m-t--110 { margin-top: -110px; } .m-r--110 { margin-right: -110px; } .m-b--110 { margin-bottom: -110px; } .m-l--105 { margin-left: -105px; } .m-t--105 { margin-top: -105px; } .m-r--105 { margin-right: -105px; } .m-b--105 { margin-bottom: -105px; } .m-l--100 { margin-left: -100px; } .m-t--100 { margin-top: -100px; } .m-r--100 { margin-right: -100px; } .m-b--100 { margin-bottom: -100px; } .m-l--95 { margin-left: -95px; } .m-t--95 { margin-top: -95px; } .m-r--95 { margin-right: -95px; } .m-b--95 { margin-bottom: -95px; } .m-l--90 { margin-left: -90px; } .m-t--90 { margin-top: -90px; } .m-r--90 { margin-right: -90px; } .m-b--90 { margin-bottom: -90px; } .m-l--85 { margin-left: -85px; } .m-t--85 { margin-top: -85px; } .m-r--85 { margin-right: -85px; } .m-b--85 { margin-bottom: -85px; } .m-l--80 { margin-left: -80px; } .m-t--80 { margin-top: -80px; } .m-r--80 { margin-right: -80px; } .m-b--80 { margin-bottom: -80px; } .m-l--75 { margin-left: -75px; } .m-t--75 { margin-top: -75px; } .m-r--75 { margin-right: -75px; } .m-b--75 { margin-bottom: -75px; } .m-l--70 { margin-left: -70px; } .m-t--70 { margin-top: -70px; } .m-r--70 { margin-right: -70px; } .m-b--70 { margin-bottom: -70px; } .m-l--65 { margin-left: -65px; } .m-t--65 { margin-top: -65px; } .m-r--65 { margin-right: -65px; } .m-b--65 { margin-bottom: -65px; } .m-l--60 { margin-left: -60px; } .m-t--60 { margin-top: -60px; } .m-r--60 { margin-right: -60px; } .m-b--60 { margin-bottom: -60px; } .m-l--55 { margin-left: -55px; } .m-t--55 { margin-top: -55px; } .m-r--55 { margin-right: -55px; } .m-b--55 { margin-bottom: -55px; } .m-l--50 { margin-left: -50px; } .m-t--50 { margin-top: -50px; } .m-r--50 { margin-right: -50px; } .m-b--50 { margin-bottom: -50px; } .m-l--45 { margin-left: -45px; } .m-t--45 { margin-top: -45px; } .m-r--45 { margin-right: -45px; } .m-b--45 { margin-bottom: -45px; } .m-l--40 { margin-left: -40px; } .m-t--40 { margin-top: -40px; } .m-r--40 { margin-right: -40px; } .m-b--40 { margin-bottom: -40px; } .m-l--35 { margin-left: -35px; } .m-t--35 { margin-top: -35px; } .m-r--35 { margin-right: -35px; } .m-b--35 { margin-bottom: -35px; } .m-l--30 { margin-left: -30px; } .m-t--30 { margin-top: -30px; } .m-r--30 { margin-right: -30px; } .m-b--30 { margin-bottom: -30px; } .m-l--25 { margin-left: -25px; } .m-t--25 { margin-top: -25px; } .m-r--25 { margin-right: -25px; } .m-b--25 { margin-bottom: -25px; } .m-l--20 { margin-left: -20px; } .m-t--20 { margin-top: -20px; } .m-r--20 { margin-right: -20px; } .m-b--20 { margin-bottom: -20px; } .m-l--15 { margin-left: -15px; } .m-t--15 { margin-top: -15px; } .m-r--15 { margin-right: -15px; } .m-b--15 { margin-bottom: -15px; } .m-l--10 { margin-left: -10px; } .m-t--10 { margin-top: -10px; } .m-r--10 { margin-right: -10px; } .m-b--10 { margin-bottom: -10px; } .m-l--5 { margin-left: -5px; } .m-t--5 { margin-top: -5px; } .m-r--5 { margin-right: -5px; } .m-b--5 { margin-bottom: -5px; } .m-l-0 { margin-left: 0px; } .m-t-0 { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-b-0 { margin-bottom: 0px; } .m-l-5 { margin-left: 5px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-10 { margin-left: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-15 { margin-left: 15px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-20 { margin-left: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-25 { margin-left: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-30 { margin-left: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-35 { margin-left: 35px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-40 { margin-left: 40px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-45 { margin-left: 45px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-50 { margin-left: 50px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-55 { margin-left: 55px; } .m-t-55 { margin-top: 55px; } .m-r-55 { margin-right: 55px; } .m-b-55 { margin-bottom: 55px; } .m-l-60 { margin-left: 60px; } .m-t-60 { margin-top: 60px; } .m-r-60 { margin-right: 60px; } .m-b-60 { margin-bottom: 60px; } .m-l-65 { margin-left: 65px; } .m-t-65 { margin-top: 65px; } .m-r-65 { margin-right: 65px; } .m-b-65 { margin-bottom: 65px; } .m-l-70 { margin-left: 70px; } .m-t-70 { margin-top: 70px; } .m-r-70 { margin-right: 70px; } .m-b-70 { margin-bottom: 70px; } .m-l-75 { margin-left: 75px; } .m-t-75 { margin-top: 75px; } .m-r-75 { margin-right: 75px; } .m-b-75 { margin-bottom: 75px; } .m-l-80 { margin-left: 80px; } .m-t-80 { margin-top: 80px; } .m-r-80 { margin-right: 80px; } .m-b-80 { margin-bottom: 80px; } .m-l-85 { margin-left: 85px; } .m-t-85 { margin-top: 85px; } .m-r-85 { margin-right: 85px; } .m-b-85 { margin-bottom: 85px; } .m-l-90 { margin-left: 90px; } .m-t-90 { margin-top: 90px; } .m-r-90 { margin-right: 90px; } .m-b-90 { margin-bottom: 90px; } .m-l-95 { margin-left: 95px; } .m-t-95 { margin-top: 95px; } .m-r-95 { margin-right: 95px; } .m-b-95 { margin-bottom: 95px; } .m-l-100 { margin-left: 100px; } .m-t-100 { margin-top: 100px; } .m-r-100 { margin-right: 100px; } .m-b-100 { margin-bottom: 100px; } .m-l-105 { margin-left: 105px; } .m-t-105 { margin-top: 105px; } .m-r-105 { margin-right: 105px; } .m-b-105 { margin-bottom: 105px; } .m-l-110 { margin-left: 110px; } .m-t-110 { margin-top: 110px; } .m-r-110 { margin-right: 110px; } .m-b-110 { margin-bottom: 110px; } .m-l-115 { margin-left: 115px; } .m-t-115 { margin-top: 115px; } .m-r-115 { margin-right: 115px; } .m-b-115 { margin-bottom: 115px; } .m-l-120 { margin-left: 120px; } .m-t-120 { margin-top: 120px; } .m-r-120 { margin-right: 120px; } .m-b-120 { margin-bottom: 120px; } .m-l-125 { margin-left: 125px; } .m-t-125 { margin-top: 125px; } .m-r-125 { margin-right: 125px; } .m-b-125 { margin-bottom: 125px; } .margin-0 { margin: 0; } .p-l-0 { padding-left: 0px; } .p-t-0 { padding-top: 0px; } .p-r-0 { padding-right: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-5 { padding-left: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-10 { padding-left: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10 { padding-right: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-15 { padding-left: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-20 { padding-left: 20px; } .p-t-20 { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-25 { padding-left: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-30 { padding-left: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-35 { padding-left: 35px; } .p-t-35 { padding-top: 35px; } .p-r-35 { padding-right: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-40 { padding-left: 40px; } .p-t-40 { padding-top: 40px; } .p-r-40 { padding-right: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-45 { padding-left: 45px; } .p-t-45 { padding-top: 45px; } .p-r-45 { padding-right: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-50 { padding-left: 50px; } .p-t-50 { padding-top: 50px; } .p-r-50 { padding-right: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-55 { padding-left: 55px; } .p-t-55 { padding-top: 55px; } .p-r-55 { padding-right: 55px; } .p-b-55 { padding-bottom: 55px; } .p-l-60 { padding-left: 60px; } .p-t-60 { padding-top: 60px; } .p-r-60 { padding-right: 60px; } .p-b-60 { padding-bottom: 60px; } .p-l-65 { padding-left: 65px; } .p-t-65 { padding-top: 65px; } .p-r-65 { padding-right: 65px; } .p-b-65 { padding-bottom: 65px; } .p-l-70 { padding-left: 70px; } .p-t-70 { padding-top: 70px; } .p-r-70 { padding-right: 70px; } .p-b-70 { padding-bottom: 70px; } .p-l-75 { padding-left: 75px; } .p-t-75 { padding-top: 75px; } .p-r-75 { padding-right: 75px; } .p-b-75 { padding-bottom: 75px; } .p-l-80 { padding-left: 80px; } .p-t-80 { padding-top: 80px; } .p-r-80 { padding-right: 80px; } .p-b-80 { padding-bottom: 80px; } .p-l-85 { padding-left: 85px; } .p-t-85 { padding-top: 85px; } .p-r-85 { padding-right: 85px; } .p-b-85 { padding-bottom: 85px; } .p-l-90 { padding-left: 90px; } .p-t-90 { padding-top: 90px; } .p-r-90 { padding-right: 90px; } .p-b-90 { padding-bottom: 90px; } .p-l-95 { padding-left: 95px; } .p-t-95 { padding-top: 95px; } .p-r-95 { padding-right: 95px; } .p-b-95 { padding-bottom: 95px; } .p-l-100 { padding-left: 100px; } .p-t-100 { padding-top: 100px; } .p-r-100 { padding-right: 100px; } .p-b-100 { padding-bottom: 100px; } .p-l-105 { padding-left: 105px; } .p-t-105 { padding-top: 105px; } .p-r-105 { padding-right: 105px; } .p-b-105 { padding-bottom: 105px; } .p-l-110 { padding-left: 110px; } .p-t-110 { padding-top: 110px; } .p-r-110 { padding-right: 110px; } .p-b-110 { padding-bottom: 110px; } .p-l-115 { padding-left: 115px; } .p-t-115 { padding-top: 115px; } .p-r-115 { padding-right: 115px; } .p-b-115 { padding-bottom: 115px; } .p-l-120 { padding-left: 120px; } .p-t-120 { padding-top: 120px; } .p-r-120 { padding-right: 120px; } .p-b-120 { padding-bottom: 120px; } .p-l-125 { padding-left: 125px; } .p-t-125 { padding-top: 125px; } .p-r-125 { padding-right: 125px; } .p-b-125 { padding-bottom: 125px; } .margin-0 { margin: 0px; } .padding-0 { padding: 0px; } .margin-5 { margin: 5px; } .padding-5 { padding: 5px; } .margin-10 { margin: 10px; } .padding-10 { padding: 10px; } .margin-15 { margin: 15px; } .padding-15 { padding: 15px; } .margin-20 { margin: 20px; } .padding-20 { padding: 20px; } .margin-25 { margin: 25px; } .padding-25 { padding: 25px; } .margin-30 { margin: 30px; } .padding-30 { padding: 30px; } .margin-35 { margin: 35px; } .padding-35 { padding: 35px; } .margin-40 { margin: 40px; } .padding-40 { padding: 40px; } .margin-45 { margin: 45px; } .padding-45 { padding: 45px; } .margin-50 { margin: 50px; } .padding-50 { padding: 50px; } .margin-55 { margin: 55px; } .padding-55 { padding: 55px; } .margin-60 { margin: 60px; } .padding-60 { padding: 60px; } .margin-65 { margin: 65px; } .padding-65 { padding: 65px; } .margin-70 { margin: 70px; } .padding-70 { padding: 70px; } .margin-75 { margin: 75px; } .padding-75 { padding: 75px; } .margin-80 { margin: 80px; } .padding-80 { padding: 80px; } .margin-85 { margin: 85px; } .padding-85 { padding: 85px; } .margin-90 { margin: 90px; } .padding-90 { padding: 90px; } .margin-95 { margin: 95px; } .padding-95 { padding: 95px; } .margin-100 { margin: 100px; } .padding-100 { padding: 100px; } .margin-105 { margin: 105px; } .padding-105 { padding: 105px; } .margin-110 { margin: 110px; } .padding-110 { padding: 110px; } .margin-115 { margin: 115px; } .padding-115 { padding: 115px; } .margin-120 { margin: 120px; } .padding-120 { padding: 120px; } .margin-125 { margin: 125px; } .padding-125 { padding: 125px; } .padding-0 { padding: 0; } .font-6 { font-size: 6px !important; } .font-7 { font-size: 7px !important; } .font-8 { font-size: 8px !important; } .font-9 { font-size: 9px !important; } .font-10 { font-size: 10px !important; } .font-11 { font-size: 11px !important; } .font-12 { font-size: 12px !important; } .font-13 { font-size: 13px !important; } .font-14 { font-size: 14px !important; } .font-15 { font-size: 15px !important; } .font-16 { font-size: 16px !important; } .font-17 { font-size: 17px !important; } .font-18 { font-size: 18px !important; } .font-19 { font-size: 19px !important; } .font-20 { font-size: 20px !important; } .font-21 { font-size: 21px !important; } .font-22 { font-size: 22px !important; } .font-23 { font-size: 23px !important; } .font-24 { font-size: 24px !important; } .font-25 { font-size: 25px !important; } .font-26 { font-size: 26px !important; } .font-27 { font-size: 27px !important; } .font-28 { font-size: 28px !important; } .font-29 { font-size: 29px !important; } .font-30 { font-size: 30px !important; } .font-31 { font-size: 31px !important; } .font-32 { font-size: 32px !important; } .font-33 { font-size: 33px !important; } .font-34 { font-size: 34px !important; } .font-35 { font-size: 35px !important; } .font-36 { font-size: 36px !important; } .font-37 { font-size: 37px !important; } .font-38 { font-size: 38px !important; } .font-39 { font-size: 39px !important; } .font-40 { font-size: 40px !important; } .font-41 { font-size: 41px !important; } .font-42 { font-size: 42px !important; } .font-43 { font-size: 43px !important; } .font-44 { font-size: 44px !important; } .font-45 { font-size: 45px !important; } .font-46 { font-size: 46px !important; } .font-47 { font-size: 47px !important; } .font-48 { font-size: 48px !important; } .font-49 { font-size: 49px !important; } .font-50 { font-size: 50px !important; } .width-6 { width: 6px !important; } .height-6 { height: 6px !important; } .width-7 { width: 7px !important; } .height-7 { height: 7px !important; } .width-8 { width: 8px !important; } .height-8 { height: 8px !important; } .width-9 { width: 9px !important; } .height-9 { height: 9px !important; } .width-10 { width: 10px !important; } .height-10 { height: 10px !important; } .width-11 { width: 11px !important; } .height-11 { height: 11px !important; } .width-12 { width: 12px !important; } .height-12 { height: 12px !important; } .width-13 { width: 13px !important; } .height-13 { height: 13px !important; } .width-14 { width: 14px !important; } .height-14 { height: 14px !important; } .width-15 { width: 15px !important; } .height-15 { height: 15px !important; } .width-16 { width: 16px !important; } .height-16 { height: 16px !important; } .width-17 { width: 17px !important; } .height-17 { height: 17px !important; } .width-18 { width: 18px !important; } .height-18 { height: 18px !important; } .width-19 { width: 19px !important; } .height-19 { height: 19px !important; } .width-20 { width: 20px !important; } .height-20 { height: 20px !important; } .width-21 { width: 21px !important; } .height-21 { height: 21px !important; } .width-22 { width: 22px !important; } .height-22 { height: 22px !important; } .width-23 { width: 23px !important; } .height-23 { height: 23px !important; } .width-24 { width: 24px !important; } .height-24 { height: 24px !important; } .width-25 { width: 25px !important; } .height-25 { height: 25px !important; } .width-26 { width: 26px !important; } .height-26 { height: 26px !important; } .width-27 { width: 27px !important; } .height-27 { height: 27px !important; } .width-28 { width: 28px !important; } .height-28 { height: 28px !important; } .width-29 { width: 29px !important; } .height-29 { height: 29px !important; } .width-30 { width: 30px !important; } .height-30 { height: 30px !important; } .width-31 { width: 31px !important; } .height-31 { height: 31px !important; } .width-32 { width: 32px !important; } .height-32 { height: 32px !important; } .width-33 { width: 33px !important; } .height-33 { height: 33px !important; } .width-34 { width: 34px !important; } .height-34 { height: 34px !important; } .width-35 { width: 35px !important; } .height-35 { height: 35px !important; } .width-36 { width: 36px !important; } .height-36 { height: 36px !important; } .width-37 { width: 37px !important; } .height-37 { height: 37px !important; } .width-38 { width: 38px !important; } .height-38 { height: 38px !important; } .width-39 { width: 39px !important; } .height-39 { height: 39px !important; } .width-40 { width: 40px !important; } .height-40 { height: 40px !important; } .width-41 { width: 41px !important; } .height-41 { height: 41px !important; } .width-42 { width: 42px !important; } .height-42 { height: 42px !important; } .width-43 { width: 43px !important; } .height-43 { height: 43px !important; } .width-44 { width: 44px !important; } .height-44 { height: 44px !important; } .width-45 { width: 45px !important; } .height-45 { height: 45px !important; } .width-46 { width: 46px !important; } .height-46 { height: 46px !important; } .width-47 { width: 47px !important; } .height-47 { height: 47px !important; } .width-48 { width: 48px !important; } .height-48 { height: 48px !important; } .width-49 { width: 49px !important; } .height-49 { height: 49px !important; } .width-50 { width: 50px !important; } .height-50 { height: 50px !important; } .width-51 { width: 51px !important; } .height-51 { height: 51px !important; } .width-52 { width: 52px !important; } .height-52 { height: 52px !important; } .width-53 { width: 53px !important; } .height-53 { height: 53px !important; } .width-54 { width: 54px !important; } .height-54 { height: 54px !important; } .width-55 { width: 55px !important; } .height-55 { height: 55px !important; } .width-56 { width: 56px !important; } .height-56 { height: 56px !important; } .width-57 { width: 57px !important; } .height-57 { height: 57px !important; } .width-58 { width: 58px !important; } .height-58 { height: 58px !important; } .width-59 { width: 59px !important; } .height-59 { height: 59px !important; } .width-60 { width: 60px !important; } .height-60 { height: 60px !important; } .width-61 { width: 61px !important; } .height-61 { height: 61px !important; } .width-62 { width: 62px !important; } .height-62 { height: 62px !important; } .width-63 { width: 63px !important; } .height-63 { height: 63px !important; } .width-64 { width: 64px !important; } .height-64 { height: 64px !important; } .width-65 { width: 65px !important; } .height-65 { height: 65px !important; } .width-66 { width: 66px !important; } .height-66 { height: 66px !important; } .width-67 { width: 67px !important; } .height-67 { height: 67px !important; } .width-68 { width: 68px !important; } .height-68 { height: 68px !important; } .width-69 { width: 69px !important; } .height-69 { height: 69px !important; } .width-70 { width: 70px !important; } .height-70 { height: 70px !important; } .width-71 { width: 71px !important; } .height-71 { height: 71px !important; } .width-72 { width: 72px !important; } .height-72 { height: 72px !important; } .width-73 { width: 73px !important; } .height-73 { height: 73px !important; } .width-74 { width: 74px !important; } .height-74 { height: 74px !important; } .width-75 { width: 75px !important; } .height-75 { height: 75px !important; } .width-76 { width: 76px !important; } .height-76 { height: 76px !important; } .width-77 { width: 77px !important; } .height-77 { height: 77px !important; } .width-78 { width: 78px !important; } .height-78 { height: 78px !important; } .width-79 { width: 79px !important; } .height-79 { height: 79px !important; } .width-80 { width: 80px !important; } .height-80 { height: 80px !important; } .width-81 { width: 81px !important; } .height-81 { height: 81px !important; } .width-82 { width: 82px !important; } .height-82 { height: 82px !important; } .width-83 { width: 83px !important; } .height-83 { height: 83px !important; } .width-84 { width: 84px !important; } .height-84 { height: 84px !important; } .width-85 { width: 85px !important; } .height-85 { height: 85px !important; } .width-86 { width: 86px !important; } .height-86 { height: 86px !important; } .width-87 { width: 87px !important; } .height-87 { height: 87px !important; } .width-88 { width: 88px !important; } .height-88 { height: 88px !important; } .width-89 { width: 89px !important; } .height-89 { height: 89px !important; } .width-90 { width: 90px !important; } .height-90 { height: 90px !important; } .width-91 { width: 91px !important; } .height-91 { height: 91px !important; } .width-92 { width: 92px !important; } .height-92 { height: 92px !important; } .width-93 { width: 93px !important; } .height-93 { height: 93px !important; } .width-94 { width: 94px !important; } .height-94 { height: 94px !important; } .width-95 { width: 95px !important; } .height-95 { height: 95px !important; } .width-96 { width: 96px !important; } .height-96 { height: 96px !important; } .width-97 { width: 97px !important; } .height-97 { height: 97px !important; } .width-98 { width: 98px !important; } .height-98 { height: 98px !important; } .width-99 { width: 99px !important; } .height-99 { height: 99px !important; } .width-100 { width: 100px !important; } .height-100 { height: 100px !important; } .width-101 { width: 101px !important; } .height-101 { height: 101px !important; } .width-102 { width: 102px !important; } .height-102 { height: 102px !important; } .width-103 { width: 103px !important; } .height-103 { height: 103px !important; } .width-104 { width: 104px !important; } .height-104 { height: 104px !important; } .width-105 { width: 105px !important; } .height-105 { height: 105px !important; } .width-106 { width: 106px !important; } .height-106 { height: 106px !important; } .width-107 { width: 107px !important; } .height-107 { height: 107px !important; } .width-108 { width: 108px !important; } .height-108 { height: 108px !important; } .width-109 { width: 109px !important; } .height-109 { height: 109px !important; } .width-110 { width: 110px !important; } .height-110 { height: 110px !important; } .width-111 { width: 111px !important; } .height-111 { height: 111px !important; } .width-112 { width: 112px !important; } .height-112 { height: 112px !important; } .width-113 { width: 113px !important; } .height-113 { height: 113px !important; } .width-114 { width: 114px !important; } .height-114 { height: 114px !important; } .width-115 { width: 115px !important; } .height-115 { height: 115px !important; } .width-116 { width: 116px !important; } .height-116 { height: 116px !important; } .width-117 { width: 117px !important; } .height-117 { height: 117px !important; } .width-118 { width: 118px !important; } .height-118 { height: 118px !important; } .width-119 { width: 119px !important; } .height-119 { height: 119px !important; } .width-120 { width: 120px !important; } .height-120 { height: 120px !important; } .width-121 { width: 121px !important; } .height-121 { height: 121px !important; } .width-122 { width: 122px !important; } .height-122 { height: 122px !important; } .width-123 { width: 123px !important; } .height-123 { height: 123px !important; } .width-124 { width: 124px !important; } .height-124 { height: 124px !important; } .width-125 { width: 125px !important; } .height-125 { height: 125px !important; } .width-126 { width: 126px !important; } .height-126 { height: 126px !important; } .width-127 { width: 127px !important; } .height-127 { height: 127px !important; } .width-128 { width: 128px !important; } .height-128 { height: 128px !important; } .width-129 { width: 129px !important; } .height-129 { height: 129px !important; } .width-130 { width: 130px !important; } .height-130 { height: 130px !important; } .width-131 { width: 131px !important; } .height-131 { height: 131px !important; } .width-132 { width: 132px !important; } .height-132 { height: 132px !important; } .width-133 { width: 133px !important; } .height-133 { height: 133px !important; } .width-134 { width: 134px !important; } .height-134 { height: 134px !important; } .width-135 { width: 135px !important; } .height-135 { height: 135px !important; } .width-136 { width: 136px !important; } .height-136 { height: 136px !important; } .width-137 { width: 137px !important; } .height-137 { height: 137px !important; } .width-138 { width: 138px !important; } .height-138 { height: 138px !important; } .width-139 { width: 139px !important; } .height-139 { height: 139px !important; } .width-140 { width: 140px !important; } .height-140 { height: 140px !important; } .width-141 { width: 141px !important; } .height-141 { height: 141px !important; } .width-142 { width: 142px !important; } .height-142 { height: 142px !important; } .width-143 { width: 143px !important; } .height-143 { height: 143px !important; } .width-144 { width: 144px !important; } .height-144 { height: 144px !important; } .width-145 { width: 145px !important; } .height-145 { height: 145px !important; } .width-146 { width: 146px !important; } .height-146 { height: 146px !important; } .width-147 { width: 147px !important; } .height-147 { height: 147px !important; } .width-148 { width: 148px !important; } .height-148 { height: 148px !important; } .width-149 { width: 149px !important; } .height-149 { height: 149px !important; } .width-150 { width: 150px !important; } .height-150 { height: 150px !important; } .width-151 { width: 151px !important; } .height-151 { height: 151px !important; } .width-152 { width: 152px !important; } .height-152 { height: 152px !important; } .width-153 { width: 153px !important; } .height-153 { height: 153px !important; } .width-154 { width: 154px !important; } .height-154 { height: 154px !important; } .width-155 { width: 155px !important; } .height-155 { height: 155px !important; } .width-156 { width: 156px !important; } .height-156 { height: 156px !important; } .width-157 { width: 157px !important; } .height-157 { height: 157px !important; } .width-158 { width: 158px !important; } .height-158 { height: 158px !important; } .width-159 { width: 159px !important; } .height-159 { height: 159px !important; } .width-160 { width: 160px !important; } .height-160 { height: 160px !important; } .width-161 { width: 161px !important; } .height-161 { height: 161px !important; } .width-162 { width: 162px !important; } .height-162 { height: 162px !important; } .width-163 { width: 163px !important; } .height-163 { height: 163px !important; } .width-164 { width: 164px !important; } .height-164 { height: 164px !important; } .width-165 { width: 165px !important; } .height-165 { height: 165px !important; } .width-166 { width: 166px !important; } .height-166 { height: 166px !important; } .width-167 { width: 167px !important; } .height-167 { height: 167px !important; } .width-168 { width: 168px !important; } .height-168 { height: 168px !important; } .width-169 { width: 169px !important; } .height-169 { height: 169px !important; } .width-170 { width: 170px !important; } .height-170 { height: 170px !important; } .width-171 { width: 171px !important; } .height-171 { height: 171px !important; } .width-172 { width: 172px !important; } .height-172 { height: 172px !important; } .width-173 { width: 173px !important; } .height-173 { height: 173px !important; } .width-174 { width: 174px !important; } .height-174 { height: 174px !important; } .width-175 { width: 175px !important; } .height-175 { height: 175px !important; } .width-176 { width: 176px !important; } .height-176 { height: 176px !important; } .width-177 { width: 177px !important; } .height-177 { height: 177px !important; } .width-178 { width: 178px !important; } .height-178 { height: 178px !important; } .width-179 { width: 179px !important; } .height-179 { height: 179px !important; } .width-180 { width: 180px !important; } .height-180 { height: 180px !important; } .width-181 { width: 181px !important; } .height-181 { height: 181px !important; } .width-182 { width: 182px !important; } .height-182 { height: 182px !important; } .width-183 { width: 183px !important; } .height-183 { height: 183px !important; } .width-184 { width: 184px !important; } .height-184 { height: 184px !important; } .width-185 { width: 185px !important; } .height-185 { height: 185px !important; } .width-186 { width: 186px !important; } .height-186 { height: 186px !important; } .width-187 { width: 187px !important; } .height-187 { height: 187px !important; } .width-188 { width: 188px !important; } .height-188 { height: 188px !important; } .width-189 { width: 189px !important; } .height-189 { height: 189px !important; } .width-190 { width: 190px !important; } .height-190 { height: 190px !important; } .width-191 { width: 191px !important; } .height-191 { height: 191px !important; } .width-192 { width: 192px !important; } .height-192 { height: 192px !important; } .width-193 { width: 193px !important; } .height-193 { height: 193px !important; } .width-194 { width: 194px !important; } .height-194 { height: 194px !important; } .width-195 { width: 195px !important; } .height-195 { height: 195px !important; } .width-196 { width: 196px !important; } .height-196 { height: 196px !important; } .width-197 { width: 197px !important; } .height-197 { height: 197px !important; } .width-198 { width: 198px !important; } .height-198 { height: 198px !important; } .width-199 { width: 199px !important; } .height-199 { height: 199px !important; } .width-200 { width: 200px !important; } .height-200 { height: 200px !important; } .width-201 { width: 201px !important; } .height-201 { height: 201px !important; } .width-202 { width: 202px !important; } .height-202 { height: 202px !important; } .width-203 { width: 203px !important; } .height-203 { height: 203px !important; } .width-204 { width: 204px !important; } .height-204 { height: 204px !important; } .width-205 { width: 205px !important; } .height-205 { height: 205px !important; } .width-206 { width: 206px !important; } .height-206 { height: 206px !important; } .width-207 { width: 207px !important; } .height-207 { height: 207px !important; } .width-208 { width: 208px !important; } .height-208 { height: 208px !important; } .width-209 { width: 209px !important; } .height-209 { height: 209px !important; } .width-210 { width: 210px !important; } .height-210 { height: 210px !important; } .width-211 { width: 211px !important; } .height-211 { height: 211px !important; } .width-212 { width: 212px !important; } .height-212 { height: 212px !important; } .width-213 { width: 213px !important; } .height-213 { height: 213px !important; } .width-214 { width: 214px !important; } .height-214 { height: 214px !important; } .width-215 { width: 215px !important; } .height-215 { height: 215px !important; } .width-216 { width: 216px !important; } .height-216 { height: 216px !important; } .width-217 { width: 217px !important; } .height-217 { height: 217px !important; } .width-218 { width: 218px !important; } .height-218 { height: 218px !important; } .width-219 { width: 219px !important; } .height-219 { height: 219px !important; } .width-220 { width: 220px !important; } .height-220 { height: 220px !important; } .width-221 { width: 221px !important; } .height-221 { height: 221px !important; } .width-222 { width: 222px !important; } .height-222 { height: 222px !important; } .width-223 { width: 223px !important; } .height-223 { height: 223px !important; } .width-224 { width: 224px !important; } .height-224 { height: 224px !important; } .width-225 { width: 225px !important; } .height-225 { height: 225px !important; } .width-226 { width: 226px !important; } .height-226 { height: 226px !important; } .width-227 { width: 227px !important; } .height-227 { height: 227px !important; } .width-228 { width: 228px !important; } .height-228 { height: 228px !important; } .width-229 { width: 229px !important; } .height-229 { height: 229px !important; } .width-230 { width: 230px !important; } .height-230 { height: 230px !important; } .width-231 { width: 231px !important; } .height-231 { height: 231px !important; } .width-232 { width: 232px !important; } .height-232 { height: 232px !important; } .width-233 { width: 233px !important; } .height-233 { height: 233px !important; } .width-234 { width: 234px !important; } .height-234 { height: 234px !important; } .width-235 { width: 235px !important; } .height-235 { height: 235px !important; } .width-236 { width: 236px !important; } .height-236 { height: 236px !important; } .width-237 { width: 237px !important; } .height-237 { height: 237px !important; } .width-238 { width: 238px !important; } .height-238 { height: 238px !important; } .width-239 { width: 239px !important; } .height-239 { height: 239px !important; } .width-240 { width: 240px !important; } .height-240 { height: 240px !important; } .width-241 { width: 241px !important; } .height-241 { height: 241px !important; } .width-242 { width: 242px !important; } .height-242 { height: 242px !important; } .width-243 { width: 243px !important; } .height-243 { height: 243px !important; } .width-244 { width: 244px !important; } .height-244 { height: 244px !important; } .width-245 { width: 245px !important; } .height-245 { height: 245px !important; } .width-246 { width: 246px !important; } .height-246 { height: 246px !important; } .width-247 { width: 247px !important; } .height-247 { height: 247px !important; } .width-248 { width: 248px !important; } .height-248 { height: 248px !important; } .width-249 { width: 249px !important; } .height-249 { height: 249px !important; } .width-250 { width: 250px !important; } .height-250 { height: 250px !important; } .width-251 { width: 251px !important; } .height-251 { height: 251px !important; } .width-252 { width: 252px !important; } .height-252 { height: 252px !important; } .width-253 { width: 253px !important; } .height-253 { height: 253px !important; } .width-254 { width: 254px !important; } .height-254 { height: 254px !important; } .width-255 { width: 255px !important; } .height-255 { height: 255px !important; } .width-256 { width: 256px !important; } .height-256 { height: 256px !important; } .width-257 { width: 257px !important; } .height-257 { height: 257px !important; } .width-258 { width: 258px !important; } .height-258 { height: 258px !important; } .width-259 { width: 259px !important; } .height-259 { height: 259px !important; } .width-260 { width: 260px !important; } .height-260 { height: 260px !important; } .width-261 { width: 261px !important; } .height-261 { height: 261px !important; } .width-262 { width: 262px !important; } .height-262 { height: 262px !important; } .width-263 { width: 263px !important; } .height-263 { height: 263px !important; } .width-264 { width: 264px !important; } .height-264 { height: 264px !important; } .width-265 { width: 265px !important; } .height-265 { height: 265px !important; } .width-266 { width: 266px !important; } .height-266 { height: 266px !important; } .width-267 { width: 267px !important; } .height-267 { height: 267px !important; } .width-268 { width: 268px !important; } .height-268 { height: 268px !important; } .width-269 { width: 269px !important; } .height-269 { height: 269px !important; } .width-270 { width: 270px !important; } .height-270 { height: 270px !important; } .width-271 { width: 271px !important; } .height-271 { height: 271px !important; } .width-272 { width: 272px !important; } .height-272 { height: 272px !important; } .width-273 { width: 273px !important; } .height-273 { height: 273px !important; } .width-274 { width: 274px !important; } .height-274 { height: 274px !important; } .width-275 { width: 275px !important; } .height-275 { height: 275px !important; } .width-276 { width: 276px !important; } .height-276 { height: 276px !important; } .width-277 { width: 277px !important; } .height-277 { height: 277px !important; } .width-278 { width: 278px !important; } .height-278 { height: 278px !important; } .width-279 { width: 279px !important; } .height-279 { height: 279px !important; } .width-280 { width: 280px !important; } .height-280 { height: 280px !important; } .width-281 { width: 281px !important; } .height-281 { height: 281px !important; } .width-282 { width: 282px !important; } .height-282 { height: 282px !important; } .width-283 { width: 283px !important; } .height-283 { height: 283px !important; } .width-284 { width: 284px !important; } .height-284 { height: 284px !important; } .width-285 { width: 285px !important; } .height-285 { height: 285px !important; } .width-286 { width: 286px !important; } .height-286 { height: 286px !important; } .width-287 { width: 287px !important; } .height-287 { height: 287px !important; } .width-288 { width: 288px !important; } .height-288 { height: 288px !important; } .width-289 { width: 289px !important; } .height-289 { height: 289px !important; } .width-290 { width: 290px !important; } .height-290 { height: 290px !important; } .width-291 { width: 291px !important; } .height-291 { height: 291px !important; } .width-292 { width: 292px !important; } .height-292 { height: 292px !important; } .width-293 { width: 293px !important; } .height-293 { height: 293px !important; } .width-294 { width: 294px !important; } .height-294 { height: 294px !important; } .width-295 { width: 295px !important; } .height-295 { height: 295px !important; } .width-296 { width: 296px !important; } .height-296 { height: 296px !important; } .width-297 { width: 297px !important; } .height-297 { height: 297px !important; } .width-298 { width: 298px !important; } .height-298 { height: 298px !important; } .width-299 { width: 299px !important; } .height-299 { height: 299px !important; } .width-300 { width: 300px !important; } .height-300 { height: 300px !important; } .width-301 { width: 301px !important; } .height-301 { height: 301px !important; } .width-302 { width: 302px !important; } .height-302 { height: 302px !important; } .width-303 { width: 303px !important; } .height-303 { height: 303px !important; } .width-304 { width: 304px !important; } .height-304 { height: 304px !important; } .width-305 { width: 305px !important; } .height-305 { height: 305px !important; } .width-306 { width: 306px !important; } .height-306 { height: 306px !important; } .width-307 { width: 307px !important; } .height-307 { height: 307px !important; } .width-308 { width: 308px !important; } .height-308 { height: 308px !important; } .width-309 { width: 309px !important; } .height-309 { height: 309px !important; } .width-310 { width: 310px !important; } .height-310 { height: 310px !important; } .width-311 { width: 311px !important; } .height-311 { height: 311px !important; } .width-312 { width: 312px !important; } .height-312 { height: 312px !important; } .width-313 { width: 313px !important; } .height-313 { height: 313px !important; } .width-314 { width: 314px !important; } .height-314 { height: 314px !important; } .width-315 { width: 315px !important; } .height-315 { height: 315px !important; } .width-316 { width: 316px !important; } .height-316 { height: 316px !important; } .width-317 { width: 317px !important; } .height-317 { height: 317px !important; } .width-318 { width: 318px !important; } .height-318 { height: 318px !important; } .width-319 { width: 319px !important; } .height-319 { height: 319px !important; } .width-320 { width: 320px !important; } .height-320 { height: 320px !important; } .width-321 { width: 321px !important; } .height-321 { height: 321px !important; } .width-322 { width: 322px !important; } .height-322 { height: 322px !important; } .width-323 { width: 323px !important; } .height-323 { height: 323px !important; } .width-324 { width: 324px !important; } .height-324 { height: 324px !important; } .width-325 { width: 325px !important; } .height-325 { height: 325px !important; } .width-326 { width: 326px !important; } .height-326 { height: 326px !important; } .width-327 { width: 327px !important; } .height-327 { height: 327px !important; } .width-328 { width: 328px !important; } .height-328 { height: 328px !important; } .width-329 { width: 329px !important; } .height-329 { height: 329px !important; } .width-330 { width: 330px !important; } .height-330 { height: 330px !important; } .width-331 { width: 331px !important; } .height-331 { height: 331px !important; } .width-332 { width: 332px !important; } .height-332 { height: 332px !important; } .width-333 { width: 333px !important; } .height-333 { height: 333px !important; } .width-334 { width: 334px !important; } .height-334 { height: 334px !important; } .width-335 { width: 335px !important; } .height-335 { height: 335px !important; } .width-336 { width: 336px !important; } .height-336 { height: 336px !important; } .width-337 { width: 337px !important; } .height-337 { height: 337px !important; } .width-338 { width: 338px !important; } .height-338 { height: 338px !important; } .width-339 { width: 339px !important; } .height-339 { height: 339px !important; } .width-340 { width: 340px !important; } .height-340 { height: 340px !important; } .width-341 { width: 341px !important; } .height-341 { height: 341px !important; } .width-342 { width: 342px !important; } .height-342 { height: 342px !important; } .width-343 { width: 343px !important; } .height-343 { height: 343px !important; } .width-344 { width: 344px !important; } .height-344 { height: 344px !important; } .width-345 { width: 345px !important; } .height-345 { height: 345px !important; } .width-346 { width: 346px !important; } .height-346 { height: 346px !important; } .width-347 { width: 347px !important; } .height-347 { height: 347px !important; } .width-348 { width: 348px !important; } .height-348 { height: 348px !important; } .width-349 { width: 349px !important; } .height-349 { height: 349px !important; } .width-350 { width: 350px !important; } .height-350 { height: 350px !important; } .width-351 { width: 351px !important; } .height-351 { height: 351px !important; } .width-352 { width: 352px !important; } .height-352 { height: 352px !important; } .width-353 { width: 353px !important; } .height-353 { height: 353px !important; } .width-354 { width: 354px !important; } .height-354 { height: 354px !important; } .width-355 { width: 355px !important; } .height-355 { height: 355px !important; } .width-356 { width: 356px !important; } .height-356 { height: 356px !important; } .width-357 { width: 357px !important; } .height-357 { height: 357px !important; } .width-358 { width: 358px !important; } .height-358 { height: 358px !important; } .width-359 { width: 359px !important; } .height-359 { height: 359px !important; } .width-360 { width: 360px !important; } .height-360 { height: 360px !important; } .width-361 { width: 361px !important; } .height-361 { height: 361px !important; } .width-362 { width: 362px !important; } .height-362 { height: 362px !important; } .width-363 { width: 363px !important; } .height-363 { height: 363px !important; } .width-364 { width: 364px !important; } .height-364 { height: 364px !important; } .width-365 { width: 365px !important; } .height-365 { height: 365px !important; } .width-366 { width: 366px !important; } .height-366 { height: 366px !important; } .width-367 { width: 367px !important; } .height-367 { height: 367px !important; } .width-368 { width: 368px !important; } .height-368 { height: 368px !important; } .width-369 { width: 369px !important; } .height-369 { height: 369px !important; } .width-370 { width: 370px !important; } .height-370 { height: 370px !important; } .width-371 { width: 371px !important; } .height-371 { height: 371px !important; } .width-372 { width: 372px !important; } .height-372 { height: 372px !important; } .width-373 { width: 373px !important; } .height-373 { height: 373px !important; } .width-374 { width: 374px !important; } .height-374 { height: 374px !important; } .width-375 { width: 375px !important; } .height-375 { height: 375px !important; } .width-376 { width: 376px !important; } .height-376 { height: 376px !important; } .width-377 { width: 377px !important; } .height-377 { height: 377px !important; } .width-378 { width: 378px !important; } .height-378 { height: 378px !important; } .width-379 { width: 379px !important; } .height-379 { height: 379px !important; } .width-380 { width: 380px !important; } .height-380 { height: 380px !important; } .width-381 { width: 381px !important; } .height-381 { height: 381px !important; } .width-382 { width: 382px !important; } .height-382 { height: 382px !important; } .width-383 { width: 383px !important; } .height-383 { height: 383px !important; } .width-384 { width: 384px !important; } .height-384 { height: 384px !important; } .width-385 { width: 385px !important; } .height-385 { height: 385px !important; } .width-386 { width: 386px !important; } .height-386 { height: 386px !important; } .width-387 { width: 387px !important; } .height-387 { height: 387px !important; } .width-388 { width: 388px !important; } .height-388 { height: 388px !important; } .width-389 { width: 389px !important; } .height-389 { height: 389px !important; } .width-390 { width: 390px !important; } .height-390 { height: 390px !important; } .width-391 { width: 391px !important; } .height-391 { height: 391px !important; } .width-392 { width: 392px !important; } .height-392 { height: 392px !important; } .width-393 { width: 393px !important; } .height-393 { height: 393px !important; } .width-394 { width: 394px !important; } .height-394 { height: 394px !important; } .width-395 { width: 395px !important; } .height-395 { height: 395px !important; } .width-396 { width: 396px !important; } .height-396 { height: 396px !important; } .width-397 { width: 397px !important; } .height-397 { height: 397px !important; } .width-398 { width: 398px !important; } .height-398 { height: 398px !important; } .width-399 { width: 399px !important; } .height-399 { height: 399px !important; } .width-400 { width: 400px !important; } .height-400 { height: 400px !important; } .width-401 { width: 401px !important; } .height-401 { height: 401px !important; } .width-402 { width: 402px !important; } .height-402 { height: 402px !important; } .width-403 { width: 403px !important; } .height-403 { height: 403px !important; } .width-404 { width: 404px !important; } .height-404 { height: 404px !important; } .width-405 { width: 405px !important; } .height-405 { height: 405px !important; } .width-406 { width: 406px !important; } .height-406 { height: 406px !important; } .width-407 { width: 407px !important; } .height-407 { height: 407px !important; } .width-408 { width: 408px !important; } .height-408 { height: 408px !important; } .width-409 { width: 409px !important; } .height-409 { height: 409px !important; } .width-410 { width: 410px !important; } .height-410 { height: 410px !important; } .width-411 { width: 411px !important; } .height-411 { height: 411px !important; } .width-412 { width: 412px !important; } .height-412 { height: 412px !important; } .width-413 { width: 413px !important; } .height-413 { height: 413px !important; } .width-414 { width: 414px !important; } .height-414 { height: 414px !important; } .width-415 { width: 415px !important; } .height-415 { height: 415px !important; } .width-416 { width: 416px !important; } .height-416 { height: 416px !important; } .width-417 { width: 417px !important; } .height-417 { height: 417px !important; } .width-418 { width: 418px !important; } .height-418 { height: 418px !important; } .width-419 { width: 419px !important; } .height-419 { height: 419px !important; } .width-420 { width: 420px !important; } .height-420 { height: 420px !important; } .width-421 { width: 421px !important; } .height-421 { height: 421px !important; } .width-422 { width: 422px !important; } .height-422 { height: 422px !important; } .width-423 { width: 423px !important; } .height-423 { height: 423px !important; } .width-424 { width: 424px !important; } .height-424 { height: 424px !important; } .width-425 { width: 425px !important; } .height-425 { height: 425px !important; } .width-426 { width: 426px !important; } .height-426 { height: 426px !important; } .width-427 { width: 427px !important; } .height-427 { height: 427px !important; } .width-428 { width: 428px !important; } .height-428 { height: 428px !important; } .width-429 { width: 429px !important; } .height-429 { height: 429px !important; } .width-430 { width: 430px !important; } .height-430 { height: 430px !important; } .width-431 { width: 431px !important; } .height-431 { height: 431px !important; } .width-432 { width: 432px !important; } .height-432 { height: 432px !important; } .width-433 { width: 433px !important; } .height-433 { height: 433px !important; } .width-434 { width: 434px !important; } .height-434 { height: 434px !important; } .width-435 { width: 435px !important; } .height-435 { height: 435px !important; } .width-436 { width: 436px !important; } .height-436 { height: 436px !important; } .width-437 { width: 437px !important; } .height-437 { height: 437px !important; } .width-438 { width: 438px !important; } .height-438 { height: 438px !important; } .width-439 { width: 439px !important; } .height-439 { height: 439px !important; } .width-440 { width: 440px !important; } .height-440 { height: 440px !important; } .width-441 { width: 441px !important; } .height-441 { height: 441px !important; } .width-442 { width: 442px !important; } .height-442 { height: 442px !important; } .width-443 { width: 443px !important; } .height-443 { height: 443px !important; } .width-444 { width: 444px !important; } .height-444 { height: 444px !important; } .width-445 { width: 445px !important; } .height-445 { height: 445px !important; } .width-446 { width: 446px !important; } .height-446 { height: 446px !important; } .width-447 { width: 447px !important; } .height-447 { height: 447px !important; } .width-448 { width: 448px !important; } .height-448 { height: 448px !important; } .width-449 { width: 449px !important; } .height-449 { height: 449px !important; } .width-450 { width: 450px !important; } .height-450 { height: 450px !important; } .width-451 { width: 451px !important; } .height-451 { height: 451px !important; } .width-452 { width: 452px !important; } .height-452 { height: 452px !important; } .width-453 { width: 453px !important; } .height-453 { height: 453px !important; } .width-454 { width: 454px !important; } .height-454 { height: 454px !important; } .width-455 { width: 455px !important; } .height-455 { height: 455px !important; } .width-456 { width: 456px !important; } .height-456 { height: 456px !important; } .width-457 { width: 457px !important; } .height-457 { height: 457px !important; } .width-458 { width: 458px !important; } .height-458 { height: 458px !important; } .width-459 { width: 459px !important; } .height-459 { height: 459px !important; } .width-460 { width: 460px !important; } .height-460 { height: 460px !important; } .width-461 { width: 461px !important; } .height-461 { height: 461px !important; } .width-462 { width: 462px !important; } .height-462 { height: 462px !important; } .width-463 { width: 463px !important; } .height-463 { height: 463px !important; } .width-464 { width: 464px !important; } .height-464 { height: 464px !important; } .width-465 { width: 465px !important; } .height-465 { height: 465px !important; } .width-466 { width: 466px !important; } .height-466 { height: 466px !important; } .width-467 { width: 467px !important; } .height-467 { height: 467px !important; } .width-468 { width: 468px !important; } .height-468 { height: 468px !important; } .width-469 { width: 469px !important; } .height-469 { height: 469px !important; } .width-470 { width: 470px !important; } .height-470 { height: 470px !important; } .width-471 { width: 471px !important; } .height-471 { height: 471px !important; } .width-472 { width: 472px !important; } .height-472 { height: 472px !important; } .width-473 { width: 473px !important; } .height-473 { height: 473px !important; } .width-474 { width: 474px !important; } .height-474 { height: 474px !important; } .width-475 { width: 475px !important; } .height-475 { height: 475px !important; } .width-476 { width: 476px !important; } .height-476 { height: 476px !important; } .width-477 { width: 477px !important; } .height-477 { height: 477px !important; } .width-478 { width: 478px !important; } .height-478 { height: 478px !important; } .width-479 { width: 479px !important; } .height-479 { height: 479px !important; } .width-480 { width: 480px !important; } .height-480 { height: 480px !important; } .width-481 { width: 481px !important; } .height-481 { height: 481px !important; } .width-482 { width: 482px !important; } .height-482 { height: 482px !important; } .width-483 { width: 483px !important; } .height-483 { height: 483px !important; } .width-484 { width: 484px !important; } .height-484 { height: 484px !important; } .width-485 { width: 485px !important; } .height-485 { height: 485px !important; } .width-486 { width: 486px !important; } .height-486 { height: 486px !important; } .width-487 { width: 487px !important; } .height-487 { height: 487px !important; } .width-488 { width: 488px !important; } .height-488 { height: 488px !important; } .width-489 { width: 489px !important; } .height-489 { height: 489px !important; } .width-490 { width: 490px !important; } .height-490 { height: 490px !important; } .width-491 { width: 491px !important; } .height-491 { height: 491px !important; } .width-492 { width: 492px !important; } .height-492 { height: 492px !important; } .width-493 { width: 493px !important; } .height-493 { height: 493px !important; } .width-494 { width: 494px !important; } .height-494 { height: 494px !important; } .width-495 { width: 495px !important; } .height-495 { height: 495px !important; } .width-496 { width: 496px !important; } .height-496 { height: 496px !important; } .width-497 { width: 497px !important; } .height-497 { height: 497px !important; } .width-498 { width: 498px !important; } .height-498 { height: 498px !important; } .width-499 { width: 499px !important; } .height-499 { height: 499px !important; } .width-500 { width: 500px !important; } .height-500 { height: 500px !important; } .width-501 { width: 501px !important; } .height-501 { height: 501px !important; } .font-weight-100 { font-weight: 100; } .font-weight-101 { font-weight: 101; } .font-weight-102 { font-weight: 102; } .font-weight-103 { font-weight: 103; } .font-weight-104 { font-weight: 104; } .font-weight-105 { font-weight: 105; } .font-weight-106 { font-weight: 106; } .font-weight-107 { font-weight: 107; } .font-weight-108 { font-weight: 108; } .font-weight-109 { font-weight: 109; } .font-weight-110 { font-weight: 110; } .font-weight-111 { font-weight: 111; } .font-weight-112 { font-weight: 112; } .font-weight-113 { font-weight: 113; } .font-weight-114 { font-weight: 114; } .font-weight-115 { font-weight: 115; } .font-weight-116 { font-weight: 116; } .font-weight-117 { font-weight: 117; } .font-weight-118 { font-weight: 118; } .font-weight-119 { font-weight: 119; } .font-weight-120 { font-weight: 120; } .font-weight-121 { font-weight: 121; } .font-weight-122 { font-weight: 122; } .font-weight-123 { font-weight: 123; } .font-weight-124 { font-weight: 124; } .font-weight-125 { font-weight: 125; } .font-weight-126 { font-weight: 126; } .font-weight-127 { font-weight: 127; } .font-weight-128 { font-weight: 128; } .font-weight-129 { font-weight: 129; } .font-weight-130 { font-weight: 130; } .font-weight-131 { font-weight: 131; } .font-weight-132 { font-weight: 132; } .font-weight-133 { font-weight: 133; } .font-weight-134 { font-weight: 134; } .font-weight-135 { font-weight: 135; } .font-weight-136 { font-weight: 136; } .font-weight-137 { font-weight: 137; } .font-weight-138 { font-weight: 138; } .font-weight-139 { font-weight: 139; } .font-weight-140 { font-weight: 140; } .font-weight-141 { font-weight: 141; } .font-weight-142 { font-weight: 142; } .font-weight-143 { font-weight: 143; } .font-weight-144 { font-weight: 144; } .font-weight-145 { font-weight: 145; } .font-weight-146 { font-weight: 146; } .font-weight-147 { font-weight: 147; } .font-weight-148 { font-weight: 148; } .font-weight-149 { font-weight: 149; } .font-weight-150 { font-weight: 150; } .font-weight-151 { font-weight: 151; } .font-weight-152 { font-weight: 152; } .font-weight-153 { font-weight: 153; } .font-weight-154 { font-weight: 154; } .font-weight-155 { font-weight: 155; } .font-weight-156 { font-weight: 156; } .font-weight-157 { font-weight: 157; } .font-weight-158 { font-weight: 158; } .font-weight-159 { font-weight: 159; } .font-weight-160 { font-weight: 160; } .font-weight-161 { font-weight: 161; } .font-weight-162 { font-weight: 162; } .font-weight-163 { font-weight: 163; } .font-weight-164 { font-weight: 164; } .font-weight-165 { font-weight: 165; } .font-weight-166 { font-weight: 166; } .font-weight-167 { font-weight: 167; } .font-weight-168 { font-weight: 168; } .font-weight-169 { font-weight: 169; } .font-weight-170 { font-weight: 170; } .font-weight-171 { font-weight: 171; } .font-weight-172 { font-weight: 172; } .font-weight-173 { font-weight: 173; } .font-weight-174 { font-weight: 174; } .font-weight-175 { font-weight: 175; } .font-weight-176 { font-weight: 176; } .font-weight-177 { font-weight: 177; } .font-weight-178 { font-weight: 178; } .font-weight-179 { font-weight: 179; } .font-weight-180 { font-weight: 180; } .font-weight-181 { font-weight: 181; } .font-weight-182 { font-weight: 182; } .font-weight-183 { font-weight: 183; } .font-weight-184 { font-weight: 184; } .font-weight-185 { font-weight: 185; } .font-weight-186 { font-weight: 186; } .font-weight-187 { font-weight: 187; } .font-weight-188 { font-weight: 188; } .font-weight-189 { font-weight: 189; } .font-weight-190 { font-weight: 190; } .font-weight-191 { font-weight: 191; } .font-weight-192 { font-weight: 192; } .font-weight-193 { font-weight: 193; } .font-weight-194 { font-weight: 194; } .font-weight-195 { font-weight: 195; } .font-weight-196 { font-weight: 196; } .font-weight-197 { font-weight: 197; } .font-weight-198 { font-weight: 198; } .font-weight-199 { font-weight: 199; } .font-weight-200 { font-weight: 200; } .font-weight-201 { font-weight: 201; } .font-weight-202 { font-weight: 202; } .font-weight-203 { font-weight: 203; } .font-weight-204 { font-weight: 204; } .font-weight-205 { font-weight: 205; } .font-weight-206 { font-weight: 206; } .font-weight-207 { font-weight: 207; } .font-weight-208 { font-weight: 208; } .font-weight-209 { font-weight: 209; } .font-weight-210 { font-weight: 210; } .font-weight-211 { font-weight: 211; } .font-weight-212 { font-weight: 212; } .font-weight-213 { font-weight: 213; } .font-weight-214 { font-weight: 214; } .font-weight-215 { font-weight: 215; } .font-weight-216 { font-weight: 216; } .font-weight-217 { font-weight: 217; } .font-weight-218 { font-weight: 218; } .font-weight-219 { font-weight: 219; } .font-weight-220 { font-weight: 220; } .font-weight-221 { font-weight: 221; } .font-weight-222 { font-weight: 222; } .font-weight-223 { font-weight: 223; } .font-weight-224 { font-weight: 224; } .font-weight-225 { font-weight: 225; } .font-weight-226 { font-weight: 226; } .font-weight-227 { font-weight: 227; } .font-weight-228 { font-weight: 228; } .font-weight-229 { font-weight: 229; } .font-weight-230 { font-weight: 230; } .font-weight-231 { font-weight: 231; } .font-weight-232 { font-weight: 232; } .font-weight-233 { font-weight: 233; } .font-weight-234 { font-weight: 234; } .font-weight-235 { font-weight: 235; } .font-weight-236 { font-weight: 236; } .font-weight-237 { font-weight: 237; } .font-weight-238 { font-weight: 238; } .font-weight-239 { font-weight: 239; } .font-weight-240 { font-weight: 240; } .font-weight-241 { font-weight: 241; } .font-weight-242 { font-weight: 242; } .font-weight-243 { font-weight: 243; } .font-weight-244 { font-weight: 244; } .font-weight-245 { font-weight: 245; } .font-weight-246 { font-weight: 246; } .font-weight-247 { font-weight: 247; } .font-weight-248 { font-weight: 248; } .font-weight-249 { font-weight: 249; } .font-weight-250 { font-weight: 250; } .font-weight-251 { font-weight: 251; } .font-weight-252 { font-weight: 252; } .font-weight-253 { font-weight: 253; } .font-weight-254 { font-weight: 254; } .font-weight-255 { font-weight: 255; } .font-weight-256 { font-weight: 256; } .font-weight-257 { font-weight: 257; } .font-weight-258 { font-weight: 258; } .font-weight-259 { font-weight: 259; } .font-weight-260 { font-weight: 260; } .font-weight-261 { font-weight: 261; } .font-weight-262 { font-weight: 262; } .font-weight-263 { font-weight: 263; } .font-weight-264 { font-weight: 264; } .font-weight-265 { font-weight: 265; } .font-weight-266 { font-weight: 266; } .font-weight-267 { font-weight: 267; } .font-weight-268 { font-weight: 268; } .font-weight-269 { font-weight: 269; } .font-weight-270 { font-weight: 270; } .font-weight-271 { font-weight: 271; } .font-weight-272 { font-weight: 272; } .font-weight-273 { font-weight: 273; } .font-weight-274 { font-weight: 274; } .font-weight-275 { font-weight: 275; } .font-weight-276 { font-weight: 276; } .font-weight-277 { font-weight: 277; } .font-weight-278 { font-weight: 278; } .font-weight-279 { font-weight: 279; } .font-weight-280 { font-weight: 280; } .font-weight-281 { font-weight: 281; } .font-weight-282 { font-weight: 282; } .font-weight-283 { font-weight: 283; } .font-weight-284 { font-weight: 284; } .font-weight-285 { font-weight: 285; } .font-weight-286 { font-weight: 286; } .font-weight-287 { font-weight: 287; } .font-weight-288 { font-weight: 288; } .font-weight-289 { font-weight: 289; } .font-weight-290 { font-weight: 290; } .font-weight-291 { font-weight: 291; } .font-weight-292 { font-weight: 292; } .font-weight-293 { font-weight: 293; } .font-weight-294 { font-weight: 294; } .font-weight-295 { font-weight: 295; } .font-weight-296 { font-weight: 296; } .font-weight-297 { font-weight: 297; } .font-weight-298 { font-weight: 298; } .font-weight-299 { font-weight: 299; } .font-weight-300 { font-weight: 300; } .font-weight-301 { font-weight: 301; } .font-weight-302 { font-weight: 302; } .font-weight-303 { font-weight: 303; } .font-weight-304 { font-weight: 304; } .font-weight-305 { font-weight: 305; } .font-weight-306 { font-weight: 306; } .font-weight-307 { font-weight: 307; } .font-weight-308 { font-weight: 308; } .font-weight-309 { font-weight: 309; } .font-weight-310 { font-weight: 310; } .font-weight-311 { font-weight: 311; } .font-weight-312 { font-weight: 312; } .font-weight-313 { font-weight: 313; } .font-weight-314 { font-weight: 314; } .font-weight-315 { font-weight: 315; } .font-weight-316 { font-weight: 316; } .font-weight-317 { font-weight: 317; } .font-weight-318 { font-weight: 318; } .font-weight-319 { font-weight: 319; } .font-weight-320 { font-weight: 320; } .font-weight-321 { font-weight: 321; } .font-weight-322 { font-weight: 322; } .font-weight-323 { font-weight: 323; } .font-weight-324 { font-weight: 324; } .font-weight-325 { font-weight: 325; } .font-weight-326 { font-weight: 326; } .font-weight-327 { font-weight: 327; } .font-weight-328 { font-weight: 328; } .font-weight-329 { font-weight: 329; } .font-weight-330 { font-weight: 330; } .font-weight-331 { font-weight: 331; } .font-weight-332 { font-weight: 332; } .font-weight-333 { font-weight: 333; } .font-weight-334 { font-weight: 334; } .font-weight-335 { font-weight: 335; } .font-weight-336 { font-weight: 336; } .font-weight-337 { font-weight: 337; } .font-weight-338 { font-weight: 338; } .font-weight-339 { font-weight: 339; } .font-weight-340 { font-weight: 340; } .font-weight-341 { font-weight: 341; } .font-weight-342 { font-weight: 342; } .font-weight-343 { font-weight: 343; } .font-weight-344 { font-weight: 344; } .font-weight-345 { font-weight: 345; } .font-weight-346 { font-weight: 346; } .font-weight-347 { font-weight: 347; } .font-weight-348 { font-weight: 348; } .font-weight-349 { font-weight: 349; } .font-weight-350 { font-weight: 350; } .font-weight-351 { font-weight: 351; } .font-weight-352 { font-weight: 352; } .font-weight-353 { font-weight: 353; } .font-weight-354 { font-weight: 354; } .font-weight-355 { font-weight: 355; } .font-weight-356 { font-weight: 356; } .font-weight-357 { font-weight: 357; } .font-weight-358 { font-weight: 358; } .font-weight-359 { font-weight: 359; } .font-weight-360 { font-weight: 360; } .font-weight-361 { font-weight: 361; } .font-weight-362 { font-weight: 362; } .font-weight-363 { font-weight: 363; } .font-weight-364 { font-weight: 364; } .font-weight-365 { font-weight: 365; } .font-weight-366 { font-weight: 366; } .font-weight-367 { font-weight: 367; } .font-weight-368 { font-weight: 368; } .font-weight-369 { font-weight: 369; } .font-weight-370 { font-weight: 370; } .font-weight-371 { font-weight: 371; } .font-weight-372 { font-weight: 372; } .font-weight-373 { font-weight: 373; } .font-weight-374 { font-weight: 374; } .font-weight-375 { font-weight: 375; } .font-weight-376 { font-weight: 376; } .font-weight-377 { font-weight: 377; } .font-weight-378 { font-weight: 378; } .font-weight-379 { font-weight: 379; } .font-weight-380 { font-weight: 380; } .font-weight-381 { font-weight: 381; } .font-weight-382 { font-weight: 382; } .font-weight-383 { font-weight: 383; } .font-weight-384 { font-weight: 384; } .font-weight-385 { font-weight: 385; } .font-weight-386 { font-weight: 386; } .font-weight-387 { font-weight: 387; } .font-weight-388 { font-weight: 388; } .font-weight-389 { font-weight: 389; } .font-weight-390 { font-weight: 390; } .font-weight-391 { font-weight: 391; } .font-weight-392 { font-weight: 392; } .font-weight-393 { font-weight: 393; } .font-weight-394 { font-weight: 394; } .font-weight-395 { font-weight: 395; } .font-weight-396 { font-weight: 396; } .font-weight-397 { font-weight: 397; } .font-weight-398 { font-weight: 398; } .font-weight-399 { font-weight: 399; } .font-weight-400 { font-weight: 400; } .font-weight-401 { font-weight: 401; } .font-weight-402 { font-weight: 402; } .font-weight-403 { font-weight: 403; } .font-weight-404 { font-weight: 404; } .font-weight-405 { font-weight: 405; } .font-weight-406 { font-weight: 406; } .font-weight-407 { font-weight: 407; } .font-weight-408 { font-weight: 408; } .font-weight-409 { font-weight: 409; } .font-weight-410 { font-weight: 410; } .font-weight-411 { font-weight: 411; } .font-weight-412 { font-weight: 412; } .font-weight-413 { font-weight: 413; } .font-weight-414 { font-weight: 414; } .font-weight-415 { font-weight: 415; } .font-weight-416 { font-weight: 416; } .font-weight-417 { font-weight: 417; } .font-weight-418 { font-weight: 418; } .font-weight-419 { font-weight: 419; } .font-weight-420 { font-weight: 420; } .font-weight-421 { font-weight: 421; } .font-weight-422 { font-weight: 422; } .font-weight-423 { font-weight: 423; } .font-weight-424 { font-weight: 424; } .font-weight-425 { font-weight: 425; } .font-weight-426 { font-weight: 426; } .font-weight-427 { font-weight: 427; } .font-weight-428 { font-weight: 428; } .font-weight-429 { font-weight: 429; } .font-weight-430 { font-weight: 430; } .font-weight-431 { font-weight: 431; } .font-weight-432 { font-weight: 432; } .font-weight-433 { font-weight: 433; } .font-weight-434 { font-weight: 434; } .font-weight-435 { font-weight: 435; } .font-weight-436 { font-weight: 436; } .font-weight-437 { font-weight: 437; } .font-weight-438 { font-weight: 438; } .font-weight-439 { font-weight: 439; } .font-weight-440 { font-weight: 440; } .font-weight-441 { font-weight: 441; } .font-weight-442 { font-weight: 442; } .font-weight-443 { font-weight: 443; } .font-weight-444 { font-weight: 444; } .font-weight-445 { font-weight: 445; } .font-weight-446 { font-weight: 446; } .font-weight-447 { font-weight: 447; } .font-weight-448 { font-weight: 448; } .font-weight-449 { font-weight: 449; } .font-weight-450 { font-weight: 450; } .font-weight-451 { font-weight: 451; } .font-weight-452 { font-weight: 452; } .font-weight-453 { font-weight: 453; } .font-weight-454 { font-weight: 454; } .font-weight-455 { font-weight: 455; } .font-weight-456 { font-weight: 456; } .font-weight-457 { font-weight: 457; } .font-weight-458 { font-weight: 458; } .font-weight-459 { font-weight: 459; } .font-weight-460 { font-weight: 460; } .font-weight-461 { font-weight: 461; } .font-weight-462 { font-weight: 462; } .font-weight-463 { font-weight: 463; } .font-weight-464 { font-weight: 464; } .font-weight-465 { font-weight: 465; } .font-weight-466 { font-weight: 466; } .font-weight-467 { font-weight: 467; } .font-weight-468 { font-weight: 468; } .font-weight-469 { font-weight: 469; } .font-weight-470 { font-weight: 470; } .font-weight-471 { font-weight: 471; } .font-weight-472 { font-weight: 472; } .font-weight-473 { font-weight: 473; } .font-weight-474 { font-weight: 474; } .font-weight-475 { font-weight: 475; } .font-weight-476 { font-weight: 476; } .font-weight-477 { font-weight: 477; } .font-weight-478 { font-weight: 478; } .font-weight-479 { font-weight: 479; } .font-weight-480 { font-weight: 480; } .font-weight-481 { font-weight: 481; } .font-weight-482 { font-weight: 482; } .font-weight-483 { font-weight: 483; } .font-weight-484 { font-weight: 484; } .font-weight-485 { font-weight: 485; } .font-weight-486 { font-weight: 486; } .font-weight-487 { font-weight: 487; } .font-weight-488 { font-weight: 488; } .font-weight-489 { font-weight: 489; } .font-weight-490 { font-weight: 490; } .font-weight-491 { font-weight: 491; } .font-weight-492 { font-weight: 492; } .font-weight-493 { font-weight: 493; } .font-weight-494 { font-weight: 494; } .font-weight-495 { font-weight: 495; } .font-weight-496 { font-weight: 496; } .font-weight-497 { font-weight: 497; } .font-weight-498 { font-weight: 498; } .font-weight-499 { font-weight: 499; } .font-weight-500 { font-weight: 500; } .font-weight-501 { font-weight: 501; } .font-weight-502 { font-weight: 502; } .font-weight-503 { font-weight: 503; } .font-weight-504 { font-weight: 504; } .font-weight-505 { font-weight: 505; } .font-weight-506 { font-weight: 506; } .font-weight-507 { font-weight: 507; } .font-weight-508 { font-weight: 508; } .font-weight-509 { font-weight: 509; } .font-weight-510 { font-weight: 510; } .font-weight-511 { font-weight: 511; } .font-weight-512 { font-weight: 512; } .font-weight-513 { font-weight: 513; } .font-weight-514 { font-weight: 514; } .font-weight-515 { font-weight: 515; } .font-weight-516 { font-weight: 516; } .font-weight-517 { font-weight: 517; } .font-weight-518 { font-weight: 518; } .font-weight-519 { font-weight: 519; } .font-weight-520 { font-weight: 520; } .font-weight-521 { font-weight: 521; } .font-weight-522 { font-weight: 522; } .font-weight-523 { font-weight: 523; } .font-weight-524 { font-weight: 524; } .font-weight-525 { font-weight: 525; } .font-weight-526 { font-weight: 526; } .font-weight-527 { font-weight: 527; } .font-weight-528 { font-weight: 528; } .font-weight-529 { font-weight: 529; } .font-weight-530 { font-weight: 530; } .font-weight-531 { font-weight: 531; } .font-weight-532 { font-weight: 532; } .font-weight-533 { font-weight: 533; } .font-weight-534 { font-weight: 534; } .font-weight-535 { font-weight: 535; } .font-weight-536 { font-weight: 536; } .font-weight-537 { font-weight: 537; } .font-weight-538 { font-weight: 538; } .font-weight-539 { font-weight: 539; } .font-weight-540 { font-weight: 540; } .font-weight-541 { font-weight: 541; } .font-weight-542 { font-weight: 542; } .font-weight-543 { font-weight: 543; } .font-weight-544 { font-weight: 544; } .font-weight-545 { font-weight: 545; } .font-weight-546 { font-weight: 546; } .font-weight-547 { font-weight: 547; } .font-weight-548 { font-weight: 548; } .font-weight-549 { font-weight: 549; } .font-weight-550 { font-weight: 550; } .font-weight-551 { font-weight: 551; } .font-weight-552 { font-weight: 552; } .font-weight-553 { font-weight: 553; } .font-weight-554 { font-weight: 554; } .font-weight-555 { font-weight: 555; } .font-weight-556 { font-weight: 556; } .font-weight-557 { font-weight: 557; } .font-weight-558 { font-weight: 558; } .font-weight-559 { font-weight: 559; } .font-weight-560 { font-weight: 560; } .font-weight-561 { font-weight: 561; } .font-weight-562 { font-weight: 562; } .font-weight-563 { font-weight: 563; } .font-weight-564 { font-weight: 564; } .font-weight-565 { font-weight: 565; } .font-weight-566 { font-weight: 566; } .font-weight-567 { font-weight: 567; } .font-weight-568 { font-weight: 568; } .font-weight-569 { font-weight: 569; } .font-weight-570 { font-weight: 570; } .font-weight-571 { font-weight: 571; } .font-weight-572 { font-weight: 572; } .font-weight-573 { font-weight: 573; } .font-weight-574 { font-weight: 574; } .font-weight-575 { font-weight: 575; } .font-weight-576 { font-weight: 576; } .font-weight-577 { font-weight: 577; } .font-weight-578 { font-weight: 578; } .font-weight-579 { font-weight: 579; } .font-weight-580 { font-weight: 580; } .font-weight-581 { font-weight: 581; } .font-weight-582 { font-weight: 582; } .font-weight-583 { font-weight: 583; } .font-weight-584 { font-weight: 584; } .font-weight-585 { font-weight: 585; } .font-weight-586 { font-weight: 586; } .font-weight-587 { font-weight: 587; } .font-weight-588 { font-weight: 588; } .font-weight-589 { font-weight: 589; } .font-weight-590 { font-weight: 590; } .font-weight-591 { font-weight: 591; } .font-weight-592 { font-weight: 592; } .font-weight-593 { font-weight: 593; } .font-weight-594 { font-weight: 594; } .font-weight-595 { font-weight: 595; } .font-weight-596 { font-weight: 596; } .font-weight-597 { font-weight: 597; } .font-weight-598 { font-weight: 598; } .font-weight-599 { font-weight: 599; } .font-weight-600 { font-weight: 600; } .font-weight-601 { font-weight: 601; } .font-weight-602 { font-weight: 602; } .font-weight-603 { font-weight: 603; } .font-weight-604 { font-weight: 604; } .font-weight-605 { font-weight: 605; } .font-weight-606 { font-weight: 606; } .font-weight-607 { font-weight: 607; } .font-weight-608 { font-weight: 608; } .font-weight-609 { font-weight: 609; } .font-weight-610 { font-weight: 610; } .font-weight-611 { font-weight: 611; } .font-weight-612 { font-weight: 612; } .font-weight-613 { font-weight: 613; } .font-weight-614 { font-weight: 614; } .font-weight-615 { font-weight: 615; } .font-weight-616 { font-weight: 616; } .font-weight-617 { font-weight: 617; } .font-weight-618 { font-weight: 618; } .font-weight-619 { font-weight: 619; } .font-weight-620 { font-weight: 620; } .font-weight-621 { font-weight: 621; } .font-weight-622 { font-weight: 622; } .font-weight-623 { font-weight: 623; } .font-weight-624 { font-weight: 624; } .font-weight-625 { font-weight: 625; } .font-weight-626 { font-weight: 626; } .font-weight-627 { font-weight: 627; } .font-weight-628 { font-weight: 628; } .font-weight-629 { font-weight: 629; } .font-weight-630 { font-weight: 630; } .font-weight-631 { font-weight: 631; } .font-weight-632 { font-weight: 632; } .font-weight-633 { font-weight: 633; } .font-weight-634 { font-weight: 634; } .font-weight-635 { font-weight: 635; } .font-weight-636 { font-weight: 636; } .font-weight-637 { font-weight: 637; } .font-weight-638 { font-weight: 638; } .font-weight-639 { font-weight: 639; } .font-weight-640 { font-weight: 640; } .font-weight-641 { font-weight: 641; } .font-weight-642 { font-weight: 642; } .font-weight-643 { font-weight: 643; } .font-weight-644 { font-weight: 644; } .font-weight-645 { font-weight: 645; } .font-weight-646 { font-weight: 646; } .font-weight-647 { font-weight: 647; } .font-weight-648 { font-weight: 648; } .font-weight-649 { font-weight: 649; } .font-weight-650 { font-weight: 650; } .font-weight-651 { font-weight: 651; } .font-weight-652 { font-weight: 652; } .font-weight-653 { font-weight: 653; } .font-weight-654 { font-weight: 654; } .font-weight-655 { font-weight: 655; } .font-weight-656 { font-weight: 656; } .font-weight-657 { font-weight: 657; } .font-weight-658 { font-weight: 658; } .font-weight-659 { font-weight: 659; } .font-weight-660 { font-weight: 660; } .font-weight-661 { font-weight: 661; } .font-weight-662 { font-weight: 662; } .font-weight-663 { font-weight: 663; } .font-weight-664 { font-weight: 664; } .font-weight-665 { font-weight: 665; } .font-weight-666 { font-weight: 666; } .font-weight-667 { font-weight: 667; } .font-weight-668 { font-weight: 668; } .font-weight-669 { font-weight: 669; } .font-weight-670 { font-weight: 670; } .font-weight-671 { font-weight: 671; } .font-weight-672 { font-weight: 672; } .font-weight-673 { font-weight: 673; } .font-weight-674 { font-weight: 674; } .font-weight-675 { font-weight: 675; } .font-weight-676 { font-weight: 676; } .font-weight-677 { font-weight: 677; } .font-weight-678 { font-weight: 678; } .font-weight-679 { font-weight: 679; } .font-weight-680 { font-weight: 680; } .font-weight-681 { font-weight: 681; } .font-weight-682 { font-weight: 682; } .font-weight-683 { font-weight: 683; } .font-weight-684 { font-weight: 684; } .font-weight-685 { font-weight: 685; } .font-weight-686 { font-weight: 686; } .font-weight-687 { font-weight: 687; } .font-weight-688 { font-weight: 688; } .font-weight-689 { font-weight: 689; } .font-weight-690 { font-weight: 690; } .font-weight-691 { font-weight: 691; } .font-weight-692 { font-weight: 692; } .font-weight-693 { font-weight: 693; } .font-weight-694 { font-weight: 694; } .font-weight-695 { font-weight: 695; } .font-weight-696 { font-weight: 696; } .font-weight-697 { font-weight: 697; } .font-weight-698 { font-weight: 698; } .font-weight-699 { font-weight: 699; } .font-weight-700 { font-weight: 700; } .font-weight-701 { font-weight: 701; } .font-weight-702 { font-weight: 702; } .font-weight-703 { font-weight: 703; } .font-weight-704 { font-weight: 704; } .font-weight-705 { font-weight: 705; } .font-weight-706 { font-weight: 706; } .font-weight-707 { font-weight: 707; } .font-weight-708 { font-weight: 708; } .font-weight-709 { font-weight: 709; } .font-weight-710 { font-weight: 710; } .font-weight-711 { font-weight: 711; } .font-weight-712 { font-weight: 712; } .font-weight-713 { font-weight: 713; } .font-weight-714 { font-weight: 714; } .font-weight-715 { font-weight: 715; } .font-weight-716 { font-weight: 716; } .font-weight-717 { font-weight: 717; } .font-weight-718 { font-weight: 718; } .font-weight-719 { font-weight: 719; } .font-weight-720 { font-weight: 720; } .font-weight-721 { font-weight: 721; } .font-weight-722 { font-weight: 722; } .font-weight-723 { font-weight: 723; } .font-weight-724 { font-weight: 724; } .font-weight-725 { font-weight: 725; } .font-weight-726 { font-weight: 726; } .font-weight-727 { font-weight: 727; } .font-weight-728 { font-weight: 728; } .font-weight-729 { font-weight: 729; } .font-weight-730 { font-weight: 730; } .font-weight-731 { font-weight: 731; } .font-weight-732 { font-weight: 732; } .font-weight-733 { font-weight: 733; } .font-weight-734 { font-weight: 734; } .font-weight-735 { font-weight: 735; } .font-weight-736 { font-weight: 736; } .font-weight-737 { font-weight: 737; } .font-weight-738 { font-weight: 738; } .font-weight-739 { font-weight: 739; } .font-weight-740 { font-weight: 740; } .font-weight-741 { font-weight: 741; } .font-weight-742 { font-weight: 742; } .font-weight-743 { font-weight: 743; } .font-weight-744 { font-weight: 744; } .font-weight-745 { font-weight: 745; } .font-weight-746 { font-weight: 746; } .font-weight-747 { font-weight: 747; } .font-weight-748 { font-weight: 748; } .font-weight-749 { font-weight: 749; } .font-weight-750 { font-weight: 750; } .font-weight-751 { font-weight: 751; } .font-weight-752 { font-weight: 752; } .font-weight-753 { font-weight: 753; } .font-weight-754 { font-weight: 754; } .font-weight-755 { font-weight: 755; } .font-weight-756 { font-weight: 756; } .font-weight-757 { font-weight: 757; } .font-weight-758 { font-weight: 758; } .font-weight-759 { font-weight: 759; } .font-weight-760 { font-weight: 760; } .font-weight-761 { font-weight: 761; } .font-weight-762 { font-weight: 762; } .font-weight-763 { font-weight: 763; } .font-weight-764 { font-weight: 764; } .font-weight-765 { font-weight: 765; } .font-weight-766 { font-weight: 766; } .font-weight-767 { font-weight: 767; } .font-weight-768 { font-weight: 768; } .font-weight-769 { font-weight: 769; } .font-weight-770 { font-weight: 770; } .font-weight-771 { font-weight: 771; } .font-weight-772 { font-weight: 772; } .font-weight-773 { font-weight: 773; } .font-weight-774 { font-weight: 774; } .font-weight-775 { font-weight: 775; } .font-weight-776 { font-weight: 776; } .font-weight-777 { font-weight: 777; } .font-weight-778 { font-weight: 778; } .font-weight-779 { font-weight: 779; } .font-weight-780 { font-weight: 780; } .font-weight-781 { font-weight: 781; } .font-weight-782 { font-weight: 782; } .font-weight-783 { font-weight: 783; } .font-weight-784 { font-weight: 784; } .font-weight-785 { font-weight: 785; } .font-weight-786 { font-weight: 786; } .font-weight-787 { font-weight: 787; } .font-weight-788 { font-weight: 788; } .font-weight-789 { font-weight: 789; } .font-weight-790 { font-weight: 790; } .font-weight-791 { font-weight: 791; } .font-weight-792 { font-weight: 792; } .font-weight-793 { font-weight: 793; } .font-weight-794 { font-weight: 794; } .font-weight-795 { font-weight: 795; } .font-weight-796 { font-weight: 796; } .font-weight-797 { font-weight: 797; } .font-weight-798 { font-weight: 798; } .font-weight-799 { font-weight: 799; } .font-weight-800 { font-weight: 800; } .font-weight-801 { font-weight: 801; } .font-weight-802 { font-weight: 802; } .font-weight-803 { font-weight: 803; } .font-weight-804 { font-weight: 804; } .font-weight-805 { font-weight: 805; } .font-weight-806 { font-weight: 806; } .font-weight-807 { font-weight: 807; } .font-weight-808 { font-weight: 808; } .font-weight-809 { font-weight: 809; } .font-weight-810 { font-weight: 810; } .font-weight-811 { font-weight: 811; } .font-weight-812 { font-weight: 812; } .font-weight-813 { font-weight: 813; } .font-weight-814 { font-weight: 814; } .font-weight-815 { font-weight: 815; } .font-weight-816 { font-weight: 816; } .font-weight-817 { font-weight: 817; } .font-weight-818 { font-weight: 818; } .font-weight-819 { font-weight: 819; } .font-weight-820 { font-weight: 820; } .font-weight-821 { font-weight: 821; } .font-weight-822 { font-weight: 822; } .font-weight-823 { font-weight: 823; } .font-weight-824 { font-weight: 824; } .font-weight-825 { font-weight: 825; } .font-weight-826 { font-weight: 826; } .font-weight-827 { font-weight: 827; } .font-weight-828 { font-weight: 828; } .font-weight-829 { font-weight: 829; } .font-weight-830 { font-weight: 830; } .font-weight-831 { font-weight: 831; } .font-weight-832 { font-weight: 832; } .font-weight-833 { font-weight: 833; } .font-weight-834 { font-weight: 834; } .font-weight-835 { font-weight: 835; } .font-weight-836 { font-weight: 836; } .font-weight-837 { font-weight: 837; } .font-weight-838 { font-weight: 838; } .font-weight-839 { font-weight: 839; } .font-weight-840 { font-weight: 840; } .font-weight-841 { font-weight: 841; } .font-weight-842 { font-weight: 842; } .font-weight-843 { font-weight: 843; } .font-weight-844 { font-weight: 844; } .font-weight-845 { font-weight: 845; } .font-weight-846 { font-weight: 846; } .font-weight-847 { font-weight: 847; } .font-weight-848 { font-weight: 848; } .font-weight-849 { font-weight: 849; } .font-weight-850 { font-weight: 850; } .font-weight-851 { font-weight: 851; } .font-weight-852 { font-weight: 852; } .font-weight-853 { font-weight: 853; } .font-weight-854 { font-weight: 854; } .font-weight-855 { font-weight: 855; } .font-weight-856 { font-weight: 856; } .font-weight-857 { font-weight: 857; } .font-weight-858 { font-weight: 858; } .font-weight-859 { font-weight: 859; } .font-weight-860 { font-weight: 860; } .font-weight-861 { font-weight: 861; } .font-weight-862 { font-weight: 862; } .font-weight-863 { font-weight: 863; } .font-weight-864 { font-weight: 864; } .font-weight-865 { font-weight: 865; } .font-weight-866 { font-weight: 866; } .font-weight-867 { font-weight: 867; } .font-weight-868 { font-weight: 868; } .font-weight-869 { font-weight: 869; } .font-weight-870 { font-weight: 870; } .font-weight-871 { font-weight: 871; } .font-weight-872 { font-weight: 872; } .font-weight-873 { font-weight: 873; } .font-weight-874 { font-weight: 874; } .font-weight-875 { font-weight: 875; } .font-weight-876 { font-weight: 876; } .font-weight-877 { font-weight: 877; } .font-weight-878 { font-weight: 878; } .font-weight-879 { font-weight: 879; } .font-weight-880 { font-weight: 880; } .font-weight-881 { font-weight: 881; } .font-weight-882 { font-weight: 882; } .font-weight-883 { font-weight: 883; } .font-weight-884 { font-weight: 884; } .font-weight-885 { font-weight: 885; } .font-weight-886 { font-weight: 886; } .font-weight-887 { font-weight: 887; } .font-weight-888 { font-weight: 888; } .font-weight-889 { font-weight: 889; } .font-weight-890 { font-weight: 890; } .font-weight-891 { font-weight: 891; } .font-weight-892 { font-weight: 892; } .font-weight-893 { font-weight: 893; } .font-weight-894 { font-weight: 894; } .font-weight-895 { font-weight: 895; } .font-weight-896 { font-weight: 896; } .font-weight-897 { font-weight: 897; } .font-weight-898 { font-weight: 898; } .font-weight-899 { font-weight: 899; } .font-weight-900 { font-weight: 900; } .rotate-1 { transform: rotate(1deg) !important; } .rotate-2 { transform: rotate(2deg) !important; } .rotate-3 { transform: rotate(3deg) !important; } .rotate-4 { transform: rotate(4deg) !important; } .rotate-5 { transform: rotate(5deg) !important; } .rotate-6 { transform: rotate(6deg) !important; } .rotate-7 { transform: rotate(7deg) !important; } .rotate-8 { transform: rotate(8deg) !important; } .rotate-9 { transform: rotate(9deg) !important; } .rotate-10 { transform: rotate(10deg) !important; } .rotate-11 { transform: rotate(11deg) !important; } .rotate-12 { transform: rotate(12deg) !important; } .rotate-13 { transform: rotate(13deg) !important; } .rotate-14 { transform: rotate(14deg) !important; } .rotate-15 { transform: rotate(15deg) !important; } .rotate-16 { transform: rotate(16deg) !important; } .rotate-17 { transform: rotate(17deg) !important; } .rotate-18 { transform: rotate(18deg) !important; } .rotate-19 { transform: rotate(19deg) !important; } .rotate-20 { transform: rotate(20deg) !important; } .rotate-21 { transform: rotate(21deg) !important; } .rotate-22 { transform: rotate(22deg) !important; } .rotate-23 { transform: rotate(23deg) !important; } .rotate-24 { transform: rotate(24deg) !important; } .rotate-25 { transform: rotate(25deg) !important; } .rotate-26 { transform: rotate(26deg) !important; } .rotate-27 { transform: rotate(27deg) !important; } .rotate-28 { transform: rotate(28deg) !important; } .rotate-29 { transform: rotate(29deg) !important; } .rotate-30 { transform: rotate(30deg) !important; } .rotate-31 { transform: rotate(31deg) !important; } .rotate-32 { transform: rotate(32deg) !important; } .rotate-33 { transform: rotate(33deg) !important; } .rotate-34 { transform: rotate(34deg) !important; } .rotate-35 { transform: rotate(35deg) !important; } .rotate-36 { transform: rotate(36deg) !important; } .rotate-37 { transform: rotate(37deg) !important; } .rotate-38 { transform: rotate(38deg) !important; } .rotate-39 { transform: rotate(39deg) !important; } .rotate-40 { transform: rotate(40deg) !important; } .rotate-41 { transform: rotate(41deg) !important; } .rotate-42 { transform: rotate(42deg) !important; } .rotate-43 { transform: rotate(43deg) !important; } .rotate-44 { transform: rotate(44deg) !important; } .rotate-45 { transform: rotate(45deg) !important; } .rotate-46 { transform: rotate(46deg) !important; } .rotate-47 { transform: rotate(47deg) !important; } .rotate-48 { transform: rotate(48deg) !important; } .rotate-49 { transform: rotate(49deg) !important; } .rotate-50 { transform: rotate(50deg) !important; } .rotate-51 { transform: rotate(51deg) !important; } .rotate-52 { transform: rotate(52deg) !important; } .rotate-53 { transform: rotate(53deg) !important; } .rotate-54 { transform: rotate(54deg) !important; } .rotate-55 { transform: rotate(55deg) !important; } .rotate-56 { transform: rotate(56deg) !important; } .rotate-57 { transform: rotate(57deg) !important; } .rotate-58 { transform: rotate(58deg) !important; } .rotate-59 { transform: rotate(59deg) !important; } .rotate-60 { transform: rotate(60deg) !important; } .rotate-61 { transform: rotate(61deg) !important; } .rotate-62 { transform: rotate(62deg) !important; } .rotate-63 { transform: rotate(63deg) !important; } .rotate-64 { transform: rotate(64deg) !important; } .rotate-65 { transform: rotate(65deg) !important; } .rotate-66 { transform: rotate(66deg) !important; } .rotate-67 { transform: rotate(67deg) !important; } .rotate-68 { transform: rotate(68deg) !important; } .rotate-69 { transform: rotate(69deg) !important; } .rotate-70 { transform: rotate(70deg) !important; } .rotate-71 { transform: rotate(71deg) !important; } .rotate-72 { transform: rotate(72deg) !important; } .rotate-73 { transform: rotate(73deg) !important; } .rotate-74 { transform: rotate(74deg) !important; } .rotate-75 { transform: rotate(75deg) !important; } .rotate-76 { transform: rotate(76deg) !important; } .rotate-77 { transform: rotate(77deg) !important; } .rotate-78 { transform: rotate(78deg) !important; } .rotate-79 { transform: rotate(79deg) !important; } .rotate-80 { transform: rotate(80deg) !important; } .rotate-81 { transform: rotate(81deg) !important; } .rotate-82 { transform: rotate(82deg) !important; } .rotate-83 { transform: rotate(83deg) !important; } .rotate-84 { transform: rotate(84deg) !important; } .rotate-85 { transform: rotate(85deg) !important; } .rotate-86 { transform: rotate(86deg) !important; } .rotate-87 { transform: rotate(87deg) !important; } .rotate-88 { transform: rotate(88deg) !important; } .rotate-89 { transform: rotate(89deg) !important; } .rotate-90 { transform: rotate(90deg) !important; } .rotate-91 { transform: rotate(91deg) !important; } .rotate-92 { transform: rotate(92deg) !important; } .rotate-93 { transform: rotate(93deg) !important; } .rotate-94 { transform: rotate(94deg) !important; } .rotate-95 { transform: rotate(95deg) !important; } .rotate-96 { transform: rotate(96deg) !important; } .rotate-97 { transform: rotate(97deg) !important; } .rotate-98 { transform: rotate(98deg) !important; } .rotate-99 { transform: rotate(99deg) !important; } .rotate-100 { transform: rotate(100deg) !important; } .rotate-101 { transform: rotate(101deg) !important; } .rotate-102 { transform: rotate(102deg) !important; } .rotate-103 { transform: rotate(103deg) !important; } .rotate-104 { transform: rotate(104deg) !important; } .rotate-105 { transform: rotate(105deg) !important; } .rotate-106 { transform: rotate(106deg) !important; } .rotate-107 { transform: rotate(107deg) !important; } .rotate-108 { transform: rotate(108deg) !important; } .rotate-109 { transform: rotate(109deg) !important; } .rotate-110 { transform: rotate(110deg) !important; } .rotate-111 { transform: rotate(111deg) !important; } .rotate-112 { transform: rotate(112deg) !important; } .rotate-113 { transform: rotate(113deg) !important; } .rotate-114 { transform: rotate(114deg) !important; } .rotate-115 { transform: rotate(115deg) !important; } .rotate-116 { transform: rotate(116deg) !important; } .rotate-117 { transform: rotate(117deg) !important; } .rotate-118 { transform: rotate(118deg) !important; } .rotate-119 { transform: rotate(119deg) !important; } .rotate-120 { transform: rotate(120deg) !important; } .rotate-121 { transform: rotate(121deg) !important; } .rotate-122 { transform: rotate(122deg) !important; } .rotate-123 { transform: rotate(123deg) !important; } .rotate-124 { transform: rotate(124deg) !important; } .rotate-125 { transform: rotate(125deg) !important; } .rotate-126 { transform: rotate(126deg) !important; } .rotate-127 { transform: rotate(127deg) !important; } .rotate-128 { transform: rotate(128deg) !important; } .rotate-129 { transform: rotate(129deg) !important; } .rotate-130 { transform: rotate(130deg) !important; } .rotate-131 { transform: rotate(131deg) !important; } .rotate-132 { transform: rotate(132deg) !important; } .rotate-133 { transform: rotate(133deg) !important; } .rotate-134 { transform: rotate(134deg) !important; } .rotate-135 { transform: rotate(135deg) !important; } .rotate-136 { transform: rotate(136deg) !important; } .rotate-137 { transform: rotate(137deg) !important; } .rotate-138 { transform: rotate(138deg) !important; } .rotate-139 { transform: rotate(139deg) !important; } .rotate-140 { transform: rotate(140deg) !important; } .rotate-141 { transform: rotate(141deg) !important; } .rotate-142 { transform: rotate(142deg) !important; } .rotate-143 { transform: rotate(143deg) !important; } .rotate-144 { transform: rotate(144deg) !important; } .rotate-145 { transform: rotate(145deg) !important; } .rotate-146 { transform: rotate(146deg) !important; } .rotate-147 { transform: rotate(147deg) !important; } .rotate-148 { transform: rotate(148deg) !important; } .rotate-149 { transform: rotate(149deg) !important; } .rotate-150 { transform: rotate(150deg) !important; } .rotate-151 { transform: rotate(151deg) !important; } .rotate-152 { transform: rotate(152deg) !important; } .rotate-153 { transform: rotate(153deg) !important; } .rotate-154 { transform: rotate(154deg) !important; } .rotate-155 { transform: rotate(155deg) !important; } .rotate-156 { transform: rotate(156deg) !important; } .rotate-157 { transform: rotate(157deg) !important; } .rotate-158 { transform: rotate(158deg) !important; } .rotate-159 { transform: rotate(159deg) !important; } .rotate-160 { transform: rotate(160deg) !important; } .rotate-161 { transform: rotate(161deg) !important; } .rotate-162 { transform: rotate(162deg) !important; } .rotate-163 { transform: rotate(163deg) !important; } .rotate-164 { transform: rotate(164deg) !important; } .rotate-165 { transform: rotate(165deg) !important; } .rotate-166 { transform: rotate(166deg) !important; } .rotate-167 { transform: rotate(167deg) !important; } .rotate-168 { transform: rotate(168deg) !important; } .rotate-169 { transform: rotate(169deg) !important; } .rotate-170 { transform: rotate(170deg) !important; } .rotate-171 { transform: rotate(171deg) !important; } .rotate-172 { transform: rotate(172deg) !important; } .rotate-173 { transform: rotate(173deg) !important; } .rotate-174 { transform: rotate(174deg) !important; } .rotate-175 { transform: rotate(175deg) !important; } .rotate-176 { transform: rotate(176deg) !important; } .rotate-177 { transform: rotate(177deg) !important; } .rotate-178 { transform: rotate(178deg) !important; } .rotate-179 { transform: rotate(179deg) !important; } .rotate-180 { transform: rotate(180deg) !important; } .rotate-181 { transform: rotate(181deg) !important; } .rotate-182 { transform: rotate(182deg) !important; } .rotate-183 { transform: rotate(183deg) !important; } .rotate-184 { transform: rotate(184deg) !important; } .rotate-185 { transform: rotate(185deg) !important; } .rotate-186 { transform: rotate(186deg) !important; } .rotate-187 { transform: rotate(187deg) !important; } .rotate-188 { transform: rotate(188deg) !important; } .rotate-189 { transform: rotate(189deg) !important; } .rotate-190 { transform: rotate(190deg) !important; } .rotate-191 { transform: rotate(191deg) !important; } .rotate-192 { transform: rotate(192deg) !important; } .rotate-193 { transform: rotate(193deg) !important; } .rotate-194 { transform: rotate(194deg) !important; } .rotate-195 { transform: rotate(195deg) !important; } .rotate-196 { transform: rotate(196deg) !important; } .rotate-197 { transform: rotate(197deg) !important; } .rotate-198 { transform: rotate(198deg) !important; } .rotate-199 { transform: rotate(199deg) !important; } .rotate-200 { transform: rotate(200deg) !important; } .rotate-201 { transform: rotate(201deg) !important; } .rotate-202 { transform: rotate(202deg) !important; } .rotate-203 { transform: rotate(203deg) !important; } .rotate-204 { transform: rotate(204deg) !important; } .rotate-205 { transform: rotate(205deg) !important; } .rotate-206 { transform: rotate(206deg) !important; } .rotate-207 { transform: rotate(207deg) !important; } .rotate-208 { transform: rotate(208deg) !important; } .rotate-209 { transform: rotate(209deg) !important; } .rotate-210 { transform: rotate(210deg) !important; } .rotate-211 { transform: rotate(211deg) !important; } .rotate-212 { transform: rotate(212deg) !important; } .rotate-213 { transform: rotate(213deg) !important; } .rotate-214 { transform: rotate(214deg) !important; } .rotate-215 { transform: rotate(215deg) !important; } .rotate-216 { transform: rotate(216deg) !important; } .rotate-217 { transform: rotate(217deg) !important; } .rotate-218 { transform: rotate(218deg) !important; } .rotate-219 { transform: rotate(219deg) !important; } .rotate-220 { transform: rotate(220deg) !important; } .rotate-221 { transform: rotate(221deg) !important; } .rotate-222 { transform: rotate(222deg) !important; } .rotate-223 { transform: rotate(223deg) !important; } .rotate-224 { transform: rotate(224deg) !important; } .rotate-225 { transform: rotate(225deg) !important; } .rotate-226 { transform: rotate(226deg) !important; } .rotate-227 { transform: rotate(227deg) !important; } .rotate-228 { transform: rotate(228deg) !important; } .rotate-229 { transform: rotate(229deg) !important; } .rotate-230 { transform: rotate(230deg) !important; } .rotate-231 { transform: rotate(231deg) !important; } .rotate-232 { transform: rotate(232deg) !important; } .rotate-233 { transform: rotate(233deg) !important; } .rotate-234 { transform: rotate(234deg) !important; } .rotate-235 { transform: rotate(235deg) !important; } .rotate-236 { transform: rotate(236deg) !important; } .rotate-237 { transform: rotate(237deg) !important; } .rotate-238 { transform: rotate(238deg) !important; } .rotate-239 { transform: rotate(239deg) !important; } .rotate-240 { transform: rotate(240deg) !important; } .rotate-241 { transform: rotate(241deg) !important; } .rotate-242 { transform: rotate(242deg) !important; } .rotate-243 { transform: rotate(243deg) !important; } .rotate-244 { transform: rotate(244deg) !important; } .rotate-245 { transform: rotate(245deg) !important; } .rotate-246 { transform: rotate(246deg) !important; } .rotate-247 { transform: rotate(247deg) !important; } .rotate-248 { transform: rotate(248deg) !important; } .rotate-249 { transform: rotate(249deg) !important; } .rotate-250 { transform: rotate(250deg) !important; } .rotate-251 { transform: rotate(251deg) !important; } .rotate-252 { transform: rotate(252deg) !important; } .rotate-253 { transform: rotate(253deg) !important; } .rotate-254 { transform: rotate(254deg) !important; } .rotate-255 { transform: rotate(255deg) !important; } .rotate-256 { transform: rotate(256deg) !important; } .rotate-257 { transform: rotate(257deg) !important; } .rotate-258 { transform: rotate(258deg) !important; } .rotate-259 { transform: rotate(259deg) !important; } .rotate-260 { transform: rotate(260deg) !important; } .rotate-261 { transform: rotate(261deg) !important; } .rotate-262 { transform: rotate(262deg) !important; } .rotate-263 { transform: rotate(263deg) !important; } .rotate-264 { transform: rotate(264deg) !important; } .rotate-265 { transform: rotate(265deg) !important; } .rotate-266 { transform: rotate(266deg) !important; } .rotate-267 { transform: rotate(267deg) !important; } .rotate-268 { transform: rotate(268deg) !important; } .rotate-269 { transform: rotate(269deg) !important; } .rotate-270 { transform: rotate(270deg) !important; } .rotate-271 { transform: rotate(271deg) !important; } .rotate-272 { transform: rotate(272deg) !important; } .rotate-273 { transform: rotate(273deg) !important; } .rotate-274 { transform: rotate(274deg) !important; } .rotate-275 { transform: rotate(275deg) !important; } .rotate-276 { transform: rotate(276deg) !important; } .rotate-277 { transform: rotate(277deg) !important; } .rotate-278 { transform: rotate(278deg) !important; } .rotate-279 { transform: rotate(279deg) !important; } .rotate-280 { transform: rotate(280deg) !important; } .rotate-281 { transform: rotate(281deg) !important; } .rotate-282 { transform: rotate(282deg) !important; } .rotate-283 { transform: rotate(283deg) !important; } .rotate-284 { transform: rotate(284deg) !important; } .rotate-285 { transform: rotate(285deg) !important; } .rotate-286 { transform: rotate(286deg) !important; } .rotate-287 { transform: rotate(287deg) !important; } .rotate-288 { transform: rotate(288deg) !important; } .rotate-289 { transform: rotate(289deg) !important; } .rotate-290 { transform: rotate(290deg) !important; } .rotate-291 { transform: rotate(291deg) !important; } .rotate-292 { transform: rotate(292deg) !important; } .rotate-293 { transform: rotate(293deg) !important; } .rotate-294 { transform: rotate(294deg) !important; } .rotate-295 { transform: rotate(295deg) !important; } .rotate-296 { transform: rotate(296deg) !important; } .rotate-297 { transform: rotate(297deg) !important; } .rotate-298 { transform: rotate(298deg) !important; } .rotate-299 { transform: rotate(299deg) !important; } .rotate-300 { transform: rotate(300deg) !important; } .rotate-301 { transform: rotate(301deg) !important; } .rotate-302 { transform: rotate(302deg) !important; } .rotate-303 { transform: rotate(303deg) !important; } .rotate-304 { transform: rotate(304deg) !important; } .rotate-305 { transform: rotate(305deg) !important; } .rotate-306 { transform: rotate(306deg) !important; } .rotate-307 { transform: rotate(307deg) !important; } .rotate-308 { transform: rotate(308deg) !important; } .rotate-309 { transform: rotate(309deg) !important; } .rotate-310 { transform: rotate(310deg) !important; } .rotate-311 { transform: rotate(311deg) !important; } .rotate-312 { transform: rotate(312deg) !important; } .rotate-313 { transform: rotate(313deg) !important; } .rotate-314 { transform: rotate(314deg) !important; } .rotate-315 { transform: rotate(315deg) !important; } .rotate-316 { transform: rotate(316deg) !important; } .rotate-317 { transform: rotate(317deg) !important; } .rotate-318 { transform: rotate(318deg) !important; } .rotate-319 { transform: rotate(319deg) !important; } .rotate-320 { transform: rotate(320deg) !important; } .rotate-321 { transform: rotate(321deg) !important; } .rotate-322 { transform: rotate(322deg) !important; } .rotate-323 { transform: rotate(323deg) !important; } .rotate-324 { transform: rotate(324deg) !important; } .rotate-325 { transform: rotate(325deg) !important; } .rotate-326 { transform: rotate(326deg) !important; } .rotate-327 { transform: rotate(327deg) !important; } .rotate-328 { transform: rotate(328deg) !important; } .rotate-329 { transform: rotate(329deg) !important; } .rotate-330 { transform: rotate(330deg) !important; } .rotate-331 { transform: rotate(331deg) !important; } .rotate-332 { transform: rotate(332deg) !important; } .rotate-333 { transform: rotate(333deg) !important; } .rotate-334 { transform: rotate(334deg) !important; } .rotate-335 { transform: rotate(335deg) !important; } .rotate-336 { transform: rotate(336deg) !important; } .rotate-337 { transform: rotate(337deg) !important; } .rotate-338 { transform: rotate(338deg) !important; } .rotate-339 { transform: rotate(339deg) !important; } .rotate-340 { transform: rotate(340deg) !important; } .rotate-341 { transform: rotate(341deg) !important; } .rotate-342 { transform: rotate(342deg) !important; } .rotate-343 { transform: rotate(343deg) !important; } .rotate-344 { transform: rotate(344deg) !important; } .rotate-345 { transform: rotate(345deg) !important; } .rotate-346 { transform: rotate(346deg) !important; } .rotate-347 { transform: rotate(347deg) !important; } .rotate-348 { transform: rotate(348deg) !important; } .rotate-349 { transform: rotate(349deg) !important; } .rotate-350 { transform: rotate(350deg) !important; } .rotate-351 { transform: rotate(351deg) !important; } .rotate-352 { transform: rotate(352deg) !important; } .rotate-353 { transform: rotate(353deg) !important; } .rotate-354 { transform: rotate(354deg) !important; } .rotate-355 { transform: rotate(355deg) !important; } .rotate-356 { transform: rotate(356deg) !important; } .rotate-357 { transform: rotate(357deg) !important; } .rotate-358 { transform: rotate(358deg) !important; } .rotate-359 { transform: rotate(359deg) !important; } .rotate-360 { transform: rotate(360deg) !important; } .rotate-361 { transform: rotate(361deg) !important; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } .no-resize { resize: none; } .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } .font-line-through { text-decoration: line-through; } .font-overline { text-decoration: overline; } .block-header h2, .block-header .h2 { margin: 0 !important; color: #666 !important; font-weight: normal; font-size: 22px; line-height: 46px; } .block-header h2 small, .block-header .h2 small, .block-header h2 .small, .block-header .h2 .small { display: block; font-size: 12px; margin-top: 8px; color: #888; } .block-header h2 small a, .block-header .h2 small a, .block-header h2 .small a, .block-header .h2 .small a { font-weight: bold; color: #777; } .bg-red { background-color: #f44336 !important; color: #fff; } .bg-red .content .text, .bg-red .content .number { color: #fff !important; } .bg-pink { background-color: #e91e63 !important; color: #fff; } .bg-pink .content .text, .bg-pink .content .number { color: #fff !important; } .bg-purple { background-color: #9c27b0 !important; color: #fff; } .bg-purple .content .text, .bg-purple .content .number { color: #fff !important; } .bg-indigo { background-color: #3f51b5 !important; color: #fff; } .bg-indigo .content .text, .bg-indigo .content .number { color: #fff !important; } .bg-blue { background-color: #2196f3 !important; color: #fff; } .bg-blue .content .text, .bg-blue .content .number { color: #fff !important; } .bg-cyan { background-color: #00bcd4 !important; color: #fff; } .bg-cyan .content .text, .bg-cyan .content .number { color: #fff !important; } .bg-teal { background-color: #009688 !important; color: #fff; } .bg-teal .content .text, .bg-teal .content .number { color: #fff !important; } .bg-green { background-color: #4caf50 !important; color: #fff; } .bg-green .content .text, .bg-green .content .number { color: #fff !important; } .bg-yellow { background-color: #ffe821 !important; color: #fff; } .bg-yellow .content .text, .bg-yellow .content .number { color: #fff !important; } .bg-orange { background-color: #ff9800 !important; color: #fff; } .bg-orange .content .text, .bg-orange .content .number { color: #fff !important; } .bg-deep-orange { background-color: #ff5722 !important; color: #fff; } .bg-deep-orange .content .text, .bg-deep-orange .content .number { color: #fff !important; } .bg-brown { background-color: #795548 !important; color: #fff; } .bg-brown .content .text, .bg-brown .content .number { color: #fff !important; } .bg-grey { background-color: #9e9e9e !important; color: #fff; } .bg-grey .content .text, .bg-grey .content .number { color: #fff !important; } .bg-light-grey { background-color: rgba(221, 221, 221, 0.231372549) !important; color: #fff; } .bg-light-grey .content .text, .bg-light-grey .content .number { color: #fff !important; } .bg-gray { background-color: rgba(163, 153, 153, 0.231372549) !important; color: #fff; } .bg-gray .content .text, .bg-gray .content .number { color: #fff !important; } .bg-black { background-color: #000000 !important; color: #fff; } .bg-black .content .text, .bg-black .content .number { color: #fff !important; } .bg-white { background-color: #ffffff !important; color: #fff; } .bg-white .content .text, .bg-white .content .number { color: #fff !important; } .bg-amber { background-color: #ffc107 !important; color: #fff; } .bg-amber .content .text, .bg-amber .content .number { color: #fff !important; } .bg-dash-primary { background-color: #6750a4 !important; color: #fff; } .bg-dash-primary .content .text, .bg-dash-primary .content .number { color: #fff !important; } .bg-dash-aqua { background-color: #65d3bb !important; color: #fff; } .bg-dash-aqua .content .text, .bg-dash-aqua .content .number { color: #fff !important; } .bg-dash-light-green { background-color: #e9ffd5 !important; color: #fff; } .bg-dash-light-green .content .text, .bg-dash-light-green .content .number { color: #fff !important; } .bg-dash-light-pink { background-color: #fee6dd !important; color: #fff; } .bg-dash-light-pink .content .text, .bg-dash-light-pink .content .number { color: #fff !important; } .bg-dash-light-pink2 { background-color: #f9e2fc !important; color: #fff; } .bg-dash-light-pink2 .content .text, .bg-dash-light-pink2 .content .number { color: #fff !important; } .bg-primary-light { background-color: #e8def8 !important; color: #fff; } .bg-primary-light .content .text, .bg-primary-light .content .number { color: #fff !important; } .bg-light-red { background-color: #f4695f !important; color: #fff; } .bg-light-red .content .text, .bg-light-red .content .number { color: #fff !important; } .bg-dark-red { background-color: #c50000 !important; color: #fff; } .bg-dark-red .content .text, .bg-dark-red .content .number { color: #fff !important; } .bg-dark-green { background-color: #03703c !important; color: #fff; } .bg-dark-green .content .text, .bg-dark-green .content .number { color: #fff !important; } .l-bg-green { background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important; color: #fff; } .l-bg-green .content .text, .l-bg-green .content .number { color: #fff !important; } .l-bg-green-dark { background: linear-gradient(135deg, #23bdb8 0, #65a986 100%) !important; color: #fff; } .l-bg-green-dark .content .text, .l-bg-green-dark .content .number { color: #fff !important; } .l-bg-orange { background: linear-gradient(135deg, #f48665 0%, #fda23f 100%) !important; color: #fff; } .l-bg-orange .content .text, .l-bg-orange .content .number { color: #fff !important; } .l-bg-orange-dark { background: linear-gradient(135deg, #f48665 0, #d68e41 100%) !important; color: #fff; } .l-bg-orange-dark .content .text, .l-bg-orange-dark .content .number { color: #fff !important; } .l-bg-cyan { background: linear-gradient(135deg, #289cf5, #84c0ec) !important; color: #fff; } .l-bg-cyan .content .text, .l-bg-cyan .content .number { color: #fff !important; } .l-bg-cyan-dark { background: linear-gradient(135deg, #289cf5, #4f8bb7) !important; color: #fff; } .l-bg-cyan-dark .content .text, .l-bg-cyan-dark .content .number { color: #fff !important; } .l-bg-red { background: linear-gradient(to right, #a77ffc 0%, #ff6eac 100%) !important; color: #fff; } .l-bg-red .content .text, .l-bg-red .content .number { color: #fff !important; } .l-bg-purple { background: linear-gradient(135deg, #9a56ff 0%, #e36cd9 100%) !important; color: #fff; } .l-bg-purple .content .text, .l-bg-purple .content .number { color: #fff !important; } .l-bg-purple-dark { background: linear-gradient(135deg, #8e4cf1 0, #c554bc 100%) !important; color: #fff; } .l-bg-purple-dark .content .text, .l-bg-purple-dark .content .number { color: #fff !important; } .l-bg-yellow { background: linear-gradient(to right, #f6e384, #ffd500) !important; color: #fff; } .l-bg-yellow .content .text, .l-bg-yellow .content .number { color: #fff !important; } .l-bg-card1 { background: linear-gradient(to left, #3a7bd5, #3a6073) !important; color: #fff; } .l-bg-card1 .content .text, .l-bg-card1 .content .number { color: #fff !important; } .l-bg-card2 { background: linear-gradient(to right, #c33764, #1d2671) !important; color: #fff; } .l-bg-card2 .content .text, .l-bg-card2 .content .number { color: #fff !important; } .l-bg-card3 { background: linear-gradient(to left, #134e5e, #71b280) !important; color: #fff; } .l-bg-card3 .content .text, .l-bg-card3 .content .number { color: #fff !important; } .l-bg-card4 { background: linear-gradient(to left, #d38312, #a83279) !important; color: #fff; } .l-bg-card4 .content .text, .l-bg-card4 .content .number { color: #fff !important; } .col-red { color: #f44336 !important; } .col-pink { color: #e91e63 !important; } .col-purple { color: #9c27b0 !important; } .col-indigo { color: #3f51b5 !important; } .col-blue { color: #2196f3 !important; } .col-cyan { color: #00bcd4 !important; } .col-teal { color: #009688 !important; } .col-green { color: #4caf50 !important; } .col-yellow { color: #ffe821 !important; } .col-orange { color: #ff9800 !important; } .col-deep-orange { color: #ff5722 !important; } .col-brown { color: #795548 !important; } .col-grey { color: #9e9e9e !important; } .col-light-grey { color: rgba(221, 221, 221, 0.231372549) !important; } .col-gray { color: rgba(163, 153, 153, 0.231372549) !important; } .col-black { color: #000000 !important; } .col-white { color: #ffffff !important; } .col-amber { color: #ffc107 !important; } .col-dash-primary { color: #6750a4 !important; } .col-dash-aqua { color: #65d3bb !important; } .col-dash-light-green { color: #e9ffd5 !important; } .col-dash-light-pink { color: #fee6dd !important; } .col-dash-light-pink2 { color: #f9e2fc !important; } .col-primary-light { color: #e8def8 !important; } .col-light-red { color: #f4695f !important; } .col-dark-red { color: #c50000 !important; } .col-dark-green { color: #03703c !important; } .width-per-0 { width: 0%; } .tbl-col-width-per-0 { max-width: 0%; } .width-per-1 { width: 1%; } .tbl-col-width-per-1 { max-width: 1%; } .width-per-2 { width: 2%; } .tbl-col-width-per-2 { max-width: 2%; } .width-per-3 { width: 3%; } .tbl-col-width-per-3 { max-width: 3%; } .width-per-4 { width: 4%; } .tbl-col-width-per-4 { max-width: 4%; } .width-per-5 { width: 5%; } .tbl-col-width-per-5 { max-width: 5%; } .width-per-6 { width: 6%; } .tbl-col-width-per-6 { max-width: 6%; } .width-per-7 { width: 7%; } .tbl-col-width-per-7 { max-width: 7%; } .width-per-8 { width: 8%; } .tbl-col-width-per-8 { max-width: 8%; } .width-per-9 { width: 9%; } .tbl-col-width-per-9 { max-width: 9%; } .width-per-10 { width: 10%; } .tbl-col-width-per-10 { max-width: 10%; } .width-per-11 { width: 11%; } .tbl-col-width-per-11 { max-width: 11%; } .width-per-12 { width: 12%; } .tbl-col-width-per-12 { max-width: 12%; } .width-per-13 { width: 13%; } .tbl-col-width-per-13 { max-width: 13%; } .width-per-14 { width: 14%; } .tbl-col-width-per-14 { max-width: 14%; } .width-per-15 { width: 15%; } .tbl-col-width-per-15 { max-width: 15%; } .width-per-16 { width: 16%; } .tbl-col-width-per-16 { max-width: 16%; } .width-per-17 { width: 17%; } .tbl-col-width-per-17 { max-width: 17%; } .width-per-18 { width: 18%; } .tbl-col-width-per-18 { max-width: 18%; } .width-per-19 { width: 19%; } .tbl-col-width-per-19 { max-width: 19%; } .width-per-20 { width: 20%; } .tbl-col-width-per-20 { max-width: 20%; } .width-per-21 { width: 21%; } .tbl-col-width-per-21 { max-width: 21%; } .width-per-22 { width: 22%; } .tbl-col-width-per-22 { max-width: 22%; } .width-per-23 { width: 23%; } .tbl-col-width-per-23 { max-width: 23%; } .width-per-24 { width: 24%; } .tbl-col-width-per-24 { max-width: 24%; } .width-per-25 { width: 25%; } .tbl-col-width-per-25 { max-width: 25%; } .width-per-26 { width: 26%; } .tbl-col-width-per-26 { max-width: 26%; } .width-per-27 { width: 27%; } .tbl-col-width-per-27 { max-width: 27%; } .width-per-28 { width: 28%; } .tbl-col-width-per-28 { max-width: 28%; } .width-per-29 { width: 29%; } .tbl-col-width-per-29 { max-width: 29%; } .width-per-30 { width: 30%; } .tbl-col-width-per-30 { max-width: 30%; } .width-per-31 { width: 31%; } .tbl-col-width-per-31 { max-width: 31%; } .width-per-32 { width: 32%; } .tbl-col-width-per-32 { max-width: 32%; } .width-per-33 { width: 33%; } .tbl-col-width-per-33 { max-width: 33%; } .width-per-34 { width: 34%; } .tbl-col-width-per-34 { max-width: 34%; } .width-per-35 { width: 35%; } .tbl-col-width-per-35 { max-width: 35%; } .width-per-36 { width: 36%; } .tbl-col-width-per-36 { max-width: 36%; } .width-per-37 { width: 37%; } .tbl-col-width-per-37 { max-width: 37%; } .width-per-38 { width: 38%; } .tbl-col-width-per-38 { max-width: 38%; } .width-per-39 { width: 39%; } .tbl-col-width-per-39 { max-width: 39%; } .width-per-40 { width: 40%; } .tbl-col-width-per-40 { max-width: 40%; } .width-per-41 { width: 41%; } .tbl-col-width-per-41 { max-width: 41%; } .width-per-42 { width: 42%; } .tbl-col-width-per-42 { max-width: 42%; } .width-per-43 { width: 43%; } .tbl-col-width-per-43 { max-width: 43%; } .width-per-44 { width: 44%; } .tbl-col-width-per-44 { max-width: 44%; } .width-per-45 { width: 45%; } .tbl-col-width-per-45 { max-width: 45%; } .width-per-46 { width: 46%; } .tbl-col-width-per-46 { max-width: 46%; } .width-per-47 { width: 47%; } .tbl-col-width-per-47 { max-width: 47%; } .width-per-48 { width: 48%; } .tbl-col-width-per-48 { max-width: 48%; } .width-per-49 { width: 49%; } .tbl-col-width-per-49 { max-width: 49%; } .width-per-50 { width: 50%; } .tbl-col-width-per-50 { max-width: 50%; } .width-per-51 { width: 51%; } .tbl-col-width-per-51 { max-width: 51%; } .width-per-52 { width: 52%; } .tbl-col-width-per-52 { max-width: 52%; } .width-per-53 { width: 53%; } .tbl-col-width-per-53 { max-width: 53%; } .width-per-54 { width: 54%; } .tbl-col-width-per-54 { max-width: 54%; } .width-per-55 { width: 55%; } .tbl-col-width-per-55 { max-width: 55%; } .width-per-56 { width: 56%; } .tbl-col-width-per-56 { max-width: 56%; } .width-per-57 { width: 57%; } .tbl-col-width-per-57 { max-width: 57%; } .width-per-58 { width: 58%; } .tbl-col-width-per-58 { max-width: 58%; } .width-per-59 { width: 59%; } .tbl-col-width-per-59 { max-width: 59%; } .width-per-60 { width: 60%; } .tbl-col-width-per-60 { max-width: 60%; } .width-per-61 { width: 61%; } .tbl-col-width-per-61 { max-width: 61%; } .width-per-62 { width: 62%; } .tbl-col-width-per-62 { max-width: 62%; } .width-per-63 { width: 63%; } .tbl-col-width-per-63 { max-width: 63%; } .width-per-64 { width: 64%; } .tbl-col-width-per-64 { max-width: 64%; } .width-per-65 { width: 65%; } .tbl-col-width-per-65 { max-width: 65%; } .width-per-66 { width: 66%; } .tbl-col-width-per-66 { max-width: 66%; } .width-per-67 { width: 67%; } .tbl-col-width-per-67 { max-width: 67%; } .width-per-68 { width: 68%; } .tbl-col-width-per-68 { max-width: 68%; } .width-per-69 { width: 69%; } .tbl-col-width-per-69 { max-width: 69%; } .width-per-70 { width: 70%; } .tbl-col-width-per-70 { max-width: 70%; } .width-per-71 { width: 71%; } .tbl-col-width-per-71 { max-width: 71%; } .width-per-72 { width: 72%; } .tbl-col-width-per-72 { max-width: 72%; } .width-per-73 { width: 73%; } .tbl-col-width-per-73 { max-width: 73%; } .width-per-74 { width: 74%; } .tbl-col-width-per-74 { max-width: 74%; } .width-per-75 { width: 75%; } .tbl-col-width-per-75 { max-width: 75%; } .width-per-76 { width: 76%; } .tbl-col-width-per-76 { max-width: 76%; } .width-per-77 { width: 77%; } .tbl-col-width-per-77 { max-width: 77%; } .width-per-78 { width: 78%; } .tbl-col-width-per-78 { max-width: 78%; } .width-per-79 { width: 79%; } .tbl-col-width-per-79 { max-width: 79%; } .width-per-80 { width: 80%; } .tbl-col-width-per-80 { max-width: 80%; } .width-per-81 { width: 81%; } .tbl-col-width-per-81 { max-width: 81%; } .width-per-82 { width: 82%; } .tbl-col-width-per-82 { max-width: 82%; } .width-per-83 { width: 83%; } .tbl-col-width-per-83 { max-width: 83%; } .width-per-84 { width: 84%; } .tbl-col-width-per-84 { max-width: 84%; } .width-per-85 { width: 85%; } .tbl-col-width-per-85 { max-width: 85%; } .width-per-86 { width: 86%; } .tbl-col-width-per-86 { max-width: 86%; } .width-per-87 { width: 87%; } .tbl-col-width-per-87 { max-width: 87%; } .width-per-88 { width: 88%; } .tbl-col-width-per-88 { max-width: 88%; } .width-per-89 { width: 89%; } .tbl-col-width-per-89 { max-width: 89%; } .width-per-90 { width: 90%; } .tbl-col-width-per-90 { max-width: 90%; } .width-per-91 { width: 91%; } .tbl-col-width-per-91 { max-width: 91%; } .width-per-92 { width: 92%; } .tbl-col-width-per-92 { max-width: 92%; } .width-per-93 { width: 93%; } .tbl-col-width-per-93 { max-width: 93%; } .width-per-94 { width: 94%; } .tbl-col-width-per-94 { max-width: 94%; } .width-per-95 { width: 95%; } .tbl-col-width-per-95 { max-width: 95%; } .width-per-96 { width: 96%; } .tbl-col-width-per-96 { max-width: 96%; } .width-per-97 { width: 97%; } .tbl-col-width-per-97 { max-width: 97%; } .width-per-98 { width: 98%; } .tbl-col-width-per-98 { max-width: 98%; } .width-per-99 { width: 99%; } .tbl-col-width-per-99 { max-width: 99%; } .width-per-100 { width: 100%; } .tbl-col-width-per-100 { max-width: 100%; } .z-index-1 { z-index: 1; } .z-index-2 { z-index: 2; } .z-index-3 { z-index: 3; } .w-fit-content { width: -moz-fit-content; width: fit-content; } .w-120 { width: 120px !important; } .nowrap { white-space: nowrap; } /* * Document : _media.scss * Author : RedStar Template * Description: This scss file for media queries classes */ @media (max-width: 1169px) { .sidemenu-collapse { display: none !important; } section.content { margin: 60px 15px 0 0px; } .search-box { margin-left: 25px; } .side-closed.submenu-closed .navbar-header { width: 260px !important; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: inline-block !important; } } @media (max-width: 800px) { .responsive_table { overflow-x: auto !important; } .mat-table { min-width: 800px; } } @media (max-width: 799px) { .navbar .search-box { margin-left: 20px; } .navbar .nav > li > a { padding: 10px 10px; } } @media (min-width: 768px) { .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-toggle { display: none; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .container > .navbar-header { margin-right: 0; margin-left: 0; } .container > .navbar-collapse { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: 0; margin-left: 0; } .navbar > .container .navbar-brand { margin-left: -15px; } .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: -15px; } } .container > .navbar-header { margin-right: -15px; margin-left: -15px; } .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: -15px; margin-left: -15px; border-right: 1px solid #f2f4f9; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (max-width: 767px) { .navbar { height: auto; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 30px; width: 88%; margin-right: 0; } .navbar .navbar-toggle { float: right; } .navbar .nav-left-menu { display: none; } .navbar .navbar-right .fullscreen { display: none; } .navbar .navbar-header { display: inline-block; width: calc(100% + 30px); float: left; } .navbar .nav > li { display: inline-block; } .navbar .nav > li > a { padding: 13px 15px 8px 15px; } .navbar .nav > li > a.js-right-sidebar { padding: 9px 8px 8px 15px; } .navbar .navbar-nav { margin-bottom: 1px; margin-left: -7px; } .navbar .navbar-nav .open .dropdown-menu { background-color: #fff; position: absolute; } .navbar .dropdown-menu { margin-left: -50px; } .side-closed.submenu-closed .navbar-header { width: calc(100% + 30px) !important; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: inline-block !important; } .dt-buttons { float: none !important; text-align: center; margin-bottom: 15px; } .panel-switch-btn { top: 12px; right: 0 !important; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } section.content, body.ls-closed section.content { margin-right: 0px; margin-left: 0px; } } @media (max-width: 600px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { /*width: 86%;*/ } .navbar .navbar-header { margin-bottom: 0; } .navbar .navbar-toggle:before { margin-top: 2px; float: left; } .navbar .nav-notification-icons { margin-top: 7px; } .ls-closed .bars:after, .ls-closed .bars:before { margin-top: 2px; } } @media (max-width: 500px) { .navbar-nav.nav .dropdown-menu { width: 245px; right: -80px; } .navbar-nav.nav .dropdown-menu::before { right: 95px; } .navbar-nav.nav .dropdown-menu::after { right: 96px; } .navbar-nav.nav .user_profile .dropdown-menu::before { right: 19px; } .navbar-nav.nav .user_profile .dropdown-menu::after { right: 20px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 28px; width: 84%; } .breadcrumb-chart { margin: 0 0 0 20px; } .search-box { display: none; } full-calendar > div.fc-toolbar { display: block !important; } } @media (max-width: 420px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { width: 79%; } } @media (max-width: 350px) { .navbar .nav > li > a { padding: 13px 10px 8px 10px; } .navbar .nav > li > a.js-right-sidebar { padding: 9px 10px 8px 10px; } .navbar .nav .user_profile .dropdown-toggle { padding: 7px 0px 9px 10px; } .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } } @media (min-width: 992px) and (max-width: 1169px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } } /* * Document : _animation.scss * Author : RedStar Template * Description: This scss file for animation css classes */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: transparent; transition: all 0.5s ease-out; transition-property: transform, opacity; transform: scale(0) translate(0, 0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } .waves-notransition { transition: none !important; } .waves-button, .waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%); } .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } .waves-button-input { margin: 0; padding: 0.85em 1.1em; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper.waves-button { padding: 0; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .waves-float { -webkit-mask-image: none; box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); transition: all 300ms; } .waves-float:active { box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } .waves-block { display: block; } .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50% { transform: translateY(-8%); } 65% { transform: translateY(4%); } 80% { transform: translateY(-4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60% { transform: translateY(-100%) scaleY(1.1); } 70% { transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { transform: translateY(0%) scaleY(1) scaleX(1); } } .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } .rtl { direction: rtl; text-align: right; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } .rtl .navbar-nav.navbar-right { float: left !important; margin-left: 0px; margin-right: unset; display: flex !important; flex-direction: unset; } .rtl .navbar-nav .dropdown-menu { left: 0; right: auto !important; } .rtl .navbar-nav .dropdown-menu::before { left: 19px; right: unset; } .rtl .navbar-nav .dropdown-menu::after { left: 20px; right: unset; } .rtl .navbar-nav > li .js-right-sidebar { margin-left: 0px; margin-right: 0; } .rtl .navbar-nav .user_profile .user_dw_menu li i { float: right; padding-left: 5px; } .rtl section.content { margin: 35px 260px 0px 15px; min-height: calc(100vh - 76px); transition: 0.5s; } .rtl section.content .content-block { padding: 25px 25px 0px 0px; } .rtl .breadcrumb-main .page-title { border-right: none; padding-right: 0px; } .rtl .breadcrumb-main .page-title:after { display: none; } .rtl .breadcrumb-main .breadcrumb-list { float: left; } .rtl .breadcrumb-main li a .fa-home { float: right; padding-right: 10px; padding-left: unset; } .rtl .breadcrumb-main .breadcrumb-item + .breadcrumb-item { padding-right: 5px; padding-left: unset; } .rtl .breadcrumb-main .breadcrumb-item + .breadcrumb-item:after { content: "\f104"; font-family: "Font Awesome 6 Free"; font-size: 14px; font-weight: 900; padding-left: 0.5rem; } .rtl .breadcrumb-main .breadcrumb-item + .breadcrumb-item:before { display: none; } .rtl .sidebar { right: 0; } .rtl .sidebar .menu .list .menu-toggle:after { left: 17px; right: unset; } .rtl .sidebar .menu .list .menu-toggle:before { left: 17px; right: unset; content: "\f053"; font-family: "Font Awesome 6 Free"; } .rtl .sidebar .menu .list a { padding: 9px 9px 9px 9px; } .rtl .sidebar .menu .list a span { margin: 7px 12px 7px 0; } .rtl .sidebar .menu .list a .mat-button-wrapper { margin: 7px 0 7px 12px; } .rtl .sidebar .menu .list .ml-menu li a { padding-right: 55px; padding-top: 7px; padding-bottom: 7px; margin-right: 0; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 { padding-right: 55px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li a { padding-right: 20px; padding-top: 4px; padding-bottom: 4px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-3 { padding-right: 20px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-3 li a { padding-right: 20px; padding-top: 4px; padding-bottom: 4px; } .rtl .sidebar .menu .list .ml-sub-menu:after, .rtl .sidebar .menu .list .ml-sub-menu:before { left: 17px; right: unset; } .rtl .sidebar .menu .list .header { margin: 15px 35px 5px 0 !important; } .rtl .sidebar .menu .list .ml-sub-menu2:after, .rtl .sidebar .menu .list .ml-sub-menu2:before { left: 17px; right: unset; } .rtl .sidebar .sidebar-badge { left: 35px; right: unset; } .rtl .sidemenu-reorder { float: right; } .rtl .form-check .form-check-label { padding-right: 30px; } .rtl .form-check .form-check-sign { left: unset; right: 0px; padding-right: 0px; } .rtl .mat-radio-button ~ .mat-radio-button { margin-right: 16px; } @media (min-width: 768px) { .rtl .navbar-header { float: right; } } .rtl .msl-1 { margin-right: 0.25rem !important; margin-left: unset !important; } .rtl .msl-2 { margin-right: 0.5rem !important; margin-left: unset !important; } .rtl .msl-3 { margin-right: 1rem !important; margin-left: unset !important; } .rtl .msl-4 { margin-right: 1.5rem !important; margin-left: unset !important; } .rtl .msl-5 { margin-right: 3rem !important; margin-left: unset !important; } .rtl .msr-1 { margin-left: 0.25rem !important; margin-right: unset !important; } .rtl .msr-2 { margin-left: 0.5rem !important; margin-right: unset !important; } .rtl .msr-3 { margin-left: 1rem !important; margin-right: unset !important; } .rtl .msr-4 { margin-left: 1.5rem !important; margin-right: unset !important; } .rtl .msr-5 { margin-left: 3rem !important; margin-right: unset !important; } .rtl .psl-1 { padding-right: 0.25rem !important; padding-left: unset !important; } .rtl .psl-2 { padding-right: 0.5rem !important; padding-left: unset !important; } .rtl .psl-3 { padding-right: 1rem !important; padding-left: unset !important; } .rtl .psl-4 { padding-right: 1.5rem !important; padding-left: unset !important; } .rtl .psl-5 { padding-right: 3rem !important; padding-left: unset !important; } .rtl .psr-1 { padding-left: 0.25rem !important; padding-right: unset !important; } .rtl .psr-2 { padding-left: 0.5rem !important; padding-right: unset !important; } .rtl .psr-3 { padding-left: 1rem !important; padding-right: unset !important; } .rtl .psr-4 { padding-left: 1.5rem !important; padding-right: unset !important; } .rtl .psr-5 { padding-left: 3rem !important; padding-right: unset !important; } .rtl.side-closed.side-closed-hover section.content { margin-right: 260px; margin-left: 15px; } .rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a { padding-right: 55px; } .rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a :before { padding-right: 40px; } .rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 { padding-right: 55px; } .rtl.side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 li a { padding-right: 20px; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li i { float: right; line-height: 2rem; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li span { display: block; float: right; } .rtl.side-closed section.content { margin-right: 60px; margin-left: 15px; } .rtl .card .header .header-dropdown { left: 0px; right: unset; } .rtl .dropdown-menu ul.menu .msg-user { float: right; } .rtl .dropdown-menu ul.menu .menu-info { right: 10px; float: right; text-align: right; } .rtl .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { float: right; margin-left: 3px; } .rtl .dropdown-menu ul.menu li a { float: right; } .rtl .right-sidebar.open { left: 0; right: unset; } .rtl .right-sidebar .rightSidebarClose { right: 5px; left: unset; } .rtl .collapse-menu-icon { float: right !important; } .rtl .list-unstyled { padding-right: 0; } .rtl .review-img { padding-left: 0 !important; padding-right: 20px; } .rtl .progress-percent { float: left !important; } .rtl .todo-actionlist { left: 0; } .rtl .ngxTableHeader .header-buttons-left { right: -15px; } .rtl .ngxTableHeader .header-buttons-left li { margin-right: 10px; } .rtl .ngxTableHeader .header-buttons-left .search-icon { left: 0; } .rtl .ngxTableHeader .header-buttons { left: 35px; right: unset; } .rtl #mail-nav #mail-folders { padding-right: 0; } .rtl #mail-nav #mail-folders .badge { float: left; } .rtl #mail-nav #mail-labels { padding-right: 0; } .rtl #mail-nav #online-offline { padding-right: 0; } .rtl .chat .chat-header img { float: right; } .rtl .chat .chat-header .chat-about { float: right; padding-right: 10px; } .rtl .chat .chat-history .my-message:after { right: 7%; } .rtl .owl-carousel { direction: ltr; } .rtl .owl-carousel .owl-item { direction: rtl; } .rtl .bx-wrapper { direction: ltr; } .rtl .lg-outer { direction: ltr; } .rtl .rightSetting p { text-align: right; } .rtl .sidebar .menu .list { padding-right: 0; } .rtl .sidebar .menu .list .active .ml-menu { margin-right: 0; padding-left: 0px; } .rtl .sidebar .menu .list .ml-menu { padding-right: 0; } .rtl .sidebar .menu .list .ml-menu li.active .ml-menu:before { right: 10%; content: "\f104"; font-family: "Font Awesome 6 Free"; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li.active a:not(.menu-toggle):before { right: 0px; } .rtl .notice-board .notice-body { padding: 0 10px 5px 0; } .rtl .ngx-datatable.material .datatable-footer .datatable-pager { text-align: left; } .rtl .people-list img { float: right; } .rtl .cd-timeline-img img { right: 10%; } .rtl .navbar-header .bars:before { right: 10px; left: unset; } .rtl .navbar-brand span { padding-left: unset; padding-right: 10px; } .rtl .dropdown-menu ul.menu { padding-right: 0; } .rtl .navbar-nav .user_profile .user_dw_menu { padding-right: 0; text-align: right; } .rtl .progress-list .status { left: 0; right: unset; } .rtl .to-do-list { padding-right: 0px; } .rtl .materialTableHeader .header-buttons { left: 20px; right: unset; } .rtl .materialTableHeader .header-buttons-left { padding-right: 0px; } .rtl .materialTableHeader .header-buttons-left .search-icon { left: 0px; } .rtl .materialTableHeader .header-buttons-left input.search-field { margin-right: 20px; } .rtl #mail-nav #mail-labels li { float: right; } .rtl #mail-nav #online-offline .material-icons { padding: 0px 5px 2px 5px; } .rtl .chat-upload { float: left; } .rtl .modal-header .close { margin-left: 0px; } .rtl .owl-dt-container { direction: rtl; } .rtl .owl-dt-control-arrow-button svg { transform: rotate(180deg); } .rtl .card-statistic-4 .card-spacing { padding-right: 15px; padding-top: 1rem; } .rtl .card-statistic-3 .card-icon { left: -5px; right: unset; margin-left: 0px; } .rtl .card-statistic-2 .card-right { float: left; margin: 15px 0px 15px 15px; } .rtl .post-user .avtar-img { float: right; margin-left: 15px; margin-right: unset; } .rtl .info-box6 .count-numbers { left: 35px; right: unset; } .rtl .info-box6 .count-name { left: 35px; right: unset; } .rtl .feedBody { border-right: 1px solid #d6d6d6; border-left: unset; margin-right: 30px; margin-left: unset; padding-right: 0px; padding-left: unset; } .rtl .feedBody li { padding-left: unset; padding-right: 30px; } .rtl .feedBody li .feed-user-img { right: -20px; left: unset; } .rtl .sl-item { border-right: 1px solid #13b1e0; border-left: unset; padding-right: 15px; padding-left: unset; } .rtl .sl-item::before { right: -6.5px; left: unset; } .rtl .task-module .header-button { margin-right: auto; margin-left: unset; } .rtl .task-list .task-low { margin-right: auto; margin-left: unset; } .rtl .task-list .task-high { margin-right: auto; margin-left: unset; } .rtl .task-list .task-normal { margin-right: auto; margin-left: unset; } .rtl .task-container .header .header-close { left: 15px; right: unset; } .rtl .form-check .form-check-sign .check:before { margin-right: 10px; margin-left: unset; } .rtl .top-sell .product-title { margin-right: 20px; } .rtl .top-sell .product-price { margin-right: 20px; } .rtl .top-sell .sell-price { float: left; } .rtl .doc-file-type .media-cta { margin-left: 15px; } .rtl .lang-dropdown { margin-left: 0px; } .rtl .lang-dropdown .country-name { margin-right: 5px; } .rtl .lang-item .lang-item-list { text-align: right; } .rtl.ls-closed .sidebar { margin-right: -300px; margin-left: unset; } .rtl.ls-closed section.content { margin-right: 15px; margin-left: 15px; } .rtl.overlay-open.ls-closed .sidebar { margin-right: 0; margin-left: unset; } .rtl .btn-space { margin-left: 10px !important; } .rtl .ms-auto { margin-right: auto !important; margin-left: unset !important; } .rtl .float-end { float: left !important; } .rtl .float-start { float: right !important; } .rtl .text-end { text-align: left !important; } .rtl .text-start { text-align: right !important; } .rtl .settingSidebar { left: -280px; right: unset; } .rtl .settingSidebar.showSettingPanel { left: 0; right: unset; } .rtl .settingSidebar .settingPanelToggle { background: #6777ef; padding: 10px 15px; color: #fff; position: absolute; top: 30%; left: 280px; width: 40px; border-radius: 0px 10px 10px 0px; } .rtl .hiddenradio { padding: 0px 0px 0px 20px; margin: 10px 10px 0px 20px; } .rtl .card-bnner img { transform: scaleX(-1); } .rtl .user_img { margin: 0px 0px 0px 5px; } @media (max-width: 1169px) { .rtl .sidemenu-collapse { display: none !important; } } .swal2-title { font-size: 1.6rem !important; } /* [2. Fonts] */ /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-feature-settings: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas, .fa-classic, .fa-solid, .far, .fa-regular { font-family: "Font Awesome 6 Free"; } .fab, .fa-brands { font-family: "Font Awesome 6 Brands"; } .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-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em) * -1); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, 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%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0::before { content: "\30 "; } .fa-1::before { content: "\31 "; } .fa-2::before { content: "\32 "; } .fa-3::before { content: "\33 "; } .fa-4::before { content: "\34 "; } .fa-5::before { content: "\35 "; } .fa-6::before { content: "\36 "; } .fa-7::before { content: "\37 "; } .fa-8::before { content: "\38 "; } .fa-9::before { content: "\39 "; } .fa-fill-drip::before { content: "\f576"; } .fa-arrows-to-circle::before { content: "\e4bd"; } .fa-circle-chevron-right::before { content: "\f138"; } .fa-chevron-circle-right::before { content: "\f138"; } .fa-at::before { content: "\@"; } .fa-trash-can::before { content: "\f2ed"; } .fa-trash-alt::before { content: "\f2ed"; } .fa-text-height::before { content: "\f034"; } .fa-user-xmark::before { content: "\f235"; } .fa-user-times::before { content: "\f235"; } .fa-stethoscope::before { content: "\f0f1"; } .fa-message::before { content: "\f27a"; } .fa-comment-alt::before { content: "\f27a"; } .fa-info::before { content: "\f129"; } .fa-down-left-and-up-right-to-center::before { content: "\f422"; } .fa-compress-alt::before { content: "\f422"; } .fa-explosion::before { content: "\e4e9"; } .fa-file-lines::before { content: "\f15c"; } .fa-file-alt::before { content: "\f15c"; } .fa-file-text::before { content: "\f15c"; } .fa-wave-square::before { content: "\f83e"; } .fa-ring::before { content: "\f70b"; } .fa-building-un::before { content: "\e4d9"; } .fa-dice-three::before { content: "\f527"; } .fa-calendar-days::before { content: "\f073"; } .fa-calendar-alt::before { content: "\f073"; } .fa-anchor-circle-check::before { content: "\e4aa"; } .fa-building-circle-arrow-right::before { content: "\e4d1"; } .fa-volleyball::before { content: "\f45f"; } .fa-volleyball-ball::before { content: "\f45f"; } .fa-arrows-up-to-line::before { content: "\e4c2"; } .fa-sort-down::before { content: "\f0dd"; } .fa-sort-desc::before { content: "\f0dd"; } .fa-circle-minus::before { content: "\f056"; } .fa-minus-circle::before { content: "\f056"; } .fa-door-open::before { content: "\f52b"; } .fa-right-from-bracket::before { content: "\f2f5"; } .fa-sign-out-alt::before { content: "\f2f5"; } .fa-atom::before { content: "\f5d2"; } .fa-soap::before { content: "\e06e"; } .fa-icons::before { content: "\f86d"; } .fa-heart-music-camera-bolt::before { content: "\f86d"; } .fa-microphone-lines-slash::before { content: "\f539"; } .fa-microphone-alt-slash::before { content: "\f539"; } .fa-bridge-circle-check::before { content: "\e4c9"; } .fa-pump-medical::before { content: "\e06a"; } .fa-fingerprint::before { content: "\f577"; } .fa-hand-point-right::before { content: "\f0a4"; } .fa-magnifying-glass-location::before { content: "\f689"; } .fa-search-location::before { content: "\f689"; } .fa-forward-step::before { content: "\f051"; } .fa-step-forward::before { content: "\f051"; } .fa-face-smile-beam::before { content: "\f5b8"; } .fa-smile-beam::before { content: "\f5b8"; } .fa-flag-checkered::before { content: "\f11e"; } .fa-football::before { content: "\f44e"; } .fa-football-ball::before { content: "\f44e"; } .fa-school-circle-exclamation::before { content: "\e56c"; } .fa-crop::before { content: "\f125"; } .fa-angles-down::before { content: "\f103"; } .fa-angle-double-down::before { content: "\f103"; } .fa-users-rectangle::before { content: "\e594"; } .fa-people-roof::before { content: "\e537"; } .fa-people-line::before { content: "\e534"; } .fa-beer-mug-empty::before { content: "\f0fc"; } .fa-beer::before { content: "\f0fc"; } .fa-diagram-predecessor::before { content: "\e477"; } .fa-arrow-up-long::before { content: "\f176"; } .fa-long-arrow-up::before { content: "\f176"; } .fa-fire-flame-simple::before { content: "\f46a"; } .fa-burn::before { content: "\f46a"; } .fa-person::before { content: "\f183"; } .fa-male::before { content: "\f183"; } .fa-laptop::before { content: "\f109"; } .fa-file-csv::before { content: "\f6dd"; } .fa-menorah::before { content: "\f676"; } .fa-truck-plane::before { content: "\e58f"; } .fa-record-vinyl::before { content: "\f8d9"; } .fa-face-grin-stars::before { content: "\f587"; } .fa-grin-stars::before { content: "\f587"; } .fa-bong::before { content: "\f55c"; } .fa-spaghetti-monster-flying::before { content: "\f67b"; } .fa-pastafarianism::before { content: "\f67b"; } .fa-arrow-down-up-across-line::before { content: "\e4af"; } .fa-spoon::before { content: "\f2e5"; } .fa-utensil-spoon::before { content: "\f2e5"; } .fa-jar-wheat::before { content: "\e517"; } .fa-envelopes-bulk::before { content: "\f674"; } .fa-mail-bulk::before { content: "\f674"; } .fa-file-circle-exclamation::before { content: "\e4eb"; } .fa-circle-h::before { content: "\f47e"; } .fa-hospital-symbol::before { content: "\f47e"; } .fa-pager::before { content: "\f815"; } .fa-address-book::before { content: "\f2b9"; } .fa-contact-book::before { content: "\f2b9"; } .fa-strikethrough::before { content: "\f0cc"; } .fa-k::before { content: "K"; } .fa-landmark-flag::before { content: "\e51c"; } .fa-pencil::before { content: "\f303"; } .fa-pencil-alt::before { content: "\f303"; } .fa-backward::before { content: "\f04a"; } .fa-caret-right::before { content: "\f0da"; } .fa-comments::before { content: "\f086"; } .fa-paste::before { content: "\f0ea"; } .fa-file-clipboard::before { content: "\f0ea"; } .fa-code-pull-request::before { content: "\e13c"; } .fa-clipboard-list::before { content: "\f46d"; } .fa-truck-ramp-box::before { content: "\f4de"; } .fa-truck-loading::before { content: "\f4de"; } .fa-user-check::before { content: "\f4fc"; } .fa-vial-virus::before { content: "\e597"; } .fa-sheet-plastic::before { content: "\e571"; } .fa-blog::before { content: "\f781"; } .fa-user-ninja::before { content: "\f504"; } .fa-person-arrow-up-from-line::before { content: "\e539"; } .fa-scroll-torah::before { content: "\f6a0"; } .fa-torah::before { content: "\f6a0"; } .fa-broom-ball::before { content: "\f458"; } .fa-quidditch::before { content: "\f458"; } .fa-quidditch-broom-ball::before { content: "\f458"; } .fa-toggle-off::before { content: "\f204"; } .fa-box-archive::before { content: "\f187"; } .fa-archive::before { content: "\f187"; } .fa-person-drowning::before { content: "\e545"; } .fa-arrow-down-9-1::before { content: "\f886"; } .fa-sort-numeric-desc::before { content: "\f886"; } .fa-sort-numeric-down-alt::before { content: "\f886"; } .fa-face-grin-tongue-squint::before { content: "\f58a"; } .fa-grin-tongue-squint::before { content: "\f58a"; } .fa-spray-can::before { content: "\f5bd"; } .fa-truck-monster::before { content: "\f63b"; } .fa-w::before { content: "W"; } .fa-earth-africa::before { content: "\f57c"; } .fa-globe-africa::before { content: "\f57c"; } .fa-rainbow::before { content: "\f75b"; } .fa-circle-notch::before { content: "\f1ce"; } .fa-tablet-screen-button::before { content: "\f3fa"; } .fa-tablet-alt::before { content: "\f3fa"; } .fa-paw::before { content: "\f1b0"; } .fa-cloud::before { content: "\f0c2"; } .fa-trowel-bricks::before { content: "\e58a"; } .fa-face-flushed::before { content: "\f579"; } .fa-flushed::before { content: "\f579"; } .fa-hospital-user::before { content: "\f80d"; } .fa-tent-arrow-left-right::before { content: "\e57f"; } .fa-gavel::before { content: "\f0e3"; } .fa-legal::before { content: "\f0e3"; } .fa-binoculars::before { content: "\f1e5"; } .fa-microphone-slash::before { content: "\f131"; } .fa-box-tissue::before { content: "\e05b"; } .fa-motorcycle::before { content: "\f21c"; } .fa-bell-concierge::before { content: "\f562"; } .fa-concierge-bell::before { content: "\f562"; } .fa-pen-ruler::before { content: "\f5ae"; } .fa-pencil-ruler::before { content: "\f5ae"; } .fa-people-arrows::before { content: "\e068"; } .fa-people-arrows-left-right::before { content: "\e068"; } .fa-mars-and-venus-burst::before { content: "\e523"; } .fa-square-caret-right::before { content: "\f152"; } .fa-caret-square-right::before { content: "\f152"; } .fa-scissors::before { content: "\f0c4"; } .fa-cut::before { content: "\f0c4"; } .fa-sun-plant-wilt::before { content: "\e57a"; } .fa-toilets-portable::before { content: "\e584"; } .fa-hockey-puck::before { content: "\f453"; } .fa-table::before { content: "\f0ce"; } .fa-magnifying-glass-arrow-right::before { content: "\e521"; } .fa-tachograph-digital::before { content: "\f566"; } .fa-digital-tachograph::before { content: "\f566"; } .fa-users-slash::before { content: "\e073"; } .fa-clover::before { content: "\e139"; } .fa-reply::before { content: "\f3e5"; } .fa-mail-reply::before { content: "\f3e5"; } .fa-star-and-crescent::before { content: "\f699"; } .fa-house-fire::before { content: "\e50c"; } .fa-square-minus::before { content: "\f146"; } .fa-minus-square::before { content: "\f146"; } .fa-helicopter::before { content: "\f533"; } .fa-compass::before { content: "\f14e"; } .fa-square-caret-down::before { content: "\f150"; } .fa-caret-square-down::before { content: "\f150"; } .fa-file-circle-question::before { content: "\e4ef"; } .fa-laptop-code::before { content: "\f5fc"; } .fa-swatchbook::before { content: "\f5c3"; } .fa-prescription-bottle::before { content: "\f485"; } .fa-bars::before { content: "\f0c9"; } .fa-navicon::before { content: "\f0c9"; } .fa-people-group::before { content: "\e533"; } .fa-hourglass-end::before { content: "\f253"; } .fa-hourglass-3::before { content: "\f253"; } .fa-heart-crack::before { content: "\f7a9"; } .fa-heart-broken::before { content: "\f7a9"; } .fa-square-up-right::before { content: "\f360"; } .fa-external-link-square-alt::before { content: "\f360"; } .fa-face-kiss-beam::before { content: "\f597"; } .fa-kiss-beam::before { content: "\f597"; } .fa-film::before { content: "\f008"; } .fa-ruler-horizontal::before { content: "\f547"; } .fa-people-robbery::before { content: "\e536"; } .fa-lightbulb::before { content: "\f0eb"; } .fa-caret-left::before { content: "\f0d9"; } .fa-circle-exclamation::before { content: "\f06a"; } .fa-exclamation-circle::before { content: "\f06a"; } .fa-school-circle-xmark::before { content: "\e56d"; } .fa-arrow-right-from-bracket::before { content: "\f08b"; } .fa-sign-out::before { content: "\f08b"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fa-chevron-circle-down::before { content: "\f13a"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fa-unlock-alt::before { content: "\f13e"; } .fa-cloud-showers-heavy::before { content: "\f740"; } .fa-headphones-simple::before { content: "\f58f"; } .fa-headphones-alt::before { content: "\f58f"; } .fa-sitemap::before { content: "\f0e8"; } .fa-circle-dollar-to-slot::before { content: "\f4b9"; } .fa-donate::before { content: "\f4b9"; } .fa-memory::before { content: "\f538"; } .fa-road-spikes::before { content: "\e568"; } .fa-fire-burner::before { content: "\e4f1"; } .fa-flag::before { content: "\f024"; } .fa-hanukiah::before { content: "\f6e6"; } .fa-feather::before { content: "\f52d"; } .fa-volume-low::before { content: "\f027"; } .fa-volume-down::before { content: "\f027"; } .fa-comment-slash::before { content: "\f4b3"; } .fa-cloud-sun-rain::before { content: "\f743"; } .fa-compress::before { content: "\f066"; } .fa-wheat-awn::before { content: "\e2cd"; } .fa-wheat-alt::before { content: "\e2cd"; } .fa-ankh::before { content: "\f644"; } .fa-hands-holding-child::before { content: "\e4fa"; } .fa-asterisk::before { content: "\*"; } .fa-square-check::before { content: "\f14a"; } .fa-check-square::before { content: "\f14a"; } .fa-peseta-sign::before { content: "\e221"; } .fa-heading::before { content: "\f1dc"; } .fa-header::before { content: "\f1dc"; } .fa-ghost::before { content: "\f6e2"; } .fa-list::before { content: "\f03a"; } .fa-list-squares::before { content: "\f03a"; } .fa-square-phone-flip::before { content: "\f87b"; } .fa-phone-square-alt::before { content: "\f87b"; } .fa-cart-plus::before { content: "\f217"; } .fa-gamepad::before { content: "\f11b"; } .fa-circle-dot::before { content: "\f192"; } .fa-dot-circle::before { content: "\f192"; } .fa-face-dizzy::before { content: "\f567"; } .fa-dizzy::before { content: "\f567"; } .fa-egg::before { content: "\f7fb"; } .fa-house-medical-circle-xmark::before { content: "\e513"; } .fa-campground::before { content: "\f6bb"; } .fa-folder-plus::before { content: "\f65e"; } .fa-futbol::before { content: "\f1e3"; } .fa-futbol-ball::before { content: "\f1e3"; } .fa-soccer-ball::before { content: "\f1e3"; } .fa-paintbrush::before { content: "\f1fc"; } .fa-paint-brush::before { content: "\f1fc"; } .fa-lock::before { content: "\f023"; } .fa-gas-pump::before { content: "\f52f"; } .fa-hot-tub-person::before { content: "\f593"; } .fa-hot-tub::before { content: "\f593"; } .fa-map-location::before { content: "\f59f"; } .fa-map-marked::before { content: "\f59f"; } .fa-house-flood-water::before { content: "\e50e"; } .fa-tree::before { content: "\f1bb"; } .fa-bridge-lock::before { content: "\e4cc"; } .fa-sack-dollar::before { content: "\f81d"; } .fa-pen-to-square::before { content: "\f044"; } .fa-edit::before { content: "\f044"; } .fa-car-side::before { content: "\f5e4"; } .fa-share-nodes::before { content: "\f1e0"; } .fa-share-alt::before { content: "\f1e0"; } .fa-heart-circle-minus::before { content: "\e4ff"; } .fa-hourglass-half::before { content: "\f252"; } .fa-hourglass-2::before { content: "\f252"; } .fa-microscope::before { content: "\f610"; } .fa-sink::before { content: "\e06d"; } .fa-bag-shopping::before { content: "\f290"; } .fa-shopping-bag::before { content: "\f290"; } .fa-arrow-down-z-a::before { content: "\f881"; } .fa-sort-alpha-desc::before { content: "\f881"; } .fa-sort-alpha-down-alt::before { content: "\f881"; } .fa-mitten::before { content: "\f7b5"; } .fa-person-rays::before { content: "\e54d"; } .fa-users::before { content: "\f0c0"; } .fa-eye-slash::before { content: "\f070"; } .fa-flask-vial::before { content: "\e4f3"; } .fa-hand::before { content: "\f256"; } .fa-hand-paper::before { content: "\f256"; } .fa-om::before { content: "\f679"; } .fa-worm::before { content: "\e599"; } .fa-house-circle-xmark::before { content: "\e50b"; } .fa-plug::before { content: "\f1e6"; } .fa-chevron-up::before { content: "\f077"; } .fa-hand-spock::before { content: "\f259"; } .fa-stopwatch::before { content: "\f2f2"; } .fa-face-kiss::before { content: "\f596"; } .fa-kiss::before { content: "\f596"; } .fa-bridge-circle-xmark::before { content: "\e4cb"; } .fa-face-grin-tongue::before { content: "\f589"; } .fa-grin-tongue::before { content: "\f589"; } .fa-chess-bishop::before { content: "\f43a"; } .fa-face-grin-wink::before { content: "\f58c"; } .fa-grin-wink::before { content: "\f58c"; } .fa-ear-deaf::before { content: "\f2a4"; } .fa-deaf::before { content: "\f2a4"; } .fa-deafness::before { content: "\f2a4"; } .fa-hard-of-hearing::before { content: "\f2a4"; } .fa-road-circle-check::before { content: "\e564"; } .fa-dice-five::before { content: "\f523"; } .fa-square-rss::before { content: "\f143"; } .fa-rss-square::before { content: "\f143"; } .fa-land-mine-on::before { content: "\e51b"; } .fa-i-cursor::before { content: "\f246"; } .fa-stamp::before { content: "\f5bf"; } .fa-stairs::before { content: "\e289"; } .fa-i::before { content: "I"; } .fa-hryvnia-sign::before { content: "\f6f2"; } .fa-hryvnia::before { content: "\f6f2"; } .fa-pills::before { content: "\f484"; } .fa-face-grin-wide::before { content: "\f581"; } .fa-grin-alt::before { content: "\f581"; } .fa-tooth::before { content: "\f5c9"; } .fa-v::before { content: "V"; } .fa-bicycle::before { content: "\f206"; } .fa-staff-snake::before { content: "\e579"; } .fa-rod-asclepius::before { content: "\e579"; } .fa-rod-snake::before { content: "\e579"; } .fa-staff-aesculapius::before { content: "\e579"; } .fa-head-side-cough-slash::before { content: "\e062"; } .fa-truck-medical::before { content: "\f0f9"; } .fa-ambulance::before { content: "\f0f9"; } .fa-wheat-awn-circle-exclamation::before { content: "\e598"; } .fa-snowman::before { content: "\f7d0"; } .fa-mortar-pestle::before { content: "\f5a7"; } .fa-road-barrier::before { content: "\e562"; } .fa-school::before { content: "\f549"; } .fa-igloo::before { content: "\f7ae"; } .fa-joint::before { content: "\f595"; } .fa-angle-right::before { content: "\f105"; } .fa-horse::before { content: "\f6f0"; } .fa-q::before { content: "Q"; } .fa-g::before { content: "G"; } .fa-notes-medical::before { content: "\f481"; } .fa-temperature-half::before { content: "\f2c9"; } .fa-temperature-2::before { content: "\f2c9"; } .fa-thermometer-2::before { content: "\f2c9"; } .fa-thermometer-half::before { content: "\f2c9"; } .fa-dong-sign::before { content: "\e169"; } .fa-capsules::before { content: "\f46b"; } .fa-poo-storm::before { content: "\f75a"; } .fa-poo-bolt::before { content: "\f75a"; } .fa-face-frown-open::before { content: "\f57a"; } .fa-frown-open::before { content: "\f57a"; } .fa-hand-point-up::before { content: "\f0a6"; } .fa-money-bill::before { content: "\f0d6"; } .fa-bookmark::before { content: "\f02e"; } .fa-align-justify::before { content: "\f039"; } .fa-umbrella-beach::before { content: "\f5ca"; } .fa-helmet-un::before { content: "\e503"; } .fa-bullseye::before { content: "\f140"; } .fa-bacon::before { content: "\f7e5"; } .fa-hand-point-down::before { content: "\f0a7"; } .fa-arrow-up-from-bracket::before { content: "\e09a"; } .fa-folder::before { content: "\f07b"; } .fa-folder-blank::before { content: "\f07b"; } .fa-file-waveform::before { content: "\f478"; } .fa-file-medical-alt::before { content: "\f478"; } .fa-radiation::before { content: "\f7b9"; } .fa-chart-simple::before { content: "\e473"; } .fa-mars-stroke::before { content: "\f229"; } .fa-vial::before { content: "\f492"; } .fa-gauge::before { content: "\f624"; } .fa-dashboard::before { content: "\f624"; } .fa-gauge-med::before { content: "\f624"; } .fa-tachometer-alt-average::before { content: "\f624"; } .fa-wand-magic-sparkles::before { content: "\e2ca"; } .fa-magic-wand-sparkles::before { content: "\e2ca"; } .fa-e::before { content: "E"; } .fa-pen-clip::before { content: "\f305"; } .fa-pen-alt::before { content: "\f305"; } .fa-bridge-circle-exclamation::before { content: "\e4ca"; } .fa-user::before { content: "\f007"; } .fa-school-circle-check::before { content: "\e56b"; } .fa-dumpster::before { content: "\f793"; } .fa-van-shuttle::before { content: "\f5b6"; } .fa-shuttle-van::before { content: "\f5b6"; } .fa-building-user::before { content: "\e4da"; } .fa-square-caret-left::before { content: "\f191"; } .fa-caret-square-left::before { content: "\f191"; } .fa-highlighter::before { content: "\f591"; } .fa-key::before { content: "\f084"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-globe::before { content: "\f0ac"; } .fa-synagogue::before { content: "\f69b"; } .fa-person-half-dress::before { content: "\e548"; } .fa-road-bridge::before { content: "\e563"; } .fa-location-arrow::before { content: "\f124"; } .fa-c::before { content: "C"; } .fa-tablet-button::before { content: "\f10a"; } .fa-building-lock::before { content: "\e4d6"; } .fa-pizza-slice::before { content: "\f818"; } .fa-money-bill-wave::before { content: "\f53a"; } .fa-chart-area::before { content: "\f1fe"; } .fa-area-chart::before { content: "\f1fe"; } .fa-house-flag::before { content: "\e50d"; } .fa-person-circle-minus::before { content: "\e540"; } .fa-ban::before { content: "\f05e"; } .fa-cancel::before { content: "\f05e"; } .fa-camera-rotate::before { content: "\e0d8"; } .fa-spray-can-sparkles::before { content: "\f5d0"; } .fa-air-freshener::before { content: "\f5d0"; } .fa-star::before { content: "\f005"; } .fa-repeat::before { content: "\f363"; } .fa-cross::before { content: "\f654"; } .fa-box::before { content: "\f466"; } .fa-venus-mars::before { content: "\f228"; } .fa-arrow-pointer::before { content: "\f245"; } .fa-mouse-pointer::before { content: "\f245"; } .fa-maximize::before { content: "\f31e"; } .fa-expand-arrows-alt::before { content: "\f31e"; } .fa-charging-station::before { content: "\f5e7"; } .fa-shapes::before { content: "\f61f"; } .fa-triangle-circle-square::before { content: "\f61f"; } .fa-shuffle::before { content: "\f074"; } .fa-random::before { content: "\f074"; } .fa-person-running::before { content: "\f70c"; } .fa-running::before { content: "\f70c"; } .fa-mobile-retro::before { content: "\e527"; } .fa-grip-lines-vertical::before { content: "\f7a5"; } .fa-spider::before { content: "\f717"; } .fa-hands-bound::before { content: "\e4f9"; } .fa-file-invoice-dollar::before { content: "\f571"; } .fa-plane-circle-exclamation::before { content: "\e556"; } .fa-x-ray::before { content: "\f497"; } .fa-spell-check::before { content: "\f891"; } .fa-slash::before { content: "\f715"; } .fa-computer-mouse::before { content: "\f8cc"; } .fa-mouse::before { content: "\f8cc"; } .fa-arrow-right-to-bracket::before { content: "\f090"; } .fa-sign-in::before { content: "\f090"; } .fa-shop-slash::before { content: "\e070"; } .fa-store-alt-slash::before { content: "\e070"; } .fa-server::before { content: "\f233"; } .fa-virus-covid-slash::before { content: "\e4a9"; } .fa-shop-lock::before { content: "\e4a5"; } .fa-hourglass-start::before { content: "\f251"; } .fa-hourglass-1::before { content: "\f251"; } .fa-blender-phone::before { content: "\f6b6"; } .fa-building-wheat::before { content: "\e4db"; } .fa-person-breastfeeding::before { content: "\e53a"; } .fa-right-to-bracket::before { content: "\f2f6"; } .fa-sign-in-alt::before { content: "\f2f6"; } .fa-venus::before { content: "\f221"; } .fa-passport::before { content: "\f5ab"; } .fa-heart-pulse::before { content: "\f21e"; } .fa-heartbeat::before { content: "\f21e"; } .fa-people-carry-box::before { content: "\f4ce"; } .fa-people-carry::before { content: "\f4ce"; } .fa-temperature-high::before { content: "\f769"; } .fa-microchip::before { content: "\f2db"; } .fa-crown::before { content: "\f521"; } .fa-weight-hanging::before { content: "\f5cd"; } .fa-xmarks-lines::before { content: "\e59a"; } .fa-file-prescription::before { content: "\f572"; } .fa-weight-scale::before { content: "\f496"; } .fa-weight::before { content: "\f496"; } .fa-user-group::before { content: "\f500"; } .fa-user-friends::before { content: "\f500"; } .fa-arrow-up-a-z::before { content: "\f15e"; } .fa-sort-alpha-up::before { content: "\f15e"; } .fa-chess-knight::before { content: "\f441"; } .fa-face-laugh-squint::before { content: "\f59b"; } .fa-laugh-squint::before { content: "\f59b"; } .fa-wheelchair::before { content: "\f193"; } .fa-circle-arrow-up::before { content: "\f0aa"; } .fa-arrow-circle-up::before { content: "\f0aa"; } .fa-toggle-on::before { content: "\f205"; } .fa-person-walking::before { content: "\f554"; } .fa-walking::before { content: "\f554"; } .fa-l::before { content: "L"; } .fa-fire::before { content: "\f06d"; } .fa-bed-pulse::before { content: "\f487"; } .fa-procedures::before { content: "\f487"; } .fa-shuttle-space::before { content: "\f197"; } .fa-space-shuttle::before { content: "\f197"; } .fa-face-laugh::before { content: "\f599"; } .fa-laugh::before { content: "\f599"; } .fa-folder-open::before { content: "\f07c"; } .fa-heart-circle-plus::before { content: "\e500"; } .fa-code-fork::before { content: "\e13b"; } .fa-city::before { content: "\f64f"; } .fa-microphone-lines::before { content: "\f3c9"; } .fa-microphone-alt::before { content: "\f3c9"; } .fa-pepper-hot::before { content: "\f816"; } .fa-unlock::before { content: "\f09c"; } .fa-colon-sign::before { content: "\e140"; } .fa-headset::before { content: "\f590"; } .fa-store-slash::before { content: "\e071"; } .fa-road-circle-xmark::before { content: "\e566"; } .fa-user-minus::before { content: "\f503"; } .fa-mars-stroke-up::before { content: "\f22a"; } .fa-mars-stroke-v::before { content: "\f22a"; } .fa-champagne-glasses::before { content: "\f79f"; } .fa-glass-cheers::before { content: "\f79f"; } .fa-clipboard::before { content: "\f328"; } .fa-house-circle-exclamation::before { content: "\e50a"; } .fa-file-arrow-up::before { content: "\f574"; } .fa-file-upload::before { content: "\f574"; } .fa-wifi::before { content: "\f1eb"; } .fa-wifi-3::before { content: "\f1eb"; } .fa-wifi-strong::before { content: "\f1eb"; } .fa-bath::before { content: "\f2cd"; } .fa-bathtub::before { content: "\f2cd"; } .fa-underline::before { content: "\f0cd"; } .fa-user-pen::before { content: "\f4ff"; } .fa-user-edit::before { content: "\f4ff"; } .fa-signature::before { content: "\f5b7"; } .fa-stroopwafel::before { content: "\f551"; } .fa-bold::before { content: "\f032"; } .fa-anchor-lock::before { content: "\e4ad"; } .fa-building-ngo::before { content: "\e4d7"; } .fa-manat-sign::before { content: "\e1d5"; } .fa-not-equal::before { content: "\f53e"; } .fa-border-top-left::before { content: "\f853"; } .fa-border-style::before { content: "\f853"; } .fa-map-location-dot::before { content: "\f5a0"; } .fa-map-marked-alt::before { content: "\f5a0"; } .fa-jedi::before { content: "\f669"; } .fa-square-poll-vertical::before { content: "\f681"; } .fa-poll::before { content: "\f681"; } .fa-mug-hot::before { content: "\f7b6"; } .fa-car-battery::before { content: "\f5df"; } .fa-battery-car::before { content: "\f5df"; } .fa-gift::before { content: "\f06b"; } .fa-dice-two::before { content: "\f528"; } .fa-chess-queen::before { content: "\f445"; } .fa-glasses::before { content: "\f530"; } .fa-chess-board::before { content: "\f43c"; } .fa-building-circle-check::before { content: "\e4d2"; } .fa-person-chalkboard::before { content: "\e53d"; } .fa-mars-stroke-right::before { content: "\f22b"; } .fa-mars-stroke-h::before { content: "\f22b"; } .fa-hand-back-fist::before { content: "\f255"; } .fa-hand-rock::before { content: "\f255"; } .fa-square-caret-up::before { content: "\f151"; } .fa-caret-square-up::before { content: "\f151"; } .fa-cloud-showers-water::before { content: "\e4e4"; } .fa-chart-bar::before { content: "\f080"; } .fa-bar-chart::before { content: "\f080"; } .fa-hands-bubbles::before { content: "\e05e"; } .fa-hands-wash::before { content: "\e05e"; } .fa-less-than-equal::before { content: "\f537"; } .fa-train::before { content: "\f238"; } .fa-eye-low-vision::before { content: "\f2a8"; } .fa-low-vision::before { content: "\f2a8"; } .fa-crow::before { content: "\f520"; } .fa-sailboat::before { content: "\e445"; } .fa-window-restore::before { content: "\f2d2"; } .fa-square-plus::before { content: "\f0fe"; } .fa-plus-square::before { content: "\f0fe"; } .fa-torii-gate::before { content: "\f6a1"; } .fa-frog::before { content: "\f52e"; } .fa-bucket::before { content: "\e4cf"; } .fa-image::before { content: "\f03e"; } .fa-microphone::before { content: "\f130"; } .fa-cow::before { content: "\f6c8"; } .fa-caret-up::before { content: "\f0d8"; } .fa-screwdriver::before { content: "\f54a"; } .fa-folder-closed::before { content: "\e185"; } .fa-house-tsunami::before { content: "\e515"; } .fa-square-nfi::before { content: "\e576"; } .fa-arrow-up-from-ground-water::before { content: "\e4b5"; } .fa-martini-glass::before { content: "\f57b"; } .fa-glass-martini-alt::before { content: "\f57b"; } .fa-rotate-left::before { content: "\f2ea"; } .fa-rotate-back::before { content: "\f2ea"; } .fa-rotate-backward::before { content: "\f2ea"; } .fa-undo-alt::before { content: "\f2ea"; } .fa-table-columns::before { content: "\f0db"; } .fa-columns::before { content: "\f0db"; } .fa-lemon::before { content: "\f094"; } .fa-head-side-mask::before { content: "\e063"; } .fa-handshake::before { content: "\f2b5"; } .fa-gem::before { content: "\f3a5"; } .fa-dolly::before { content: "\f472"; } .fa-dolly-box::before { content: "\f472"; } .fa-smoking::before { content: "\f48d"; } .fa-minimize::before { content: "\f78c"; } .fa-compress-arrows-alt::before { content: "\f78c"; } .fa-monument::before { content: "\f5a6"; } .fa-snowplow::before { content: "\f7d2"; } .fa-angles-right::before { content: "\f101"; } .fa-angle-double-right::before { content: "\f101"; } .fa-cannabis::before { content: "\f55f"; } .fa-circle-play::before { content: "\f144"; } .fa-play-circle::before { content: "\f144"; } .fa-tablets::before { content: "\f490"; } .fa-ethernet::before { content: "\f796"; } .fa-euro-sign::before { content: "\f153"; } .fa-eur::before { content: "\f153"; } .fa-euro::before { content: "\f153"; } .fa-chair::before { content: "\f6c0"; } .fa-circle-check::before { content: "\f058"; } .fa-check-circle::before { content: "\f058"; } .fa-circle-stop::before { content: "\f28d"; } .fa-stop-circle::before { content: "\f28d"; } .fa-compass-drafting::before { content: "\f568"; } .fa-drafting-compass::before { content: "\f568"; } .fa-plate-wheat::before { content: "\e55a"; } .fa-icicles::before { content: "\f7ad"; } .fa-person-shelter::before { content: "\e54f"; } .fa-neuter::before { content: "\f22c"; } .fa-id-badge::before { content: "\f2c1"; } .fa-marker::before { content: "\f5a1"; } .fa-face-laugh-beam::before { content: "\f59a"; } .fa-laugh-beam::before { content: "\f59a"; } .fa-helicopter-symbol::before { content: "\e502"; } .fa-universal-access::before { content: "\f29a"; } .fa-circle-chevron-up::before { content: "\f139"; } .fa-chevron-circle-up::before { content: "\f139"; } .fa-lari-sign::before { content: "\e1c8"; } .fa-volcano::before { content: "\f770"; } .fa-person-walking-dashed-line-arrow-right::before { content: "\e553"; } .fa-sterling-sign::before { content: "\f154"; } .fa-gbp::before { content: "\f154"; } .fa-pound-sign::before { content: "\f154"; } .fa-viruses::before { content: "\e076"; } .fa-square-person-confined::before { content: "\e577"; } .fa-user-tie::before { content: "\f508"; } .fa-arrow-down-long::before { content: "\f175"; } .fa-long-arrow-down::before { content: "\f175"; } .fa-tent-arrow-down-to-line::before { content: "\e57e"; } .fa-certificate::before { content: "\f0a3"; } .fa-reply-all::before { content: "\f122"; } .fa-mail-reply-all::before { content: "\f122"; } .fa-suitcase::before { content: "\f0f2"; } .fa-person-skating::before { content: "\f7c5"; } .fa-skating::before { content: "\f7c5"; } .fa-filter-circle-dollar::before { content: "\f662"; } .fa-funnel-dollar::before { content: "\f662"; } .fa-camera-retro::before { content: "\f083"; } .fa-circle-arrow-down::before { content: "\f0ab"; } .fa-arrow-circle-down::before { content: "\f0ab"; } .fa-file-import::before { content: "\f56f"; } .fa-arrow-right-to-file::before { content: "\f56f"; } .fa-square-arrow-up-right::before { content: "\f14c"; } .fa-external-link-square::before { content: "\f14c"; } .fa-box-open::before { content: "\f49e"; } .fa-scroll::before { content: "\f70e"; } .fa-spa::before { content: "\f5bb"; } .fa-location-pin-lock::before { content: "\e51f"; } .fa-pause::before { content: "\f04c"; } .fa-hill-avalanche::before { content: "\e507"; } .fa-temperature-empty::before { content: "\f2cb"; } .fa-temperature-0::before { content: "\f2cb"; } .fa-thermometer-0::before { content: "\f2cb"; } .fa-thermometer-empty::before { content: "\f2cb"; } .fa-bomb::before { content: "\f1e2"; } .fa-registered::before { content: "\f25d"; } .fa-address-card::before { content: "\f2bb"; } .fa-contact-card::before { content: "\f2bb"; } .fa-vcard::before { content: "\f2bb"; } .fa-scale-unbalanced-flip::before { content: "\f516"; } .fa-balance-scale-right::before { content: "\f516"; } .fa-subscript::before { content: "\f12c"; } .fa-diamond-turn-right::before { content: "\f5eb"; } .fa-directions::before { content: "\f5eb"; } .fa-burst::before { content: "\e4dc"; } .fa-house-laptop::before { content: "\e066"; } .fa-laptop-house::before { content: "\e066"; } .fa-face-tired::before { content: "\f5c8"; } .fa-tired::before { content: "\f5c8"; } .fa-money-bills::before { content: "\e1f3"; } .fa-smog::before { content: "\f75f"; } .fa-crutch::before { content: "\f7f7"; } .fa-cloud-arrow-up::before { content: "\f0ee"; } .fa-cloud-upload::before { content: "\f0ee"; } .fa-cloud-upload-alt::before { content: "\f0ee"; } .fa-palette::before { content: "\f53f"; } .fa-arrows-turn-right::before { content: "\e4c0"; } .fa-vest::before { content: "\e085"; } .fa-ferry::before { content: "\e4ea"; } .fa-arrows-down-to-people::before { content: "\e4b9"; } .fa-seedling::before { content: "\f4d8"; } .fa-sprout::before { content: "\f4d8"; } .fa-left-right::before { content: "\f337"; } .fa-arrows-alt-h::before { content: "\f337"; } .fa-boxes-packing::before { content: "\e4c7"; } .fa-circle-arrow-left::before { content: "\f0a8"; } .fa-arrow-circle-left::before { content: "\f0a8"; } .fa-group-arrows-rotate::before { content: "\e4f6"; } .fa-bowl-food::before { content: "\e4c6"; } .fa-candy-cane::before { content: "\f786"; } .fa-arrow-down-wide-short::before { content: "\f160"; } .fa-sort-amount-asc::before { content: "\f160"; } .fa-sort-amount-down::before { content: "\f160"; } .fa-cloud-bolt::before { content: "\f76c"; } .fa-thunderstorm::before { content: "\f76c"; } .fa-text-slash::before { content: "\f87d"; } .fa-remove-format::before { content: "\f87d"; } .fa-face-smile-wink::before { content: "\f4da"; } .fa-smile-wink::before { content: "\f4da"; } .fa-file-word::before { content: "\f1c2"; } .fa-file-powerpoint::before { content: "\f1c4"; } .fa-arrows-left-right::before { content: "\f07e"; } .fa-arrows-h::before { content: "\f07e"; } .fa-house-lock::before { content: "\e510"; } .fa-cloud-arrow-down::before { content: "\f0ed"; } .fa-cloud-download::before { content: "\f0ed"; } .fa-cloud-download-alt::before { content: "\f0ed"; } .fa-children::before { content: "\e4e1"; } .fa-chalkboard::before { content: "\f51b"; } .fa-blackboard::before { content: "\f51b"; } .fa-user-large-slash::before { content: "\f4fa"; } .fa-user-alt-slash::before { content: "\f4fa"; } .fa-envelope-open::before { content: "\f2b6"; } .fa-handshake-simple-slash::before { content: "\e05f"; } .fa-handshake-alt-slash::before { content: "\e05f"; } .fa-mattress-pillow::before { content: "\e525"; } .fa-guarani-sign::before { content: "\e19a"; } .fa-arrows-rotate::before { content: "\f021"; } .fa-refresh::before { content: "\f021"; } .fa-sync::before { content: "\f021"; } .fa-fire-extinguisher::before { content: "\f134"; } .fa-cruzeiro-sign::before { content: "\e152"; } .fa-greater-than-equal::before { content: "\f532"; } .fa-shield-halved::before { content: "\f3ed"; } .fa-shield-alt::before { content: "\f3ed"; } .fa-book-atlas::before { content: "\f558"; } .fa-atlas::before { content: "\f558"; } .fa-virus::before { content: "\e074"; } .fa-envelope-circle-check::before { content: "\e4e8"; } .fa-layer-group::before { content: "\f5fd"; } .fa-arrows-to-dot::before { content: "\e4be"; } .fa-archway::before { content: "\f557"; } .fa-heart-circle-check::before { content: "\e4fd"; } .fa-house-chimney-crack::before { content: "\f6f1"; } .fa-house-damage::before { content: "\f6f1"; } .fa-file-zipper::before { content: "\f1c6"; } .fa-file-archive::before { content: "\f1c6"; } .fa-square::before { content: "\f0c8"; } .fa-martini-glass-empty::before { content: "\f000"; } .fa-glass-martini::before { content: "\f000"; } .fa-couch::before { content: "\f4b8"; } .fa-cedi-sign::before { content: "\e0df"; } .fa-italic::before { content: "\f033"; } .fa-church::before { content: "\f51d"; } .fa-comments-dollar::before { content: "\f653"; } .fa-democrat::before { content: "\f747"; } .fa-z::before { content: "Z"; } .fa-person-skiing::before { content: "\f7c9"; } .fa-skiing::before { content: "\f7c9"; } .fa-road-lock::before { content: "\e567"; } .fa-a::before { content: "A"; } .fa-temperature-arrow-down::before { content: "\e03f"; } .fa-temperature-down::before { content: "\e03f"; } .fa-feather-pointed::before { content: "\f56b"; } .fa-feather-alt::before { content: "\f56b"; } .fa-p::before { content: "P"; } .fa-snowflake::before { content: "\f2dc"; } .fa-newspaper::before { content: "\f1ea"; } .fa-rectangle-ad::before { content: "\f641"; } .fa-ad::before { content: "\f641"; } .fa-circle-arrow-right::before { content: "\f0a9"; } .fa-arrow-circle-right::before { content: "\f0a9"; } .fa-filter-circle-xmark::before { content: "\e17b"; } .fa-locust::before { content: "\e520"; } .fa-sort::before { content: "\f0dc"; } .fa-unsorted::before { content: "\f0dc"; } .fa-list-ol::before { content: "\f0cb"; } .fa-list-1-2::before { content: "\f0cb"; } .fa-list-numeric::before { content: "\f0cb"; } .fa-person-dress-burst::before { content: "\e544"; } .fa-money-check-dollar::before { content: "\f53d"; } .fa-money-check-alt::before { content: "\f53d"; } .fa-vector-square::before { content: "\f5cb"; } .fa-bread-slice::before { content: "\f7ec"; } .fa-language::before { content: "\f1ab"; } .fa-face-kiss-wink-heart::before { content: "\f598"; } .fa-kiss-wink-heart::before { content: "\f598"; } .fa-filter::before { content: "\f0b0"; } .fa-question::before { content: "\?"; } .fa-file-signature::before { content: "\f573"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fa-arrows-alt::before { content: "\f0b2"; } .fa-house-chimney-user::before { content: "\e065"; } .fa-hand-holding-heart::before { content: "\f4be"; } .fa-puzzle-piece::before { content: "\f12e"; } .fa-money-check::before { content: "\f53c"; } .fa-star-half-stroke::before { content: "\f5c0"; } .fa-star-half-alt::before { content: "\f5c0"; } .fa-code::before { content: "\f121"; } .fa-whiskey-glass::before { content: "\f7a0"; } .fa-glass-whiskey::before { content: "\f7a0"; } .fa-building-circle-exclamation::before { content: "\e4d3"; } .fa-magnifying-glass-chart::before { content: "\e522"; } .fa-arrow-up-right-from-square::before { content: "\f08e"; } .fa-external-link::before { content: "\f08e"; } .fa-cubes-stacked::before { content: "\e4e6"; } .fa-won-sign::before { content: "\f159"; } .fa-krw::before { content: "\f159"; } .fa-won::before { content: "\f159"; } .fa-virus-covid::before { content: "\e4a8"; } .fa-austral-sign::before { content: "\e0a9"; } .fa-f::before { content: "F"; } .fa-leaf::before { content: "\f06c"; } .fa-road::before { content: "\f018"; } .fa-taxi::before { content: "\f1ba"; } .fa-cab::before { content: "\f1ba"; } .fa-person-circle-plus::before { content: "\e541"; } .fa-chart-pie::before { content: "\f200"; } .fa-pie-chart::before { content: "\f200"; } .fa-bolt-lightning::before { content: "\e0b7"; } .fa-sack-xmark::before { content: "\e56a"; } .fa-file-excel::before { content: "\f1c3"; } .fa-file-contract::before { content: "\f56c"; } .fa-fish-fins::before { content: "\e4f2"; } .fa-building-flag::before { content: "\e4d5"; } .fa-face-grin-beam::before { content: "\f582"; } .fa-grin-beam::before { content: "\f582"; } .fa-object-ungroup::before { content: "\f248"; } .fa-poop::before { content: "\f619"; } .fa-location-pin::before { content: "\f041"; } .fa-map-marker::before { content: "\f041"; } .fa-kaaba::before { content: "\f66b"; } .fa-toilet-paper::before { content: "\f71e"; } .fa-helmet-safety::before { content: "\f807"; } .fa-hard-hat::before { content: "\f807"; } .fa-hat-hard::before { content: "\f807"; } .fa-eject::before { content: "\f052"; } .fa-circle-right::before { content: "\f35a"; } .fa-arrow-alt-circle-right::before { content: "\f35a"; } .fa-plane-circle-check::before { content: "\e555"; } .fa-face-rolling-eyes::before { content: "\f5a5"; } .fa-meh-rolling-eyes::before { content: "\f5a5"; } .fa-object-group::before { content: "\f247"; } .fa-chart-line::before { content: "\f201"; } .fa-line-chart::before { content: "\f201"; } .fa-mask-ventilator::before { content: "\e524"; } .fa-arrow-right::before { content: "\f061"; } .fa-signs-post::before { content: "\f277"; } .fa-map-signs::before { content: "\f277"; } .fa-cash-register::before { content: "\f788"; } .fa-person-circle-question::before { content: "\e542"; } .fa-h::before { content: "H"; } .fa-tarp::before { content: "\e57b"; } .fa-screwdriver-wrench::before { content: "\f7d9"; } .fa-tools::before { content: "\f7d9"; } .fa-arrows-to-eye::before { content: "\e4bf"; } .fa-plug-circle-bolt::before { content: "\e55b"; } .fa-heart::before { content: "\f004"; } .fa-mars-and-venus::before { content: "\f224"; } .fa-house-user::before { content: "\e1b0"; } .fa-home-user::before { content: "\e1b0"; } .fa-dumpster-fire::before { content: "\f794"; } .fa-house-crack::before { content: "\e3b1"; } .fa-martini-glass-citrus::before { content: "\f561"; } .fa-cocktail::before { content: "\f561"; } .fa-face-surprise::before { content: "\f5c2"; } .fa-surprise::before { content: "\f5c2"; } .fa-bottle-water::before { content: "\e4c5"; } .fa-circle-pause::before { content: "\f28b"; } .fa-pause-circle::before { content: "\f28b"; } .fa-toilet-paper-slash::before { content: "\e072"; } .fa-apple-whole::before { content: "\f5d1"; } .fa-apple-alt::before { content: "\f5d1"; } .fa-kitchen-set::before { content: "\e51a"; } .fa-r::before { content: "R"; } .fa-temperature-quarter::before { content: "\f2ca"; } .fa-temperature-1::before { content: "\f2ca"; } .fa-thermometer-1::before { content: "\f2ca"; } .fa-thermometer-quarter::before { content: "\f2ca"; } .fa-cube::before { content: "\f1b2"; } .fa-bitcoin-sign::before { content: "\e0b4"; } .fa-shield-dog::before { content: "\e573"; } .fa-solar-panel::before { content: "\f5ba"; } .fa-lock-open::before { content: "\f3c1"; } .fa-elevator::before { content: "\e16d"; } .fa-money-bill-transfer::before { content: "\e528"; } .fa-money-bill-trend-up::before { content: "\e529"; } .fa-house-flood-water-circle-arrow-right::before { content: "\e50f"; } .fa-square-poll-horizontal::before { content: "\f682"; } .fa-poll-h::before { content: "\f682"; } .fa-circle::before { content: "\f111"; } .fa-backward-fast::before { content: "\f049"; } .fa-fast-backward::before { content: "\f049"; } .fa-recycle::before { content: "\f1b8"; } .fa-user-astronaut::before { content: "\f4fb"; } .fa-plane-slash::before { content: "\e069"; } .fa-trademark::before { content: "\f25c"; } .fa-basketball::before { content: "\f434"; } .fa-basketball-ball::before { content: "\f434"; } .fa-satellite-dish::before { content: "\f7c0"; } .fa-circle-up::before { content: "\f35b"; } .fa-arrow-alt-circle-up::before { content: "\f35b"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fa-mobile-alt::before { content: "\f3cd"; } .fa-volume-high::before { content: "\f028"; } .fa-volume-up::before { content: "\f028"; } .fa-users-rays::before { content: "\e593"; } .fa-wallet::before { content: "\f555"; } .fa-clipboard-check::before { content: "\f46c"; } .fa-file-audio::before { content: "\f1c7"; } .fa-burger::before { content: "\f805"; } .fa-hamburger::before { content: "\f805"; } .fa-wrench::before { content: "\f0ad"; } .fa-bugs::before { content: "\e4d0"; } .fa-rupee-sign::before { content: "\f156"; } .fa-rupee::before { content: "\f156"; } .fa-file-image::before { content: "\f1c5"; } .fa-circle-question::before { content: "\f059"; } .fa-question-circle::before { content: "\f059"; } .fa-plane-departure::before { content: "\f5b0"; } .fa-handshake-slash::before { content: "\e060"; } .fa-book-bookmark::before { content: "\e0bb"; } .fa-code-branch::before { content: "\f126"; } .fa-hat-cowboy::before { content: "\f8c0"; } .fa-bridge::before { content: "\e4c8"; } .fa-phone-flip::before { content: "\f879"; } .fa-phone-alt::before { content: "\f879"; } .fa-truck-front::before { content: "\e2b7"; } .fa-cat::before { content: "\f6be"; } .fa-anchor-circle-exclamation::before { content: "\e4ab"; } .fa-truck-field::before { content: "\e58d"; } .fa-route::before { content: "\f4d7"; } .fa-clipboard-question::before { content: "\e4e3"; } .fa-panorama::before { content: "\e209"; } .fa-comment-medical::before { content: "\f7f5"; } .fa-teeth-open::before { content: "\f62f"; } .fa-file-circle-minus::before { content: "\e4ed"; } .fa-tags::before { content: "\f02c"; } .fa-wine-glass::before { content: "\f4e3"; } .fa-forward-fast::before { content: "\f050"; } .fa-fast-forward::before { content: "\f050"; } .fa-face-meh-blank::before { content: "\f5a4"; } .fa-meh-blank::before { content: "\f5a4"; } .fa-square-parking::before { content: "\f540"; } .fa-parking::before { content: "\f540"; } .fa-house-signal::before { content: "\e012"; } .fa-bars-progress::before { content: "\f828"; } .fa-tasks-alt::before { content: "\f828"; } .fa-faucet-drip::before { content: "\e006"; } .fa-cart-flatbed::before { content: "\f474"; } .fa-dolly-flatbed::before { content: "\f474"; } .fa-ban-smoking::before { content: "\f54d"; } .fa-smoking-ban::before { content: "\f54d"; } .fa-terminal::before { content: "\f120"; } .fa-mobile-button::before { content: "\f10b"; } .fa-house-medical-flag::before { content: "\e514"; } .fa-basket-shopping::before { content: "\f291"; } .fa-shopping-basket::before { content: "\f291"; } .fa-tape::before { content: "\f4db"; } .fa-bus-simple::before { content: "\f55e"; } .fa-bus-alt::before { content: "\f55e"; } .fa-eye::before { content: "\f06e"; } .fa-face-sad-cry::before { content: "\f5b3"; } .fa-sad-cry::before { content: "\f5b3"; } .fa-audio-description::before { content: "\f29e"; } .fa-person-military-to-person::before { content: "\e54c"; } .fa-file-shield::before { content: "\e4f0"; } .fa-user-slash::before { content: "\f506"; } .fa-pen::before { content: "\f304"; } .fa-tower-observation::before { content: "\e586"; } .fa-file-code::before { content: "\f1c9"; } .fa-signal::before { content: "\f012"; } .fa-signal-5::before { content: "\f012"; } .fa-signal-perfect::before { content: "\f012"; } .fa-bus::before { content: "\f207"; } .fa-heart-circle-xmark::before { content: "\e501"; } .fa-house-chimney::before { content: "\e3af"; } .fa-home-lg::before { content: "\e3af"; } .fa-window-maximize::before { content: "\f2d0"; } .fa-face-frown::before { content: "\f119"; } .fa-frown::before { content: "\f119"; } .fa-prescription::before { content: "\f5b1"; } .fa-shop::before { content: "\f54f"; } .fa-store-alt::before { content: "\f54f"; } .fa-floppy-disk::before { content: "\f0c7"; } .fa-save::before { content: "\f0c7"; } .fa-vihara::before { content: "\f6a7"; } .fa-scale-unbalanced::before { content: "\f515"; } .fa-balance-scale-left::before { content: "\f515"; } .fa-sort-up::before { content: "\f0de"; } .fa-sort-asc::before { content: "\f0de"; } .fa-comment-dots::before { content: "\f4ad"; } .fa-commenting::before { content: "\f4ad"; } .fa-plant-wilt::before { content: "\e5aa"; } .fa-diamond::before { content: "\f219"; } .fa-face-grin-squint::before { content: "\f585"; } .fa-grin-squint::before { content: "\f585"; } .fa-hand-holding-dollar::before { content: "\f4c0"; } .fa-hand-holding-usd::before { content: "\f4c0"; } .fa-bacterium::before { content: "\e05a"; } .fa-hand-pointer::before { content: "\f25a"; } .fa-drum-steelpan::before { content: "\f56a"; } .fa-hand-scissors::before { content: "\f257"; } .fa-hands-praying::before { content: "\f684"; } .fa-praying-hands::before { content: "\f684"; } .fa-arrow-rotate-right::before { content: "\f01e"; } .fa-arrow-right-rotate::before { content: "\f01e"; } .fa-arrow-rotate-forward::before { content: "\f01e"; } .fa-redo::before { content: "\f01e"; } .fa-biohazard::before { content: "\f780"; } .fa-location-crosshairs::before { content: "\f601"; } .fa-location::before { content: "\f601"; } .fa-mars-double::before { content: "\f227"; } .fa-child-dress::before { content: "\e59c"; } .fa-users-between-lines::before { content: "\e591"; } .fa-lungs-virus::before { content: "\e067"; } .fa-face-grin-tears::before { content: "\f588"; } .fa-grin-tears::before { content: "\f588"; } .fa-phone::before { content: "\f095"; } .fa-calendar-xmark::before { content: "\f273"; } .fa-calendar-times::before { content: "\f273"; } .fa-child-reaching::before { content: "\e59d"; } .fa-head-side-virus::before { content: "\e064"; } .fa-user-gear::before { content: "\f4fe"; } .fa-user-cog::before { content: "\f4fe"; } .fa-arrow-up-1-9::before { content: "\f163"; } .fa-sort-numeric-up::before { content: "\f163"; } .fa-door-closed::before { content: "\f52a"; } .fa-shield-virus::before { content: "\e06c"; } .fa-dice-six::before { content: "\f526"; } .fa-mosquito-net::before { content: "\e52c"; } .fa-bridge-water::before { content: "\e4ce"; } .fa-person-booth::before { content: "\f756"; } .fa-text-width::before { content: "\f035"; } .fa-hat-wizard::before { content: "\f6e8"; } .fa-pen-fancy::before { content: "\f5ac"; } .fa-person-digging::before { content: "\f85e"; } .fa-digging::before { content: "\f85e"; } .fa-trash::before { content: "\f1f8"; } .fa-gauge-simple::before { content: "\f629"; } .fa-gauge-simple-med::before { content: "\f629"; } .fa-tachometer-average::before { content: "\f629"; } .fa-book-medical::before { content: "\f7e6"; } .fa-poo::before { content: "\f2fe"; } .fa-quote-right::before { content: "\f10e"; } .fa-quote-right-alt::before { content: "\f10e"; } .fa-shirt::before { content: "\f553"; } .fa-t-shirt::before { content: "\f553"; } .fa-tshirt::before { content: "\f553"; } .fa-cubes::before { content: "\f1b3"; } .fa-divide::before { content: "\f529"; } .fa-tenge-sign::before { content: "\f7d7"; } .fa-tenge::before { content: "\f7d7"; } .fa-headphones::before { content: "\f025"; } .fa-hands-holding::before { content: "\f4c2"; } .fa-hands-clapping::before { content: "\e1a8"; } .fa-republican::before { content: "\f75e"; } .fa-arrow-left::before { content: "\f060"; } .fa-person-circle-xmark::before { content: "\e543"; } .fa-ruler::before { content: "\f545"; } .fa-align-left::before { content: "\f036"; } .fa-dice-d6::before { content: "\f6d1"; } .fa-restroom::before { content: "\f7bd"; } .fa-j::before { content: "J"; } .fa-users-viewfinder::before { content: "\e595"; } .fa-file-video::before { content: "\f1c8"; } .fa-up-right-from-square::before { content: "\f35d"; } .fa-external-link-alt::before { content: "\f35d"; } .fa-table-cells::before { content: "\f00a"; } .fa-th::before { content: "\f00a"; } .fa-file-pdf::before { content: "\f1c1"; } .fa-book-bible::before { content: "\f647"; } .fa-bible::before { content: "\f647"; } .fa-o::before { content: "O"; } .fa-suitcase-medical::before { content: "\f0fa"; } .fa-medkit::before { content: "\f0fa"; } .fa-user-secret::before { content: "\f21b"; } .fa-otter::before { content: "\f700"; } .fa-person-dress::before { content: "\f182"; } .fa-female::before { content: "\f182"; } .fa-comment-dollar::before { content: "\f651"; } .fa-business-time::before { content: "\f64a"; } .fa-briefcase-clock::before { content: "\f64a"; } .fa-table-cells-large::before { content: "\f009"; } .fa-th-large::before { content: "\f009"; } .fa-book-tanakh::before { content: "\f827"; } .fa-tanakh::before { content: "\f827"; } .fa-phone-volume::before { content: "\f2a0"; } .fa-volume-control-phone::before { content: "\f2a0"; } .fa-hat-cowboy-side::before { content: "\f8c1"; } .fa-clipboard-user::before { content: "\f7f3"; } .fa-child::before { content: "\f1ae"; } .fa-lira-sign::before { content: "\f195"; } .fa-satellite::before { content: "\f7bf"; } .fa-plane-lock::before { content: "\e558"; } .fa-tag::before { content: "\f02b"; } .fa-comment::before { content: "\f075"; } .fa-cake-candles::before { content: "\f1fd"; } .fa-birthday-cake::before { content: "\f1fd"; } .fa-cake::before { content: "\f1fd"; } .fa-envelope::before { content: "\f0e0"; } .fa-angles-up::before { content: "\f102"; } .fa-angle-double-up::before { content: "\f102"; } .fa-paperclip::before { content: "\f0c6"; } .fa-arrow-right-to-city::before { content: "\e4b3"; } .fa-ribbon::before { content: "\f4d6"; } .fa-lungs::before { content: "\f604"; } .fa-arrow-up-9-1::before { content: "\f887"; } .fa-sort-numeric-up-alt::before { content: "\f887"; } .fa-litecoin-sign::before { content: "\e1d3"; } .fa-border-none::before { content: "\f850"; } .fa-circle-nodes::before { content: "\e4e2"; } .fa-parachute-box::before { content: "\f4cd"; } .fa-indent::before { content: "\f03c"; } .fa-truck-field-un::before { content: "\e58e"; } .fa-hourglass::before { content: "\f254"; } .fa-hourglass-empty::before { content: "\f254"; } .fa-mountain::before { content: "\f6fc"; } .fa-user-doctor::before { content: "\f0f0"; } .fa-user-md::before { content: "\f0f0"; } .fa-circle-info::before { content: "\f05a"; } .fa-info-circle::before { content: "\f05a"; } .fa-cloud-meatball::before { content: "\f73b"; } .fa-camera::before { content: "\f030"; } .fa-camera-alt::before { content: "\f030"; } .fa-square-virus::before { content: "\e578"; } .fa-meteor::before { content: "\f753"; } .fa-car-on::before { content: "\e4dd"; } .fa-sleigh::before { content: "\f7cc"; } .fa-arrow-down-1-9::before { content: "\f162"; } .fa-sort-numeric-asc::before { content: "\f162"; } .fa-sort-numeric-down::before { content: "\f162"; } .fa-hand-holding-droplet::before { content: "\f4c1"; } .fa-hand-holding-water::before { content: "\f4c1"; } .fa-water::before { content: "\f773"; } .fa-calendar-check::before { content: "\f274"; } .fa-braille::before { content: "\f2a1"; } .fa-prescription-bottle-medical::before { content: "\f486"; } .fa-prescription-bottle-alt::before { content: "\f486"; } .fa-landmark::before { content: "\f66f"; } .fa-truck::before { content: "\f0d1"; } .fa-crosshairs::before { content: "\f05b"; } .fa-person-cane::before { content: "\e53c"; } .fa-tent::before { content: "\e57d"; } .fa-vest-patches::before { content: "\e086"; } .fa-check-double::before { content: "\f560"; } .fa-arrow-down-a-z::before { content: "\f15d"; } .fa-sort-alpha-asc::before { content: "\f15d"; } .fa-sort-alpha-down::before { content: "\f15d"; } .fa-money-bill-wheat::before { content: "\e52a"; } .fa-cookie::before { content: "\f563"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fa-arrow-left-rotate::before { content: "\f0e2"; } .fa-arrow-rotate-back::before { content: "\f0e2"; } .fa-arrow-rotate-backward::before { content: "\f0e2"; } .fa-undo::before { content: "\f0e2"; } .fa-hard-drive::before { content: "\f0a0"; } .fa-hdd::before { content: "\f0a0"; } .fa-face-grin-squint-tears::before { content: "\f586"; } .fa-grin-squint-tears::before { content: "\f586"; } .fa-dumbbell::before { content: "\f44b"; } .fa-rectangle-list::before { content: "\f022"; } .fa-list-alt::before { content: "\f022"; } .fa-tarp-droplet::before { content: "\e57c"; } .fa-house-medical-circle-check::before { content: "\e511"; } .fa-person-skiing-nordic::before { content: "\f7ca"; } .fa-skiing-nordic::before { content: "\f7ca"; } .fa-calendar-plus::before { content: "\f271"; } .fa-plane-arrival::before { content: "\f5af"; } .fa-circle-left::before { content: "\f359"; } .fa-arrow-alt-circle-left::before { content: "\f359"; } .fa-train-subway::before { content: "\f239"; } .fa-subway::before { content: "\f239"; } .fa-chart-gantt::before { content: "\e0e4"; } .fa-indian-rupee-sign::before { content: "\e1bc"; } .fa-indian-rupee::before { content: "\e1bc"; } .fa-inr::before { content: "\e1bc"; } .fa-crop-simple::before { content: "\f565"; } .fa-crop-alt::before { content: "\f565"; } .fa-money-bill-1::before { content: "\f3d1"; } .fa-money-bill-alt::before { content: "\f3d1"; } .fa-left-long::before { content: "\f30a"; } .fa-long-arrow-alt-left::before { content: "\f30a"; } .fa-dna::before { content: "\f471"; } .fa-virus-slash::before { content: "\e075"; } .fa-minus::before { content: "\f068"; } .fa-subtract::before { content: "\f068"; } .fa-child-rifle::before { content: "\e4e0"; } .fa-chess::before { content: "\f439"; } .fa-arrow-left-long::before { content: "\f177"; } .fa-long-arrow-left::before { content: "\f177"; } .fa-plug-circle-check::before { content: "\e55c"; } .fa-street-view::before { content: "\f21d"; } .fa-franc-sign::before { content: "\e18f"; } .fa-volume-off::before { content: "\f026"; } .fa-hands-asl-interpreting::before { content: "\f2a3"; } .fa-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-asl-interpreting::before { content: "\f2a3"; } .fa-hands-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-gear::before { content: "\f013"; } .fa-cog::before { content: "\f013"; } .fa-droplet-slash::before { content: "\f5c7"; } .fa-tint-slash::before { content: "\f5c7"; } .fa-mosque::before { content: "\f678"; } .fa-mosquito::before { content: "\e52b"; } .fa-star-of-david::before { content: "\f69a"; } .fa-person-military-rifle::before { content: "\e54b"; } .fa-cart-shopping::before { content: "\f07a"; } .fa-shopping-cart::before { content: "\f07a"; } .fa-vials::before { content: "\f493"; } .fa-plug-circle-plus::before { content: "\e55f"; } .fa-place-of-worship::before { content: "\f67f"; } .fa-grip-vertical::before { content: "\f58e"; } .fa-arrow-turn-up::before { content: "\f148"; } .fa-level-up::before { content: "\f148"; } .fa-u::before { content: "U"; } .fa-square-root-variable::before { content: "\f698"; } .fa-square-root-alt::before { content: "\f698"; } .fa-clock::before { content: "\f017"; } .fa-clock-four::before { content: "\f017"; } .fa-backward-step::before { content: "\f048"; } .fa-step-backward::before { content: "\f048"; } .fa-pallet::before { content: "\f482"; } .fa-faucet::before { content: "\e005"; } .fa-baseball-bat-ball::before { content: "\f432"; } .fa-s::before { content: "S"; } .fa-timeline::before { content: "\e29c"; } .fa-keyboard::before { content: "\f11c"; } .fa-caret-down::before { content: "\f0d7"; } .fa-house-chimney-medical::before { content: "\f7f2"; } .fa-clinic-medical::before { content: "\f7f2"; } .fa-temperature-three-quarters::before { content: "\f2c8"; } .fa-temperature-3::before { content: "\f2c8"; } .fa-thermometer-3::before { content: "\f2c8"; } .fa-thermometer-three-quarters::before { content: "\f2c8"; } .fa-mobile-screen::before { content: "\f3cf"; } .fa-mobile-android-alt::before { content: "\f3cf"; } .fa-plane-up::before { content: "\e22d"; } .fa-piggy-bank::before { content: "\f4d3"; } .fa-battery-half::before { content: "\f242"; } .fa-battery-3::before { content: "\f242"; } .fa-mountain-city::before { content: "\e52e"; } .fa-coins::before { content: "\f51e"; } .fa-khanda::before { content: "\f66d"; } .fa-sliders::before { content: "\f1de"; } .fa-sliders-h::before { content: "\f1de"; } .fa-folder-tree::before { content: "\f802"; } .fa-network-wired::before { content: "\f6ff"; } .fa-map-pin::before { content: "\f276"; } .fa-hamsa::before { content: "\f665"; } .fa-cent-sign::before { content: "\e3f5"; } .fa-flask::before { content: "\f0c3"; } .fa-person-pregnant::before { content: "\e31e"; } .fa-wand-sparkles::before { content: "\f72b"; } .fa-ellipsis-vertical::before { content: "\f142"; } .fa-ellipsis-v::before { content: "\f142"; } .fa-ticket::before { content: "\f145"; } .fa-power-off::before { content: "\f011"; } .fa-right-long::before { content: "\f30b"; } .fa-long-arrow-alt-right::before { content: "\f30b"; } .fa-flag-usa::before { content: "\f74d"; } .fa-laptop-file::before { content: "\e51d"; } .fa-tty::before { content: "\f1e4"; } .fa-teletype::before { content: "\f1e4"; } .fa-diagram-next::before { content: "\e476"; } .fa-person-rifle::before { content: "\e54e"; } .fa-house-medical-circle-exclamation::before { content: "\e512"; } .fa-closed-captioning::before { content: "\f20a"; } .fa-person-hiking::before { content: "\f6ec"; } .fa-hiking::before { content: "\f6ec"; } .fa-venus-double::before { content: "\f226"; } .fa-images::before { content: "\f302"; } .fa-calculator::before { content: "\f1ec"; } .fa-people-pulling::before { content: "\e535"; } .fa-n::before { content: "N"; } .fa-cable-car::before { content: "\f7da"; } .fa-tram::before { content: "\f7da"; } .fa-cloud-rain::before { content: "\f73d"; } .fa-building-circle-xmark::before { content: "\e4d4"; } .fa-ship::before { content: "\f21a"; } .fa-arrows-down-to-line::before { content: "\e4b8"; } .fa-download::before { content: "\f019"; } .fa-face-grin::before { content: "\f580"; } .fa-grin::before { content: "\f580"; } .fa-delete-left::before { content: "\f55a"; } .fa-backspace::before { content: "\f55a"; } .fa-eye-dropper::before { content: "\f1fb"; } .fa-eye-dropper-empty::before { content: "\f1fb"; } .fa-eyedropper::before { content: "\f1fb"; } .fa-file-circle-check::before { content: "\e5a0"; } .fa-forward::before { content: "\f04e"; } .fa-mobile::before { content: "\f3ce"; } .fa-mobile-android::before { content: "\f3ce"; } .fa-mobile-phone::before { content: "\f3ce"; } .fa-face-meh::before { content: "\f11a"; } .fa-meh::before { content: "\f11a"; } .fa-align-center::before { content: "\f037"; } .fa-book-skull::before { content: "\f6b7"; } .fa-book-dead::before { content: "\f6b7"; } .fa-id-card::before { content: "\f2c2"; } .fa-drivers-license::before { content: "\f2c2"; } .fa-outdent::before { content: "\f03b"; } .fa-dedent::before { content: "\f03b"; } .fa-heart-circle-exclamation::before { content: "\e4fe"; } .fa-house::before { content: "\f015"; } .fa-home::before { content: "\f015"; } .fa-home-alt::before { content: "\f015"; } .fa-home-lg-alt::before { content: "\f015"; } .fa-calendar-week::before { content: "\f784"; } .fa-laptop-medical::before { content: "\f812"; } .fa-b::before { content: "B"; } .fa-file-medical::before { content: "\f477"; } .fa-dice-one::before { content: "\f525"; } .fa-kiwi-bird::before { content: "\f535"; } .fa-arrow-right-arrow-left::before { content: "\f0ec"; } .fa-exchange::before { content: "\f0ec"; } .fa-rotate-right::before { content: "\f2f9"; } .fa-redo-alt::before { content: "\f2f9"; } .fa-rotate-forward::before { content: "\f2f9"; } .fa-utensils::before { content: "\f2e7"; } .fa-cutlery::before { content: "\f2e7"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fa-sort-amount-up::before { content: "\f161"; } .fa-mill-sign::before { content: "\e1ed"; } .fa-bowl-rice::before { content: "\e2eb"; } .fa-skull::before { content: "\f54c"; } .fa-tower-broadcast::before { content: "\f519"; } .fa-broadcast-tower::before { content: "\f519"; } .fa-truck-pickup::before { content: "\f63c"; } .fa-up-long::before { content: "\f30c"; } .fa-long-arrow-alt-up::before { content: "\f30c"; } .fa-stop::before { content: "\f04d"; } .fa-code-merge::before { content: "\f387"; } .fa-upload::before { content: "\f093"; } .fa-hurricane::before { content: "\f751"; } .fa-mound::before { content: "\e52d"; } .fa-toilet-portable::before { content: "\e583"; } .fa-compact-disc::before { content: "\f51f"; } .fa-file-arrow-down::before { content: "\f56d"; } .fa-file-download::before { content: "\f56d"; } .fa-caravan::before { content: "\f8ff"; } .fa-shield-cat::before { content: "\e572"; } .fa-bolt::before { content: "\f0e7"; } .fa-zap::before { content: "\f0e7"; } .fa-glass-water::before { content: "\e4f4"; } .fa-oil-well::before { content: "\e532"; } .fa-vault::before { content: "\e2c5"; } .fa-mars::before { content: "\f222"; } .fa-toilet::before { content: "\f7d8"; } .fa-plane-circle-xmark::before { content: "\e557"; } .fa-yen-sign::before { content: "\f157"; } .fa-cny::before { content: "\f157"; } .fa-jpy::before { content: "\f157"; } .fa-rmb::before { content: "\f157"; } .fa-yen::before { content: "\f157"; } .fa-ruble-sign::before { content: "\f158"; } .fa-rouble::before { content: "\f158"; } .fa-rub::before { content: "\f158"; } .fa-ruble::before { content: "\f158"; } .fa-sun::before { content: "\f185"; } .fa-guitar::before { content: "\f7a6"; } .fa-face-laugh-wink::before { content: "\f59c"; } .fa-laugh-wink::before { content: "\f59c"; } .fa-horse-head::before { content: "\f7ab"; } .fa-bore-hole::before { content: "\e4c3"; } .fa-industry::before { content: "\f275"; } .fa-circle-down::before { content: "\f358"; } .fa-arrow-alt-circle-down::before { content: "\f358"; } .fa-arrows-turn-to-dots::before { content: "\e4c1"; } .fa-florin-sign::before { content: "\e184"; } .fa-arrow-down-short-wide::before { content: "\f884"; } .fa-sort-amount-desc::before { content: "\f884"; } .fa-sort-amount-down-alt::before { content: "\f884"; } .fa-less-than::before { content: "\<"; } .fa-angle-down::before { content: "\f107"; } .fa-car-tunnel::before { content: "\e4de"; } .fa-head-side-cough::before { content: "\e061"; } .fa-grip-lines::before { content: "\f7a4"; } .fa-thumbs-down::before { content: "\f165"; } .fa-user-lock::before { content: "\f502"; } .fa-arrow-right-long::before { content: "\f178"; } .fa-long-arrow-right::before { content: "\f178"; } .fa-anchor-circle-xmark::before { content: "\e4ac"; } .fa-ellipsis::before { content: "\f141"; } .fa-ellipsis-h::before { content: "\f141"; } .fa-chess-pawn::before { content: "\f443"; } .fa-kit-medical::before { content: "\f479"; } .fa-first-aid::before { content: "\f479"; } .fa-person-through-window::before { content: "\e5a9"; } .fa-toolbox::before { content: "\f552"; } .fa-hands-holding-circle::before { content: "\e4fb"; } .fa-bug::before { content: "\f188"; } .fa-credit-card::before { content: "\f09d"; } .fa-credit-card-alt::before { content: "\f09d"; } .fa-car::before { content: "\f1b9"; } .fa-automobile::before { content: "\f1b9"; } .fa-hand-holding-hand::before { content: "\e4f7"; } .fa-book-open-reader::before { content: "\f5da"; } .fa-book-reader::before { content: "\f5da"; } .fa-mountain-sun::before { content: "\e52f"; } .fa-arrows-left-right-to-line::before { content: "\e4ba"; } .fa-dice-d20::before { content: "\f6cf"; } .fa-truck-droplet::before { content: "\e58c"; } .fa-file-circle-xmark::before { content: "\e5a1"; } .fa-temperature-arrow-up::before { content: "\e040"; } .fa-temperature-up::before { content: "\e040"; } .fa-medal::before { content: "\f5a2"; } .fa-bed::before { content: "\f236"; } .fa-square-h::before { content: "\f0fd"; } .fa-h-square::before { content: "\f0fd"; } .fa-podcast::before { content: "\f2ce"; } .fa-temperature-full::before { content: "\f2c7"; } .fa-temperature-4::before { content: "\f2c7"; } .fa-thermometer-4::before { content: "\f2c7"; } .fa-thermometer-full::before { content: "\f2c7"; } .fa-bell::before { content: "\f0f3"; } .fa-superscript::before { content: "\f12b"; } .fa-plug-circle-xmark::before { content: "\e560"; } .fa-star-of-life::before { content: "\f621"; } .fa-phone-slash::before { content: "\f3dd"; } .fa-paint-roller::before { content: "\f5aa"; } .fa-handshake-angle::before { content: "\f4c4"; } .fa-hands-helping::before { content: "\f4c4"; } .fa-location-dot::before { content: "\f3c5"; } .fa-map-marker-alt::before { content: "\f3c5"; } .fa-file::before { content: "\f15b"; } .fa-greater-than::before { content: "\>"; } .fa-person-swimming::before { content: "\f5c4"; } .fa-swimmer::before { content: "\f5c4"; } .fa-arrow-down::before { content: "\f063"; } .fa-droplet::before { content: "\f043"; } .fa-tint::before { content: "\f043"; } .fa-eraser::before { content: "\f12d"; } .fa-earth-americas::before { content: "\f57d"; } .fa-earth::before { content: "\f57d"; } .fa-earth-america::before { content: "\f57d"; } .fa-globe-americas::before { content: "\f57d"; } .fa-person-burst::before { content: "\e53b"; } .fa-dove::before { content: "\f4ba"; } .fa-battery-empty::before { content: "\f244"; } .fa-battery-0::before { content: "\f244"; } .fa-socks::before { content: "\f696"; } .fa-inbox::before { content: "\f01c"; } .fa-section::before { content: "\e447"; } .fa-gauge-high::before { content: "\f625"; } .fa-tachometer-alt::before { content: "\f625"; } .fa-tachometer-alt-fast::before { content: "\f625"; } .fa-envelope-open-text::before { content: "\f658"; } .fa-hospital::before { content: "\f0f8"; } .fa-hospital-alt::before { content: "\f0f8"; } .fa-hospital-wide::before { content: "\f0f8"; } .fa-wine-bottle::before { content: "\f72f"; } .fa-chess-rook::before { content: "\f447"; } .fa-bars-staggered::before { content: "\f550"; } .fa-reorder::before { content: "\f550"; } .fa-stream::before { content: "\f550"; } .fa-dharmachakra::before { content: "\f655"; } .fa-hotdog::before { content: "\f80f"; } .fa-person-walking-with-cane::before { content: "\f29d"; } .fa-blind::before { content: "\f29d"; } .fa-drum::before { content: "\f569"; } .fa-ice-cream::before { content: "\f810"; } .fa-heart-circle-bolt::before { content: "\e4fc"; } .fa-fax::before { content: "\f1ac"; } .fa-paragraph::before { content: "\f1dd"; } .fa-check-to-slot::before { content: "\f772"; } .fa-vote-yea::before { content: "\f772"; } .fa-star-half::before { content: "\f089"; } .fa-boxes-stacked::before { content: "\f468"; } .fa-boxes::before { content: "\f468"; } .fa-boxes-alt::before { content: "\f468"; } .fa-link::before { content: "\f0c1"; } .fa-chain::before { content: "\f0c1"; } .fa-ear-listen::before { content: "\f2a2"; } .fa-assistive-listening-systems::before { content: "\f2a2"; } .fa-tree-city::before { content: "\e587"; } .fa-play::before { content: "\f04b"; } .fa-font::before { content: "\f031"; } .fa-rupiah-sign::before { content: "\e23d"; } .fa-magnifying-glass::before { content: "\f002"; } .fa-search::before { content: "\f002"; } .fa-table-tennis-paddle-ball::before { content: "\f45d"; } .fa-ping-pong-paddle-ball::before { content: "\f45d"; } .fa-table-tennis::before { content: "\f45d"; } .fa-person-dots-from-line::before { content: "\f470"; } .fa-diagnoses::before { content: "\f470"; } .fa-trash-can-arrow-up::before { content: "\f82a"; } .fa-trash-restore-alt::before { content: "\f82a"; } .fa-naira-sign::before { content: "\e1f6"; } .fa-cart-arrow-down::before { content: "\f218"; } .fa-walkie-talkie::before { content: "\f8ef"; } .fa-file-pen::before { content: "\f31c"; } .fa-file-edit::before { content: "\f31c"; } .fa-receipt::before { content: "\f543"; } .fa-square-pen::before { content: "\f14b"; } .fa-pen-square::before { content: "\f14b"; } .fa-pencil-square::before { content: "\f14b"; } .fa-suitcase-rolling::before { content: "\f5c1"; } .fa-person-circle-exclamation::before { content: "\e53f"; } .fa-chevron-down::before { content: "\f078"; } .fa-battery-full::before { content: "\f240"; } .fa-battery::before { content: "\f240"; } .fa-battery-5::before { content: "\f240"; } .fa-skull-crossbones::before { content: "\f714"; } .fa-code-compare::before { content: "\e13a"; } .fa-list-ul::before { content: "\f0ca"; } .fa-list-dots::before { content: "\f0ca"; } .fa-school-lock::before { content: "\e56f"; } .fa-tower-cell::before { content: "\e585"; } .fa-down-long::before { content: "\f309"; } .fa-long-arrow-alt-down::before { content: "\f309"; } .fa-ranking-star::before { content: "\e561"; } .fa-chess-king::before { content: "\f43f"; } .fa-person-harassing::before { content: "\e549"; } .fa-brazilian-real-sign::before { content: "\e46c"; } .fa-landmark-dome::before { content: "\f752"; } .fa-landmark-alt::before { content: "\f752"; } .fa-arrow-up::before { content: "\f062"; } .fa-tv::before { content: "\f26c"; } .fa-television::before { content: "\f26c"; } .fa-tv-alt::before { content: "\f26c"; } .fa-shrimp::before { content: "\e448"; } .fa-list-check::before { content: "\f0ae"; } .fa-tasks::before { content: "\f0ae"; } .fa-jug-detergent::before { content: "\e519"; } .fa-circle-user::before { content: "\f2bd"; } .fa-user-circle::before { content: "\f2bd"; } .fa-user-shield::before { content: "\f505"; } .fa-wind::before { content: "\f72e"; } .fa-car-burst::before { content: "\f5e1"; } .fa-car-crash::before { content: "\f5e1"; } .fa-y::before { content: "Y"; } .fa-person-snowboarding::before { content: "\f7ce"; } .fa-snowboarding::before { content: "\f7ce"; } .fa-truck-fast::before { content: "\f48b"; } .fa-shipping-fast::before { content: "\f48b"; } .fa-fish::before { content: "\f578"; } .fa-user-graduate::before { content: "\f501"; } .fa-circle-half-stroke::before { content: "\f042"; } .fa-adjust::before { content: "\f042"; } .fa-clapperboard::before { content: "\e131"; } .fa-circle-radiation::before { content: "\f7ba"; } .fa-radiation-alt::before { content: "\f7ba"; } .fa-baseball::before { content: "\f433"; } .fa-baseball-ball::before { content: "\f433"; } .fa-jet-fighter-up::before { content: "\e518"; } .fa-diagram-project::before { content: "\f542"; } .fa-project-diagram::before { content: "\f542"; } .fa-copy::before { content: "\f0c5"; } .fa-volume-xmark::before { content: "\f6a9"; } .fa-volume-mute::before { content: "\f6a9"; } .fa-volume-times::before { content: "\f6a9"; } .fa-hand-sparkles::before { content: "\e05d"; } .fa-grip::before { content: "\f58d"; } .fa-grip-horizontal::before { content: "\f58d"; } .fa-share-from-square::before { content: "\f14d"; } .fa-share-square::before { content: "\f14d"; } .fa-gun::before { content: "\e19b"; } .fa-square-phone::before { content: "\f098"; } .fa-phone-square::before { content: "\f098"; } .fa-plus::before { content: "\+"; } .fa-add::before { content: "\+"; } .fa-expand::before { content: "\f065"; } .fa-computer::before { content: "\e4e5"; } .fa-xmark::before { content: "\f00d"; } .fa-close::before { content: "\f00d"; } .fa-multiply::before { content: "\f00d"; } .fa-remove::before { content: "\f00d"; } .fa-times::before { content: "\f00d"; } .fa-arrows-up-down-left-right::before { content: "\f047"; } .fa-arrows::before { content: "\f047"; } .fa-chalkboard-user::before { content: "\f51c"; } .fa-chalkboard-teacher::before { content: "\f51c"; } .fa-peso-sign::before { content: "\e222"; } .fa-building-shield::before { content: "\e4d8"; } .fa-baby::before { content: "\f77c"; } .fa-users-line::before { content: "\e592"; } .fa-quote-left::before { content: "\f10d"; } .fa-quote-left-alt::before { content: "\f10d"; } .fa-tractor::before { content: "\f722"; } .fa-trash-arrow-up::before { content: "\f829"; } .fa-trash-restore::before { content: "\f829"; } .fa-arrow-down-up-lock::before { content: "\e4b0"; } .fa-lines-leaning::before { content: "\e51e"; } .fa-ruler-combined::before { content: "\f546"; } .fa-copyright::before { content: "\f1f9"; } .fa-equals::before { content: "\="; } .fa-blender::before { content: "\f517"; } .fa-teeth::before { content: "\f62e"; } .fa-shekel-sign::before { content: "\f20b"; } .fa-ils::before { content: "\f20b"; } .fa-shekel::before { content: "\f20b"; } .fa-sheqel::before { content: "\f20b"; } .fa-sheqel-sign::before { content: "\f20b"; } .fa-map::before { content: "\f279"; } .fa-rocket::before { content: "\f135"; } .fa-photo-film::before { content: "\f87c"; } .fa-photo-video::before { content: "\f87c"; } .fa-folder-minus::before { content: "\f65d"; } .fa-store::before { content: "\f54e"; } .fa-arrow-trend-up::before { content: "\e098"; } .fa-plug-circle-minus::before { content: "\e55e"; } .fa-sign-hanging::before { content: "\f4d9"; } .fa-sign::before { content: "\f4d9"; } .fa-bezier-curve::before { content: "\f55b"; } .fa-bell-slash::before { content: "\f1f6"; } .fa-tablet::before { content: "\f3fb"; } .fa-tablet-android::before { content: "\f3fb"; } .fa-school-flag::before { content: "\e56e"; } .fa-fill::before { content: "\f575"; } .fa-angle-up::before { content: "\f106"; } .fa-drumstick-bite::before { content: "\f6d7"; } .fa-holly-berry::before { content: "\f7aa"; } .fa-chevron-left::before { content: "\f053"; } .fa-bacteria::before { content: "\e059"; } .fa-hand-lizard::before { content: "\f258"; } .fa-disease::before { content: "\f7fa"; } .fa-briefcase-medical::before { content: "\f469"; } .fa-genderless::before { content: "\f22d"; } .fa-chevron-right::before { content: "\f054"; } .fa-retweet::before { content: "\f079"; } .fa-car-rear::before { content: "\f5de"; } .fa-car-alt::before { content: "\f5de"; } .fa-pump-soap::before { content: "\e06b"; } .fa-video-slash::before { content: "\f4e2"; } .fa-battery-quarter::before { content: "\f243"; } .fa-battery-2::before { content: "\f243"; } .fa-radio::before { content: "\f8d7"; } .fa-baby-carriage::before { content: "\f77d"; } .fa-carriage-baby::before { content: "\f77d"; } .fa-traffic-light::before { content: "\f637"; } .fa-thermometer::before { content: "\f491"; } .fa-vr-cardboard::before { content: "\f729"; } .fa-hand-middle-finger::before { content: "\f806"; } .fa-percent::before { content: "\%"; } .fa-percentage::before { content: "\%"; } .fa-truck-moving::before { content: "\f4df"; } .fa-glass-water-droplet::before { content: "\e4f5"; } .fa-display::before { content: "\e163"; } .fa-face-smile::before { content: "\f118"; } .fa-smile::before { content: "\f118"; } .fa-thumbtack::before { content: "\f08d"; } .fa-thumb-tack::before { content: "\f08d"; } .fa-trophy::before { content: "\f091"; } .fa-person-praying::before { content: "\f683"; } .fa-pray::before { content: "\f683"; } .fa-hammer::before { content: "\f6e3"; } .fa-hand-peace::before { content: "\f25b"; } .fa-rotate::before { content: "\f2f1"; } .fa-sync-alt::before { content: "\f2f1"; } .fa-spinner::before { content: "\f110"; } .fa-robot::before { content: "\f544"; } .fa-peace::before { content: "\f67c"; } .fa-gears::before { content: "\f085"; } .fa-cogs::before { content: "\f085"; } .fa-warehouse::before { content: "\f494"; } .fa-arrow-up-right-dots::before { content: "\e4b7"; } .fa-splotch::before { content: "\f5bc"; } .fa-face-grin-hearts::before { content: "\f584"; } .fa-grin-hearts::before { content: "\f584"; } .fa-dice-four::before { content: "\f524"; } .fa-sim-card::before { content: "\f7c4"; } .fa-transgender::before { content: "\f225"; } .fa-transgender-alt::before { content: "\f225"; } .fa-mercury::before { content: "\f223"; } .fa-arrow-turn-down::before { content: "\f149"; } .fa-level-down::before { content: "\f149"; } .fa-person-falling-burst::before { content: "\e547"; } .fa-award::before { content: "\f559"; } .fa-ticket-simple::before { content: "\f3ff"; } .fa-ticket-alt::before { content: "\f3ff"; } .fa-building::before { content: "\f1ad"; } .fa-angles-left::before { content: "\f100"; } .fa-angle-double-left::before { content: "\f100"; } .fa-qrcode::before { content: "\f029"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fa-history::before { content: "\f1da"; } .fa-face-grin-beam-sweat::before { content: "\f583"; } .fa-grin-beam-sweat::before { content: "\f583"; } .fa-file-export::before { content: "\f56e"; } .fa-arrow-right-from-file::before { content: "\f56e"; } .fa-shield::before { content: "\f132"; } .fa-shield-blank::before { content: "\f132"; } .fa-arrow-up-short-wide::before { content: "\f885"; } .fa-sort-amount-up-alt::before { content: "\f885"; } .fa-house-medical::before { content: "\e3b2"; } .fa-golf-ball-tee::before { content: "\f450"; } .fa-golf-ball::before { content: "\f450"; } .fa-circle-chevron-left::before { content: "\f137"; } .fa-chevron-circle-left::before { content: "\f137"; } .fa-house-chimney-window::before { content: "\e00d"; } .fa-pen-nib::before { content: "\f5ad"; } .fa-tent-arrow-turn-left::before { content: "\e580"; } .fa-tents::before { content: "\e582"; } .fa-wand-magic::before { content: "\f0d0"; } .fa-magic::before { content: "\f0d0"; } .fa-dog::before { content: "\f6d3"; } .fa-carrot::before { content: "\f787"; } .fa-moon::before { content: "\f186"; } .fa-wine-glass-empty::before { content: "\f5ce"; } .fa-wine-glass-alt::before { content: "\f5ce"; } .fa-cheese::before { content: "\f7ef"; } .fa-yin-yang::before { content: "\f6ad"; } .fa-music::before { content: "\f001"; } .fa-code-commit::before { content: "\f386"; } .fa-temperature-low::before { content: "\f76b"; } .fa-person-biking::before { content: "\f84a"; } .fa-biking::before { content: "\f84a"; } .fa-broom::before { content: "\f51a"; } .fa-shield-heart::before { content: "\e574"; } .fa-gopuram::before { content: "\f664"; } .fa-earth-oceania::before { content: "\e47b"; } .fa-globe-oceania::before { content: "\e47b"; } .fa-square-xmark::before { content: "\f2d3"; } .fa-times-square::before { content: "\f2d3"; } .fa-xmark-square::before { content: "\f2d3"; } .fa-hashtag::before { content: "\#"; } .fa-up-right-and-down-left-from-center::before { content: "\f424"; } .fa-expand-alt::before { content: "\f424"; } .fa-oil-can::before { content: "\f613"; } .fa-t::before { content: "T"; } .fa-hippo::before { content: "\f6ed"; } .fa-chart-column::before { content: "\e0e3"; } .fa-infinity::before { content: "\f534"; } .fa-vial-circle-check::before { content: "\e596"; } .fa-person-arrow-down-to-line::before { content: "\e538"; } .fa-voicemail::before { content: "\f897"; } .fa-fan::before { content: "\f863"; } .fa-person-walking-luggage::before { content: "\e554"; } .fa-up-down::before { content: "\f338"; } .fa-arrows-alt-v::before { content: "\f338"; } .fa-cloud-moon-rain::before { content: "\f73c"; } .fa-calendar::before { content: "\f133"; } .fa-trailer::before { content: "\e041"; } .fa-bahai::before { content: "\f666"; } .fa-haykal::before { content: "\f666"; } .fa-sd-card::before { content: "\f7c2"; } .fa-dragon::before { content: "\f6d5"; } .fa-shoe-prints::before { content: "\f54b"; } .fa-circle-plus::before { content: "\f055"; } .fa-plus-circle::before { content: "\f055"; } .fa-face-grin-tongue-wink::before { content: "\f58b"; } .fa-grin-tongue-wink::before { content: "\f58b"; } .fa-hand-holding::before { content: "\f4bd"; } .fa-plug-circle-exclamation::before { content: "\e55d"; } .fa-link-slash::before { content: "\f127"; } .fa-chain-broken::before { content: "\f127"; } .fa-chain-slash::before { content: "\f127"; } .fa-unlink::before { content: "\f127"; } .fa-clone::before { content: "\f24d"; } .fa-person-walking-arrow-loop-left::before { content: "\e551"; } .fa-arrow-up-z-a::before { content: "\f882"; } .fa-sort-alpha-up-alt::before { content: "\f882"; } .fa-fire-flame-curved::before { content: "\f7e4"; } .fa-fire-alt::before { content: "\f7e4"; } .fa-tornado::before { content: "\f76f"; } .fa-file-circle-plus::before { content: "\e494"; } .fa-book-quran::before { content: "\f687"; } .fa-quran::before { content: "\f687"; } .fa-anchor::before { content: "\f13d"; } .fa-border-all::before { content: "\f84c"; } .fa-face-angry::before { content: "\f556"; } .fa-angry::before { content: "\f556"; } .fa-cookie-bite::before { content: "\f564"; } .fa-arrow-trend-down::before { content: "\e097"; } .fa-rss::before { content: "\f09e"; } .fa-feed::before { content: "\f09e"; } .fa-draw-polygon::before { content: "\f5ee"; } .fa-scale-balanced::before { content: "\f24e"; } .fa-balance-scale::before { content: "\f24e"; } .fa-gauge-simple-high::before { content: "\f62a"; } .fa-tachometer::before { content: "\f62a"; } .fa-tachometer-fast::before { content: "\f62a"; } .fa-shower::before { content: "\f2cc"; } .fa-desktop::before { content: "\f390"; } .fa-desktop-alt::before { content: "\f390"; } .fa-m::before { content: "M"; } .fa-table-list::before { content: "\f00b"; } .fa-th-list::before { content: "\f00b"; } .fa-comment-sms::before { content: "\f7cd"; } .fa-sms::before { content: "\f7cd"; } .fa-book::before { content: "\f02d"; } .fa-user-plus::before { content: "\f234"; } .fa-check::before { content: "\f00c"; } .fa-battery-three-quarters::before { content: "\f241"; } .fa-battery-4::before { content: "\f241"; } .fa-house-circle-check::before { content: "\e509"; } .fa-angle-left::before { content: "\f104"; } .fa-diagram-successor::before { content: "\e47a"; } .fa-truck-arrow-right::before { content: "\e58b"; } .fa-arrows-split-up-and-left::before { content: "\e4bc"; } .fa-hand-fist::before { content: "\f6de"; } .fa-fist-raised::before { content: "\f6de"; } .fa-cloud-moon::before { content: "\f6c3"; } .fa-briefcase::before { content: "\f0b1"; } .fa-person-falling::before { content: "\e546"; } .fa-image-portrait::before { content: "\f3e0"; } .fa-portrait::before { content: "\f3e0"; } .fa-user-tag::before { content: "\f507"; } .fa-rug::before { content: "\e569"; } .fa-earth-europe::before { content: "\f7a2"; } .fa-globe-europe::before { content: "\f7a2"; } .fa-cart-flatbed-suitcase::before { content: "\f59d"; } .fa-luggage-cart::before { content: "\f59d"; } .fa-rectangle-xmark::before { content: "\f410"; } .fa-rectangle-times::before { content: "\f410"; } .fa-times-rectangle::before { content: "\f410"; } .fa-window-close::before { content: "\f410"; } .fa-baht-sign::before { content: "\e0ac"; } .fa-book-open::before { content: "\f518"; } .fa-book-journal-whills::before { content: "\f66a"; } .fa-journal-whills::before { content: "\f66a"; } .fa-handcuffs::before { content: "\e4f8"; } .fa-triangle-exclamation::before { content: "\f071"; } .fa-exclamation-triangle::before { content: "\f071"; } .fa-warning::before { content: "\f071"; } .fa-database::before { content: "\f1c0"; } .fa-share::before { content: "\f064"; } .fa-arrow-turn-right::before { content: "\f064"; } .fa-mail-forward::before { content: "\f064"; } .fa-bottle-droplet::before { content: "\e4c4"; } .fa-mask-face::before { content: "\e1d7"; } .fa-hill-rockslide::before { content: "\e508"; } .fa-right-left::before { content: "\f362"; } .fa-exchange-alt::before { content: "\f362"; } .fa-paper-plane::before { content: "\f1d8"; } .fa-road-circle-exclamation::before { content: "\e565"; } .fa-dungeon::before { content: "\f6d9"; } .fa-align-right::before { content: "\f038"; } .fa-money-bill-1-wave::before { content: "\f53b"; } .fa-money-bill-wave-alt::before { content: "\f53b"; } .fa-life-ring::before { content: "\f1cd"; } .fa-hands::before { content: "\f2a7"; } .fa-sign-language::before { content: "\f2a7"; } .fa-signing::before { content: "\f2a7"; } .fa-calendar-day::before { content: "\f783"; } .fa-water-ladder::before { content: "\f5c5"; } .fa-ladder-water::before { content: "\f5c5"; } .fa-swimming-pool::before { content: "\f5c5"; } .fa-arrows-up-down::before { content: "\f07d"; } .fa-arrows-v::before { content: "\f07d"; } .fa-face-grimace::before { content: "\f57f"; } .fa-grimace::before { content: "\f57f"; } .fa-wheelchair-move::before { content: "\e2ce"; } .fa-wheelchair-alt::before { content: "\e2ce"; } .fa-turn-down::before { content: "\f3be"; } .fa-level-down-alt::before { content: "\f3be"; } .fa-person-walking-arrow-right::before { content: "\e552"; } .fa-square-envelope::before { content: "\f199"; } .fa-envelope-square::before { content: "\f199"; } .fa-dice::before { content: "\f522"; } .fa-bowling-ball::before { content: "\f436"; } .fa-brain::before { content: "\f5dc"; } .fa-bandage::before { content: "\f462"; } .fa-band-aid::before { content: "\f462"; } .fa-calendar-minus::before { content: "\f272"; } .fa-circle-xmark::before { content: "\f057"; } .fa-times-circle::before { content: "\f057"; } .fa-xmark-circle::before { content: "\f057"; } .fa-gifts::before { content: "\f79c"; } .fa-hotel::before { content: "\f594"; } .fa-earth-asia::before { content: "\f57e"; } .fa-globe-asia::before { content: "\f57e"; } .fa-id-card-clip::before { content: "\f47f"; } .fa-id-card-alt::before { content: "\f47f"; } .fa-magnifying-glass-plus::before { content: "\f00e"; } .fa-search-plus::before { content: "\f00e"; } .fa-thumbs-up::before { content: "\f164"; } .fa-user-clock::before { content: "\f4fd"; } .fa-hand-dots::before { content: "\f461"; } .fa-allergies::before { content: "\f461"; } .fa-file-invoice::before { content: "\f570"; } .fa-window-minimize::before { content: "\f2d1"; } .fa-mug-saucer::before { content: "\f0f4"; } .fa-coffee::before { content: "\f0f4"; } .fa-brush::before { content: "\f55d"; } .fa-mask::before { content: "\f6fa"; } .fa-magnifying-glass-minus::before { content: "\f010"; } .fa-search-minus::before { content: "\f010"; } .fa-ruler-vertical::before { content: "\f548"; } .fa-user-large::before { content: "\f406"; } .fa-user-alt::before { content: "\f406"; } .fa-train-tram::before { content: "\e5b4"; } .fa-user-nurse::before { content: "\f82f"; } .fa-syringe::before { content: "\f48e"; } .fa-cloud-sun::before { content: "\f6c4"; } .fa-stopwatch-20::before { content: "\e06f"; } .fa-square-full::before { content: "\f45c"; } .fa-magnet::before { content: "\f076"; } .fa-jar::before { content: "\e516"; } .fa-note-sticky::before { content: "\f249"; } .fa-sticky-note::before { content: "\f249"; } .fa-bug-slash::before { content: "\e490"; } .fa-arrow-up-from-water-pump::before { content: "\e4b6"; } .fa-bone::before { content: "\f5d7"; } .fa-user-injured::before { content: "\f728"; } .fa-face-sad-tear::before { content: "\f5b4"; } .fa-sad-tear::before { content: "\f5b4"; } .fa-plane::before { content: "\f072"; } .fa-tent-arrows-down::before { content: "\e581"; } .fa-exclamation::before { content: "\!"; } .fa-arrows-spin::before { content: "\e4bb"; } .fa-print::before { content: "\f02f"; } .fa-turkish-lira-sign::before { content: "\e2bb"; } .fa-try::before { content: "\e2bb"; } .fa-turkish-lira::before { content: "\e2bb"; } .fa-dollar-sign::before { content: "\$"; } .fa-dollar::before { content: "\$"; } .fa-usd::before { content: "\$"; } .fa-x::before { content: "X"; } .fa-magnifying-glass-dollar::before { content: "\f688"; } .fa-search-dollar::before { content: "\f688"; } .fa-users-gear::before { content: "\f509"; } .fa-users-cog::before { content: "\f509"; } .fa-person-military-pointing::before { content: "\e54a"; } .fa-building-columns::before { content: "\f19c"; } .fa-bank::before { content: "\f19c"; } .fa-institution::before { content: "\f19c"; } .fa-museum::before { content: "\f19c"; } .fa-university::before { content: "\f19c"; } .fa-umbrella::before { content: "\f0e9"; } .fa-trowel::before { content: "\e589"; } .fa-d::before { content: "D"; } .fa-stapler::before { content: "\e5af"; } .fa-masks-theater::before { content: "\f630"; } .fa-theater-masks::before { content: "\f630"; } .fa-kip-sign::before { content: "\e1c4"; } .fa-hand-point-left::before { content: "\f0a5"; } .fa-handshake-simple::before { content: "\f4c6"; } .fa-handshake-alt::before { content: "\f4c6"; } .fa-jet-fighter::before { content: "\f0fb"; } .fa-fighter-jet::before { content: "\f0fb"; } .fa-square-share-nodes::before { content: "\f1e1"; } .fa-share-alt-square::before { content: "\f1e1"; } .fa-barcode::before { content: "\f02a"; } .fa-plus-minus::before { content: "\e43c"; } .fa-video::before { content: "\f03d"; } .fa-video-camera::before { content: "\f03d"; } .fa-graduation-cap::before { content: "\f19d"; } .fa-mortar-board::before { content: "\f19d"; } .fa-hand-holding-medical::before { content: "\e05c"; } .fa-person-circle-check::before { content: "\e53e"; } .fa-turn-up::before { content: "\f3bf"; } .fa-level-up-alt::before { content: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.ttf') format("truetype"); } .far, .fa-regular { font-weight: 400; } /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.ttf') format("truetype"); } .fas, .fa-solid { font-weight: 900; } /*! * Font Awesome Free 6.2.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2022 Fonticons, Inc. */ :root, :host { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.ttf') format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero:before { content: "\f3d0"; } .fa-hooli:before { content: "\f427"; } .fa-yelp:before { content: "\f1e9"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-lastfm:before { content: "\f202"; } .fa-shopware:before { content: "\f5b5"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-aws:before { content: "\f375"; } .fa-redhat:before { content: "\f7bc"; } .fa-yoast:before { content: "\f2b1"; } .fa-cloudflare:before { content: "\e07d"; } .fa-ups:before { content: "\f7e0"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-dyalog:before { content: "\f399"; } .fa-bity:before { content: "\f37a"; } .fa-stackpath:before { content: "\f842"; } .fa-buysellads:before { content: "\f20d"; } .fa-first-order:before { content: "\f2b0"; } .fa-modx:before { content: "\f285"; } .fa-guilded:before { content: "\e07e"; } .fa-vnv:before { content: "\f40b"; } .fa-square-js:before { content: "\f3b9"; } .fa-js-square:before { content: "\f3b9"; } .fa-microsoft:before { content: "\f3ca"; } .fa-qq:before { content: "\f1d6"; } .fa-orcid:before { content: "\f8d2"; } .fa-java:before { content: "\f4e4"; } .fa-invision:before { content: "\f7b0"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-centercode:before { content: "\f380"; } .fa-glide-g:before { content: "\f2a6"; } .fa-drupal:before { content: "\f1a9"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-unity:before { content: "\e049"; } .fa-whmcs:before { content: "\f40d"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-vk:before { content: "\f189"; } .fa-untappd:before { content: "\f405"; } .fa-mailchimp:before { content: "\f59e"; } .fa-css3-alt:before { content: "\f38b"; } .fa-square-reddit:before { content: "\f1a2"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-contao:before { content: "\f26d"; } .fa-square-font-awesome:before { content: "\e5ad"; } .fa-deskpro:before { content: "\f38f"; } .fa-sistrix:before { content: "\f3ee"; } .fa-square-instagram:before { content: "\e055"; } .fa-instagram-square:before { content: "\e055"; } .fa-battle-net:before { content: "\f835"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-square-hacker-news:before { content: "\f3af"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-edge:before { content: "\f282"; } .fa-napster:before { content: "\f3d2"; } .fa-square-snapchat:before { content: "\f2ad"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-artstation:before { content: "\f77a"; } .fa-markdown:before { content: "\f60f"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-google-plus:before { content: "\f2b3"; } .fa-diaspora:before { content: "\f791"; } .fa-foursquare:before { content: "\f180"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-github-alt:before { content: "\f113"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-pagelines:before { content: "\f18c"; } .fa-algolia:before { content: "\f36c"; } .fa-red-river:before { content: "\f3e3"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-safari:before { content: "\f267"; } .fa-google:before { content: "\f1a0"; } .fa-square-font-awesome-stroke:before { content: "\f35c"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-atlassian:before { content: "\f77b"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-digital-ocean:before { content: "\f391"; } .fa-nimblr:before { content: "\f5a8"; } .fa-chromecast:before { content: "\f838"; } .fa-evernote:before { content: "\f839"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-adversal:before { content: "\f36a"; } .fa-creative-commons:before { content: "\f25e"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-fonticons:before { content: "\f280"; } .fa-weixin:before { content: "\f1d7"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-codepen:before { content: "\f1cb"; } .fa-git-alt:before { content: "\f841"; } .fa-lyft:before { content: "\f3c3"; } .fa-rev:before { content: "\f5b2"; } .fa-windows:before { content: "\f17a"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-square-viadeo:before { content: "\f2aa"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-meetup:before { content: "\f2e0"; } .fa-centos:before { content: "\f789"; } .fa-adn:before { content: "\f170"; } .fa-cloudsmith:before { content: "\f384"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-square-dribbble:before { content: "\f397"; } .fa-dribbble-square:before { content: "\f397"; } .fa-codiepie:before { content: "\f284"; } .fa-node:before { content: "\f419"; } .fa-mix:before { content: "\f3cb"; } .fa-steam:before { content: "\f1b6"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-scribd:before { content: "\f28a"; } .fa-openid:before { content: "\f19b"; } .fa-instalod:before { content: "\e081"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-sellcast:before { content: "\f2da"; } .fa-square-twitter:before { content: "\f081"; } .fa-twitter-square:before { content: "\f081"; } .fa-r-project:before { content: "\f4f7"; } .fa-delicious:before { content: "\f1a5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-vuejs:before { content: "\f41f"; } .fa-accusoft:before { content: "\f369"; } .fa-ioxhost:before { content: "\f208"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-app-store:before { content: "\f36f"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-golang:before { content: "\e40f"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-grav:before { content: "\f2d6"; } .fa-weibo:before { content: "\f18a"; } .fa-uncharted:before { content: "\e084"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-square-youtube:before { content: "\f431"; } .fa-youtube-square:before { content: "\f431"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wpressr:before { content: "\f3e4"; } .fa-rendact:before { content: "\f3e4"; } .fa-angellist:before { content: "\f209"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-nfc-directional:before { content: "\e530"; } .fa-skype:before { content: "\f17e"; } .fa-joget:before { content: "\f3b7"; } .fa-fedora:before { content: "\f798"; } .fa-stripe-s:before { content: "\f42a"; } .fa-meta:before { content: "\e49b"; } .fa-laravel:before { content: "\f3bd"; } .fa-hotjar:before { content: "\f3b1"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-hips:before { content: "\f452"; } .fa-behance:before { content: "\f1b4"; } .fa-reddit:before { content: "\f1a1"; } .fa-discord:before { content: "\f392"; } .fa-chrome:before { content: "\f268"; } .fa-app-store-ios:before { content: "\f370"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-wpbeginner:before { content: "\f297"; } .fa-confluence:before { content: "\f78d"; } .fa-mdb:before { content: "\f8ca"; } .fa-dochub:before { content: "\f394"; } .fa-accessible-icon:before { content: "\f368"; } .fa-ebay:before { content: "\f4f4"; } .fa-amazon:before { content: "\f270"; } .fa-unsplash:before { content: "\e07c"; } .fa-yarn:before { content: "\f7e3"; } .fa-square-steam:before { content: "\f1b7"; } .fa-steam-square:before { content: "\f1b7"; } .fa-500px:before { content: "\f26e"; } .fa-square-vimeo:before { content: "\f194"; } .fa-vimeo-square:before { content: "\f194"; } .fa-asymmetrik:before { content: "\f372"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-flag:before { content: "\f2b4"; } .fa-font-awesome-logo-full:before { content: "\f2b4"; } .fa-gratipay:before { content: "\f184"; } .fa-apple:before { content: "\f179"; } .fa-hive:before { content: "\e07f"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-keybase:before { content: "\f4f5"; } .fa-apple-pay:before { content: "\f415"; } .fa-padlet:before { content: "\e4a0"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-square-github:before { content: "\f092"; } .fa-github-square:before { content: "\f092"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-fedex:before { content: "\f797"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-shopify:before { content: "\e057"; } .fa-neos:before { content: "\f612"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-researchgate:before { content: "\f4f8"; } .fa-swift:before { content: "\f8e1"; } .fa-angular:before { content: "\f420"; } .fa-speakap:before { content: "\f3f3"; } .fa-angrycreative:before { content: "\f36e"; } .fa-y-combinator:before { content: "\f23b"; } .fa-empire:before { content: "\f1d1"; } .fa-envira:before { content: "\f299"; } .fa-square-gitlab:before { content: "\e5ae"; } .fa-gitlab-square:before { content: "\e5ae"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-wordpress:before { content: "\f19a"; } .fa-product-hunt:before { content: "\f288"; } .fa-firefox:before { content: "\f269"; } .fa-linode:before { content: "\f2b8"; } .fa-goodreads:before { content: "\f3a8"; } .fa-square-odnoklassniki:before { content: "\f264"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-sith:before { content: "\f512"; } .fa-themeisle:before { content: "\f2b2"; } .fa-page4:before { content: "\f3d7"; } .fa-hashnode:before { content: "\e499"; } .fa-react:before { content: "\f41b"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-squarespace:before { content: "\f5be"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-bitcoin:before { content: "\f379"; } .fa-keycdn:before { content: "\f3ba"; } .fa-opera:before { content: "\f26a"; } .fa-itch-io:before { content: "\f83a"; } .fa-umbraco:before { content: "\f8e8"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-ubuntu:before { content: "\f7df"; } .fa-draft2digital:before { content: "\f396"; } .fa-stripe:before { content: "\f429"; } .fa-houzz:before { content: "\f27c"; } .fa-gg:before { content: "\f260"; } .fa-dhl:before { content: "\f790"; } .fa-square-pinterest:before { content: "\f0d3"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-xing:before { content: "\f168"; } .fa-blackberry:before { content: "\f37b"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-playstation:before { content: "\f3df"; } .fa-quinscape:before { content: "\f459"; } .fa-less:before { content: "\f41d"; } .fa-blogger-b:before { content: "\f37d"; } .fa-opencart:before { content: "\f23d"; } .fa-vine:before { content: "\f1ca"; } .fa-paypal:before { content: "\f1ed"; } .fa-gitlab:before { content: "\f296"; } .fa-typo3:before { content: "\f42b"; } .fa-reddit-alien:before { content: "\f281"; } .fa-yahoo:before { content: "\f19e"; } .fa-dailymotion:before { content: "\e052"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-bootstrap:before { content: "\f836"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-nfc-symbol:before { content: "\e531"; } .fa-ethereum:before { content: "\f42e"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-patreon:before { content: "\f3d9"; } .fa-avianex:before { content: "\f374"; } .fa-ello:before { content: "\f5f1"; } .fa-gofore:before { content: "\f3a7"; } .fa-bimobject:before { content: "\f378"; } .fa-facebook-f:before { content: "\f39e"; } .fa-square-google-plus:before { content: "\f0d4"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-mandalorian:before { content: "\f50f"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-osi:before { content: "\f41a"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-periscope:before { content: "\f3da"; } .fa-fulcrum:before { content: "\f50b"; } .fa-cloudscale:before { content: "\f383"; } .fa-forumbee:before { content: "\f211"; } .fa-mizuni:before { content: "\f3cc"; } .fa-schlix:before { content: "\f3ea"; } .fa-square-xing:before { content: "\f169"; } .fa-xing-square:before { content: "\f169"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-wpforms:before { content: "\f298"; } .fa-cloudversify:before { content: "\f385"; } .fa-usps:before { content: "\f7e1"; } .fa-megaport:before { content: "\f5a3"; } .fa-magento:before { content: "\f3c4"; } .fa-spotify:before { content: "\f1bc"; } .fa-optin-monster:before { content: "\f23c"; } .fa-fly:before { content: "\f417"; } .fa-aviato:before { content: "\f421"; } .fa-itunes:before { content: "\f3b4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-blogger:before { content: "\f37c"; } .fa-flickr:before { content: "\f16e"; } .fa-viber:before { content: "\f409"; } .fa-soundcloud:before { content: "\f1be"; } .fa-digg:before { content: "\f1a6"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-symfony:before { content: "\f83d"; } .fa-maxcdn:before { content: "\f136"; } .fa-etsy:before { content: "\f2d7"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-audible:before { content: "\f373"; } .fa-think-peaks:before { content: "\f731"; } .fa-bilibili:before { content: "\e3d9"; } .fa-erlang:before { content: "\f39d"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-dashcube:before { content: "\f210"; } .fa-42-group:before { content: "\e080"; } .fa-innosoft:before { content: "\e080"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-elementor:before { content: "\f430"; } .fa-square-pied-piper:before { content: "\e01e"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-palfed:before { content: "\f3d8"; } .fa-superpowers:before { content: "\f2dd"; } .fa-resolving:before { content: "\f3e7"; } .fa-xbox:before { content: "\f412"; } .fa-searchengin:before { content: "\f3eb"; } .fa-tiktok:before { content: "\e07b"; } .fa-square-facebook:before { content: "\f082"; } .fa-facebook-square:before { content: "\f082"; } .fa-renren:before { content: "\f18b"; } .fa-linux:before { content: "\f17c"; } .fa-glide:before { content: "\f2a5"; } .fa-linkedin:before { content: "\f08c"; } .fa-hubspot:before { content: "\f3b2"; } .fa-deploydog:before { content: "\f38e"; } .fa-twitch:before { content: "\f1e8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-mixer:before { content: "\e056"; } .fa-square-lastfm:before { content: "\f203"; } .fa-lastfm-square:before { content: "\f203"; } .fa-vimeo:before { content: "\f40a"; } .fa-mendeley:before { content: "\f7b3"; } .fa-uniregistry:before { content: "\f404"; } .fa-figma:before { content: "\f799"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-dropbox:before { content: "\f16b"; } .fa-instagram:before { content: "\f16d"; } .fa-cmplid:before { content: "\e360"; } .fa-facebook:before { content: "\f09a"; } .fa-gripfire:before { content: "\f3ac"; } .fa-jedi-order:before { content: "\f50e"; } .fa-uikit:before { content: "\f403"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-phabricator:before { content: "\f3db"; } .fa-ussunnah:before { content: "\f407"; } .fa-earlybirds:before { content: "\f39a"; } .fa-trade-federation:before { content: "\f513"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-whatsapp:before { content: "\f232"; } .fa-slideshare:before { content: "\f1e7"; } .fa-google-play:before { content: "\f3ab"; } .fa-viadeo:before { content: "\f2a9"; } .fa-line:before { content: "\f3c0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-servicestack:before { content: "\f3ec"; } .fa-simplybuilt:before { content: "\f215"; } .fa-bitbucket:before { content: "\f171"; } .fa-imdb:before { content: "\f2d8"; } .fa-deezer:before { content: "\e077"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-jira:before { content: "\f7b1"; } .fa-docker:before { content: "\f395"; } .fa-screenpal:before { content: "\e570"; } .fa-bluetooth:before { content: "\f293"; } .fa-gitter:before { content: "\f426"; } .fa-d-and-d:before { content: "\f38d"; } .fa-microblog:before { content: "\e01a"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-gg-circle:before { content: "\f261"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-yandex:before { content: "\f413"; } .fa-readme:before { content: "\f4d5"; } .fa-html5:before { content: "\f13b"; } .fa-sellsy:before { content: "\f213"; } .fa-sass:before { content: "\f41e"; } .fa-wirsindhandwerk:before { content: "\e2d0"; } .fa-wsh:before { content: "\e2d0"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-salesforce:before { content: "\f83b"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-medapps:before { content: "\f3c6"; } .fa-ns8:before { content: "\f3d5"; } .fa-pinterest-p:before { content: "\f231"; } .fa-apper:before { content: "\f371"; } .fa-fort-awesome:before { content: "\f286"; } .fa-waze:before { content: "\f83f"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ab"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-rust:before { content: "\e07a"; } .fa-wix:before { content: "\f5cf"; } .fa-square-behance:before { content: "\f1b5"; } .fa-behance-square:before { content: "\f1b5"; } .fa-supple:before { content: "\f3f9"; } .fa-rebel:before { content: "\f1d0"; } .fa-css3:before { content: "\f13c"; } .fa-staylinked:before { content: "\f3f5"; } .fa-kaggle:before { content: "\f5fa"; } .fa-space-awesome:before { content: "\e5ac"; } .fa-deviantart:before { content: "\f1bd"; } .fa-cpanel:before { content: "\f388"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-square-git:before { content: "\f1d2"; } .fa-git-square:before { content: "\f1d2"; } .fa-square-tumblr:before { content: "\f174"; } .fa-tumblr-square:before { content: "\f174"; } .fa-trello:before { content: "\f181"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-get-pocket:before { content: "\f265"; } .fa-perbyte:before { content: "\e083"; } .fa-grunt:before { content: "\f3ad"; } .fa-weebly:before { content: "\f5cc"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-leanpub:before { content: "\f212"; } .fa-black-tie:before { content: "\f27e"; } .fa-themeco:before { content: "\f5c6"; } .fa-python:before { content: "\f3e2"; } .fa-android:before { content: "\f17b"; } .fa-bots:before { content: "\e340"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-hornbill:before { content: "\f592"; } .fa-js:before { content: "\f3b8"; } .fa-ideal:before { content: "\e013"; } .fa-git:before { content: "\f1d3"; } .fa-dev:before { content: "\f6cc"; } .fa-sketch:before { content: "\f7c6"; } .fa-yandex-international:before { content: "\f414"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-uber:before { content: "\f402"; } .fa-github:before { content: "\f09b"; } .fa-php:before { content: "\f457"; } .fa-alipay:before { content: "\f642"; } .fa-youtube:before { content: "\f167"; } .fa-skyatlas:before { content: "\f216"; } .fa-firefox-browser:before { content: "\e007"; } .fa-replyd:before { content: "\f3e6"; } .fa-suse:before { content: "\f7d6"; } .fa-jenkins:before { content: "\f3b6"; } .fa-twitter:before { content: "\f099"; } .fa-rockrms:before { content: "\f3e9"; } .fa-pinterest:before { content: "\f0d2"; } .fa-buffer:before { content: "\f837"; } .fa-npm:before { content: "\f3d4"; } .fa-yammer:before { content: "\f840"; } .fa-btc:before { content: "\f15a"; } .fa-dribbble:before { content: "\f17d"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f2c6"; } .fa-old-republic:before { content: "\f510"; } .fa-square-whatsapp:before { content: "\f40c"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-node-js:before { content: "\f3d3"; } .fa-edge-legacy:before { content: "\e078"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f198"; } .fa-medrt:before { content: "\f3c8"; } .fa-usb:before { content: "\f287"; } .fa-tumblr:before { content: "\f173"; } .fa-vaadin:before { content: "\f408"; } .fa-quora:before { content: "\f2c4"; } .fa-reacteurope:before { content: "\f75d"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f23a"; } .fa-amilia:before { content: "\f36d"; } .fa-mixcloud:before { content: "\f289"; } .fa-flipboard:before { content: "\f44d"; } .fa-viacoin:before { content: "\f237"; } .fa-critical-role:before { content: "\f6c9"; } .fa-sitrox:before { content: "\e44a"; } .fa-discourse:before { content: "\f393"; } .fa-joomla:before { content: "\f1aa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-airbnb:before { content: "\f834"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-strava:before { content: "\f428"; } .fa-ember:before { content: "\f423"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-pushed:before { content: "\f3e1"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-wodu:before { content: "\e088"; } .fa-google-pay:before { content: "\e079"; } .fa-intercom:before { content: "\f7af"; } .fa-zhihu:before { content: "\f63f"; } .fa-korvue:before { content: "\f42f"; } .fa-pix:before { content: "\e43a"; } .fa-steam-symbol:before { content: "\f3f6"; } /* * Document : _material.scss * Author : RedStar Template * Description: This scss file for import material design icons classes */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url('MaterialIcons-Regular.eot'); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.woff2') format("woff2"), url('MaterialIcons-Regular.woff') format("woff"), url('MaterialIcons-Regular.ttf') format("truetype"); } .material-icons { font-family: Material Icons; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; text-rendering: optimizeLegibility; font-feature-settings: "liga"; line-height: 1; height: 24px; } .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-26 { font-size: 26px; } .material-icons.md-28 { font-size: 28px; } .material-icons.md-30 { font-size: 30px; } .material-icons.md-32 { font-size: 32px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } .mat-input-element, .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.87) !important; } .cdk-global-overlay-wrapper, .cdk-overlay-container { z-index: 99999 !important; } .mat-form-btn { padding: 0.5rem !important; width: 100%; border-radius: 50px !important; } .mat-flat-button.mat-success, .mat-raised-button.mat-success, .mat-fab.mat-success, .mat-mini-fab.mat-success { background-color: #6750a4; } .mat-flat-button.mat-info, .mat-raised-button.mat-info, .mat-fab.mat-info, .mat-mini-fab.mat-info { background-color: #eaddff !important; color: #6750a4 !important; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #fed1d1 !important; color: #e91e63 !important; } .mat-flat-button.mat-danger, .mat-raised-button.mat-danger, .mat-fab.mat-danger, .mat-mini-fab.mat-danger { background-color: #e91e63 !important; } .mat-icon-button.mat-success { color: #6750a4 !important; } .mat-icon-button.mat-danger { color: #e91e63 !important; } .mat-button-focus-overlay { background-color: transparent !important; } @-moz-document url-prefix() { /* Firefox */ input.mat-input-element { appearance: textfield; } } .mat-form-field-flex > .mat-form-field-infix { border-top: 1em solid transparent; padding: 0.7em 0px !important; } .mat-form-field-label-wrapper { top: -1.2em !important; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label { transform: translateY(-1.1em) scale(0.75); width: 133.33333%; } .mat-sm-rounded-btn { background: #6750a4; border-radius: 50%; color: #ffffff !important; cursor: pointer; } .mat-sm-rounded-btn-disabled { background: rgba(0, 0, 0, 0.12); border-radius: 50%; color: #ffffff !important; cursor: pointer; } .mat-round-btn { background: #6750a4; border-radius: 50%; color: #ffffff !important; cursor: pointer; min-width: 40px !important; line-height: 35px !important; padding: 0 5px !important; border-radius: 100% !important; } .mat-simple-snackbar-action { color: #ffffff; } .custom-add-new { position: sticky; bottom: -3px; z-index: 1; } .custom-add-new .mat-raised-button { height: 3em; } .custom-select-filter { position: sticky; top: 0px; z-index: 1; } .example-month-picker .mat-calendar-period-button { pointer-events: none; } .example-month-picker .mat-calendar-arrow { display: none; } .mat-input-element.select-filter-input { padding: 10px; background: #fff; } .search-input-width.mat-form-field { width: 100%; } .search-input-width .mat-form-field-infix { width: 100%; border-top: 0.1em solid rgba(0, 0, 0, 0); padding: 0 !important; } .search-input-width .mat-input-element { font-size: 12px !important; color: #96a2b4 !important; } .search-input-width.mat-form-field-appearance-outline .mat-form-field-flex { padding: 0; } .search-input-width.mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0; padding-bottom: 0; } .search-input-width.mat-form-field-appearance-outline .mat-form-field-outline-start { border-color: white; } .search-input-width.mat-form-field-appearance-outline .mat-form-field-outline-gap { border-color: white; } .search-input-width.mat-form-field-appearance-outline .mat-form-field-outline-end { border-color: white; } .mat-stroked-button:not(.mat-button-disabled) { border-color: #6750a4 !important; } .mat-button-toggle-group { height: 44px; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 44px; } .mat-button-toggle-checked { background-color: #6750a4 !important; color: #fff !important; } .filter-header-section.mat-tab-label { opacity: 1 !important; padding-right: 0; } .filter-header-section .mat-form-field { width: 130px; height: 42px; } .filter-header-section .mat-form-field .mat-form-field-wrapper { padding-bottom: 0; } .filter-header-section .mat-form-field .mat-form-field-flex > .mat-form-field-infix { padding: 0 0 0.8rem 0px !important; } .filter-header-section .mat-select-arrow-wrapper { height: 0; } .mat-tab-body-content { overflow-x: hidden !important; } .mat-form-field-infix .mat-form-field-label-wrapper .mat-form-field-required-marker { color: red; } /* [3. Components ] */ /* * Document : _breadscrumbs.scss * Author : RedStar Template * Description: This scss file for breadscrumbs style classes */ .breadcrumb-main .breadcrumb-title { background-color: transparent; font-size: 15px; align-items: center; margin: 10px 0px; padding-left: 0px !important; padding-right: 0px !important; color: #555; } .breadcrumb-main .breadcrumb-list { background-color: transparent; font-size: 15px; align-items: center; margin: 10px 0px; float: right; color: #555; padding: 0px 5px; } .breadcrumb-main li { display: inline-block; } .breadcrumb-main li a { color: #444; text-decoration: none; } .breadcrumb-main li a .fa-home { font-size: 17px; position: relative; top: 0; float: left; padding-left: 10px; color: #5798f7; } .breadcrumb-main li .material-icons { font-size: 18px; position: relative; top: 4px; float: none; } .breadcrumb-main li.active { color: #444444; } .breadcrumb-main .page-title { font-size: 20px; font-weight: 500; color: #6750a4; margin-bottom: 0px; } .breadcrumb-main .page-title i { padding: 0px 5px; } .breadcrumb-main .page-title i:before { color: #6750a4; font-size: 20px; } .breadcrumb-main .page-title-large { font-size: 27px; font-weight: 700; color: #6750a4; margin-bottom: 0px; } .breadcrumb-main .page-title-large i { padding: 0px 5px; } .breadcrumb-main .page-title-large i:before { color: #6750a4; font-size: 20px; } .breadcrumb-main .breadcrumb-item + .breadcrumb-item { padding-left: 2px; } .breadcrumb-main .breadcrumb-item + .breadcrumb-item:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-size: 16px; display: block; font-weight: 900; padding-right: 0.5rem; } .breadcrumb-col-blue li a { color: #0d6efd !important; font-weight: bold; } .breadcrumb-bg-blue { background-color: #0d6efd !important; } .breadcrumb-bg-blue li { color: #fff !important; } .breadcrumb-bg-blue li a { color: #fff; font-weight: bold; } .breadcrumb-bg-blue li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blue li + li:before { color: #fff; } .breadcrumb-col-indigo li a { color: #6610f2 !important; font-weight: bold; } .breadcrumb-bg-indigo { background-color: #6610f2 !important; } .breadcrumb-bg-indigo li { color: #fff !important; } .breadcrumb-bg-indigo li a { color: #fff; font-weight: bold; } .breadcrumb-bg-indigo li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-indigo li + li:before { color: #fff; } .breadcrumb-col-purple li a { color: #6f42c1 !important; font-weight: bold; } .breadcrumb-bg-purple { background-color: #6f42c1 !important; } .breadcrumb-bg-purple li { color: #fff !important; } .breadcrumb-bg-purple li a { color: #fff; font-weight: bold; } .breadcrumb-bg-purple li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-purple li + li:before { color: #fff; } .breadcrumb-col-pink li a { color: #d63384 !important; font-weight: bold; } .breadcrumb-bg-pink { background-color: #d63384 !important; } .breadcrumb-bg-pink li { color: #fff !important; } .breadcrumb-bg-pink li a { color: #fff; font-weight: bold; } .breadcrumb-bg-pink li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-pink li + li:before { color: #fff; } .breadcrumb-col-red li a { color: #dc3545 !important; font-weight: bold; } .breadcrumb-bg-red { background-color: #dc3545 !important; } .breadcrumb-bg-red li { color: #fff !important; } .breadcrumb-bg-red li a { color: #fff; font-weight: bold; } .breadcrumb-bg-red li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-red li + li:before { color: #fff; } .breadcrumb-col-orange li a { color: #fd7e14 !important; font-weight: bold; } .breadcrumb-bg-orange { background-color: #fd7e14 !important; } .breadcrumb-bg-orange li { color: #fff !important; } .breadcrumb-bg-orange li a { color: #fff; font-weight: bold; } .breadcrumb-bg-orange li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-orange li + li:before { color: #fff; } .breadcrumb-col-yellow li a { color: #ffc107 !important; font-weight: bold; } .breadcrumb-bg-yellow { background-color: #ffc107 !important; } .breadcrumb-bg-yellow li { color: #fff !important; } .breadcrumb-bg-yellow li a { color: #fff; font-weight: bold; } .breadcrumb-bg-yellow li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-yellow li + li:before { color: #fff; } .breadcrumb-col-green li a { color: #198754 !important; font-weight: bold; } .breadcrumb-bg-green { background-color: #198754 !important; } .breadcrumb-bg-green li { color: #fff !important; } .breadcrumb-bg-green li a { color: #fff; font-weight: bold; } .breadcrumb-bg-green li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-green li + li:before { color: #fff; } .breadcrumb-col-teal li a { color: #20c997 !important; font-weight: bold; } .breadcrumb-bg-teal { background-color: #20c997 !important; } .breadcrumb-bg-teal li { color: #fff !important; } .breadcrumb-bg-teal li a { color: #fff; font-weight: bold; } .breadcrumb-bg-teal li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-teal li + li:before { color: #fff; } .breadcrumb-col-cyan li a { color: #0dcaf0 !important; font-weight: bold; } .breadcrumb-bg-cyan { background-color: #0dcaf0 !important; } .breadcrumb-bg-cyan li { color: #fff !important; } .breadcrumb-bg-cyan li a { color: #fff; font-weight: bold; } .breadcrumb-bg-cyan li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-cyan li + li:before { color: #fff; } .breadcrumb-col-black li a { color: #000 !important; font-weight: bold; } .breadcrumb-bg-black { background-color: #000 !important; } .breadcrumb-bg-black li { color: #fff !important; } .breadcrumb-bg-black li a { color: #fff; font-weight: bold; } .breadcrumb-bg-black li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-black li + li:before { color: #fff; } .breadcrumb-col-white li a { color: #fff !important; font-weight: bold; } .breadcrumb-bg-white { background-color: #fff !important; } .breadcrumb-bg-white li { color: #fff !important; } .breadcrumb-bg-white li a { color: #fff; font-weight: bold; } .breadcrumb-bg-white li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-white li + li:before { color: #fff; } .breadcrumb-col-gray li a { color: #6c757d !important; font-weight: bold; } .breadcrumb-bg-gray { background-color: #6c757d !important; } .breadcrumb-bg-gray li { color: #fff !important; } .breadcrumb-bg-gray li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray li + li:before { color: #fff; } .breadcrumb-col-gray-dark li a { color: #343a40 !important; font-weight: bold; } .breadcrumb-bg-gray-dark { background-color: #343a40 !important; } .breadcrumb-bg-gray-dark li { color: #fff !important; } .breadcrumb-bg-gray-dark li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray-dark li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray-dark li + li:before { color: #fff; } .breadcrumb-style { border-radius: 30px; /*background: #ffffff; padding-left: 20px !important;*/ } .breadcrumb-chart { display: inline-block; } .breadcrumb-chart .chart-info p { font-size: 13px; } .breadcrumb-icon { vertical-align: top; height: 18px !important; width: 18px !important; margin: 0px 3px; } .breadcrumb-icon .feather { width: 16px; height: 18px; color: #2c323f; position: relative; float: left; } /* * Document : _checkboxradio.scss * Author : RedStar Template * Description: This scss file for checkbox and radio button style classes */ [type=checkbox] + label { padding-left: 26px; height: 25px; line-height: 21px; font-size: 13px; font-weight: normal; vertical-align: middle; } [type=checkbox]:checked + label:before { top: -4px; left: -2px; width: 11px; height: 19px; } [type=checkbox]:checked.chk-col-blue + label:before { border-right: 2px solid #0d6efd; border-bottom: 2px solid #0d6efd; } [type=checkbox]:checked.chk-col-indigo + label:before { border-right: 2px solid #6610f2; border-bottom: 2px solid #6610f2; } [type=checkbox]:checked.chk-col-purple + label:before { border-right: 2px solid #6f42c1; border-bottom: 2px solid #6f42c1; } [type=checkbox]:checked.chk-col-pink + label:before { border-right: 2px solid #d63384; border-bottom: 2px solid #d63384; } [type=checkbox]:checked.chk-col-red + label:before { border-right: 2px solid #dc3545; border-bottom: 2px solid #dc3545; } [type=checkbox]:checked.chk-col-orange + label:before { border-right: 2px solid #fd7e14; border-bottom: 2px solid #fd7e14; } [type=checkbox]:checked.chk-col-yellow + label:before { border-right: 2px solid #ffc107; border-bottom: 2px solid #ffc107; } [type=checkbox]:checked.chk-col-green + label:before { border-right: 2px solid #198754; border-bottom: 2px solid #198754; } [type=checkbox]:checked.chk-col-teal + label:before { border-right: 2px solid #20c997; border-bottom: 2px solid #20c997; } [type=checkbox]:checked.chk-col-cyan + label:before { border-right: 2px solid #0dcaf0; border-bottom: 2px solid #0dcaf0; } [type=checkbox]:checked.chk-col-black + label:before { border-right: 2px solid #000; border-bottom: 2px solid #000; } [type=checkbox]:checked.chk-col-white + label:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } [type=checkbox]:checked.chk-col-gray + label:before { border-right: 2px solid #6c757d; border-bottom: 2px solid #6c757d; } [type=checkbox]:checked.chk-col-gray-dark + label:before { border-right: 2px solid #343a40; border-bottom: 2px solid #343a40; } :checked.chk-col-blue + span:after { color: #0d6efd; } :checked.chk-col-indigo + span:after { color: #6610f2; } :checked.chk-col-purple + span:after { color: #6f42c1; } :checked.chk-col-pink + span:after { color: #d63384; } :checked.chk-col-red + span:after { color: #dc3545; } :checked.chk-col-orange + span:after { color: #fd7e14; } :checked.chk-col-yellow + span:after { color: #ffc107; } :checked.chk-col-green + span:after { color: #198754; } :checked.chk-col-teal + span:after { color: #20c997; } :checked.chk-col-cyan + span:after { color: #0dcaf0; } :checked.chk-col-black + span:after { color: #000; } :checked.chk-col-white + span:after { color: #fff; } :checked.chk-col-gray + span:after { color: #6c757d; } :checked.chk-col-gray-dark + span:after { color: #343a40; } [type=checkbox].filled-in:checked + label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type=checkbox].filled-in:checked + label:before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; } [type=checkbox].filled-in:checked.chk-col-blue + label:after { border: 2px solid #0d6efd; background-color: #0d6efd; } [type=checkbox].filled-in:checked.chk-col-indigo + label:after { border: 2px solid #6610f2; background-color: #6610f2; } [type=checkbox].filled-in:checked.chk-col-purple + label:after { border: 2px solid #6f42c1; background-color: #6f42c1; } [type=checkbox].filled-in:checked.chk-col-pink + label:after { border: 2px solid #d63384; background-color: #d63384; } [type=checkbox].filled-in:checked.chk-col-red + label:after { border: 2px solid #dc3545; background-color: #dc3545; } [type=checkbox].filled-in:checked.chk-col-orange + label:after { border: 2px solid #fd7e14; background-color: #fd7e14; } [type=checkbox].filled-in:checked.chk-col-yellow + label:after { border: 2px solid #ffc107; background-color: #ffc107; } [type=checkbox].filled-in:checked.chk-col-green + label:after { border: 2px solid #198754; background-color: #198754; } [type=checkbox].filled-in:checked.chk-col-teal + label:after { border: 2px solid #20c997; background-color: #20c997; } [type=checkbox].filled-in:checked.chk-col-cyan + label:after { border: 2px solid #0dcaf0; background-color: #0dcaf0; } [type=checkbox].filled-in:checked.chk-col-black + label:after { border: 2px solid #000; background-color: #000; } [type=checkbox].filled-in:checked.chk-col-white + label:after { border: 2px solid #fff; background-color: #fff; } [type=checkbox].filled-in:checked.chk-col-gray + label:after { border: 2px solid #6c757d; background-color: #6c757d; } [type=checkbox].filled-in:checked.chk-col-gray-dark + label:after { border: 2px solid #343a40; background-color: #343a40; } [type=radio]:not(:checked) + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type=radio]:checked + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 13px; font-weight: normal; } [type=radio] + label { vertical-align: middle; } [type=radio].radio-col-blue:checked + label:after { background-color: #0d6efd; border-color: #0d6efd; } [type=radio].radio-col-indigo:checked + label:after { background-color: #6610f2; border-color: #6610f2; } [type=radio].radio-col-purple:checked + label:after { background-color: #6f42c1; border-color: #6f42c1; } [type=radio].radio-col-pink:checked + label:after { background-color: #d63384; border-color: #d63384; } [type=radio].radio-col-red:checked + label:after { background-color: #dc3545; border-color: #dc3545; } [type=radio].radio-col-orange:checked + label:after { background-color: #fd7e14; border-color: #fd7e14; } [type=radio].radio-col-yellow:checked + label:after { background-color: #ffc107; border-color: #ffc107; } [type=radio].radio-col-green:checked + label:after { background-color: #198754; border-color: #198754; } [type=radio].radio-col-teal:checked + label:after { background-color: #20c997; border-color: #20c997; } [type=radio].radio-col-cyan:checked + label:after { background-color: #0dcaf0; border-color: #0dcaf0; } [type=radio].radio-col-black:checked + label:after { background-color: #000; border-color: #000; } [type=radio].radio-col-white:checked + label:after { background-color: #fff; border-color: #fff; } [type=radio].radio-col-gray:checked + label:after { background-color: #6c757d; border-color: #6c757d; } [type=radio].radio-col-gray-dark:checked + label:after { background-color: #343a40; border-color: #343a40; } [type=radio].with-gap.radio-col-blue:checked + label:before { border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-blue:checked + label:after { background-color: #0d6efd; border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-indigo:checked + label:before { border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-indigo:checked + label:after { background-color: #6610f2; border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-purple:checked + label:before { border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-purple:checked + label:after { background-color: #6f42c1; border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-pink:checked + label:before { border: 2px solid #d63384; } [type=radio].with-gap.radio-col-pink:checked + label:after { background-color: #d63384; border: 2px solid #d63384; } [type=radio].with-gap.radio-col-red:checked + label:before { border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-red:checked + label:after { background-color: #dc3545; border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-orange:checked + label:before { border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-orange:checked + label:after { background-color: #fd7e14; border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-yellow:checked + label:before { border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-yellow:checked + label:after { background-color: #ffc107; border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-green:checked + label:before { border: 2px solid #198754; } [type=radio].with-gap.radio-col-green:checked + label:after { background-color: #198754; border: 2px solid #198754; } [type=radio].with-gap.radio-col-teal:checked + label:before { border: 2px solid #20c997; } [type=radio].with-gap.radio-col-teal:checked + label:after { background-color: #20c997; border: 2px solid #20c997; } [type=radio].with-gap.radio-col-cyan:checked + label:before { border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-cyan:checked + label:after { background-color: #0dcaf0; border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-black:checked + label:before { border: 2px solid #000; } [type=radio].with-gap.radio-col-black:checked + label:after { background-color: #000; border: 2px solid #000; } [type=radio].with-gap.radio-col-white:checked + label:before { border: 2px solid #fff; } [type=radio].with-gap.radio-col-white:checked + label:after { background-color: #fff; border: 2px solid #fff; } [type=radio].with-gap.radio-col-gray:checked + label:before { border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray:checked + label:after { background-color: #6c757d; border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray-dark:checked + label:before { border: 2px solid #343a40; } [type=radio].with-gap.radio-col-gray-dark:checked + label:after { background-color: #343a40; border: 2px solid #343a40; } /* * Document : _dropdownmenu.scss * Author : RedStar Template * Description: This scss file for dropdown menu style classes */ .dropdown-menu { border-radius: 0; margin-top: -35px !important; margin-left: -15px; box-shadow: 0 5px 15px 2px rgba(64, 70, 74, 0.2) !important; border-radius: 0px; border: none; padding: 0px; } .dropdown-menu .divider { margin: 5px 0; } .dropdown-menu .header { font-size: 13px; font-weight: bold; width: 100%; border-bottom: 1px solid #eee; text-align: center; padding: 4px 0 6px 0; } .dropdown-menu ul.menu { padding-left: 0; } .dropdown-menu ul.menu.tasks h4, .dropdown-menu ul.menu.tasks .h4 { color: #333; font-size: 13px; margin: 0 0 8px 0; } .dropdown-menu ul.menu.tasks h4 small, .dropdown-menu ul.menu.tasks .h4 small, .dropdown-menu ul.menu.tasks h4 .small, .dropdown-menu ul.menu.tasks .h4 .small { float: right; margin-top: 6px; } .dropdown-menu ul.menu.tasks .progress { height: 7px; margin-bottom: 7px; } .dropdown-menu ul.menu .icon-circle { width: 36px; height: 36px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; float: left; } .dropdown-menu ul.menu .icon-circle i { font-size: 18px; line-height: 36px !important; } .dropdown-menu ul.menu .msg-user { width: 44px; height: 44px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; vertical-align: top; float: left; } .dropdown-menu ul.menu .msg-user img { float: left; } .dropdown-menu ul.menu li:last-child { border-bottom: none; } .dropdown-menu ul.menu li a { padding: 11px 11px; text-decoration: none; transition: 0.5s; float: left; width: 100%; margin-bottom: 2px; } .dropdown-menu ul.menu li a:hover { background-color: #eef4fd; } .dropdown-menu ul.menu .menu-info { display: inline-block; position: relative; top: 3px; left: 10px; float: left; width: calc(100% - 100px); } .dropdown-menu ul.menu .menu-info h4, .dropdown-menu ul.menu .menu-info .h4, .dropdown-menu ul.menu .menu-info .menu-title { margin: 0; font-size: 14px; color: #121212; float: left; width: 100%; line-height: 1; } .dropdown-menu ul.menu .menu-info p, .dropdown-menu ul.menu .menu-info .menu-desc { margin: 0; font-size: 11px; color: rgba(0, 0, 0, 0.54); float: left; width: 100%; line-height: 20px; } .dropdown-menu ul.menu .menu-info p .material-icons, .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { font-size: 13px; color: rgba(0, 0, 0, 0.54); position: relative; top: 3px; float: left; margin-right: 3px; height: 20px; } .dropdown-menu ul.menu .nfc-close { display: flex; height: 40px; line-height: 40px; cursor: pointer; } .dropdown-menu ul.menu .nfc-close .feather { color: #747474; height: 12px !important; width: 12px !important; } .dropdown-menu ul.menu .nfc-type-icon { height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; } .dropdown-menu ul.menu .nfc-type-icon.nfc-green { filter: invert(77%) sepia(4%) saturate(5247%) hue-rotate(85deg) brightness(88%) contrast(95%); } .dropdown-menu ul.menu .nfc-type-icon.nfc-blue { filter: invert(67%) sepia(95%) saturate(5173%) hue-rotate(214deg) brightness(101%) contrast(101%); } .dropdown-menu ul.menu .nfc-type-icon.nfc-orange { filter: invert(69%) sepia(81%) saturate(523%) hue-rotate(353deg) brightness(101%) contrast(102%); } .dropdown-menu ul.menu .nfc-type-icon.nfc-purple { filter: invert(19%) sepia(98%) saturate(7474%) hue-rotate(284deg) brightness(105%) contrast(117%); } .dropdown-menu ul.menu .nfc-type-icon.nfc-red { filter: invert(24%) sepia(94%) saturate(7102%) hue-rotate(356deg) brightness(103%) contrast(100%); } .dropdown-menu ul.menu .msg-unread { background-color: #f5f9ff; border-bottom: 1px solid #eee; } .dropdown-menu ul.menu .msg-read { border-bottom: 1px solid #eee; } .dropdown-menu .nfc-read-more { display: block; text-align: center; color: #000000; } .dropdown-menu .footer a { text-align: center; border-top: 1px solid #eee; padding: 10px 0 5px 0; font-size: 13px; margin-bottom: -5px; color: #ff5e00; font-weight: 500; } .dropdown-menu .footer a:hover { background-color: transparent; } .dropdown-menu > li > a { padding: 7px 18px; color: #666; transition: all 0.5s; font-size: 14px; line-height: 25px; display: block; } .dropdown-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a i.material-icons { float: left; margin-right: 7px; margin-top: 2px; font-size: 20px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 13px; color: #636262; } .dropdown-animated { animation-duration: 0.3s !important; } .dropdown-menu.pull-right.show { position: absolute !important; left: auto !important; right: 0 !important; top: 50px !important; transform: none !important; } /* * Document : _feed.scss * Author : RedStar Template * Description: This scss file for feed style classes */ .feedBody { border-left: 1px solid #d6d6d6; margin-left: 30px; padding-top: 10px; padding-left: 0px; } .col-auto { padding-left: 15px; padding-right: 15px; } .feedLblStyle { font-weight: bold; padding: 0px 7px 0px 7px; border-radius: 10px; } .lblFileStyle { color: red; border: 1px solid red; } .lblTaskStyle { color: #2ed8b6; border: 1px solid #2ed8b6; } .lblCommentStyle { color: #4099ff; border: 1px solid #4099ff; } .lblReplyStyle { color: #f15317; border: 1px solid #f15317; } .feedBody li { position: relative; padding-left: 30px; margin-bottom: 25px; } .feedBody li .feed-user-img { position: absolute; left: -20px; top: -10px; } .feedBody li .feed-user-img img { width: 40px; height: 40px; border-radius: 50%; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .feedBody li .feed-user-img:after { content: ""; position: absolute; top: 3px; right: 3px; border: 3px solid transparent; border-radius: 50%; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .text-muted { color: #96a2b4 !important; margin-bottom: 10px; } .img-100 { width: 100px; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .sl-item { border-left: 1px solid #13b1e0; padding-bottom: 1px; padding-left: 15px; position: relative; } .sl-item:last-child::after { border-radius: 100%; bottom: 0; content: ""; height: 6px; left: -3px; position: absolute; width: 6px; } .sl-item .sl-content i { font-size: 12px; } .sl-item .sl-content small, .sl-item .sl-content .small { position: relative; top: -4px; } .sl-item .sl-content p { padding-bottom: 4px; position: relative; } .sl-item::before { background-color: #13b1e0; border-radius: 100%; content: ""; height: 12px; left: -6.5px; position: absolute; top: 0; width: 12px; } .sl-primary { border-left-color: #2196f3; } .sl-primary:last-child::after { background-color: #2196f3; } .sl-primary::before { background-color: #2196f3; } .sl-danger { border-left-color: #f44336; } .sl-danger:last-child::after { background-color: #f44336; } .sl-danger::before { background-color: #f44336; } .sl-success { border-left-color: #4caf50; } .sl-success:last-child::after { background-color: #4caf50; } .sl-success::before { background-color: #4caf50; } .sl-warning { border-left-color: #ff5722; } .sl-warning:last-child::after { background-color: #ff5722; } .sl-warning::before { background-color: #ff5722; } .example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } .example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } .example-radio-group { display: flex; flex-direction: column; margin: 15px 0; } .example-radio-button { margin: 5px; } .advance-validation .error-msg { margin-top: -15px; } .mat-radio-button ~ .mat-radio-button { margin-left: 16px; } .mat-radio-label { margin-bottom: 0px; } .mat-datepicker-content-touch .mat-calendar { width: 50vh !important; height: 57vh !important; } .mat-datepicker-toggle-default-icon { width: 1.4em !important; } .mat-form-field .date-icon { cursor: pointer; } .mat-form-field-prefix, .mat-form-field-suffix { color: rgba(0, 0, 0, 0.54); } /* * Document : _infobox.scss * Author : RedStar Template * Description: This scss file for info box style classes */ .info-box { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box .icon { display: inline-block; text-align: center; background-color: rgba(0, 0, 0, 0.12); width: 80px; } .info-box .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box .icon .chart.chart-bar { height: 100%; line-height: 100px; } .info-box .icon .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-pie { height: 100%; line-height: 123px; } .info-box .icon .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-line { height: 100%; line-height: 115px; } .info-box .icon .chart.chart-line canvas { vertical-align: baseline !important; } .info-box .content { display: inline-block; padding: 7px 10px; } .info-box .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box.hover-zoom-effect .icon { overflow: hidden; } .info-box.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 80px; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box.hover-expand-effect:hover:after { width: 100%; } .info-box-2 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-2 .icon { display: inline-block; text-align: center; width: 80px; } .info-box-2 .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box-2 .chart.chart-bar { height: 100%; line-height: 105px; } .info-box-2 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-pie { height: 100%; line-height: 123px; } .info-box-2 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-line { height: 100%; line-height: 115px; } .info-box-2 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-2 .content { display: inline-block; padding: 7px 10px; } .info-box-2 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-2 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-2.hover-zoom-effect .icon { overflow: hidden; } .info-box-2.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-2.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-2.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-2.hover-expand-effect:hover:after { width: 100%; } .info-box-3 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-3 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-3 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-3 .chart { margin-right: 5px; } .info-box-3 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-3 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-3 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-3 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-3 .content { display: inline-block; padding: 7px 16px; } .info-box-3 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-3 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-3.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-3.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-3.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-3.hover-expand-effect:hover:after { width: 100%; } .info-box-4 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-4 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-4 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-4 .chart { margin-right: 5px; } .info-box-4 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-4 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-4 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-4 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-4 .content { display: inline-block; padding: 7px 16px; } .info-box-4 .content .text { font-size: 13px; margin-top: 11px; color: #555; } .info-box-4 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-4.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-4.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-4.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-4.hover-expand-effect:hover:after { width: 100%; } .info-box-new { background: #fff; padding: 20px 20px 0px 20px; color: #463f3f; border-radius: 15px; } .info-box-new .progress { height: 10px; border-radius: 20px; } .support-box { padding: 15px; color: #fff; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; } .counter-box { padding: 15px; color: #212529; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; background-color: #ffffff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); } .info-box1 .text-end h2, .info-box1 .text-end .h2 { color: #44e229; } .info-box2 .text-end h2, .info-box2 .text-end .h2 { color: #e66c2f; } .info-box3 .text-end h2, .info-box3 .text-end .h2 { color: #58b5f5; } .info-box4 .text-end h2, .info-box4 .text-end .h2 { color: #ab92d4; } .info-box5 { width: 100%; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); margin-bottom: 25px; padding: 0px 20px 0 20px; border-radius: 25px; height: 110px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box5 small, .info-box5 .small { font-size: 14px; } .info-box5 .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px 0; height: 8px; background: #e3e3e3; border-radius: 20px; box-shadow: none; overflow: visible; } .info-box5 .progress .progress-bar { border-radius: 20px; background: #fff; } .info-box5 .knob-icon { margin-top: 16px; } .info-box5 .info-box-content { margin-top: 24px; margin-left: 10px; } .info-box5 .progress-bar { position: relative; animation: animate-positive 4s; line-height: 8px; } .info-box6 { box-shadow: 2px 2px 10px #dadada; margin: 8px 0px 25px 0px; padding: 20px 10px; background-color: #fff; height: 100px; border-radius: 5px; transition: 0.3s linear all; } .info-box6:hover { box-shadow: 4px 4px 20px #dadada; transition: 0.3s linear all; } .info-box6.primary { background-color: #007bff; color: #fff; } .info-box6.danger { background-color: #ef5350; color: #fff; } .info-box6.success { background-color: #66bb6a; color: #fff; } .info-box6.info { background-color: #26c6da; color: #fff; } .info-box6 i { font-size: 5em; opacity: 0.2; } .info-box6 .count-numbers { position: absolute; right: 35px; top: 20px; font-size: 32px; display: block; } .info-box6 .count-name { position: absolute; right: 35px; top: 65px; font-style: italic; text-transform: capitalize; opacity: 0.5; display: block; font-size: 18px; } .bg-c-blue { background: linear-gradient(to right, #5b73e8, #44c4fa); } .bg-c-green { background: linear-gradient(to right, #1d976c, #2fd38a); } .bg-c-yellow { background: linear-gradient(45deg, #ffb64d, #ffcb80); } .bg-c-pink { background: linear-gradient(45deg, #ff5370, #ff869a); } .bg-c-purple { background: linear-gradient(to right, #664dc9, #9884ea); } .bg-c-orange { background: linear-gradient(to right, #fa5420, #f6a800); } .info-box7 { border-radius: 5px; color: #fff; box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16); border: none; margin: 8px 0px 25px 0px; transition: all 0.3s ease-in-out; } .info-box7 .info-box7-block { padding: 25px; } .order-info-box7 i { font-size: 30px; } .box-part { background: #fff; border-radius: 10px; padding: 30px 15px; margin: 5px 0 23px; } .box-part { background: #fff; border-radius: 10px; padding: 30px 15px; margin: 5px 0 23px; } .infobox-5 .card-icon i { font-size: 4rem; } .card-statistic-4 { position: relative; color: #000000; padding: 15px; border-radius: 3px; overflow: hidden; } .card-statistic-4 .card-icon-large { font-size: 110px; width: 110px; height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.3); } .card-statistic-4 .card-icon { text-align: center; line-height: 50px; margin-left: 15px; color: #000; position: absolute; right: -5px; top: 20px; opacity: 0.1; } .card-statistic-4 .banner-img img { max-width: 100%; float: right; } @keyframes animate-positive { 0% { width: 0; } } /* * Document : _inputformgroup.scss * Author : RedStar Template * Description: This scss file for input form style classes */ label, .form-check { font-size: 13px; line-height: 1.42857; color: #414244; font-weight: 400; } .input-group { width: 100%; margin-bottom: 20px; display: table; } .input-group .form-line { display: inline-block; width: 100%; position: relative; } .input-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .input-group .form-line + .input-group-addon { padding-right: 0; padding-left: 10px; } .input-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #999; } .input-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .input-group .form-line.error:after { border-bottom: 2px solid #f44336; } .input-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .input-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .input-group .form-line.focused:after { transform: scaleX(1); } .input-group .form-line.focused .form-label { bottom: 25px; left: 0; font-size: 12px; } .input-group .input-group-addon { border: none; background-color: transparent; padding-left: 0; font-weight: bold; display: table-cell; } .input-group .input-group-addon .material-icons { font-size: 18px; color: #555; } .input-group input[type=text], .input-group .form-control { box-shadow: none; padding-left: 0; margin: 0; font-size: 13px; } .input-group .form-control:focus { -ms-box-shadow: none !important; box-shadow: none !important; } .input-group.input-group-sm .input-group-addon i { font-size: 14px; } .input-group.input-group-sm .form-control { font-size: 12px !important; } .input-group.input-group-lg .input-group-addon i { font-size: 26px; } .input-group.input-group-lg .form-control { font-size: 18px !important; } .input-field > label:not(.label-icon).active { font-size: 15px !important; transform: translateY(-5px) scale(0.8); } .input-field input, .input-field textarea { font-size: 13px !important; } .input-field > label { font-size: 13px !important; } .form-control-label { text-align: right; } .form-control-label label { margin-top: 8px; } .form-horizontal .form-group { margin-bottom: 0; } .form-group { width: 100%; margin-bottom: 25px; } .form-group .form-control { width: 100%; /* border: none; */ box-shadow: none; /* border-bottom: 1px solid #9e9e9e;*/ border-radius: 0; padding-left: 0; } .form-group input.form-control { margin: 0; font-size: 13px; } .form-group .help-info { float: right; font-size: 12px; margin-top: 5px; color: #999; } .form-group label.error { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .form-group .form-line { width: 100%; position: relative; } .form-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; height: 0; bottom: -1px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .form-group .form-line .form-label { font-weight: normal; color: #aaa; position: absolute; top: 10px; left: 0; cursor: text; transition: 0.2s; } .form-group .form-line.error:after { border-bottom: 2px solid #f44336; } .form-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .form-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .form-group .form-line.focused:after { transform: scaleX(1); } .form-group .form-line.focused .form-label { top: -10px; left: 0; font-size: 12px; } .form-group-sm .form-label { font-size: 12px; } .form-group-sm .form-line.focused .form-label { bottom: 20px; font-size: 10px; } .form-group-lg .form-label { font-size: 18px; } .form-group-lg .form-line.focused .form-label { bottom: 35px; font-size: 12px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .show > .dropdown-menu { display: block; } .spinner .input-group-addon { /*position: relative;*/ position: absolute; top: 10px; right: 0; } .spinner .input-group-addon .spin-up i { position: absolute; left: 0; } .spinner .input-group-addon .spin-down i { position: absolute; left: 0; bottom: -15px; } .bootstrap-select .btn { color: #333; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .form-check { margin-bottom: 0.5rem; padding-left: 0; } .form-check .form-check-label { cursor: pointer; padding-left: 25px; position: relative; padding-right: 15px; } .form-check .form-check-label span { display: block; position: absolute; left: -1px; top: -1px; transition-duration: 0.2s; padding-left: 0; } .form-check .form-check-input { opacity: 0; height: 0; width: 0; overflow: hidden; position: absolute; margin: 0; z-index: -1; left: 0; pointer-events: none; } .form-check .form-check-input:checked + .form-check-sign:before { animation: rippleOn 0.5s; } .form-check .form-check-input:checked + .form-check-sign .check { background: #9c27b0; } .form-check .form-check-input:checked + .form-check-sign .check:before { color: #ffffff; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; animation: checkboxOn 0.3s forwards; } .form-check .form-check-sign { vertical-align: middle; position: relative; top: -2px; float: left; padding-right: 10px; display: inline-block; } .form-check .form-check-sign:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; top: 0; transform: scale3d(2.3, 2.3, 1); } .form-check .form-check-sign .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.54); overflow: hidden; z-index: 1; border-radius: 3px; } .form-check .form-check-sign .check:before { position: absolute; content: ""; transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; color: #ffffff; height: 0; animation: checkboxOff 0.3s forwards; } .default-select select { width: 100px; -webkit-appearance: none; appearance: none; } .default-select .select-wrapper input.select-dropdown { display: none; } /* * Document : _labels.scss * Author : RedStar Template * Description: This scss file for label style classes */ .label { border-radius: 10px; padding: 2px 10px; color: #fff; display: inline-block; } .label-default { background-color: #777; } .label-primary { background-color: #1f91f3; } .label-success { background-color: #2b982b; } .label-info { background-color: #00b0e4; } .label-warning { background-color: #ff9600; } .label-danger { background-color: #fb483a; } /* * Document : _leftsidebaroverlay.scss * Author : RedStar Template * Description: This scss file for left side bar style classes */ .overlay { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; } .overlay-open .sidebar { margin-left: 0; z-index: 99999999; } .sidebar { transition: all 0.5s; font-family: "Open Sans", sans-serif; background: #ffffff; width: 260px; overflow: hidden; display: inline-block; height: calc(100vh - 60px); position: fixed; top: 60px; left: 0; border-right: 1px solid #f2f4f9; box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.2); z-index: 950 !important; } .sidebar .user-info { padding: 13px 15px 12px 15px; white-space: nowrap; position: relative; border-bottom: 1px solid #e9e9e9; height: 135px; } .sidebar .user-info .image { margin-right: 12px; display: inline-block; } .sidebar .user-info .image img { border-radius: 50%; vertical-align: bottom !important; } .sidebar .user-info .info-container { cursor: default; display: block; position: relative; top: 25px; } .sidebar .user-info .info-container .name { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 14px; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .email { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; font-size: 12px; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .user-helper-dropdown { position: absolute; right: -3px; bottom: -12px; -ms-box-shadow: none; box-shadow: none; cursor: pointer; color: #fff; } .sidebar .menu { position: relative; overflow-y: auto; height: 100vh; } .sidebar .menu .list { list-style: none; padding-left: 0; transition: 0.5s; } .sidebar .menu .list li.active .menu-top { background-color: #e8def8; } .sidebar .menu .list li.active > :first-child span { font-weight: 500; } .sidebar .menu .list li .forwardArrow:hover:after { content: "\f18e"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 24px; color: #42526e; position: absolute; right: 20px; } .sidebar .menu .list li .backArrow .hide-menu { margin-left: 8px; } .sidebar .menu .list li .backArrow:after { content: "\f190"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 24px; color: #42526e; position: absolute; left: 6px; } .sidebar .menu .list .header { font-size: 12px; margin: 15px 0px 5px 23px; text-transform: uppercase; letter-spacing: 0.5px; color: #000000; } .sidebar .menu .list i.material-icons { font-size: 15px; } .sidebar .menu .list i.fas { font-size: 15px; } .sidebar .menu .list i.far { font-size: 15px; } .sidebar .menu .list i.fab { font-size: 15px; } .sidebar .menu .list i.fa { font-size: 15px; } .sidebar .menu .list .tooltips .sidebarQuickIcon { font-size: 18px; margin-top: 10px; } .sidebar .menu .list .active .menu-toggle { background: rgba(146, 144, 144, 0.28); } .sidebar .menu .list .active .ml-menu { display: block; } .sidebar .menu .list .active .ml-sub-menu { display: block; } .sidebar .menu .list .active .ml-sub-menu2 { display: block; } .sidebar .menu .list .active .ml-sub-menu3 { display: block; } .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 19px; transform: scale(0); transition: all 0.3s; } .sidebar .menu .list .menu-toggle:before { content: "\f054"; transform: scale(1); font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; transform: scale(1); } .sidebar .menu .list .menu-toggle:after { content: "\f078"; transform: scale(1); font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; transform: scale(0); } .sidebar .menu .list .material-icons-two-tone { vertical-align: middle; filter: invert(43%) sepia(4%) saturate(19%) hue-rotate(342deg) brightness(94%) contrast(88%); } .sidebar .menu .list .active .menu-toggle:before { transform: scale(0); } .sidebar .menu .list .active .menu-toggle:after { transform: scale(1); } .sidebar .menu .list .ml-sub-menu:after, .sidebar .menu .list .ml-sub-menu:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 19px; transition: all 0.3s; } .sidebar .menu .list .ml-sub-menu:before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list .ml-sub-menu:after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list .ml-sub-menu2:after, .sidebar .menu .list .ml-sub-menu2:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 19px; transition: all 0.3s; } .sidebar .menu .list .ml-sub-menu2:before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list .ml-sub-menu2:after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list .ml-sub-menu3:after, .sidebar .menu .list .ml-sub-menu3:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 19px; transition: all 0.3s; } .sidebar .menu .list .ml-sub-menu3:before { content: "\f054"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list .ml-sub-menu3:after { content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 600; font-size: 12px; color: gray; } .sidebar .menu .list a { color: #000000; position: relative; font-size: 14px; display: block; overflow: hidden; line-height: 2rem; padding: 9px 9px 9px 9px; margin: 8px 11px 0px 11px; } .sidebar .menu .list a:hover, .sidebar .menu .list a:active { text-decoration: none !important; background-color: #e8def8; cursor: pointer; } .sidebar .menu .list a small, .sidebar .menu .list a .small { position: absolute; top: calc(50% - 7.5px); right: 15px; } .sidebar .menu .list a span { margin: 7px 0 7px 7px; color: #333; font-size: 14px; overflow: hidden; } .sidebar .menu .list .ml-menu { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu span { font-weight: normal; font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu li a { padding-left: 35px; padding-top: 4px; padding-bottom: 4px; } .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 18%; top: 50%; transform: translate(-10px, -50%); opacity: 1; transition: all 0.2s ease; } .sidebar .menu .list .ml-menu li.active .ml-menu:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; transition: 0.5s; left: 6%; font-weight: 900; top: calc(50% - 15px); } .sidebar .menu .list .ml-menu li.active .ml-menu:hover:before { font-weight: 600; left: 25px; } .sidebar .menu .list .ml-menu li.active .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu li.active .ml-menu { color: #6750a4; font-weight: 500; } .sidebar .menu .list .ml-menu li.active .ml-sub-sub-menu { color: #6750a4; font-weight: 500; } .sidebar .menu .list .ml-menu li a.ml-sub-sub-menu:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; transition: 0.5s; left: 18%; font-weight: 900; top: calc(50% - 15px); } .sidebar .menu .list .ml-menu li a.ml-sub-sub-menu:hover:before { font-weight: 600; left: 50px; } .sidebar .menu .list .ml-menu li .ml-menu li a { padding-left: 80px; } .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { padding-left: 95px; } .sidebar .menu .list .ml-menu .activeSub .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu .activeSub .ml-menu-3 { display: block; } .sidebar .menu .list .ml-menu-2 { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu-2 span { font-weight: normal; font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu-2 li a { padding-left: 55px; padding-top: 4px; padding-bottom: 4px; } .sidebar .menu .list .ml-menu-2 li.active a { color: #6750a4; background-color: #e3e3e3; } .sidebar .menu .list .ml-menu-2 li.active a:hover:before { font-weight: 600; left: 30px; } .sidebar .menu .list .ml-menu-2 li.active .ml-menu-3 { display: block; } .sidebar .menu .list .ml-menu-2 li.active .ml-menu-2:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; transition: 0.5s; left: 17%; font-weight: 900; top: calc(50% - 14px); } .sidebar .menu .list .ml-menu-3 { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu-3 span { font-weight: normal; font-size: 14px; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu-3 li a { padding-left: 70px; padding-top: 4px; padding-bottom: 4px; } .sidebar .menu .list .ml-menu-3 li.active .ml-menu3:before { content: "\f105"; font-family: "Font Awesome 6 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; left: 24%; font-weight: 900; top: calc(50% - 15px); } .sidebar .sidebar-badge { position: absolute; right: 35px; padding: 3px 6px; margin-top: 5px !important; border-radius: 15px; color: #ffffff !important; font-size: 12px !important; border: none; font-weight: 300 !important; } .ml-menu .ml-sub-menu:before { transform: scale(1); } .ml-menu .ml-sub-menu:after { transform: scale(0); } .ml-menu .ml-sub-menu2:before { transform: scale(1); } .ml-menu .ml-sub-menu2:after { transform: scale(0); } .ml-menu .ml-sub-menu3:before { transform: scale(1); } .ml-menu .ml-sub-menu3:after { transform: scale(0); } .ml-menu .active .ml-sub-menu:after { transform: scale(1); } .ml-menu .active .ml-sub-menu:before { transform: scale(0); } .ml-menu .ml-menu-2 li.active .ml-sub-menu2:after { transform: scale(1); } .ml-menu .ml-menu-2 li.active .ml-sub-menu2:before { transform: scale(0); } .ml-menu .ml-menu-3 li.active .ml-sub-menu3:after { transform: scale(1); } .ml-menu .ml-menu-3 li.active .ml-sub-menu3:before { transform: scale(0); } .right-sidebar { width: 280px; height: calc(100vh - 60px); position: fixed; right: -300px; top: 60px; background: #fdfdfd; z-index: 999 !important; -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; transition: 0.5s; } .right-sidebar.open { right: 0; } .right-sidebar .nav-tabs { font-weight: 600; font-size: 13px; width: 100%; margin-left: 2px; } .right-sidebar .nav-tabs li { text-align: center; } .right-sidebar .nav-tabs li > a { margin-right: 0; } .right-sidebar .nav-tabs li:first-child { width: 45%; } .right-sidebar .nav-tabs li:last-child { width: 55%; } .right-sidebar .rightSidebarClose { position: absolute; top: 8px; left: 8px; z-index: 99; cursor: pointer; } .boxed-layout .sidebar { left: auto; } .boxed-layout.side-closed .sidebar { left: 0; } .horizontal-menu { width: 100%; text-align: center; } .top-sidebar { float: left; width: 100%; position: fixed; z-index: 9; top: 60px; background-color: #ffffff; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list { overflow: visible !important; margin: 0; display: inline-block; height: 60px; } .top-sidebar ul.horizontal-list a { color: #747474; float: left; width: 100%; } .top-sidebar ul.horizontal-list li { float: left; position: relative; padding: 20px 20px; } .top-sidebar ul.horizontal-list li:hover > ul { display: block !important; position: absolute; top: 63px; background-color: #fff; border-radius: 5px; z-index: 9; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list li:hover > ul:after { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; } .top-sidebar ul.horizontal-list li:hover > ul:before { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ad5454; } .top-sidebar ul.horizontal-list li:hover > ul.mega-ml-menu { position: relative; top: 0; } .top-sidebar ul.horizontal-list li ul li { width: 100%; padding: 10px 15px; text-align: left; } .top-sidebar ul.horizontal-list ul.ml-menu { display: none !important; width: 200px; } .top-sidebar ul.horizontal-list ul.ml-menu li:hover ul { top: 0; left: 100%; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle { position: relative; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle:after { content: "‣"; position: absolute; right: 0; font-size: 25px; top: 0; line-height: 22px; } .top-sidebar ul.horizontal-list i.material-icons { margin-top: 1px; margin-right: 3px; float: left; font-size: 20px; } .top-sidebar .slimScrollDiv { overflow: visible !important; } .menu_dark .sidebar { background: #1D2125; border-right: 1px solid #2f3a44; font-weight: 500; } .menu_dark .sidebar .menu .list a { color: #cfd8e3; } .menu_dark .sidebar .menu .list a span { color: #cfd8e3; } .menu_dark .sidebar .menu .list a:hover { background-color: rgba(0, 0, 0, 0.2); } .menu_dark .sidebar .menu .list .header { background: transparent; color: #9babf1; font-size: 12px; margin: 15px 0px 5px 23px; text-transform: uppercase; letter-spacing: 0.5px; } .menu_dark .sidebar .menu .list .active .menu-toggle { background-color: rgba(0, 0, 0, 0.4); } .menu_dark .sidebar .menu .list .menu-toggle::after { color: #b8babb; } .menu_dark .sidebar .menu .list .menu-toggle::before { color: #b8babb; } .menu_dark .sidebar .menu .list .material-icons-two-tone { filter: invert(86%) sepia(3%) saturate(2995%) hue-rotate(185deg) brightness(79%) contrast(78%); } .menu_dark .sidebar .menu .list li.active .menu-top { background-color: rgba(0, 0, 0, 0.4); } .menu_dark .sidebar .menu .list .ml-menu .active a::before { font-family: "Font Awesome 6 Free"; font-size: 13px; display: block; width: 7px; height: 7px; position: absolute; left: 10%; font-weight: 900; } .menu_dark .sidebar-userpic-name { color: #e6e6e6; } .menu_dark .profile-usertitle-job { color: #e6e6e6; } .user-panel { float: left; width: 100%; color: #ccc; padding: 25px 0px 10px 0; } .user-panel .image { width: 35%; max-width: 75px; margin: 0 auto; } .user-panel .image img { max-width: 100%; } .user-img-circle { background: #fff; z-index: 1000; position: inherit; box-shadow: 10px 10px 13px 0px rgba(78, 78, 78, 0.15); } .img-circle { border-radius: 15%; } .profile-usertitle { text-align: center; color: #060606; } .profile-usertitle-job { font-size: 11px; color: #000000; } .sidebar-userpic-btn { display: flex; place-content: space-around; margin: auto; line-height: 2rem; padding: 9px 9px 9px 9px; margin: 8px 13px 0px 13px; } .sidebar-userpic-btn a { padding: 0px !important; margin: 0px !important; height: 30px; width: 30px; } .sidebar-userpic-btn a:hover { cursor: pointer; } .sidebar-userpic-btn a .mat-button-wrapper { margin-left: 0px !important; } .sidebar-userpic-btn a:hover { background-color: transparent !important; } .collapse.in { display: block; list-style-type: none; } .sidebarIcon { height: 22px !important; width: 22px !important; text-align: center; stroke-width: 1px !important; } /* * Document : _navbar.scss * Author : RedStar Template * Description: This scss file for navbar style classes */ .navbar { font-family: "Open Sans", sans-serif; border-radius: 0; box-shadow: none; border: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding: 0; } .navbar .navbar-brand { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .navbar .navbar-custom-right-menu { float: right; } .navbar .navbar-toggle { text-decoration: none; color: #fff; width: 20px; height: 20px; margin-top: -7px; line-height: 60px; margin-right: 17px; } .navbar .navbar-toggle:before { content: "\e8d5"; font-family: "Material Icons"; font-size: 26px; } .navbar .navbar-collapse.in { overflow: visible; } .navbar .nav.navbar-nav { display: block; } .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl, .navbar .container { display: block; } .navbar .dropdown-menu ul.menu li { width: 100%; } .navbar .nav-left-menu { margin: 3px 15px; } .navbar .collapse-menu-icon { margin-bottom: 0px; line-height: 60px; padding-left: 30px; padding-right: 30px; } .navbar .header-icon { vertical-align: top !important; } .navbar .header-icon .feather { height: 20px; width: 20px; } .ls-closed .sidebar { margin-left: -300px; } .ls-closed section.content { margin-left: 15px; } .ls-closed .bars:after, .ls-closed .bars:before { font-family: "Material Icons"; font-size: 24px; position: absolute; left: 10px; top: 0px; line-height: 60px; margin-right: 10px; transform: scale(0); transition: all 0.3s; } .ls-closed .bars:before { content: "\e5d2"; transform: scale(1); } .ls-closed .navbar-brand { margin-left: 30px; } .overlay-open .bars:before { transform: scale(0); } .overlay-open .bars:after { transform: scale(1); } .overlay-open.ls-closed .sidebar { margin-left: 0; } .navbar-header { padding: 8px; width: 265px; transition: all 0.5s; } .navbar-header .bars { float: left; text-decoration: none; } .navbar-icon { list-style-type: none; padding-left: 20px; } .logo-name { color: white; font-size: 24px; font-weight: 400; } .navbar-nav > li > a { padding: 7px 7px 2px 7px; margin-top: 15px; } .navbar-nav > li .js-right-sidebar { margin-right: 5px; } .navbar-nav.navbar-right { float: right !important; margin-right: 10px; line-height: 60px; } .navbar-nav.navbar-right .user_profile { margin: 0px 6px 0px 0px; } .navbar-nav.navbar-right .user_profile .dropdown-toggle { cursor: pointer; } .navbar-nav.navbar-right .user_profile .user_img { float: right; margin: 13px 0px 0px 10px; border-radius: 50%; } .navbar-nav.navbar-right .user_profile span { font-weight: 500; } .navbar-nav .dropdown-menu { margin-top: 60px !important; width: 325px; right: 0; left: auto; position: absolute !important; top: 0; padding: 0; border-radius: 5px; } .navbar-nav .dropdown-menu::before { content: ""; position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .navbar-nav .dropdown-menu::after { content: ""; position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .navbar-nav .dropdown-menu ul.menu .menu-info p { line-height: 1; } .navbar-nav .dropdown-menu ul.menu .menu-info p .material-icons { display: inline-block; } .navbar-nav .dropdown-menu li.footer { width: 100%; height: 45px; } .navbar-nav .dropdown-menu .header { line-height: 2; } .navbar-nav .material-icons { line-height: 1; height: 24px; font-size: 27px; } .navbar-nav .fas { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .far { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fab { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fa { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .user_profile .user_dw_menu { list-style-type: none; padding-left: 0px; } .navbar-nav .user_profile .user_dw_menu li { width: 100%; border-bottom: 1px solid #eee; height: 45px; } .navbar-nav .user_profile .user_dw_menu li a { line-height: 24px; color: #333333; display: inline-flex; } .navbar-nav .user_profile .user_dw_menu li i { float: left; padding-right: 5px; } .navbar-nav .user_profile .user_dw_menu li:last-child { border-bottom: 0; } .navbar-nav .user_profile .dropdown-menu { width: 200px; right: -10px; } .nav-notification-icons:after { display: none; } .lang-dropdown { cursor: pointer; } .lang-dropdown .country-name { margin-left: 5px; vertical-align: middle; } .lang-dropdown::after { display: none; } .lang-dropdown img { height: 17px; border-radius: 3px; } .lang-item { width: 175px !important; } .lang-item .lang-item-list { line-height: 30px; } .lang-item .lang-item-list.active { background-color: #eef1f9; color: #000000; } .lang-item .lang-item-list:active { background-color: #eef1f9; color: #000000; } .lang-item .lang-item-list .flag-img { margin: 0px 5px; height: 15px; border-radius: 3px; } .notification-dropdown .nfc-header { padding: 20px; background-color: #7366ff; border-radius: 5px 5px 0px 0px; } .notification-dropdown .nfc-header h5, .notification-dropdown .nfc-header .h5 { color: #fff; } .label-count { position: absolute; top: 8px; right: 10px; font-size: 10px; line-height: 15px; background-color: #000; padding: 3px 3px; border-radius: 3px; } .navbar-brand { float: left; height: 60px; padding: 10px 10px 7px 40px; font-size: 18px; line-height: 20px; text-align: center; width: 100%; } .navbar-brand img { /*float: left;*/ vertical-align: top; } .navbar-brand span { line-height: 32px; padding-left: 10px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .collapse { display: none; } .navbar-nav { margin: 0px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 5px 0px; } .nav .fullscreen { margin: 0px 8px; } .nav .langSelItem { margin: 0px 8px; } .nav .btnNotification { margin: 0px 8px; } .nav .btnUserDropdown { margin: 0px 8px; } .nav .btnHeaderSetting { margin: 0px 8px; } .nav .btnHeaderSetting .settingBtn { vertical-align: top; } .nav .user-menu-icons { margin: 0px 5px; } .nav .user-menu-icons .feather { height: 18px !important; width: 18px !important; vertical-align: middle; } nav.navbar { min-height: 60px; } .col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus { color: #fff; } .col-blue .navbar .nav > li > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue .navbar .nav > li > a { color: #fff; } .col-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus { color: #fff; } .col-indigo .navbar .nav > li > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-indigo .navbar .nav > li > a { color: #fff; } .col-indigo .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-indigo .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus { color: #fff; } .col-purple .navbar .nav > li > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-purple .navbar .nav > li > a { color: #fff; } .col-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus { color: #fff; } .col-pink .navbar .nav > li > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-pink .navbar .nav > li > a { color: #fff; } .col-pink .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-pink .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus { color: #fff; } .col-red .navbar .nav > li > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-red .navbar .nav > li > a { color: #fff; } .col-red .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-red .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus { color: #fff; } .col-orange .navbar .nav > li > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-orange .navbar .nav > li > a { color: #fff; } .col-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus { color: #fff; } .col-yellow .navbar .nav > li > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-yellow .navbar .nav > li > a { color: #fff; } .col-yellow .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-yellow .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus { color: #fff; } .col-green .navbar .nav > li > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-green .navbar .nav > li > a { color: #fff; } .col-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus { color: #fff; } .col-teal .navbar .nav > li > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-teal .navbar .nav > li > a { color: #fff; } .col-teal .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-teal .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus { color: #fff; } .col-cyan .navbar .nav > li > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-cyan .navbar .nav > li > a { color: #fff; } .col-cyan .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-cyan .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus { color: #fff; } .col-black .navbar .nav > li > a:hover, .col-black .navbar .nav > li > a:focus, .col-black .navbar .nav .open > a, .col-black .navbar .nav .open > a:hover, .col-black .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-black .navbar .nav > li > a { color: #fff; } .col-black .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-black .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus { color: #fff; } .col-white .navbar .nav > li > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-white .navbar .nav > li > a { color: #fff; } .col-white .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-white .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray .navbar .navbar-brand, .col-gray .navbar .navbar-brand:hover, .col-gray .navbar .navbar-brand:active, .col-gray .navbar .navbar-brand:focus { color: #fff; } .col-gray .navbar .nav > li > a:hover, .col-gray .navbar .nav > li > a:focus, .col-gray .navbar .nav .open > a, .col-gray .navbar .nav .open > a:hover, .col-gray .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray .navbar .nav > li > a { color: #fff; } .col-gray .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray-dark .navbar .navbar-brand, .col-gray-dark .navbar .navbar-brand:hover, .col-gray-dark .navbar .navbar-brand:active, .col-gray-dark .navbar .navbar-brand:focus { color: #fff; } .col-gray-dark .navbar .nav > li > a:hover, .col-gray-dark .navbar .nav > li > a:focus, .col-gray-dark .navbar .nav .open > a, .col-gray-dark .navbar .nav .open > a:hover, .col-gray-dark .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray-dark .navbar .nav > li > a { color: #fff; } .col-gray-dark .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray-dark .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .side-closed .sidebar { /*margin-left: -300px;*/ width: 60px; } .side-closed .sidebar .menu .list li .menu-toggle:before, .side-closed .sidebar .menu .list li .menu-toggle:after { content: ""; } .side-closed .sidebar .menu .list li span { display: none; } .side-closed .sidebar .menu .list li a { line-height: 1rem; } .side-closed .sidebar .menu .list li a:after { top: calc(50% - 7px); } .side-closed.submenu-closed .sidebar .menu .list li .ml-menu, .side-closed.submenu-closed .sidebar .menu .list .header { display: none !important; } .side-closed.submenu-closed .navbar-header { width: 65px; } .side-closed.submenu-closed .navbar-header .navbar-brand { padding-right: 0; padding-left: 0; margin: 0; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: none; } .side-closed.submenu-closed .sidebar-user-panel { display: none; } .side-closed.submenu-closed .search-field { display: none; } .side-closed section.content { margin-left: 60px; } .side-closed .navbar-brand { margin-left: 30px; } .side-closed.side-closed-hover .sidebar { width: 260px; } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:before { content: "+"; } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:after { content: "–"; } .side-closed.side-closed-hover .sidebar .menu .list li span { display: block; float: left; } .side-closed.side-closed-hover .sidebar .menu .list li i { float: left; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list li .sidebarIcon { float: left; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a { padding-left: 45px; padding-top: 7px; padding-bottom: 7px; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-2 li a { padding-left: 65px; padding-top: 4px; padding-bottom: 4px; } .side-closed.side-closed-hover .sidebar .menu .list .ml-menu .ml-menu-3 li a { padding-left: 85px; padding-top: 4px; padding-bottom: 4px; } .side-closed.side-closed-hover section.content { margin-left: 276px; } .sidemenu-collapse { height: 50px; padding: 0px 20px 0px 44px; } .sidemenu-collapse:hover { text-decoration: none; background-color: transparent; } .sidemenu-collapse .fas { line-height: 1; height: 24px; font-size: 18px; color: #3a2c70; } .boxed-layout .container > .navbar-header { margin-left: 0; } /* * Document : _navtabs.scss * Author : RedStar Template * Description: This scss file for navbar tabs style classes */ .nav-tabs { border-bottom: 2px solid #eee; } .nav-tabs > li { position: relative; top: 3px; left: -2px; } .nav-tabs > li > a { border: none !important; color: #999 !important; border-radius: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { background-color: transparent !important; } .nav-tabs > li > a:before { content: ""; position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid #2196f3; bottom: 2px; transform: scaleX(0); transition: 0.1s ease-in; } .nav-tabs > li > a .material-icons { position: relative; top: 7px; margin-bottom: 8px; } .nav-tabs li a.active { color: #222 !important; } .nav-tabs li a.active:hover, .nav-tabs li a.active:active, .nav-tabs li a.active:focus { background-color: transparent !important; } .nav-tabs li a.active:before { transform: scaleX(1); } .nav-tabs + .tab-content { padding: 15px 0; } .nav-tabs.tab-col-blue > li > a:before { border-bottom: 2px solid #0d6efd; } .nav-tabs.tab-col-indigo > li > a:before { border-bottom: 2px solid #6610f2; } .nav-tabs.tab-col-purple > li > a:before { border-bottom: 2px solid #6f42c1; } .nav-tabs.tab-col-pink > li > a:before { border-bottom: 2px solid #d63384; } .nav-tabs.tab-col-red > li > a:before { border-bottom: 2px solid #dc3545; } .nav-tabs.tab-col-orange > li > a:before { border-bottom: 2px solid #fd7e14; } .nav-tabs.tab-col-yellow > li > a:before { border-bottom: 2px solid #ffc107; } .nav-tabs.tab-col-green > li > a:before { border-bottom: 2px solid #198754; } .nav-tabs.tab-col-teal > li > a:before { border-bottom: 2px solid #20c997; } .nav-tabs.tab-col-cyan > li > a:before { border-bottom: 2px solid #0dcaf0; } .nav-tabs.tab-col-black > li > a:before { border-bottom: 2px solid #000; } .nav-tabs.tab-col-white > li > a:before { border-bottom: 2px solid #fff; } .nav-tabs.tab-col-gray > li > a:before { border-bottom: 2px solid #6c757d; } .nav-tabs.tab-col-gray-dark > li > a:before { border-bottom: 2px solid #343a40; } .notice-board { display: flex; align-items: flex-start; } .notice-board .notice-body { font-size: 13px; padding: 0px 0px 5px 10px; } .notice-board .notice-body p { margin-bottom: 0px; } .notice-board .notice-body .notice-heading { margin: 5px 0px 0px 0px; } .ngx-pagination .current { background: #6750a4 !important; color: #fefefe !important; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); border-radius: 5px; font-weight: 800; } .rightSetting { padding: 20px 25px 0px 25px; } .rightSetting p { font-weight: bold; margin: 0; border-bottom: 1px solid #eee; font-size: 12px; text-align: left; } .rightSetting .mat-button-toggle-checked { background-color: #6e68c1; color: #ffffff !important; } .rightSetting .mat-button-toggle { width: 60px; font-size: 14px; vertical-align: middle; padding-top: 5%; } .rightSetting .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 30px !important; } /* * Document : _noUISlider.scss * Author : RedStar Template * Description: This scss file for noUISlider component style classes */ .search-box:focus button.icon, .search-box:active button.icon, .search-box:hover button.icon { outline: none; opacity: 1; margin-left: -43px; } .search-box { overflow: hidden; width: 270px; vertical-align: middle; white-space: nowrap; } .search-box input#search { width: 250px; height: 40px; background: rgb(255, 255, 255); border: none; font-size: 10pt; float: left; color: #fff; padding-left: 15px; margin-bottom: 0; margin-top: 10px; border-radius: 50px; } .search-box input#search:-moz-placeholder { color: #65737e; } .search-box input#search:-ms-input-placeholder { color: #65737e; } .search-box input#search::-webkit-input-placeholder { color: #65737e; } .search-box input#search::-moz-placeholder { color: #65737e; } .search-box button.icon { border: none; background: transparent; height: 50px; width: 0px; color: #4f5b66; opacity: 0; font-size: 10pt; transition: all 0.55s ease; } .search-box button.icon .fa { font-size: 18px; } .search-box:hover button.icon:hover { background: transparent; } /* * Document : _switch.scss * Author : RedStar Template * Description: This scss file switch button style classes */ .switch label { font-weight: normal; font-size: 13px; } .switch label .lever { margin: 0 14px; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 110, 253, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue { background-color: rgba(13, 110, 253, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { background-color: #0d6efd; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(102, 16, 242, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { background-color: rgba(102, 16, 242, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { background-color: #6610f2; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(111, 66, 193, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple { background-color: rgba(111, 66, 193, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { background-color: #6f42c1; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(214, 51, 132, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink { background-color: rgba(214, 51, 132, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { background-color: #d63384; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(220, 53, 69, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-red { background-color: rgba(220, 53, 69, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { background-color: #dc3545; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(253, 126, 20, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange { background-color: rgba(253, 126, 20, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { background-color: #fd7e14; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { background-color: rgba(255, 193, 7, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { background-color: #ffc107; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(25, 135, 84, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-green { background-color: rgba(25, 135, 84, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { background-color: #198754; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(32, 201, 151, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: rgba(32, 201, 151, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: #20c997; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 202, 240, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { background-color: rgba(13, 202, 240, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { background-color: #0dcaf0; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-black { background-color: rgba(0, 0, 0, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-black:after { background-color: #000; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-white { background-color: rgba(255, 255, 255, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { background-color: #fff; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(108, 117, 125, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray { background-color: rgba(108, 117, 125, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray:after { background-color: #6c757d; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray-dark:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(52, 58, 64, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark { background-color: rgba(52, 58, 64, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark:after { background-color: #343a40; } /* * Document : _thumbnail.scss * Author : RedStar Template * Description: This scss file for thumbnail style classes */ .thumbnail { border-radius: 0; } .thumbnail p:not(button) { color: #999999; font-size: 14px; } .thumbnail h3, .thumbnail .h3 { font-weight: bold; font-size: 17px; } /* * Document : _todo.scss * Author : RedStar Template * Description: This scss file for todo style classes */ .to-do-list { padding-left: 0; margin-top: -10px; font-size: 12px; min-height: 311px; float: left; width: 100%; } .to-do-list li { padding: 15px 0; border-radius: 3px; position: relative; cursor: move; list-style: none; font-size: 14px; background: #fff; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); } .to-do-list li p { margin: 0; padding-left: 50px; } .to-do-list li .todo-check input[type=checkbox] { visibility: hidden; } .todo-actionlist { position: absolute; right: -5px; top: 22px; } .todo-actionlist a { height: 24px; width: 24px; display: inline-block; float: left; } .todo-actionlist a i { height: 24px; width: 24px; display: inline-block; text-align: center; line-height: 24px; color: #ccc; } .todo-actionlist a:hover i { color: #666; } .line-through { text-decoration: line-through; } .todo-action-bar { margin-top: 20px; } .todo-check { width: 20px; position: relative; margin-right: 10px; margin-left: 10px; } .todo-check input[type=checkbox] { visibility: hidden; } .todo-check label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 2px; } .todo-done i { font-size: 14px; } .todo-remove i { font-size: 10px; } .inbox-small-cells .todo-check input[type=checkbox] { visibility: hidden; } .settingSidebar { background: #fff; position: fixed; height: 100%; width: 380px; top: 62px; right: -380px; z-index: 999; transition: 0.3s ease-in; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12); } .settingSidebar .settingPanelToggle { background: #6777ef; padding: 13px 13px; color: #fff; position: absolute; top: 30%; left: -40px; width: 40px; border-radius: 10px 0 0 10px; } .settingSidebar .settingPanelToggle .setting-sidebar-icon .feather { height: 17px; width: 17px; } .settingSidebar.showSettingPanel { right: 0; } .settingSidebar .settingSidebar-body { position: relative; height: 100%; } .settingSidebar .settingSidebar-tab { display: flex; } .settingSidebar .settingSidebar-tab .nav-item { width: 33.33%; text-align: center; } .settingSidebar .settingSidebar-tab .nav-item .nav-link { padding: 15px 12px; color: #6a7a8c; border-bottom: 3px solid transparent; } .settingSidebar .settingSidebar-tab .nav-item .nav-link.active { border-bottom: 3px solid #2962ff; color: #2962ff; } .settingSidebar .settingSidebar-tab .nav-item .nav-link:hover { border-bottom: 3px solid #2962ff; color: #2962ff; } .settingSidebar ul.choose-theme li { display: inline-block; } .settingSidebar ul.choose-theme li:hover { cursor: pointer; } .settingSidebar ul.choose-theme li div { border-radius: 15px; display: inline-block; vertical-align: middle; height: 25px; width: 25px; overflow: hidden; position: relative; margin: 4px; } .settingSidebar ul.choose-theme li div.purple { background: #6777ef; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.orange { background: #ffa117; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.cyan { background: #3dc7be; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.green { background: #4caf4f; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.red { background: #ea5455; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.white { background: #ece8e8; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.black { background: #343a40; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li div.blue { background: #03a9f3; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .settingSidebar ul.choose-theme li.active div::after { content: "\f00c"; color: #fff; top: 4px; left: 7px; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 12px; position: absolute; transition: 0.5s; } .settingSidebar .setting-panel-header { display: block; padding: 15px 20px; color: #212529; font-size: 15px; border: 1px solid #eae9e9; background: #e9ecef; } .settingSidebar .disk-server-setting .progress { height: 8px; } .settingSidebar .disk-server-setting p { font-weight: bold; margin: 0; border-bottom: 1px solid #eee; font-size: 14px; text-align: left; padding-bottom: 5px; } .settingSidebar .rt-sidebar-last-ele { margin-bottom: 70px !important; } .hiddenradio { padding: 0px 20px 0px 0px; margin: 0px 20px 0px 0px; } .hiddenradio [type=radio] { position: absolute; opacity: 0; width: 0; height: 0; } /* IMAGE STYLES */ .hiddenradio [type=radio] + img { cursor: pointer; height: auto; width: 100%; border: 3px solid #d5e0ec; } /* CHECKED STYLES */ .hiddenradio [type=radio]:checked + img { outline: 2px solid #6777ef; } @media only screen and (max-width: 1024px) { .settingSidebar { display: none; } } ::ng-deep .custom-slider .ngx-slider .ngx-slider-bar { background: #ccc; height: 2px; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-selection { background: #6750a4; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-pointer { width: 12px; height: 12px; top: -5px; /* to remove the default positioning */ background-color: #6750a4; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-pointer:after { display: none; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-bubble { bottom: 14px; font-size: 14px; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-limit { font-weight: bold; color: orange; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-tick { width: 1px; height: 10px; margin-left: 4px; border-radius: 0; background: #ffe4d1; top: -1px; } ::ng-deep .custom-slider .ngx-slider .ngx-slider-tick.ngx-slider-selected { background: orange; } ::ng-deep .custom-slider .ngx-slider-bubble.ngx-slider-floor, ::ng-deep .custom-slider .ngx-slider-bubble.ngx-slider-ceil { display: none; } .slider-input input { width: 110px; text-align: center; border-radius: 15px; border-style: solid; border-color: #ccc; padding-top: 4px; padding-bottom: 4px; } /* [4. Apps] */ /* * Document : _calendar.scss * Author : RedStar Template * Description: This scss file for style related to calendar app */ #event_title { font-size: 1.2rem; } #calendar { float: right; width: 100%; } #external-events .fc-event { padding: 5px 10px; font-size: 14px; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move; } #external-events .form-check .form-check-label { font-size: 14px; } .cal-event { display: inline-block !important; height: 10px; width: 10px; border-radius: 50%; padding: 0; } .fc-state-active { background: #a389d4 !important; color: #fff; } .fc-day-grid-event { color: white !important; text-align: center; } .fc-event-primary { border: none !important; background-color: #007bff !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 154, 255, 0.4); color: #fff; } .fc-event-warning { border: none !important; background-color: #ff9800 !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); color: #fff; } .fc-event-success { border: none !important; position: relative; background-color: #53b958 !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); font-weight: 400; color: #fff; } .fc-event-danger { border: none !important; background-color: #f9483b !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); color: #fff; } .fc-event-info { border: none !important; position: relative; background-color: #03c5de !important; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); font-weight: 400; color: #fff; } .fc-event-default { background: #007bff; border: 1px solid #007bff; } .fc-state-default { border: 1px solid #eee; background: transparent !important; color: #7e869d; border-radius: 0; } .catLbl { font-weight: 600; color: #34395e; font-size: 12px; letter-spacing: 0.5px; margin-bottom: 0; } .fc .fc-button-primary { background-color: #ffffff !important; border: 1px solid #eee !important; color: #7e869d !important; border-radius: 5px !important; margin-right: 8px !important; } .fc .fc-button-primary:disabled { color: #fff !important; background-color: #6777ef !important; border-color: #6777ef !important; } .fc .fc-button-primary:hover { color: #868181 !important; background-color: #e1e0e0 !important; border-color: #e1e0e0 !important; } .fc .fc-button-primary:focus { box-shadow: none !important; } .fc .fc-button-primary:not(:disabled).fc-button-active { color: #fff !important; background-color: #6777ef !important; border-color: #6777ef !important; } .fc .fc-button-primary:not(:disabled):active { color: #fff !important; background-color: #6777ef !important; border-color: #6777ef !important; } .fc-color-picker { list-style: none; margin: 0; padding: 0; } .fc-color-picker > li { float: left; font-size: 30px; margin-right: 5px; line-height: 30px; } .fc-content-skeleton thead { border-bottom: none; } .fc-toolbar h2, .fc-toolbar .h2 { font-size: 16px; margin-top: 4px; } .fc-view { border-color: #f2f2f2; color: color(fontdark) !important; font-weight: 500; padding: 10px; } .fc-view > table { border-color: #f2f2f2; } .fc-view > table th { border-color: #ddd; color: color(fontdark) !important; font-weight: 500; padding: 15px; } .fc-view .fc-scrollgrid-section > th { padding: 0px; } .fc-view-container > .fc-view { padding: 0; } .fc-view { color: #666; text-align: right; } .fc-view > table td { color: #666; text-align: right; } .fc button .fc-icon { top: -0.09em; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 10px; } .fc .fc-daygrid-event { padding: 0px 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); color: #ffffff; text-align: left; } .fc-daygrid-block-event .fc-event-time { font-weight: 400 !important; font-size: 12px; } .fc-daygrid-event-dot { display: none; } .fc-daygrid-dot-event .fc-event-title { font-weight: 400 !important; text-align: left; font-size: 12px; } .fc-daygrid-dot-event .fc-event-time { font-weight: 400 !important; text-align: left; font-size: 12px; } .fc-event-title-container .fc-event-title { font-weight: 400 !important; text-align: left; font-size: 12px; } tr:first-child > td > .fc-day-grid-event { margin-bottom: 10px; } .fc-state-default { border-radius: 3px; background-color: #f2f2f2; background-image: none; border: none; box-shadow: none; text-transform: capitalize; font-weight: 500; } .fc button { height: auto; padding: 10px 15px; text-shadow: none; border-radius: 0; } .fc button.fc-state-active { background-color: color(primary); color: #fff; } .fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; } .ngx-mat-timepicker .ng-pristine td { padding: 0px; border-top: none; border-bottom: none; } .fc-time-grid-event .fc-content { color: #ffffff; } .fc-list-event { color: #ffffff; } .fc-list-event:hover td { background-color: #cccaca !important; } .fc-event-container:hover { cursor: pointer; } .fc-daygrid-day-top { text-align: center; display: block !important; } .fc-daygrid-day-top .fc-daygrid-day-number { color: #666; display: inline-flex; align-items: center; justify-content: center; margin: 4px 0; font-size: 12px !important; } .fc-day-today .fc-daygrid-day-number { display: inline-flex; align-items: center; justify-content: center; width: 25px; height: 25px; margin: 4px 0; font-size: 12px; border-radius: 50%; background: #6777ef; color: #fff; } .fc .fc-daygrid-day.fc-day-today { background-color: transparent !important; } .fc .fc-col-header-cell-cushion { color: #666; } /* * Document : _chat.scss * Author : RedStar Template * Description: This scss file for style related to chat app */ .chat .chat-message .fa-file-image-o, .chat .chat-message .fa-file-o { font-size: 16px; color: gray; cursor: pointer; } .chat-app { height: 690px; } .chat-app .people-list { width: 280px; position: absolute; left: 0; top: 0; padding: 20px; } .chat-app .chat { border-left: 1px solid #e8e8e8; } .chat-app .list_btn { position: fixed; bottom: 20px; right: 20px; z-index: 9999; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; display: none; -ms-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; } .people-list { transition: 0.5s; } .people-list .chat-list li { padding: 10px 15px; list-style: none; border-radius: 3px; } .people-list .chat-list li:hover { background: #efefef; cursor: pointer; } .people-list .chat-list li.active { background: #efefef; } .people-list .chat-list li .name { font-size: 15px; } .people-list .chat-list img { width: 45px; border-radius: 50%; } .people-list img { float: left; border: 1px solid #fff; -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; } .people-list .about { float: left; padding-left: 8px; } .people-list .status { color: #999; font-size: 13px; } .chat .chat-header { padding: 20px; border-bottom: 1px solid #eee; border-radius: 0 0.55rem 0 0; } .chat .chat-header img { float: left; border-radius: 50%; width: 45px; } .chat .chat-header .chat-about { float: left; padding-left: 10px; } .chat .chat-header .chat-with { font-weight: bold; font-size: 16px; } .chat .chat-header .chat-num-messages { color: 434651; } .chat .chat-history { padding: 20px; border-bottom: 2px solid #fff; height: 450px; } .chat .chat-history ul { padding: 0; } .chat .chat-history ul li { list-style: none; } .chat .chat-history .message-data { margin-bottom: 15px; } .chat .chat-history .message-data .message-data-name { font-size: 13px; font-weight: 700; } .chat .chat-history .message-data-time { color: #434651; padding-left: 6px; } .chat .chat-history .message { color: #444; padding: 18px 20px; line-height: 26px; font-size: 13px; border-radius: 7px; margin-bottom: 30px; width: 90%; position: relative; } .chat .chat-history .message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .chat .chat-history .my-message { background: #e8e8e8; } .chat .chat-history .my-message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #e8e8e8; border-width: 10px; margin-left: -10px; } .chat .chat-history .other-message { background: #d9e7ea; } .chat .chat-history .other-message:after { border-bottom-color: #d9e7ea; left: 93%; } .chat .chat-message { padding: 20px; } .chat .chat-message textarea { width: 100%; border: none; padding: 10px 20px; font: 14px/22px Lato, Arial, sans-serif; margin-bottom: 10px; border-radius: 5px; resize: none; } .online { margin-right: 3px; font-size: 10px; color: #86bb71; } .offline { margin-right: 3px; font-size: 10px; color: #e38968; } .me { margin-right: 3px; font-size: 10px; color: #0498bd; } .float-end { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .slimScrollBar { z-index: 0 !important; } .chat-upload { float: right; } /* * Document : _contactlist.scss * Author : RedStar Template * Description: This scss file for style related to contact list app */ .contact-detail .fa { float: left; width: 30px; font-size: 20px; margin-top: 5px; } .contact-detail span { float: left; width: calc(100% - 30px); margin-bottom: 20px; } .contact-detail .fa-envelope { font-size: 15px; } .contact-detail .fa-mobile { font-size: 25px; } .contact-photo { float: left; width: 100%; text-align: center; padding-top: 20px; } .contact-photo img { margin: 0 auto; width: 130px; padding: 3px; border: 3px solid rgb(210, 214, 222); border-radius: 50% 50% 50% 50%; } .contact-usertitle { text-align: center; margin-top: 5px; } .contact-usertitle-name { font-size: 20px; margin-bottom: 2px; font-weight: bold; color: #3a405b; } .contact-usertitle-job { color: #777777; font-size: 12px; margin-bottom: 5px; } .newLabelBtn { padding: 20px 0; text-align: center; } .alert-dismissible .close { text-indent: 0; } .alert.alert-dismissible { color: #ffffff; } .contact_list .phone { position: relative; padding-left: 20px; } .contact_list .phone .material-icons { position: absolute; left: 0; font-size: 16px; top: 1px; } .list-group-unbordered .list-group-item { border: 0px; } .contact-header { display: flex; } .contact-header .contact-details-img img { position: relative; display: flex; width: 80px; height: 80px; border-radius: 50%; margin-right: 0px; overflow: hidden; } .contact-details-name { font-size: 20px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing: 1px; } .contact-details-field { display: flex; margin-top: 30px; } .contact-details-field .material-icons-two-tone { margin: 0 20px 0 10px; } .contact-details-field .contact-detail-info { white-space: pre-wrap; } .contact-details-field .color-icon { filter: invert(14%) sepia(0%) saturate(5141%) hue-rotate(101deg) brightness(95%) contrast(97%); } .contact-form .modalHeader img { border-radius: 50%; height: 35px; width: 35px; } /* * Document : _contactgrid.scss * Author : RedStar Template * Description: This scss file for style related to contact grid app */ .contact-grid { float: left; width: 100%; text-align: center; } .profile-header { min-height: 150px; color: #fff; } .user-name { padding: 3px; font-size: 22px; text-align: center; padding-top: 10px; } .user-img { padding: 3px; border-radius: 50% 50% 50% 50%; max-width: 112px; margin-top: -70px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; height: 112px; width: 112px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .contact-grid .phone .material-icons { font-size: 16px; padding: 4px 7px 40px 0px; } .board { float: left; position: relative; max-width: 300px; height: auto; margin: 8px; background-color: lightgray; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .drop-card { float: left; width: 100%; height: auto; background-color: white; padding: 10px; margin: 4px 0; border-radius: 3px; border: 1px solid #e1e1e1; cursor: move; cursor: grab; } .drop-card header { float: left; width: 100%; padding: 0.5em; background-color: lightgray; text-transform: uppercase; border-radius: 3px 3px 0 0; } .drop-cardtitle { float: left; width: 100%; } .noselect { -webkit-user-select: none; user-select: none; } .gu-mirror { cursor: move; cursor: grabbing; position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 1; transform: rotate(5deg); } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.4; filter: alpha(opacity=20); } #board1 header { background-color: #bc3425; color: white; } #board2 header { background-color: #92549e; color: white; } #board3 header { background-color: #00b1cf; color: white; } .drop-cards .is-moving { background-color: white; color: black; } .cards { padding: 4px 8px; } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; filter: alpha(opacity=80); } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; filter: alpha(opacity=20); } .taskbar .checked { border: 3px solid #dda500 !important; } .taskbar .box { padding-bottom: 7px; } .taskbar .box .task-name { font-size: 18px; font-weight: 600; color: green; } .taskbar .box .task-desc { font-size: 1.1em; color: #555; } .taskbar .box .task-deadline { margin-top: 5px; margin-right: 5px; font-size: 0.8em; color: #555; } .taskbar .done div.box { pointer-events: none; } .taskbar .done div.box .tasks { color: #fff !important; } .taskbar .avatar-image { display: inline-block; position: relative; } .taskbar .task-header { text-align: center; font-size: 25px; padding: 20px; color: #6b6a6a; } .taskbar .card-footer { background: #fff !important; border-radius: 0px 0px 10px 10px; } .taskbar .card-footer .progress { height: 5px; } .pad { padding-left: 0; padding-right: 0; display: flex; } .move { text-align: center; background: #eee; } .move .btn { margin-bottom: 20px; } .task-module { display: flex; flex-direction: column; padding: 0 !important; min-height: 100%; } .task-module .mat-drawer.mat-drawer-end { width: 500px; min-width: 500px; border: 1px solid #dcd6d6; } .task-module .task-header { display: flex; flex: 0 1 auto; align-items: center; margin: 10px 0px 23px 0px; } .task-module .header-button { margin-left: auto; } .task-container .header .header-title { margin: 0px 0px 0px 5px; } .task-container .header .header-close { position: absolute; top: 10px; right: 15px; list-style: none; } .task-list { width: 100%; max-width: 100%; border: solid 1px #ccc; min-height: 60px; display: block; background: white; border-radius: 4px; overflow: hidden; } .task-user-img { height: 30px; width: 30px; position: relative; margin-left: 30px; border-radius: 50%; } .task-date { margin-left: 30px; } .lbl-low { display: inline-flex; vertical-align: middle; } .lbl-high { display: inline-flex; vertical-align: middle; } .lbl-normal { display: inline-flex; vertical-align: middle; } .task-low { color: #0bc53a; position: relative; margin-left: auto; } .task-high { color: #f9683a; position: relative; margin-left: auto; } .task-normal { color: #868688; position: relative; margin-left: auto; } .task-box { padding: 10px 10px; border-bottom: solid 1px #ccc; color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center; box-sizing: border-box; cursor: move; background: white; font-size: 14px; } .task-box:hover { cursor: pointer; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-box:last-child { border: none; } .task-list.cdk-drop-list-dragging .task-box:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-custom-placeholder { background: #ccc; border: dotted 3px #999; min-height: 60px; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-handle { color: #ccc; cursor: move; width: 24px; height: 24px; } .done { text-decoration: line-through; opacity: 0.5; } .mat-list-item-content { display: flex; flex-direction: row; justify-content: space-between; } /* [5. Pages ] */ /* * Document : _dashboard.scss * Author : RedStar Template * Description: This scss file for dashboard page style classes */ .dashboard-flot-chart { height: 275px; } .dashboard-donut-chart { height: 265px; text-align: center; } .dashboard-line-chart { height: 250px; } .dashboard-stat-list { list-style: none; padding-left: 0; margin-top: 40px; } .dashboard-stat-list li { padding: 16px 0 0 0; } .dashboard-stat-list li small, .dashboard-stat-list li .small { font-size: 8px; } .dashboard-task-infos .progress { height: 10px; position: relative; top: 6px; } .totalEarning { text-align: center; padding: 6px; color: #ff9800; } .earningProgress .progress { height: 9px; } /* * Document : _inbox.scss * Author : RedStar Template * Description: This scss file for email page style classes */ .p-15 { padding: 15px; } .p-10 { padding: 10px; } .b-b { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .mail_listing .mail-option .btn-group { margin-bottom: 5px; } #mail-nav .btn { min-width: 110px; } #mail-nav #mail-folders { list-style-type: none; padding-left: 0px; } #mail-nav #mail-folders .badge { float: right; } #mail-nav #mail-folders > li { margin: 2px 0; } #mail-nav #mail-folders > li a:hover { color: #fff; background-color: #337ab7; } #mail-nav #mail-folders > li.active > a { color: #fff; background-color: #337ab7; } #mail-nav #mail-folders > li.active > a:hover { background-color: #32c0c3; } #mail-nav #mail-labels { float: left; width: 100%; list-style-type: none; padding-left: 0px; } #mail-nav #mail-labels li { float: left; } #mail-nav #mail-labels .material-icons { font-size: 16px; height: 16px; padding: 2px; float: left; } #mail-nav #online-offline { list-style-type: none; padding-left: 0px; } #mail-nav #online-offline .material-icons { font-size: 8px; height: 8px; padding: 0px 5px 2px 0; } #mail-nav #mail-labels li a:hover, #mail-nav #online-offline li a:hover { background-color: #e6e6e6; } #mail-nav li a { color: #212529; padding: 7px 10px; display: block; border-radius: 4px; position: relative; transition: all 0.2s ease-out; } .composeForm { padding: 25px; } .inbox-body { padding: 20px; } .replyBox { border: 1px solid rgba(120, 130, 140, 0.13); padding: 20px; } .inbox-center .table thead th { vertical-align: middle; padding: 20px; } .email-btn-group { position: relative; display: inline-flex; vertical-align: middle; } .max-texts { padding: 15px !important; } .max-texts a { color: #212529; padding: 10px 0px 10px 0px; } .swal2-actions { width: 100% !important; } .swal2-styled.swal2-confirm, .swal2-styled.swal2-cancel { width: 100px !important; padding: 0.625em 0.4em !important; } .preview-img-loading { display: flex; align-items: center; justify-content: center; width: 100%; height: 150px; } .preview-img { width: 100%; } /* * Document : _pricing.scss * Author : RedStar Template * Description: This scss file for pricing page style classes */ .pricingTable { text-align: center; background: #fff; margin: 0 -10px; box-shadow: 0 0 10px #ababab; padding-bottom: 40px; border-radius: 10px; color: #cad0de; transform: scale(1); transition: all 0.5s ease 0s; } .pricingTable:hover { transform: scale(1.05); z-index: 1; } .pricingTable:hover .pricingTable-header { background: #ff9624; } .pricingTable:hover .pricingTable-header i { color: #fff; } .pricingTable:hover .price-value { color: #fff; } .pricingTable:hover .month { color: #fff; } .pricingTable .pricingTable-header { padding: 40px 0; background: #f5f6f9; border-radius: 10px 10px 50% 50%; transition: all 0.5s ease 0s; } .pricingTable .pricingTable-header i { font-size: 50px; color: #858c9a; margin-bottom: 10px; transition: all 0.5s ease 0s; } .pricingTable .price-value { font-size: 35px; color: #ff9624; transition: all 0.5s ease 0s; } .pricingTable .month { display: block; font-size: 14px; color: #cad0de; } .pricingTable .heading { font-size: 24px; color: #ff9624; margin-bottom: 20px; text-transform: uppercase; padding-top: 15px; } .pricingTable.blue .price-value { color: #4b64ff; } .pricingTable.blue .heading { color: #4b64ff; } .pricingTable.blue:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a:hover { box-shadow: 0 0 10px #4b64ff; } .pricingTable.red .price-value { color: #ff4b4b; } .pricingTable.red .heading { color: #ff4b4b; } .pricingTable.red:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a:hover { box-shadow: 0 0 10px #ff4b4b; } .pricingTable.greenColor .price-value { color: #40c952; } .pricingTable.greenColor:hover .pricingTable-header { background: #40c952; } .pricingTable.greenColor:hover .price-value { color: #fff; } .pricingTable.greenColor .pricingTable-signup a { background: #40c952; } .pricingTable.greenColor .pricingTable-signup a:hover { box-shadow: 0 0 10px #40c952; } .pricingTable.blueColor:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blueColor:hover .price-value { color: #fff; } .pricingTable.blueColor .price-value { color: #4b64ff; } .pricingTable.blueColor .heading { color: #4b64ff; } .pricingTable.blueColor .pricingTable-signup a { background: #4b64ff; } .pricingTable.redColor:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.redColor:hover .price-value { color: #fff; } .pricingTable.redColor .price-value { color: #ff4b4b; } .pricingTable.redColor .heading { color: #ff4b4b; } .pricingTable.redColor .pricingTable-signup a { background: #ff4b4b; } .pricingTable .pricing-content ul { list-style: none; padding: 0; margin-bottom: 30px; } .pricingTable .pricing-content ul li { line-height: 30px; color: #a7a8aa; } .pricingTable .pricingTable-signup a { display: inline-block; font-size: 15px; color: #fff; padding: 10px 35px; border-radius: 20px; background: #ffa442; text-transform: uppercase; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover { box-shadow: 0 0 10px #ffa442; } .pricingTable.green .heading { color: #40c952; } @media screen and (max-width: 990px) { .pricingTable { margin: 0 0 20px 0; } } .greenColor .heading { font-size: 24px; color: #40c952; margin-bottom: 20px; text-transform: uppercase; } /* * Document : _profile.scss * Author : RedStar Template * Description: This scss file for profile page style classes */ .profile-tab-box { background: #fff; padding: 10px; margin-top: 10px; margin-bottom: 15px; width: 100%; } .skill-progress { height: 10px !important; } .tab-all a { color: #948f8f !important; } .tab-all a.active { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #ffffff !important; border-radius: 30px; } /* * Document : _timeline.scss * Author : RedStar Template * Description: This scss file for timeline page style classes */ .cd-container { width: 90%; max-width: 1170px; margin: 0 auto; } .cd-container::after { content: ""; display: table; clear: both; } /* -------------------------------- Main components -------------------------------- */ header { height: 200px; line-height: 200px; text-align: center; background: #303e49; } header h1, header .h1 { color: #ffffff; font-size: 18px; font-size: 1.125rem; } .timelineImgHight { width: 150px; } @media only screen and (min-width: 1170px) { header { height: 300px; line-height: 300px; } header h1, header .h1 { font-size: 24px; font-size: 1.5rem; } } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { /* this is the vertical line */ content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block::after { clear: both; content: ""; display: table; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 4em 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #e6dfdf, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-img img { display: block; width: 48px; position: relative; left: 30%; top: 30%; margin-left: -12px; margin-top: -12px; border-radius: 50%; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; animation: cd-bounce-1 0.6s; } } @keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: #f0f1f3; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed; } .cd-timeline-content::after { clear: both; content: ""; display: table; } .cd-timeline-content h2, .cd-timeline-content .h2 { color: #303e49; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: 0.8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: 0.8em 0; opacity: 0.7; } .cd-timeline-content::before { content: ""; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #ffffff; } @media only screen and (min-width: 768px) { .cd-timeline-content h2, .cd-timeline-content .h2 { font-size: 20px; font-size: 1.25rem; } .cd-timeline-content p { font-size: 16px; font-size: 1rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #f0f1f3; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #f0f1f3; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { animation: cd-bounce-2-inverse 0.6s; } } @keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0); } } .timeline { list-style: none; padding: 0 0 8px; position: relative; } .timeline:before { top: 0px; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #e7e7e7; left: 25px; margin-right: -1.5px; } .timeline > li { margin-bottom: 5px; position: relative; } .timeline > li:before { content: " "; display: table; } .timeline > li:after { content: " "; display: table; clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 70px); float: right; border: 1px solid #e7e7e7; border-radius: 2px; padding: 5px 20px; position: relative; border-radius: 10px; margin-bottom: 5px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; left: -15px; display: inline-block; border-top: 15px solid transparent; border-right: 15px solid #e7e7e7; border-left: 0 solid #e7e7e7; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; left: -14px; display: inline-block; border-top: 14px solid transparent; border-right: 14px solid #ffffff; border-left: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { width: 35px; height: 35px; position: absolute; top: 25px; left: 8px; } .timeline > li > .timeline-badge img { border-radius: 50%; border: 2px solid #ffffff; -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .timeline-title { margin: 4px 0 !important; font-size: 13px; } .timeline-body > p { font-size: 12px; margin-bottom: 2px; } .left-timeline { margin: 0; padding: 0; list-style: none; position: relative; } .left-timeline:before { content: ""; position: absolute; top: 0; bottom: 0; width: 3px; background: #eee; left: 20%; margin-left: -6px; } .left-timeline > li { position: relative; } .left-timeline > li:first-child .left-icon { background: #fff; color: #666; } .left-timeline > li:first-child .left-time span.large { color: #444; font-size: 17px !important; font-weight: 700; } .left-timeline > li:nth-child(odd) .left-label { background: #f0f1f3; } .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: #f0f1f3; } .left-timeline > li:nth-child(odd) .left-time span:last-child { color: #444; font-size: 13px; } .left-timeline > li .left-time { display: block; width: 23%; padding-right: 70px; position: absolute; } .left-timeline > li .left-time span { display: block; text-align: right; } .left-timeline > li .left-time span:first-child { font-size: 15px; color: #3d4c5a; font-weight: 700; } .left-timeline > li .left-time span:last-child { font-size: 14px; color: #444; } .left-timeline > li .left-label { margin: 0 0 15px 25%; background: #f0f1f3; padding: 1.2em; position: relative; border-radius: 5px; } .left-timeline > li .left-label:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f0f1f3; border-width: 10px; top: 10px; } .left-timeline > li .left-label blockquote { font-size: 16px; } .left-timeline > li .left-label .map-checkin { border: 5px solid rgba(235, 235, 235, 0.2); box-shadow: 0 0 0 1px #ebebeb; background: #fff !important; } .left-timeline > li .left-label h2, .left-timeline > li .left-label .h2 { margin: 0; padding: 0 0 10px 0; line-height: 26px; font-size: 16px; font-weight: normal; } .left-timeline > li .left-label h2 a, .left-timeline > li .left-label .h2 a { font-size: 15px; } .left-timeline > li .left-label h2 a:hover, .left-timeline > li .left-label .h2 a:hover { text-decoration: none; } .left-timeline > li .left-label h2 span, .left-timeline > li .left-label .h2 span { font-size: 15px; } .left-timeline > li .left-label p { color: #444; } .left-timeline > li .left-icon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; position: absolute; color: #fff; border-radius: 50%; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; } .left-timeline > li .left-icon img { border-radius: 50%; } .left-timeline > li .empty span { color: #777; } @media screen and (max-width: 992px) and (min-width: 768px) { .left-timeline > li .left-time { padding-right: 60px; } } @media screen and (max-width: 65.375em) { .left-timeline > li .left-time span:last-child { font-size: 12px; } } @media screen and (max-width: 47.2em) { .left-timeline:before { display: none; } .left-timeline > li .left-time { width: 100%; position: relative; padding: 0 0 20px 0; } .left-timeline > li .left-time span { text-align: left; } .left-timeline > li .left-label { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } .left-timeline > li .left-label:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #f5f5f6; top: -20px; } .left-timeline > li .left-icon { position: relative; float: right; left: auto; margin: -64px 5px 0 0; } .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: transparent; border-bottom-color: #f5f5f6; } } .board { height: 100%; max-width: 100%; background-color: #ffffff; float: none; box-shadow: none; } .board .list { flex: 1 0 0; margin: 1rem 0; border-radius: 0.3125rem; box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.03), 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.02); overflow: hidden; } .board .list .header { display: flex; padding: 1.125rem 0.875rem; background: #ffffff; align-items: center; } .board .list .header .title { flex: 1; text-align: center; padding: 6px 4px 2px 4px; background-color: #cdb1ff; } .board .list .header .title h2, .board .list .header .title .h2 { margin: 0 0 0.375rem; font-weight: 500; font-size: 14px; line-height: 1; } .board .list .header .title .count { font-size: 0.875rem; line-height: 1; opacity: 0.65; } .board .list .projects { margin: 0; padding: 0.875rem; list-style: none; } .board .list .projects.cdk-drop-list-dragging { opacity: 0.65; } .board .list .projects .cdk-drag-placeholder { display: none; } .project { cursor: pointer; list-style: none; padding: 1rem; background: rgba(255, 155, 130, 0.7294117647); transition: box-shadow 0.2s; min-height: 50px; position: relative; margin-bottom: 24px; border: 1px solid #d1d1d1; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); } .project:hover { box-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.3125rem rgba(0, 0, 0, 0.09); } .project:last-child { margin-bottom: 0; } .project h3, .project .h3 { margin: 0 0 0.25rem; font-size: 1em; font-weight: 500; } .project .description { margin: 0 0 0.5rem; } .project .gravity { display: flex; font-size: 0.6875rem; letter-spacing: 1px; text-transform: uppercase; } .project .gravity .priority { flex: 1; } .project .gravity .deadline { margin-right: -1rem; text-align: right; } .project .gravity .deadline .icon { margin-right: 0.25rem; display: inline-block; height: 1em; overflow: visible; font-size: inherit; vertical-align: -0.125em; } .project .gravity .deadline .deadline-label { display: none; } .project .project-actions { opacity: 0; position: absolute; top: 0.25rem; right: -0.625rem; transition: opacity 0.2s; } .project .project-actions[aria-expanded=true], .project:hover .project-actions { opacity: 1; } @media (min-width: 768px) { .board { display: flex; } .board .list { margin: 0; box-shadow: none; border-radius: 0; border-width: 0 0 0 1px; } } @media (min-width: 992px) { .project .gravity .deadline .deadline-label { display: inline; } } .wrapper { display: flex; flex-flow: column; height: 100%; } .container { margin: 0 auto; padding: 0 0.5rem; max-width: 1320px; } .header { flex: 0 1 auto; padding: 1.125rem 0; background: linear-gradient(to top, var(--color-purple-heart), var(--color-purple-heart-light)); color: var(--color-white); } .header .container { display: flex; justify-content: space-between; align-items: center; } .header h1, .header .h1 { margin: 0; font-size: 1rem; line-height: 1; font-weight: 500; text-transform: uppercase; letter-spacing: 0.09375rem; } .header h1 a, .header .h1 a { color: var(--color-white); } .header h1 svg, .header .h1 svg { position: relative; top: -1px; margin-right: 0.75rem; display: inline-block; vertical-align: middle; height: 1.5625rem; } .header h1 span, .header .h1 span { display: inline-block; vertical-align: middle; } nav { flex: 0 1 auto; padding: 0.1875rem 0; background: var(--color-purple-heart-dark); } nav .container { display: flex; justify-content: space-between; align-items: center; } nav .menu a { display: inline-block; padding: 0.6875rem 0.6875rem 0.5625rem; color: var(--color-white); font-weight: 500; text-decoration: none; border-bottom: 0.1875rem solid rgba(255, 255, 255, 0.5); } nav .actions { position: fixed; z-index: 10; right: 2.5rem; bottom: 2.5rem; } nav .actions button { width: 3.75rem; height: 3.75rem; padding: 0; background: #1075f2; color: white; border: none; border-radius: 50%; box-shadow: 0 0 1.25rem rgba(0, 0, 0, 0.3); cursor: pointer; } nav .actions button svg { height: 1.875rem; } main { position: relative; flex: 1 1 auto; } main .container { height: 100%; } .project-bedge { font-size: 12px; font-weight: 500; background-color: #d1d3d4; display: inline-flex; cursor: default; -webkit-user-select: none; user-select: none; border-radius: 3px; padding: 2px 5px; float: right; } .project-bedge2 { font-size: 12px; font-weight: 500; background-color: #d1d3d4; display: inline-flex; cursor: default; -webkit-user-select: none; user-select: none; border-radius: 3px; padding: 2px 5px; float: left; } .project-priority--1 { color: rgb(0, 218, 0); font-weight: 500; } .project-priority-0 { color: rgb(233, 0, 233); font-weight: 500; } .project-priority-1 { color: hsl(0deg, 84%, 31%); font-weight: 500; } .project-type-Website { background-color: #1075f2; color: #fff; } .project-type-Android { background-color: #f21023; color: #fff; } .project-type-IPhone { background-color: #110103; color: #fff; } .project-type-Testing { background-color: #06a800; color: #fff; } .pro-left { font-weight: 500; padding: 0px 10px; border-radius: 5px; } .project-title { font-size: 14px; color: #1f2225; } .mastercard-icon { display: inline-block; height: 1.5em; isolation: isolate; position: relative; line-height: 1em; vertical-align: middle; width: 2em; } .mastercard-icon::before, .mastercard-icon::after { border-radius: 1em; content: ""; display: inline-block; height: 1.3em; position: absolute; width: 1.3em; } .mastercard-icon::before { background-color: #ff8668; left: 0; top: 0; } .mastercard-icon::after { background-color: rgba(242, 167, 58, 0.831372549); mix-blend-mode: hard-light; right: 0; top: 0; } .project-icon { font-size: 19px; margin-right: 5px; vertical-align: text-top; } .project-icon2 { font-size: 16px; margin-right: 5px; vertical-align: text-top; } .add-icon { font-size: 19px; margin-right: 5px; vertical-align: text-top; } @media (min-width: 576px) { .container { padding: 0 1rem; } } .project-people { text-align: right; vertical-align: middle; } .project-people img { width: 32px; height: 32px; } .project-actions { text-align: right; vertical-align: middle; } .profile-content { border-top: none !important; } .profile-stats { margin-right: 10px; } .profile-image { width: 120px; float: left; } .profile-image img { width: 96px; height: 96px; } .profile-info { margin-left: 120px; } .feed-element { padding-bottom: 15px; margin-top: 15px; overflow: hidden; } .feed-element:first-child { margin-top: 0; } .feed-element .media { margin-top: 15px; } .feed-element .well { border: 1px solid #e7eaec; box-shadow: none; background: #f2f3ff; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .feed-element .actions { margin-top: 10px; } .feed-element .photos { margin: 10px 0; } .feed-element > .pull-left { margin-right: 10px; } .feed-element img.img-circle { width: 38px; height: 38px; } .media-body { overflow: hidden; } .feed-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .ibox { clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; } .ibox.collapsed .ibox-content { display: none; } .ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; } .ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; } .ibox:after { display: table; } .ibox:before { display: table; } .ibox-title { background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 3px 0 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-content { background-color: #ffffff; color: inherit; padding: 0px 20px 20px; border-image: none; border-width: 1px 0; } .ibox-footer { color: inherit; border-top: 1px solid #e7eaec; font-size: 90%; background: #ffffff; padding: 10px 15px; } dd.project-people { text-align: left; margin-top: 5px; } .project-title a { font-size: 14px; color: #676a6c; font-weight: 600; } .project-list table tr td { border-top: none; border-bottom: 1px solid #e7eaec; padding: 15px 10px; vertical-align: middle; } .project-manager .tag-list li a { font-size: 10px; background-color: white; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; } .project-files li a { font-size: 11px; color: #676a6c; margin-left: 10px; line-height: 22px; } .feed-activity-list { margin: 10px; } .feed-activity-list .feed-element { border-bottom: 1px solid #e7eaec; } .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .file-list li { padding: 5px 10px; font-size: 11px; border-radius: 2px; border: 1px solid #e7eaec; margin-bottom: 5px; } .file-list li a { color: inherit; } .file-list li a:hover { color: #1ab394; } .user-friends img { width: 42px; height: 42px; margin-bottom: 5px; margin-right: 5px; } .project-activity { border: 1px solid #e5e5e5; margin-top: 20px; } .project-doc-icon { width: 40px; height: 40px; border: 1px solid #d9d9d9; border-radius: 0.55rem; } .project-doc-icon i { font-size: 20px; line-height: 40px; } .project-name { color: #f68c1f; } .project-card-header { color: #5b626b; font-size: 17px; line-height: 28px; padding-right: 10px; font-weight: 500; margin-bottom: 10px; } .auth-container { height: 100%; width: 100%; background-image: url('login_bg.jpg'); background-size: cover; } .auth-container .auth-main { height: 100%; width: 100%; margin: 0px !important; min-height: 100vh; } .auth-container .mat-form-btn { width: 40%; padding: 16px 0px !important; line-height: 14px !important; } .auth-container a:hover { color: #8274eb; } .auth-container .form-control, .auth-container .form-control:focus { padding-left: 37px; border-radius: 30px; background-color: #e8e6fe; box-shadow: none; margin-bottom: 7px; line-height: 2; } .auth-container .form-select, .auth-container .form-select:focus { padding-left: 37px !important; border-radius: 30px !important; background-color: #e8e6fe !important; box-shadow: none !important; margin-bottom: 7px !important; line-height: 2 !important; } .auth-container option { background-color: #fff; } .form-check .form-check-input:checked + .form-check-sign .check { background: #ffffff; } .form-check .form-check-input:checked + .form-check-sign .check:before { color: #8274eb; } @media (max-width: 992px) { .auth-container { background-image: none; } .auth-container .signup-form { display: block; } } .auth-form { width: 33rem; box-shadow: 8px 12px 32px #e8e1ed !important; border-radius: 10px !important; } .login_bg-img { height: 100vh; width: 100vm; } .left-img { height: 100vh; width: 100%; } .left-content { display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 480px; width: 100%; text-align: center; } .left-content h1, .left-content .h1 { color: #fff; } .left-content p { color: #fff; } .bg-video { object-fit: cover; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .login-form, .signup-form { display: flex; justify-content: space-around; } .auth-form-btn { display: flex; justify-content: center; width: 100%; height: 50px; border-radius: 10px; cursor: pointer; } .auth-form-btn button { width: 100%; } .form-section { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .form-check .form-check-sign .check { border-radius: 100%; } .error-msg { color: #f44336; padding-left: 5%; font-size: 75%; } .input-icon { position: absolute; color: #8274eb; left: 10px; top: calc(50% - 1em); /* Keep icon in center of input, regardless of the input height */ } .pwd { padding-right: 37px; } .lock-img { width: 25px; } .txt1:hover, .show-pwd-icon :hover { color: #8274eb; } .show-pwd-icon { position: absolute; color: #8274eb; right: 10px; top: calc(50% - 0.8em); /* Keep icon in center of input, regardless of the input height */ } .input-wrapper { position: relative; } .auth-signup-text { color: #46254C; text-align: justify; } .txt1, .form-check .form-check-label { color: #948f97; font-size: 12px !important; font-weight: 400; } .sign-up-link { color: #3699ff; font-size: 13px !important; margin: 0px 10px; } .auth-wrapper { max-width: 100%; margin-top: auto; margin-bottom: auto; padding: 12% 8%; } .login-title { margin-bottom: 10px; font-size: 15px; font-weight: 700; color: #8274eb; } .linear-gradient { color: #fff !important; background-image: linear-gradient(to right, #ff88eb, #885bff); } .social-login-title { font-size: 14px; color: #919aa3; display: flex; margin: 20px 0px; } .social-login-title::before, .social-login-title::after { content: ""; background-image: linear-gradient(#bbb8b8, #f3f3f3); flex-grow: 1; background-size: calc(100% - 20px) 1px; background-repeat: no-repeat; } .social-login-title::before { background-position: center left; } .social-login-title::after { background-position: center right; } .welcome-msg { font-family: ITC Garamond Std; color: #46254C; } .social-icon { text-align: center; } .social-icon li a { color: #3c4858; border: 1px solid #3c4858; display: inline-block; height: 32px; width: 32px; line-height: 32px; text-align: center; transition: all 0.4s ease; overflow: hidden; position: relative; } .social-icon li a:hover { background-color: #2f55d4; border-color: #2f55d4 !important; color: #ffffff !important; } .sm-icon { height: 16px !important; width: 16px !important; } .auth-locked { font-size: 60px; color: #333; width: 120px; height: 120px; background-color: transparent; margin: 0 auto; } .auth-locked img { width: 100px; border-radius: 50%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .auth-locked-title { font-size: 30px; font-family: Poppins, sans-serif; color: #403866; line-height: 1.2; text-align: center; width: 100%; display: block; } .error-header { font-size: 80px; line-height: 1.2; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader { font-size: 17px; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader2 { font-size: 12px; color: #919192; text-align: center; width: 100%; display: block; font-weight: 500; } @keyframes spinner { to { transform: rotate(360deg); } } .auth-spinner:before { content: ""; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border: 2px solid #ffffff; border-top-color: #000000; animation: spinner 0.8s linear infinite; } .auth-form-section.signin-form { display: flex; align-items: center; } .auth-form-section.signin-form .auth-form { margin: 0px; } @media (min-width: 993px) { .auth-form-section.signin-form { min-height: 100vh; } } @media (min-width: 993px) and (max-width: 1135px) { .left-banner { padding-left: 5%; } .auth-form-section { padding-left: 0%; } .auth-form { width: 32rem; } .auth-wrapper { padding: 6% 14%; } } @media (min-width: 768px) and (max-width: 993px) { .auth-container .login-form, .auth-container .signup-form { justify-content: center; } .auth-container .auth-form { width: 34rem; } .auth-container .auth-form-section { padding-left: 0; } .auth-container .auth-wrapper { padding: 5% 8%; } } @media (min-width: 575px) and (max-width: 768px) { .auth-container .login-form, .auth-container .signup-form { justify-content: center; } .auth-container .auth-form { width: 100%; } .auth-container .auth-signup-text { font-size: 14px; } .auth-container .auth-form-section { padding-left: 0; } .auth-container .auth-wrapper { padding: 5% 8%; } .auth-container .welcome-msg { font-size: 2rem; } } @media (min-width: 375px) and (max-width: 575px) { .auth-container .login-form, .auth-container .signup-form { justify-content: center; } .auth-container .auth-form { width: 100%; } .auth-container .auth-form-section { padding-left: 0; } .auth-container .auth-wrapper { padding: 5% 8%; } } @media (min-width: 320px) and (max-width: 375px) { .auth-container .login-form, .auth-container .signup-form { justify-content: center; } .auth-container .auth-form { width: 100%; } .auth-container .auth-form-section { padding-left: 0; } .auth-container .auth-wrapper { padding: 10% 7%; } } @media (min-width: 320px) and (max-width: 992px) { .auth-container .auth-form { width: 100%; min-height: 100vh; justify-content: center; background-image: url('login_bg.jpg'); background-size: cover; } } /* [6. Pugins ] */ /* * Document : _carousel.scss * Author : RedStar Template * Description: This scss file for owl carousel style classes */ .owl-btns { text-align: center; } .owl-btns [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-btns [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } #dashboard_slide { padding: 6px 10px 0px 0px; } #dashboard_slide2 { padding: 0px 10px 0px 0px; } .carousel-content { height: 232px; border-radius: 5px; } .carousel-content .slide-heading { font-size: 20px; } *::-webkit-scrollbar { width: 6px; height: 7px; } *::-webkit-scrollbar-thumb { background: #ebebee; border-radius: 6px; } *::-webkit-scrollbar { width: 11px; height: 11px; border-left: 0.5px solid #ebebee; border-top: 0.5px solid #ebebee; } ::-webkit-scrollbar-thumb:hover { background-color: #b7b7b7; /* Change the color on hover */ } /* * Document : _charts.scss * Author : RedStar Template * Description: This scss file for all charts style classes */ /* Morris */ .morris-hover.morris-default-style { border-radius: 0; } /* Flot */ .flot-chart { width: 100%; height: 320px; } .panel-switch-btn { position: relative; right: 20px; z-index: 9; } .panel-switch-btn label { font-weight: bold !important; } .legendLabel { width: 85px !important; position: relative; left: 3px; } #multiple_axis_chart .legendLabel { width: 160px !important; } /* Sparkline */ .sparkline { text-align: center; } .chart-box { display: flex; justify-content: space-between; font-size: 14px; margin-bottom: 30px; } .chart-box2 { font-size: 14px; margin-bottom: 30px; text-align: center; } .chart-note { text-transform: capitalize; display: inline-block; margin-right: 12px; font-size: 14px; } .chart-note .dot { margin: 0px 7px; } .chart-statis { display: inline-block; margin-right: 35px; } .chart-statis .label { display: block; text-transform: capitalize; line-height: 1.2; } .chart-statis .index { font-size: 18px; color: #333; padding-left: 15px; } .dot { display: inline-block; width: 10px; height: 10px; border-radius: 100%; } .dot-black { background: #000000; } .dot-orange { background: #f96332; } .chart-box-left { padding-left: 10px; } .area_chart-style { height: 170px; margin: 30px; } .chart-shadow2 { filter: drop-shadow(0 -6px 4px rgba(106, 141, 247, 0.5)); } .chart-shadow { filter: drop-shadow(0px 9px 2px rgba(0, 0, 0, 0.3)); } .chartsh { height: 16rem; } .axisData { position: absolute; color: #fff; z-index: 1; text-transform: uppercase; display: flex; width: 100%; bottom: 0; } .axisData .tick { flex: 1; position: relative; overflow: hidden; opacity: 0.2; font-size: 11px; text-align: center; line-height: 40px; padding-top: 150px; } .axisData .tick:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.2); } .axisData .tick:hover .value.productValue { transform: translateY(0); display: block; } .axisData .tick:hover .value.serviceValue { transform: translateY(0); display: block; left: 0; top: 80px; color: #000; transition: 0.3s transform; } .axisData .tick .value { transform: translateY(20px); transition: 0.3s transform; position: absolute; top: 20px; color: #000; border-radius: 2px; width: 100%; line-height: 20px; } .dot-product { background: #5bcfe4; } .dot-service { background: #64e88b; } .dot-product1 { background: #d3d3d3; } .dot-service1 { background: #6e68c1; } .chart-legend header { background: transparent; height: 0px; } .chart-legend .legend-labels { background: transparent !important; } .ngx-charts text { fill: #9aa0ac; } mwl-gauge { width: 150px; height: 150px; display: block; padding: 10px; } mwl-gauge > .gauge > .dial { stroke: #d7d7d7; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value { stroke: #4fa1f1; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value-text { fill: #4fa1f1; font-family: sans-serif; font-weight: bold; font-size: 0.8em; } /* ------- Alternate Style ------- */ mwl-gauge.two > .gauge > .dial { stroke: #334455; stroke-width: 10; } mwl-gauge.two > .gauge > .value { stroke: orange; stroke-dasharray: none; stroke-width: 13; } mwl-gauge.two > .gauge > .value-text { fill: orange; } /* ------- Alternate Style ------- */ mwl-gauge.three > .gauge > .dial { stroke: #334455; stroke-width: 2; } mwl-gauge.three > .gauge > .value { stroke: #c9de3c; stroke-width: 5; } mwl-gauge.three > .gauge > .value-text { fill: #c9de3c; } /* ----- Alternate Style ----- */ mwl-gauge.four > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.four > .gauge > .value { stroke: #be80ff; stroke-dasharray: none; stroke-width: 5; } mwl-gauge.four > .gauge > .value-text { fill: #be80ff; } /* ----- Alternate Style ----- */ mwl-gauge.five > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.five > .gauge > .value { stroke: #f8774b; stroke-dasharray: 25 1; stroke-width: 5; } mwl-gauge.five > .gauge > .value-text { fill: #f8774b; font-size: 0.7em; } /* ----- Alternate Style ----- */ mwl-gauge.six > .gauge > .dial { stroke: #334455; fill: #334455; stroke-width: 20; } mwl-gauge.six > .gauge > .value { stroke: #ff6daf; stroke-width: 20; } mwl-gauge.six > .gauge > .value-text { fill: #ff6daf; font-size: 0.7em; } mwl-gauge.seven > .gauge > .dial { stroke: transparent; stroke-width: 5; transform: scale(0.9, 0.9) translate3d(5.5px, 5.5px, 0); fill: rgba(191, 202, 214, 0.42); } mwl-gauge.seven > .gauge > .value { stroke: #f8774b; stroke-dasharray: none; stroke-width: 5; } ngx-gauge.guage-chart-center { display: flex; justify-content: center; width: 100% !important; } .apex-pie-center { display: flex; justify-content: center; } .apexcharts-legend-marker { margin: 0px 5px !important; } /* * Document : _formwizard.scss * Author : RedStar Template * Description: This scss file for wizard style classes */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { float: left; width: 30%; clear: none; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard.vertical > .content { float: left; margin: 0 0 0.5em 0; width: 70%; clear: none; } .wizard.vertical > .actions { float: right; width: 100%; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; float: left; } .wizard > .actions > ul > li { float: left; } .wizard > .steps a { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps .disabled a { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .current a { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a { background: #9dc8e2; color: #fff; } .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a { background: #ff3111; color: #fff; } .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { border: 1px solid #ddd; display: block; margin: 0.5em; min-height: 35em; overflow: hidden; position: relative; width: auto; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard > .actions a { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions a:hover, .wizard > .actions a:active { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions .disabled a { background: #eee; color: #aaa; } .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; } .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } .wizard .content { min-height: 245px; border-radius: 0; overflow-y: auto; } .wizard .content .body { padding: 15px; } .wizard .steps a { border-radius: 0; transition: 0.5s; } .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { border-radius: 0; } .wizard .steps .done a { background-color: rgba(0, 150, 136, 0.6); } .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus { background-color: rgba(0, 150, 136, 0.5); } .wizard .steps .error a { background-color: #f44336 !important; } .wizard .steps .current a { background-color: #009688; } .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover { background-color: #009688; } /* * Document : _imagegallery.scss * Author : RedStar Template * Description: This scss file for image gallery style classes */ .group-1, .group-2 { border: 1px solid #ffffff; border-radius: 5px; display: table; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .group-1 img, .group-2 img { cursor: pointer; width: 300px; height: 300px; padding: 10px; border-radius: 10px; } .catalog-card { margin-right: 1rem !important; } .catalog-card .card-body { padding: 0.5rem; } .catalog-card .catalog-img { width: 100%; max-width: 195px; height: auto; aspect-ratio: 1/1; object-fit: contain; } .catalog-card .desc { height: 35px; } .catalog-card .action-btn { display: flex; flex-direction: column; position: absolute; right: 10px; } .catalog-card p { width: 200px; } @media (min-width: 360px) and (max-width: 768px) { .catalog-card { margin-right: 0.3rem !important; } .catalog-card .card-body { padding: 5px; } .catalog-card .catalog-img { width: 160px; height: 160px; } .catalog-card .catalog-card-table { width: 160px; } .catalog-card .catalog-card-table th, .catalog-card .catalog-card-table td { font-size: 8.5px; } .catalog-card p { width: 160px; } } .catalog-img-responsive { width: 100%; aspect-ratio: 1/1; object-fit: contain; } @media (min-width: 768px) { .catalog-img-responsive { max-width: 180px; } } @media (min-width: 1024px) { .catalog-img-responsive { max-width: 350px; } } /* * Document : _maps.scss * Author : RedStar Template * Description: This scss file for maps style classes */ /* Google Maps */ agm-map { height: 300px; } /* * Document : _tables.scss * Author : RedStar Template * Description: This scss file for tables style classes */ .table tbody { border-top: none !important; } .table tbody tr td, .table tbody tr th { padding: 5px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; vertical-align: middle; } .table tbody tr td ul, .table tbody tr th ul { margin: 0; } .table tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); } .table tbody tr.primary td, .table tbody tr.primary th { background-color: #1f91f3; color: #fff; } .table tbody tr.success td, .table tbody tr.success th { background-color: #2b982b; color: #fff; } .table tbody tr.info td, .table tbody tr.info th { background-color: #00b0e4; color: #fff; } .table tbody tr.warning td, .table tbody tr.warning th { background-color: #ff9600; color: #fff; } .table tbody tr.danger td, .table tbody tr.danger th { background-color: #fb483a; color: #fff; } .table tbody .bankDetails { font-weight: 600; } .table thead tr th { padding: 0 5px; height: 50px; vertical-align: middle; background-color: #ececec; color: #000; font-weight: 500; border: none; white-space: nowrap; } .table.table-summary tbody { border-top: none !important; } .table.table-summary tbody tr td, .table.table-summary tbody tr th { padding: 10px; border: none; vertical-align: middle; } .table.table-items tbody { border-top: none !important; border-bottom: none !important; } .table.table-items tbody tr td, .table.table-items tbody tr th { padding: 5px; border: none; vertical-align: middle; } .table.table-items tbody tr:hover { background-color: transparent; } .table.table-width { width: 120%; } .table.display-table { width: 100vw; } .table.display-table td { padding: 1px; } .table.table-charges tbody { border-top: none !important; border-bottom: none !important; } .table.table-charges tbody tr td, .table.table-charges tbody tr th { padding: 5px; border: none; vertical-align: baseline; } .table.table-charges tbody tr:hover { background-color: transparent; } .table.quotaTable thead tr th { border: 1px solid #eee; background-color: #fff; padding: 0 15px; text-align: center; } .table.quotaTable tbody tr td, .table.quotaTable tbody tr th { text-align: center; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: none; border-bottom: none; padding: 15px; vertical-align: middle; } .table.quotaTable tbody tr:hover { background-color: transparent; } .table .tbl-pdf { color: #f96332; font-size: 20px; cursor: pointer; } .table.table-borderless td { border: 0px; } .table .tr-height-m { min-height: 30px; line-height: 30px; height: 30px; } .table-bordered { border-top: 1px solid #eee; } .table-bordered tbody tr td, .table-bordered tbody tr th { padding: 10px; border: 1px solid #eee; } .table-bordered thead tr th { padding: 10px; border: 1px solid #eee; } .payment-card-table tr td, .payment-card-table tr th { padding: 5px 10px; vertical-align: middle; font-size: 12px; font-weight: 600; } .user_img { border-radius: 50%; height: 30px; width: 30px; background: #fff; margin: 0px 5px 0px 0px; } .product_img { border-radius: 50%; height: 40px; width: 40px; background: #fff; margin: 0px 5px 0px 0px; } .workerperfomance_img { border-radius: 50%; height: 60px; width: 60px; background: #fff; margin: 0px 5px 0px 0px; } .table-img img { height: 40px; width: 40px; border-radius: 50%; border: 2px solid #f0f3fb; } .btn-tbl-edit { background-color: #96a2b4; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-edit .material-icons { font-size: 16px !important; } .btn-tbl-edit:hover { background-color: #888; color: #fff; } .btn-tbl-edit:focus { background-color: #888; } .btn-tbl-delete { background-color: #ff944f; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-delete .material-icons { font-size: 16px !important; } .btn-tbl-delete:hover { background-color: #ff9600; color: #fff; } .btn-tbl-delete:focus { background-color: #ff9600; } .btn-tbl-confirm { background-color: #3fa3f3; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-confirm .material-icons { font-size: 16px !important; } .btn-tbl-confirm:hover { background-color: #62b5f8; color: #fff; } .btn-tbl-confirm:focus { background-color: #62b5f8; } .btn-tbl-reject { background-color: #f96333; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-reject .material-icons { font-size: 16px !important; } .btn-tbl-reject:hover { background-color: #f87346; color: #fff; } .btn-tbl-reject:focus { background-color: #f87346; } .tbl-fav-view { height: 20px !important; width: 20px !important; color: #f2a60a; } .tbl-fav-save { height: 20px !important; width: 20px !important; color: #2b982b; } .tbl-fav-edit { height: 20px !important; width: 20px !important; color: #6777ef; } .tbl-fav-delete { height: 20px !important; width: 20px !important; color: #ff5200; } .tbl-fav-delete-disabled { height: 20px !important; width: 20px !important; color: rgba(0, 0, 0, 0.26); } .tbl-fav-copy { height: 20px !important; width: 20px !important; color: #00a6ff; } .tbl-fav-lock { height: 26px !important; width: 15px !important; color: #ff5200; } .avatar { position: relative; width: 30px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; display: inline-block; } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0; border-radius: 1000px; } .avatar-sm { width: 32px; } .list-inline { padding-left: 0; list-style: none; } .list-unstyled { padding-left: 0; list-style: none; } .spinner { display: inline-block; } .spinner-reverse { display: inline-block; } .order-list li img { border: 2px solid #ffffff; box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3); } .order-list li + li { margin-left: -14px; } .order-list li .badge { background: rgba(255, 255, 255, 0.8); color: #6b6f82; margin-bottom: 6px; } .buttons-copy { background-color: #666 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-excel { background-color: #59bf70 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-csv { background-color: #2ab9d0 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-pdf { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-print { background-color: #6563ef !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px #6563ef; color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } tr.group, tr.group:hover { background-color: #ddd !important; } .tableBody { font-size: 14px; color: #555; padding: 0px 15px 0px 15px; } .tbl-checkbox { text-align: center; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #6750a4; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 13px !important; } .ngx-datatable .ellipsis-two-line .datatable-body-cell-label div { display: initial; vertical-align: middle !important; white-space: initial; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ngx-datatable .datatable-body-cell-label { vertical-align: middle !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ngx-datatable .datatable-body-cell-label .checkbox-container { line-height: 45px !important; } .ngx-datatable .datatable-body-cell-label div { display: initial; vertical-align: middle !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ngx-datatable .datatable-header-cell { line-height: 2.4 !important; } .ngxTableHeader { padding: 10px 10px; display: flex; align-items: center; border-color: #e6e9ed; background-color: #ebebee; height: 70px; } .ngxTableHeader .header-buttons { position: absolute; right: 30px; list-style: none; margin-bottom: 0px; display: flex; align-items: center; } .ngxTableHeader .header-buttons li { display: inline-block; } .ngxTableHeader .header-buttons .material-icons { color: #000000; vertical-align: text-bottom; } .ngxTableHeader .header-buttons-left { position: absolute; list-style: none; display: flex; align-items: center; } .ngxTableHeader .header-buttons-left li { display: inline-block; } .ngxTableHeader .header-buttons-left .searchbox { position: relative; } .ngxTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 5px; border: 0; height: 40px; padding: 8px 8px 8px 50px; width: 250px; border: 1px solid #fff; } .ngxTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .ngxTableHeader .header-buttons-left input.search-field:focus { outline: none; color: #212121; } .ngxTableHeader .header-buttons-left input.search-field:focus:hover { background: #f7f7f7; } .ngxTableHeader h2, .ngxTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } @media (min-width: 200px) and (max-width: 600px) { .ngxTableHeader { height: auto; flex-direction: column; justify-content: space-between; align-items: normal; } .ngxTableHeader .header-buttons-left { padding-left: 0px !important; flex-direction: column; position: relative; } .ngxTableHeader .header-buttons-left .dropdown { width: 100%; margin-left: 0; } .ngxTableHeader .header-buttons { position: relative; right: 0; } } .table-search { width: 100%; position: relative; } .table-search .search-icon { position: absolute; top: 12px; padding-right: 10px; color: rgba(0, 0, 0, 0.54); right: 21px; } .table-search input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 1px solid; height: 45px; padding: 8px 50px 8px 16px; width: 100%; background: #ffffff; transition: background 0.2s, width 0.2s; } .table-search input.search-field:hover { background: #fffefe; } .table-search input.search-field:focus { outline: none; color: #212121; } .table-search input.search-field:focus:hover { background: #f7f7f7; } .mat-table .mat-header-cell { font-size: 14px; font-weight: 600; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #6750a4; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 13px !important; } .materialTableHeader { padding: 10px 20px; align-items: center; border-color: #e6e9ed; background-color: #ebebee; height: 70px; min-width: 800px; } .materialTableHeader .header-buttons { right: 20px; padding: 6px 8px 8px 8px; float: right; } .materialTableHeader .header-buttons li { display: inline-block; } .materialTableHeader .header-buttons-left { list-style: none; padding-top: 3px; } .materialTableHeader .header-buttons-left li { display: inline-block; } .materialTableHeader .header-buttons-left .searchbox { position: relative; } .materialTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 0; height: 45px; padding: 8px 8px 8px 50px; width: 250px; background: #ffffff; transition: background 0.2s, width 0.2s; } .materialTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .materialTableHeader h2, .materialTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } .tbl-checkbox label { margin-bottom: 0px; } .column-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tab a { background-color: #e2e2e2 !important; color: #868788 !important; border-radius: 30px; } .table-tab a.active { background-color: #7274e2 !important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 13px -11px #7197b5; color: #ffffff !important; border-radius: 30px; } .app-list { display: flex; flex-direction: row; align-items: center; border-radius: 10px; vertical-align: middle; padding: 10px; margin-bottom: 10px; background: #f9f9f9; } .app-list img { margin: 0px 10px; } .app-list .set-flex { flex: 1; } .lecture-list { display: flex; flex-direction: row; align-items: center; border-radius: 5px; vertical-align: middle; padding: 10px; margin-bottom: 10px; background: #f6f4ff; } .customer-transaction-list { display: flex; flex-direction: row; align-items: center; border-radius: 5px; vertical-align: middle; padding: 10px; margin-bottom: 10px; background: #ffffff; } .report-list { display: flex; align-items: center; margin-bottom: 20px; padding: 12px 12px; border: 1px dashed #bfc9d4; border-radius: 6px; } .report-list .file-style { font-size: 20px; margin: 0px 10px; } .report-list .ms-auto { margin-right: 10px; cursor: pointer; } .report-list .ms-auto i { padding-right: 10px; } .patient-group-list { display: flex; align-items: center; padding: 12px 12px; border-radius: 6px; } .patient-group-list .lbl-bedge { padding: 10px; margin: 0px 5px; border-radius: 50%; position: relative; display: inline-block; width: 38px; height: 38px; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .patient-group-list .lbl-bedge .lbl-bedge-title { color: #ffffff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .patient-group-list .group-details { line-height: 38px; padding-left: 10px; font-weight: 500; } .tbl-spinner { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .doc-file-type .d-flex { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d5dadb; } .doc-file-type .img-icon { width: 46px; height: 46px; line-height: 46px; border-radius: 10%; font-size: 23px; text-align: center; margin: 0px 15px; } .doc-file-type .set-flex { display: block; color: #000; height: 30px; } .doc-file-type .ms-auto { margin-right: 10px; cursor: pointer; } .primary-rgba { background-color: rgba(110, 129, 220, 0.1); } .success-rgba { background-color: rgba(95, 194, 126, 0.1); } .danger-rgba { background-color: rgba(244, 68, 85, 0.1); } .info-rgba { background-color: rgba(114, 208, 251, 0.26); } .secondary-rgba { background-color: rgba(242, 119, 140, 0.2); } .warning-rgba { background-color: rgba(239, 166, 95, 0.1); } .timetable-block { border-radius: 4px; border: 1px solid #f4f4f4; padding: 10px; margin-bottom: 20px; box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); background: #ffffff; } .medicine-list td { padding: 0.4rem; } .traffic-bar { height: 0.7rem !important; background-color: #e9ecef; box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.15); } .search-traffic .traffic-source { padding: 10px 0; } mat-cell > span.truncate-text { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .export-button { cursor: pointer; } .attnd-user img { width: 30px; max-width: 30px; height: auto; border: 0; } .table-input.mat-form-field-appearance-legacy .mat-form-field-infix { width: 100%; padding: 0px 0px 3px 0; border-top: 1.8em solid rgba(0, 0, 0, 0); } .table-input.mat-form-field { width: 100%; } .table-input.mat-form-field-type-mat-select { width: 100%; } .table-input .mat-form-field-infix { width: 100%; } .table-input .mat-icon-button { width: 20px; height: 20px; line-height: 20px; } .table-editable-row-input div { display: flex !important; } .ngx-datatable.material .datatable-header .datatable-header-cell { font-weight: 500; } .table-cell { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; width: 80px; } .mfg-menu { line-height: 20px !important; height: 35px !important; padding: 0 10px !important; border-bottom: 1px solid rgb(238, 238, 238) !important; } .image-upload > input { display: none; } .ngx-datatable .datatable-body { height: 300px !important; height: calc(100vh - 290px) !important; overflow: hidden auto; } .ngx-datatable.invoice-table .datatable-body { height: calc(100vh - 400px) !important; } .ngx-datatable.goodsReceipt-table .datatable-body { height: calc(100vh - 350px) !important; } .ngx-datatable.bagSplit-table .datatable-body { height: calc(100vh - 350px) !important; } .ngx-datatable.scan-table .datatable-body { height: calc(100vh - 390px) !important; } .ngx-datatable.so-table .datatable-body { height: calc(100vh - 405px) !important; } .ngx-datatable.new-popup-table .datatable-body { height: calc(100vh - 405px) !important; } .ngx-datatable.job-status .datatable-body { height: calc(100vh - 288px) !important; } .ngx-datatable.bag-receive-table .datatable-body { height: calc(100vh - 365px) !important; } .ngx-datatable.basic-table .datatable-body { height: auto !important; } .ngx-datatable.labour-quotation .datatable-body { height: calc(100vh - 335px) !important; } .ngx-datatable.material .datatable-header .datatable-header-cell { color: rgb(0, 0, 0); font-weight: 600; font-size: 13px; font-family: "Open Sans", sans-serif; } .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { padding: 0.3rem 1.2rem; display: flex; align-items: center; } .ngx-datatable.material.single-selection .datatable-body-row.active, .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active, .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active, .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.single-selection .datatable-body-row.active:focus, .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.single-selection .datatable-body-row.active:hover, .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group { background-color: #c4c4c8; color: #fff; cursor: pointer; } .ngx-datatable.material.scan-table:not(.cell-selection) .datatable-body-row:hover, .ngx-datatable.material.scan-table:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { cursor: pointer; } .ngx-datatable.fixed-row .datatable-scroll, .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row { border-bottom: 1px solid rgba(221, 221, 221, 0.6117647059); } .table-filter-select .mat-form-field-wrapper { padding: 0; background: #fff; border-radius: 0.375rem; } .table-filter-select .mat-form-field-wrapper .mat-form-field-infix:has(> .mat-datepicker-input) { width: 90px; } .table-filter-chips { display: inline-flex; flex-direction: row; height: 50px; overflow-y: auto; overflow-x: hidden; align-items: center; } .table-filter-chips .mat-standard-chip { min-height: 42px; } .currency-cell { text-align: end !important; justify-content: end; width: 250px !important; min-width: 250px !important; max-width: 250px !important; } .color-cell { display: block !important; padding: 0.5px !important; } .color-cell .datatable-body-cell-label { height: 100%; } .color-cell .status { display: flex !important; height: 100%; align-items: center; justify-content: center; cursor: pointer; } .status-cell { justify-content: center; } .number-cell { text-align: end !important; justify-content: end; width: 200px !important; min-width: 200px !important; max-width: 200px !important; } .number-qty-cell { text-align: end !important; justify-content: end; } .customer-transaction .transaction-status { padding: 10px; font-size: 12px; font-weight: 500; color: #96a2b4; } .customer-transaction .transaction-type { font-size: 13px; font-weight: 500; color: #96a2b4; } .customer-transaction .payment-status { color: #96a2b4; font-size: 12px; font-weight: 500; margin-bottom: 0; float: right; } .customer-transaction i { padding: 15px; border-radius: 50%; color: #000000; margin-right: 10px; } .customer-transaction i.commercial { background: #9c9ced; } .customer-transaction i.payment-received { background: #07cdd6; } .customer-transaction i.sales-order { background: #f5c670; } .customer-transaction i.sales-invoice { background: rgb(134, 122, 215); } .customer-transaction i.sales-return-invoice { background: palevioletred; } .customer-transaction i.quotation { background: #94fb6b; } .table-input-width.mat-form-field { width: 100%; } .table-input-width.mat-form-field-type-mat-select { width: 100%; } .table-input-width .mat-form-field-infix { width: 100%; border-top: 0.4375em solid rgba(0, 0, 0, 0); } .table-input-width.mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0; padding-bottom: 0; } .remove-border.mat-form-field-appearance-outline .mat-form-field-outline-start { border-color: white; } .remove-border.mat-form-field-appearance-outline .mat-form-field-outline-gap { border-color: white; } .remove-border.mat-form-field-appearance-outline .mat-form-field-outline-end { border-color: white; } .remove-border .mat-select-arrow-wrapper { display: none; } .popup-data-table .ngx-datatable.material .datatable-header .datatable-row-left, .popup-data-table .ngx-datatable.material .datatable-body .datatable-row-left { width: 75px !important; } .ngx-datatable.material .datatable-header .datatable-row-left, .ngx-datatable.material .datatable-body .datatable-row-left { background-image: none; } .datatable-header .datatable-row-left { background-color: rgba(0, 0, 0, 0) !important; } .catalog-card-table { border: 1px solid #ddd; border-collapse: separate; border-left: 0; border-radius: 4px; border-spacing: 0px; } .catalog-card-table thead { display: table-header-group; vertical-align: middle; border-color: inherit; border-collapse: separate; } .catalog-card-table tr { display: table-row; vertical-align: inherit; border-color: inherit; } .catalog-card-table th, .catalog-card-table td { font-size: 10px; padding-left: 3px; padding-right: 3px; vertical-align: top; border-left: 1px solid #ddd; } .catalog-card-table th { color: #6750a4; } .catalog-card-table td { font-size: 10px; border-top: 1px solid #ddd; } .catalog-card-table tbody tr td { text-align: center; } .catalog-card-table thead:first-child tr:first-child th:first-child, .catalog-card-table tbody:first-child tr:first-child td:first-child { border-radius: 4px 0 0 0; } .catalog-card-table thead:last-child tr:last-child th:first-child, .catalog-card-table tbody:last-child tr:last-child td:first-child { border-radius: 0 0 0 4px; } .border-table { border: 1px solid #ddd; border-collapse: separate; border-left: 0; border-radius: 4px; border-spacing: 0px; } .border-table thead { display: table-header-group; vertical-align: middle; border-color: inherit; border-collapse: separate; } .border-table tr { display: table-row; vertical-align: inherit; border-color: inherit; } .border-table th, .border-table td { font-size: 13px; padding-left: 3px; padding-right: 3px; vertical-align: top; border-left: 1px solid #ddd; } .border-table th { color: #6750a4; } .border-table td { font-size: 13px; border-top: 1px solid #ddd; } .datatable-row-detail { width: 100vw; } .datatable-header { min-width: 100%; } .datatable-body { min-width: 100%; } .btn:disabled, .btn.disabled, fieldset:disabled .btn { pointer-events: all; cursor: not-allowed; } .cursor-not-allowed { cursor: not-allowed; } .infinite-scroll-table .ngxTableHeader { background-color: white; } .infinite-scroll-table .ngxTableHeader .header-buttons-left input.search-field { border: 1px solid rgba(0, 0, 0, 0.12); } .infinite-scroll-table .infinite-scroll-table-responsive { position: relative; width: 100%; z-index: 1; margin: auto; overflow: auto; height: 550px; } .infinite-scroll-table .infinite-scroll-table-responsive table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; } .infinite-scroll-table .infinite-scroll-table-responsive table thead th { position: sticky; top: 0; } .infinite-scroll-table .infinite-scroll-table-responsive table thead .sortable { cursor: pointer; } .infinite-scroll-table .infinite-scroll-table-responsive table thead .sortable i { color: #7a7a7c; font-size: 11px; } .infinite-scroll-table .infinite-scroll-table-responsive table tbody td { height: 50px; } .infinite-scroll-table .infinite-scroll-table-responsive table tfoot { background: #ffffff; } .infinite-scroll-table .infinite-scroll-table-responsive table tfoot tr td { padding-top: 5px; height: 45px; font-weight: 600; } .infinite-scroll-table .infinite-scroll-table-responsive table tfoot, .infinite-scroll-table .infinite-scroll-table-responsive table tfoot th, .infinite-scroll-table .infinite-scroll-table-responsive table tfoot td { position: sticky; bottom: 0; z-index: 1; } .infinite-scroll-table .infinite-scroll-table-responsive table thead th:first-child, .infinite-scroll-table .infinite-scroll-table-responsive table tfoot th:first-child { z-index: 5; } .infinite-scroll-table .infinite-scroll-table-responsive .cover-spin { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 9999; display: block; } .infinite-scroll-table .infinite-scroll-table-responsive .cover-spin:before { content: "Loading..."; display: block; position: absolute; left: 52%; top: 41.5%; width: 71px; height: 21px; font-size: 14px; font-weight: 500; color: #555; } .infinite-scroll-table .infinite-scroll-table-responsive .cover-spin:after { content: ""; display: block; position: absolute; left: 48%; top: 40%; width: 40px; height: 40px; border-style: solid; border-color: #6750a4; border-top-color: transparent; border-width: 4px; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .toggle-column-checkbox .mat-checkbox-inner-container { height: 13px; width: 13px; } .toggle-column-checkbox.mat-checkbox-checked .mat-checkbox-inner-container .mat-checkbox-background { background-color: #6750a4; } .dynamic-scroll-table .ngxTableHeader { height: 55px; background-color: #dae1f3; } .dynamic-scroll-table .ngxTableHeader .header-buttons-left input.search-field { border: 1px solid rgba(0, 0, 0, 0.12); } .dynamic-scroll-table .dynamic-scroll-table-head-responsive { width: 100%; overflow-y: hidden !important; overflow-x: auto !important; position: relative; } .dynamic-scroll-table .dynamic-scroll-table-responsive { position: relative; width: 100%; z-index: 1; margin: auto; overflow-x: hidden !important; overflow-y: auto !important; height: calc(100vh - 195px); } .dynamic-scroll-table th, .dynamic-scroll-table td { border-left: 0.5px solid #d2d2d2; border-bottom: 0.5px solid #d2d2d2; border-collapse: collapse; padding: 0.25003125rem 0.375rem; } .dynamic-scroll-table table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; } .dynamic-scroll-table table thead tr:nth-child(1) th { position: sticky; top: 0; height: 30px; background-color: #f2f2f2; color: #212529; white-space: nowrap; font-weight: 600; font-size: 13px; border-top: 0.5px solid #d2d2d2; } .dynamic-scroll-table table thead tr:nth-child(1) th.sortable { cursor: pointer; } .dynamic-scroll-table table thead tr:nth-child(1) th.sortable i { color: #7a7a7c; font-size: 10px; } .dynamic-scroll-table table thead tr:nth-child(2) th { position: sticky; top: 28px; background-color: #fff; padding: 7px 0 0 0; } .dynamic-scroll-table table thead tr:nth-child(2) th.mat-tab-label { opacity: 1 !important; padding-right: 0; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field { min-width: 100px; width: 100%; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field .mat-form-field-wrapper { padding-bottom: 0; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field .mat-form-field-infix { width: 100%; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field .mat-form-field-flex > .mat-form-field-infix { padding: 0 5px 0px 5px !important; border-top: 0em solid transparent; top: -2px; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field-prefix .mat-icon-button, .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field-suffix .mat-icon-button { height: 1.1em; width: 1.5em; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field-prefix, .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field-suffix { top: -4px; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: -3px !important; background-color: #d2d2d2; height: 0.5px; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-select-arrow-wrapper { height: 0; } .dynamic-scroll-table table thead tr:nth-child(2) th .mat-datepicker-toggle .input-clear-icon { height: 16px; } .dynamic-scroll-table table thead tr:nth-child(2) th .input-clear-icon { cursor: pointer; height: 14px; font-size: 16px; font-weight: 600; } .dynamic-scroll-table table tbody tr { color: #212529; } .dynamic-scroll-table table tbody td { white-space: nowrap; font-size: 13px; } .dynamic-scroll-table table tfoot { background: #ffffff; } .dynamic-scroll-table table tfoot tr td { font-weight: 600; } .dynamic-scroll-table table tfoot, .dynamic-scroll-table table tfoot th, .dynamic-scroll-table table tfoot td { position: sticky; bottom: 0; z-index: 1; } .dynamic-scroll-table table thead th:first-child, .dynamic-scroll-table table tfoot th:first-child { z-index: 5; } .dynamic-scroll-table .cover-spin { position: absolute; width: 100%; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.7); z-index: 9999; display: block; } .dynamic-scroll-table .cover-spin:before { content: "Loading..."; display: block; position: absolute; left: 52%; top: 41.5%; width: 71px; height: 21px; font-size: 14px; font-weight: 500; color: #555; } .dynamic-scroll-table .cover-spin:after { content: ""; display: block; position: absolute; left: 48%; top: 40%; width: 40px; height: 40px; border-style: solid; border-color: #6750a4; border-top-color: transparent; border-width: 4px; border-radius: 50%; animation: spin 0.8s linear infinite; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .advance-dynamic-filter-icon { width: 20px !important; height: 20px !important; } /* [7. UI ] */ /* * Document : alert.scss * Author : RedStar Template * Description: This scss file for alert style classes */ .alert { border-radius: 0; -ms-box-shadow: none; box-shadow: none; border: none; color: #fff !important; } .alert .alert-link { color: #fff; text-decoration: underline; font-weight: bold; } .alert-success { background-color: rgba(24, 206, 15, 0.8); } .alert-info { background-color: rgba(44, 168, 255, 0.8); } .alert-warning { background-color: rgba(255, 178, 54, 0.8); } .alert-danger { background-color: rgba(255, 54, 54, 0.8); } .alert-dismissible .close { color: #fff; opacity: 1; border: none; text-shadow: none; } /* * Document : badgelistgroupitem.scss * Author : RedStar Template * Description: This scss file for badge style classes */ .badge { padding: 5px 8px; line-height: 12px; border: 1px solid; font-weight: 400; font-size: 13px; } .list-group-item { border-radius: 0; transition: 0.5s; } .list-group .active, .list-group .list-group-item.active { background-color: #2196f3; border-color: #2196f3; } .list-group .active:hover, .list-group .active:focus, .list-group .active:active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus, .list-group .list-group-item.active:active { background-color: #2196f3; border-color: #2196f3; } .list-group .active .list-group-item-text, .list-group .list-group-item.active .list-group-item-text { color: #dfe9f1; font-size: 13px; } .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus, .list-group .list-group-item.active .list-group-item-text:hover, .list-group .list-group-item.active .list-group-item-text:active, .list-group .list-group-item.active .list-group-item-text:focus { color: #dfe9f1; } .list-group a.list-group-item, .list-group button.list-group-item { color: #555; } .list-group a.list-group-item.active, .list-group button.list-group-item.active { color: #dfe9f1; } .list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { color: #dfe9f1; } .list-group .list-group-item { text-align: left; } .list-group .list-group-item:first-child, .list-group .list-group-item:last-child { border-radius: 0; } .list-group .list-group-item .list-group-item-heading { font-weight: bold; font-size: 17px; } .list-group .list-group-item:focus, .list-group .list-group-item:hover { background-color: #f5f5f5; } .list-group .list-group-item-success { background-color: #2b982b; border: none; color: #fff; } .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { background-color: #2b982b; color: #fff; opacity: 0.8; } .list-group .list-group-item-info { background-color: #00b0e4; border: none; color: #fff; } .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { background-color: #00b0e4; color: #fff; opacity: 0.8; } .list-group .list-group-item-warning { background-color: #ff9600; border: none; color: #fff; } .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { background-color: #ff9600; color: #fff; opacity: 0.8; } .list-group .list-group-item-danger { background-color: #fb483a; border: none; color: #fff; } .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { background-color: #fb483a; color: #fff; opacity: 0.8; } .list-group .pl-blue { stroke: #0d6efd; } .list-group .list-group-bg-blue { background-color: #0d6efd; border: none; color: #fff; } .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { background-color: #0d6efd; color: #fff; opacity: 0.8; } .list-group .pl-indigo { stroke: #6610f2; } .list-group .list-group-bg-indigo { background-color: #6610f2; border: none; color: #fff; } .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { background-color: #6610f2; color: #fff; opacity: 0.8; } .list-group .pl-purple { stroke: #6f42c1; } .list-group .list-group-bg-purple { background-color: #6f42c1; border: none; color: #fff; } .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { background-color: #6f42c1; color: #fff; opacity: 0.8; } .list-group .pl-pink { stroke: #d63384; } .list-group .list-group-bg-pink { background-color: #d63384; border: none; color: #fff; } .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { background-color: #d63384; color: #fff; opacity: 0.8; } .list-group .pl-red { stroke: #dc3545; } .list-group .list-group-bg-red { background-color: #dc3545; border: none; color: #fff; } .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { background-color: #dc3545; color: #fff; opacity: 0.8; } .list-group .pl-orange { stroke: #fd7e14; } .list-group .list-group-bg-orange { background-color: #fd7e14; border: none; color: #fff; } .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { background-color: #fd7e14; color: #fff; opacity: 0.8; } .list-group .pl-yellow { stroke: #ffc107; } .list-group .list-group-bg-yellow { background-color: #ffc107; border: none; color: #fff; } .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { background-color: #ffc107; color: #fff; opacity: 0.8; } .list-group .pl-green { stroke: #198754; } .list-group .list-group-bg-green { background-color: #198754; border: none; color: #fff; } .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { background-color: #198754; color: #fff; opacity: 0.8; } .list-group .pl-teal { stroke: #20c997; } .list-group .list-group-bg-teal { background-color: #20c997; border: none; color: #fff; } .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { background-color: #20c997; color: #fff; opacity: 0.8; } .list-group .pl-cyan { stroke: #0dcaf0; } .list-group .list-group-bg-cyan { background-color: #0dcaf0; border: none; color: #fff; } .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { background-color: #0dcaf0; color: #fff; opacity: 0.8; } .list-group .pl-black { stroke: #000; } .list-group .list-group-bg-black { background-color: #000; border: none; color: #fff; } .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus { background-color: #000; color: #fff; opacity: 0.8; } .list-group .pl-white { stroke: #fff; } .list-group .list-group-bg-white { background-color: #fff; border: none; color: #fff; } .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { background-color: #fff; color: #fff; opacity: 0.8; } .list-group .pl-gray { stroke: #6c757d; } .list-group .list-group-bg-gray { background-color: #6c757d; border: none; color: #fff; } .list-group .list-group-bg-gray:hover, .list-group .list-group-bg-gray:focus { background-color: #6c757d; color: #fff; opacity: 0.8; } .list-group .pl-gray-dark { stroke: #343a40; } .list-group .list-group-bg-gray-dark { background-color: #343a40; border: none; color: #fff; } .list-group .list-group-bg-gray-dark:hover, .list-group .list-group-bg-gray-dark:focus { background-color: #343a40; color: #fff; opacity: 0.8; } span.badge { min-width: auto; float: none; font-size: 13px; } .list-group span.badge { float: right; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .badge-solid-red { color: #f11541; background-color: rgba(241, 21, 65, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-purple { color: #6f42c1; background-color: rgba(111, 66, 193, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-green { color: #198754; background-color: rgba(25, 135, 84, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-blue { color: #0d6efd; background-color: rgba(13, 110, 253, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-pink { color: #fd0dfd; background-color: rgba(253, 13, 253, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-orange { color: #fd7e14; background-color: rgba(253, 126, 20, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-cyan { color: #0dcaf0; background-color: rgba(13, 202, 240, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-brown { color: #964b00; background-color: rgba(150, 75, 0, 0.15); border: none; padding: 5px 12px; font-weight: 500; line-height: 1.2; } .badge-solid-dash-green { color: black; background-color: #e9ffd5; border: none; padding: 5px 20px; border-radius: 20px; line-height: 1.2; } .badge-solid-dash-pink { color: black; background-color: #fee6dd; border: none; padding: 5px 20px; border-radius: 20px; line-height: 1.2; } .badge-solid-dash-pink2 { color: black; background-color: #f9e2fc; border: none; padding: 5px 20px; border-radius: 20px; line-height: 1.2; } .badge-solid-dash-grey { color: black; background-color: #f2f2f2; border: none; padding: 5px 20px; border-radius: 20px; line-height: 1.2; } /* * Document : _buttons.scss * Author : RedStar Template * Description: This scss file for button style classes */ .example-button-row button, .example-button-row a { margin-right: 8px; } .btn:focus, .btn.focus { box-shadow: none; } .btn-space { margin-right: 10px !important; } .big-button { width: 200px !important; min-width: unset !important; height: 45px; } .mat-primary.button-visibility { opacity: 0.15; } .mat-primary.button-visibility:hover { opacity: 1; } .cursor-not-allowed { cursor: not-allowed; } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { cursor: not-allowed; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { cursor: not-allowed; } ::ng-deep .mat-menu-item[disabled] { cursor: not-allowed; } /* * Document : _card.scss * Author : RedStar Template * Description: This scss file for card style classes */ .card { background: #fff; min-height: 50px; position: relative; margin-bottom: 15px; border: 1px solid #f2f4f9; border-radius: 0; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); } .card .card-list-body { height: calc(100vh - 175px); overflow-y: auto; overflow-x: hidden; } .card .compare-card-list-body { height: calc(100vh - 116px); overflow-y: auto; overflow-x: hidden; } .card .card-inside-title { margin-top: 25px; margin-bottom: 15px; display: block; font-size: 15px; color: #000; } .card .card-inside-title small, .card .card-inside-title .small { color: #999; display: block; font-size: 11px; margin-top: 5px; } .card .card-inside-title small a, .card .card-inside-title .small a { color: #777; font-weight: bold; } .card .card-inside-title:first-child { margin-top: 0; } .card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-indigo, .card .bg-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-yellow, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-black { border-bottom: none !important; color: #fff !important; } .card .bg-red h2, .card .bg-red .h2, .card .bg-red small, .card .bg-red .small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink .h2, .card .bg-pink small, .card .bg-pink .small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple .h2, .card .bg-purple small, .card .bg-purple .small, .card .bg-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo .h2, .card .bg-indigo small, .card .bg-indigo .small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue .h2, .card .bg-blue small, .card .bg-blue .small, .card .bg-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan .h2, .card .bg-cyan small, .card .bg-cyan .small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal .h2, .card .bg-teal small, .card .bg-teal .small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green .h2, .card .bg-green small, .card .bg-green .small, .card .bg-green .material-icons, .card .bg-yellow h2, .card .bg-yellow .h2, .card .bg-yellow small, .card .bg-yellow .small, .card .bg-yellow .material-icons, .card .bg-orange h2, .card .bg-orange .h2, .card .bg-orange small, .card .bg-orange .small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange .h2, .card .bg-deep-orange small, .card .bg-deep-orange .small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown .h2, .card .bg-brown small, .card .bg-brown .small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey .h2, .card .bg-grey small, .card .bg-grey .small, .card .bg-grey .material-icons, .card .bg-black h2, .card .bg-black .h2, .card .bg-black small, .card .bg-black .small, .card .bg-black .material-icons { color: #fff !important; } .card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-yellow .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-black .badge { background-color: #fff; color: #555; } .card .card-header { border-bottom: 0; } .card .card-footer { border-top: 0; } .card .header { position: relative; display: flex; width: 100%; color: #555; padding: 10px 15px; line-height: 30px; } .card .header .header-dropdown { position: absolute; top: 10px; right: 10px; list-style: none; } .card .header .header-dropdown .dropdown-menu li { display: block !important; } .card .header .header-dropdown li { display: inline-block; } .card .header .header-dropdown i { font-size: 20px; color: #999; transition: all 0.5s; } .card .header .header-dropdown i:hover { color: #000; } .card .header h2, .card .header .h2 { margin: 0; color: #000000; font-size: 17px; line-height: 28px; padding-right: 10px; font-weight: 500; } .card .header h2 small, .card .header .h2 small, .card .header h2 .small, .card .header .h2 .small { display: block; font-size: 12px; margin-top: 5px; color: #999; line-height: 15px; } .card .header h2 small a, .card .header .h2 small a, .card .header h2 .small a, .card .header .h2 .small a { font-weight: bold; color: #777; } .card .header .col-xs-12 h2, .card .header .col-xs-12 .h2 { margin-top: 5px; } .card .body { font-size: 14px; color: #555; padding: 15px; } .card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 { margin-bottom: 20px; } .card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 { margin-bottom: 20px; } .card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 { margin-bottom: 20px; } .card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 { margin-bottom: 20px; } .card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 { margin-bottom: 20px; } .card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 { margin-bottom: 20px; } .card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 { margin-bottom: 20px; } .card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 { margin-bottom: 20px; } .card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 { margin-bottom: 20px; } .card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 { margin-bottom: 20px; } .card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 { margin-bottom: 20px; } .card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 20px; } .card .list-body { padding: 0px 10px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { border-color: transparent; padding-bottom: 0; height: auto; min-height: auto; display: block; } .card.card-statistic-1 .card-icon { width: 30px; height: 30px; margin: 10px 0px 0px 20px; border-radius: 3px; line-height: 78px; text-align: center; float: left; font-size: 30px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { line-height: 1.2; color: color(muted); } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { padding-top: 0; } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { font-size: 26px; font-weight: 700; color: color(fontdark); padding-bottom: 0; } .card.card-statistic-1, .card.card-statistic-2 { display: inline-block; width: 100%; } .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon { width: 80px; height: 80px; margin: 10px; border-radius: 3px; line-height: 94px; text-align: center; float: left; border-radius: 50px; margin-right: 15px; } .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal { font-size: 22px; color: #fff; } .card.card-statistic-1 .card-icon { line-height: 90px; } .card.card-statistic-2 .card-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; margin: 25px; box-shadow: 5px 3px 10px 0 rgba(21, 15, 15, 0.3); border-radius: 10px; background: #6777ef; } .card.card-statistic-2 .card-icon-only { font-size: 35px; margin: 20px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { padding-bottom: 0; padding-top: 25px; } .card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header { padding-top: 0; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { font-weight: 600; font-size: 13px; letter-spacing: 0.5px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4 { margin-bottom: 0; } .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { text-transform: none; margin-bottom: 0; } .card.card-statistic-1 .card-body { font-size: 20px; } .card.card-statistic-2 .card-chart { margin-left: -10px; margin-right: -1px; margin-bottom: -7px; } .card.card-statistic-2 .card-chart canvas { height: 50px !important; } .card.card-statistic-2 .card-right { float: right; margin: 15px 15px 15px 0px; } .card .card-statistic-3 { position: relative; color: #fff; padding: 15px; border-radius: 3px; overflow: hidden; } .card .card-statistic-3 .card-icon-large { font-size: 110px; width: 110px; height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.3); } .card .card-statistic-3 .card-icon { text-align: center; line-height: 50px; margin-left: 15px; color: #000; position: absolute; right: 20px; top: 20px; opacity: 0.05; } .card .card-statistic-3 .card-content { position: inherit; } .card .card-statistic-3 .banner-img img { max-width: 100%; } .card .card-statistic-3 .card-content .data-1 { font-size: 25px; font-weight: 600; } .plain-card { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); padding: 20px; border-radius: 10px; background: #fff; overflow: hidden; margin: 0rem 0 1rem 0; } .card-bnner { background-color: #ffffff; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 15px; padding: 30px 30px; } .card-inner .progress { height: 10px; margin: 0px; } .col-block { margin-left: 5px; } .card-height-100 { height: 100px; } .doc-card-title { color: #00bdf2; font-size: 16px; } .doc-card-image { background: #fff; position: inherit; padding: 2px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); } .card-spacing { padding-right: 0px; } .form-card { background: #fff; min-height: 50px; position: relative; margin-bottom: 0; border: 1px solid #f2f4f9; border-radius: 0; padding: 1rem; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); } .form-card .form-card-header { margin-bottom: 2rem; } .form-card .form-card-header .page-title { color: #6750a4; font-size: 27px; font-weight: bold; } .form-card .form-card-body { height: calc(100vh - 210px); overflow-y: auto; overflow-x: hidden; } .form-card .form-card-body .form-card-pad { padding: 10px 33px 10px 33px; } /* * Document : _collapse.scss * Author : RedStar Template * Description: This scss file for collapse style classes */ .collapse .well, .collapse.in .well, .collapsing .well { border-radius: 0; margin-bottom: 0; } .collapse.show, .collapse.in.show, .collapsing.show { display: block; } /* * Document : _dialogs.scss * Author : RedStar Template * Description: This scss file for dialogs style classes */ .sweet-alert { border-radius: 0 !important; } .sweet-alert p { font-size: 14px !important; } .sweet-alert .sa-input-error { top: 23px !important; right: 13px !important; } .sweet-alert h2, .sweet-alert .h2 { font-size: 18px !important; margin: 0 0 5px 0 !important; line-height: 40px; } .sweet-alert button { font-size: 15px !important; border-radius: 0 !important; padding: 5px 20px !important; } /* * Document : _expansion * Author : RedStar Template * Description: This scss file for collapse style classes */ .example-headers-align .mat-expansion-panel-header-title, .example-headers-align .mat-expansion-panel-header-description { flex-basis: 0; } .example-headers-align .mat-expansion-panel-header-description { justify-content: space-between; align-items: center; } .example-headers-align .mat-form-field + .mat-form-field { margin-left: 8px; } /* * Document : _mediaobject.scss * Author : RedStar Template * Description: This scss file for media object style classes */ .media { margin-bottom: 25px; margin-top: 15px; } .media .media-left { padding-right: 10px; } .media .media-body { color: #777; font-size: 13px; } .media .media-body .media-heading { font-size: 16px; font-weight: bold; color: #333; } /* * Document : _modals.scss * Author : RedStar Template * Description: This scss file for modals style classes */ .modal { background-color: rgba(238, 238, 238, 0.41); max-height: 100%; width: 100%; } .modal .modal-header { border: none; padding: 0px; border-bottom: 1px solid #eee; } .modal .modal-header .modal-title { font-size: 17px; } .modal .modal-header .close { border: none; background: none; } .modal .modal-content { border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; border: none; padding: 10px; } .modal .modal-content .modal-body { color: #777; padding: 15px 25px; } .modal .modal-footer { border: none; background-color: transparent; } .modal .modal-footer .btn { margin: 10px; } .editRowModal .modal-header { padding: 5px; border-radius: 0 0.55rem 0 0; } .editRowModal .modal-header img { float: left; border-radius: 50%; width: 35px; } .editRowModal .modal-header .modal-about { float: left; padding-left: 10px; } .editRowModal .modal-header .modal-with { font-weight: bold; font-size: 16px; } .editRowModal .modal-header .modal-num-messages { color: 434651; } .addContainer { display: flex; flex-direction: column; } .addContainer .form { display: flex; padding-top: 6px; } .addContainer .mat-form-field { flex-grow: 1; } .addContainer .modalHeader img { border-radius: 50%; } .modalHeader { display: flex; align-items: flex-start; justify-content: space-between; padding: 0px 10px 0px 10px; } .modal-close-button { background-color: transparent !important; box-shadow: none !important; color: #161d38; } .modal-col-blue { background-color: #0d6efd; } .modal-col-blue .modal-body, .modal-col-blue .modal-title { color: #fff !important; } .modal-col-blue .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue .modal-footer .btn-link { color: #fff !important; } .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo { background-color: #6610f2; } .modal-col-indigo .modal-body, .modal-col-indigo .modal-title { color: #fff !important; } .modal-col-indigo .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo .modal-footer .btn-link { color: #fff !important; } .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple { background-color: #6f42c1; } .modal-col-purple .modal-body, .modal-col-purple .modal-title { color: #fff !important; } .modal-col-purple .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple .modal-footer .btn-link { color: #fff !important; } .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink { background-color: #d63384; } .modal-col-pink .modal-body, .modal-col-pink .modal-title { color: #fff !important; } .modal-col-pink .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink .modal-footer .btn-link { color: #fff !important; } .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red { background-color: #dc3545; } .modal-col-red .modal-body, .modal-col-red .modal-title { color: #fff !important; } .modal-col-red .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red .modal-footer .btn-link { color: #fff !important; } .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange { background-color: #fd7e14; } .modal-col-orange .modal-body, .modal-col-orange .modal-title { color: #fff !important; } .modal-col-orange .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange .modal-footer .btn-link { color: #fff !important; } .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow { background-color: #ffc107; } .modal-col-yellow .modal-body, .modal-col-yellow .modal-title { color: #fff !important; } .modal-col-yellow .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow .modal-footer .btn-link { color: #fff !important; } .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green { background-color: #198754; } .modal-col-green .modal-body, .modal-col-green .modal-title { color: #fff !important; } .modal-col-green .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green .modal-footer .btn-link { color: #fff !important; } .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal { background-color: #20c997; } .modal-col-teal .modal-body, .modal-col-teal .modal-title { color: #fff !important; } .modal-col-teal .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal .modal-footer .btn-link { color: #fff !important; } .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan { background-color: #0dcaf0; } .modal-col-cyan .modal-body, .modal-col-cyan .modal-title { color: #fff !important; } .modal-col-cyan .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan .modal-footer .btn-link { color: #fff !important; } .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black { background-color: #000; } .modal-col-black .modal-body, .modal-col-black .modal-title { color: #fff !important; } .modal-col-black .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black .modal-footer .btn-link { color: #fff !important; } .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white { background-color: #fff; } .modal-col-white .modal-body, .modal-col-white .modal-title { color: #fff !important; } .modal-col-white .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white .modal-footer .btn-link { color: #fff !important; } .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray { background-color: #6c757d; } .modal-col-gray .modal-body, .modal-col-gray .modal-title { color: #fff !important; } .modal-col-gray .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray .modal-footer .btn-link { color: #fff !important; } .modal-col-gray .modal-footer .btn-link:hover, .modal-col-gray .modal-footer .btn-link:active, .modal-col-gray .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark { background-color: #343a40; } .modal-col-gray-dark .modal-body, .modal-col-gray-dark .modal-title { color: #fff !important; } .modal-col-gray-dark .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark .modal-footer .btn-link { color: #fff !important; } .modal-col-gray-dark .modal-footer .btn-link:hover, .modal-col-gray-dark .modal-footer .btn-link:active, .modal-col-gray-dark .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .cdk-overlay-connected-position-bounding-box { z-index: 99999 !important; } .mat-dialog-overflow-hide { overflow: hidden !important; } .modal-open { padding-right: 0px !important; } /* * Document : _pageloader.scss * Author : RedStar Template * Description: This scss file for page loader style classes */ .page-loader-wrapper { z-index: 99999999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #eee; overflow: hidden; text-align: center; } .page-loader-wrapper p { font-size: 13px; margin-top: 10px; font-weight: bold; color: #444; } .page-loader-wrapper .loader { position: relative; } /* * Document : _pagination.scss * Author : RedStar Template * Description: This scss file for pagination style classes */ .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a { border-radius: 0; border: none; background-color: transparent; color: #222; font-weight: bold; display: inline-block; padding: 5px 14px; } .pager li a:focus, .pager li a:active { background-color: transparent; } .pager .previous > a, .pager .previous > span { float: left; } .pager .next > a, .pager .next > span { float: right; } .pagination { margin: 20px 0; } .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus, .pagination .disabled a:active { color: #bbb; } .pagination li.active { background-color: transparent !important; } .pagination li.active a { background-color: #ffc107; border-color: #ffc107; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .pagination li { border-radius: 0; } .pagination > li > a { border: none; font-weight: bold; color: #555; font-size: 14px; margin: 0px 3px; color: gray; margin: 5px; border-radius: 50%; color: gray; min-width: 30px; text-transform: uppercase; padding: 0.5rem 0.75rem; line-height: 1.25; } .pagination > li > a:hover { font-weight: bold; background-color: transparent; color: #8c8b8b; border-radius: 50%; font-size: 14px; } .pagination > li:first-child > a, .pagination > li:last-child > a { width: auto; height: 32px; border-radius: 0; } .pagination > li:first-child > a .material-icons, .pagination > li:last-child > a .material-icons { position: relative; bottom: 0px; } .pagination-sm > li:first-child > a, .pagination-sm > li:last-child > a { width: 28px; height: 28px; } .pagination-sm > li:first-child > a .material-icons, .pagination-sm > li:last-child > a .material-icons { position: relative; top: 4px; left: -6px; font-size: 20px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-lg > li:first-child > a, .pagination-lg > li:last-child > a { width: 44px; height: 44px; } .pagination-lg > li:first-child > a .material-icons, .pagination-lg > li:last-child > a .material-icons { font-size: 30px; position: relative; top: 0px; left: -10px; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .page-link:focus, .page-link:hover { color: #65686b; text-decoration: none; background-color: #e3eaf1; border-color: #e3eaf1; border-radius: 50%; } /* * Document : _panels.scss * Author : RedStar Template * Description: This scss file for panels style classes */ .panel-group .panel-col-blue { border: 1px solid #0d6efd; } .panel-group .panel-col-blue .panel-title { background-color: #0d6efd !important; color: #fff; } .panel-group .panel-col-blue .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-indigo { border: 1px solid #6610f2; } .panel-group .panel-col-indigo .panel-title { background-color: #6610f2 !important; color: #fff; } .panel-group .panel-col-indigo .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-purple { border: 1px solid #6f42c1; } .panel-group .panel-col-purple .panel-title { background-color: #6f42c1 !important; color: #fff; } .panel-group .panel-col-purple .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-pink { border: 1px solid #d63384; } .panel-group .panel-col-pink .panel-title { background-color: #d63384 !important; color: #fff; } .panel-group .panel-col-pink .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-red { border: 1px solid #dc3545; } .panel-group .panel-col-red .panel-title { background-color: #dc3545 !important; color: #fff; } .panel-group .panel-col-red .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-orange { border: 1px solid #fd7e14; } .panel-group .panel-col-orange .panel-title { background-color: #fd7e14 !important; color: #fff; } .panel-group .panel-col-orange .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-yellow { border: 1px solid #ffc107; } .panel-group .panel-col-yellow .panel-title { background-color: #ffc107 !important; color: #fff; } .panel-group .panel-col-yellow .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-green { border: 1px solid #198754; } .panel-group .panel-col-green .panel-title { background-color: #198754 !important; color: #fff; } .panel-group .panel-col-green .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-teal { border: 1px solid #20c997; } .panel-group .panel-col-teal .panel-title { background-color: #20c997 !important; color: #fff; } .panel-group .panel-col-teal .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-cyan { border: 1px solid #0dcaf0; } .panel-group .panel-col-cyan .panel-title { background-color: #0dcaf0 !important; color: #fff; } .panel-group .panel-col-cyan .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-black { border: 1px solid #000; } .panel-group .panel-col-black .panel-title { background-color: #000 !important; color: #fff; } .panel-group .panel-col-black .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-white { border: 1px solid #fff; } .panel-group .panel-col-white .panel-title { background-color: #fff !important; color: #fff; } .panel-group .panel-col-white .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-gray { border: 1px solid #6c757d; } .panel-group .panel-col-gray .panel-title { background-color: #6c757d !important; color: #fff; } .panel-group .panel-col-gray .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-gray-dark { border: 1px solid #343a40; } .panel-group .panel-col-gray-dark .panel-title { background-color: #343a40 !important; color: #fff; } .panel-group .panel-col-gray-dark .panel-body { border-top-color: transparent !important; } .panel-group .panel { border-radius: 0; margin-top: 5px; } .panel-group .panel .panel-title { margin-bottom: 0; font-size: 16px; } .panel-group .panel .panel-title .material-icons { float: left; line-height: 16px; margin-right: 8px; } .panel-group .panel .panel-title > a, .panel-group .panel .panel-title > small, .panel-group .panel .panel-title > .small, .panel-group .panel .panel-title > small > a, .panel-group .panel .panel-title > .small > a { color: #fff; } .panel-group .panel .panel-heading { padding: 0; border-radius: 0; } .panel-group .panel .panel-heading a { display: block; padding: 10px 15px; } .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active { text-decoration: none; } .panel-group .panel .panel-body { color: #555; border-top: 1px solid #ddd; padding: 15px; } .panel-group .panel-primary { border: none; } .panel-group .panel-primary .panel-title { background-color: #f5f5f5; } .panel-group .panel-primary .panel-title a { color: #757575; font-weight: 400; font-size: 16px; } .panel-group .panel-success { border: 1px solid #2b982b; } .panel-group .panel-success .panel-title { background-color: #2b982b; color: #fff; } .panel-group .panel-warning { border: 1px solid #ff9600; } .panel-group .panel-warning .panel-title { background-color: #ff9600; color: #fff; } .panel-group .panel-danger { border: 1px solid #fb483a; } .panel-group .panel-danger .panel-title { background-color: #fb483a; color: #fff; } .full-body .panel-col-blue .panel-body { border-top-color: #fff !important; background-color: #0d6efd; color: #fff; } .full-body .panel-col-indigo .panel-body { border-top-color: #fff !important; background-color: #6610f2; color: #fff; } .full-body .panel-col-purple .panel-body { border-top-color: #fff !important; background-color: #6f42c1; color: #fff; } .full-body .panel-col-pink .panel-body { border-top-color: #fff !important; background-color: #d63384; color: #fff; } .full-body .panel-col-red .panel-body { border-top-color: #fff !important; background-color: #dc3545; color: #fff; } .full-body .panel-col-orange .panel-body { border-top-color: #fff !important; background-color: #fd7e14; color: #fff; } .full-body .panel-col-yellow .panel-body { border-top-color: #fff !important; background-color: #ffc107; color: #fff; } .full-body .panel-col-green .panel-body { border-top-color: #fff !important; background-color: #198754; color: #fff; } .full-body .panel-col-teal .panel-body { border-top-color: #fff !important; background-color: #20c997; color: #fff; } .full-body .panel-col-cyan .panel-body { border-top-color: #fff !important; background-color: #0dcaf0; color: #fff; } .full-body .panel-col-black .panel-body { border-top-color: #fff !important; background-color: #000; color: #fff; } .full-body .panel-col-white .panel-body { border-top-color: #fff !important; background-color: #fff; color: #fff; } .full-body .panel-col-gray .panel-body { border-top-color: #fff !important; background-color: #6c757d; color: #fff; } .full-body .panel-col-gray-dark .panel-body { border-top-color: #fff !important; background-color: #343a40; color: #fff; } .full-body .panel-primary .panel-body { border-top-color: #fff !important; background-color: #7861a9; color: #fff; } .full-body .panel-success .panel-body { border-top-color: #fff !important; background-color: #2b982b; color: #fff; } .full-body .panel-warning .panel-body { border-top-color: #fff !important; background-color: #ff9600; color: #fff; } .full-body .panel-danger .panel-body { border-top-color: #fff !important; background-color: #fb483a; color: #fff; } /* * Document : _preloaders.scss * Author : RedStar Template * Description: This scss file for preloaders style classes */ .md-preloader .pl-blue { stroke: #0d6efd; } .md-preloader .pl-indigo { stroke: #6610f2; } .md-preloader .pl-purple { stroke: #6f42c1; } .md-preloader .pl-pink { stroke: #d63384; } .md-preloader .pl-red { stroke: #dc3545; } .md-preloader .pl-orange { stroke: #fd7e14; } .md-preloader .pl-yellow { stroke: #ffc107; } .md-preloader .pl-green { stroke: #198754; } .md-preloader .pl-teal { stroke: #20c997; } .md-preloader .pl-cyan { stroke: #0dcaf0; } .md-preloader .pl-black { stroke: #000; } .md-preloader .pl-white { stroke: #fff; } .md-preloader .pl-gray { stroke: #6c757d; } .md-preloader .pl-gray-dark { stroke: #343a40; } .preloader { display: inline-block; position: relative; width: 50px; height: 50px; animation: container-rotate 1568ms linear infinite; } .preloader.pl-size-xl { width: 75px; height: 75px; } .preloader.pl-size-l { width: 60px; height: 60px; } .preloader.pl-size-md { width: 50px; height: 50px; } .preloader.pl-size-sm { width: 40px; height: 40px; } .preloader.pl-size-xs { width: 25px; height: 25px; } .spinner-layer { position: absolute; width: 100%; height: 100%; border-color: #f44336; -ms-opacity: 1; opacity: 1; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .spinner-layer.pl-blue { border-color: #0d6efd; } .spinner-layer.pl-indigo { border-color: #6610f2; } .spinner-layer.pl-purple { border-color: #6f42c1; } .spinner-layer.pl-pink { border-color: #d63384; } .spinner-layer.pl-red { border-color: #dc3545; } .spinner-layer.pl-orange { border-color: #fd7e14; } .spinner-layer.pl-yellow { border-color: #ffc107; } .spinner-layer.pl-green { border-color: #198754; } .spinner-layer.pl-teal { border-color: #20c997; } .spinner-layer.pl-cyan { border-color: #0dcaf0; } .spinner-layer.pl-black { border-color: #000; } .spinner-layer.pl-white { border-color: #fff; } .spinner-layer.pl-gray { border-color: #6c757d; } .spinner-layer.pl-gray-dark { border-color: #343a40; } .right { float: right !important; } .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch.circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; transform: rotate(129deg); animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @keyframes container-rotate { to { transform: rotate(360deg); } } @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @keyframes left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @keyframes right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } /* * Document : _progressbars.scss * Author : RedStar Template * Description: This scss file for progress bars style classes */ .progress { height: 16px; } .progress.progress-xs { height: 4px; } .progress.progress-s { height: 5px; } .progress.progress-m { height: 10px; } .progress.progress-round { border-radius: 7px; } .progress .progress-bar { line-height: 16px; background-color: #1f91f3; } .progress .progress-bar-success { background-color: #2b982b; } .progress .progress-bar-info { background-color: #00b0e4; } .progress .progress-bar-warning { background-color: #ff9600; } .progress .progress-bar-danger { background-color: #fb483a; } .progress-list { position: relative; } .progress-list .status { display: inline-block; font-size: 12px; padding: 6px; position: absolute; right: 0; top: 0; } .mat-progress-bar.progress-xs { height: 4px; } .mat-progress-bar.progress-s { height: 5px; } .mat-progress-bar.progress-m { height: 10px; } .mat-progress-bar.progress-round { border-radius: 7px; } .mat-progress-bar.green-progress .mat-progress-bar-fill::after { background-color: #0af30a !important; } .mat-progress-bar.sky-progress .mat-progress-bar-fill::after { background-color: #248afd !important; } .mat-progress-bar.orange-progress .mat-progress-bar-fill::after { background-color: #ffc100 !important; } .mat-progress-bar.red-progress .mat-progress-bar-fill::after { background-color: #ff4747 !important; } .mat-progress-bar.aqua-progress .mat-progress-bar-fill::after { background-color: #65d3bb !important; } .mat-progress-bar.primary-progress .mat-progress-bar-fill::after { background-color: #b089ff !important; } .mat-progress-bar.l-green-progress .mat-progress-bar-fill::after { background: #11998e; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #38ef7d, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .mat-progress-bar.l-sky-progress .mat-progress-bar-fill::after { background: #36d1dc; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #5b86e5, #36d1dc); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .mat-progress-bar.l-orange-progress .mat-progress-bar-fill::after { background: #f12711; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #f5af19, #f12711); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .mat-progress-bar.l-red-progress .mat-progress-bar-fill::after { background: #ff416c; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #ff4b2b, #ff416c); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .mat-progress-bar.l-purple-progress .mat-progress-bar-fill::after { background: #7f00ff; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #e100ff, #7f00ff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .mat-progress-bar.progress-shadow { box-shadow: 0.4rem 0.4rem 0.8rem rgba(0, 0, 0, 0.1); } mat-slider { width: 300px; } .snackbar-success { background-color: rgb(24, 206, 15) !important; color: #ffffff !important; } .snackbar-info { background-color: rgb(44, 168, 255) !important; color: #ffffff !important; } .snackbar-warning { background-color: rgb(221, 87, 28) !important; color: #ffffff !important; } .snackbar-danger { background-color: rgb(255, 0, 0) !important; color: #ffffff !important; white-space: pre-wrap !important; } .mat-simple-snackbar-action { color: #ffffff !important; } .example-small-box, .example-large-box { display: flex; align-items: center; justify-content: center; margin: 16px; padding: 16px; border-radius: 8px; } .example-small-box { height: 100px; width: 100px; } .example-large-box { height: 300px; width: 300px; } .appointment-tab-box { background-color: #eff1f7; width: 100%; padding: 10px; } .tab-header { color: #555; padding: 15px; position: relative; } /* * Document : _tooltippopovers.scss * Author : RedStar Template * Description: This scss file for tooltip pop overs style classes */ .tooltip { font-size: 13px; } .tooltip .tooltip-inner { border-radius: 0; } .popover { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.08); } .popover .popover-title { font-weight: bold; border-radius: 0; background-color: #e9e9e9; border-bottom: 1px solid #ddd; } .popover .popover-content { font-size: 13px; color: #777; border-radius: 0; } .ck.ck-content ul, .ck.ck-content ul li { list-style-type: inherit; } .ck.ck-content ul { /* Default user agent stylesheet, you can change it to your needs. */ padding-left: 40px; } .ck.ck-content ol, .ck.ck-content ol li { list-style-type: decimal; } .ck.ck-content ol { /* Default user agent stylesheet, you can change it to your needs. */ padding-left: 40px; } .uploaded-document-list { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative; } .uploaded-document-list .uploaded-document { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; position: relative; margin-top: 10px; } .uploaded-document-list .uploaded-document .fas { font-size: 50px; cursor: pointer; } .uploaded-document-list .uploaded-document .fas.fa-file-pdf { color: #c90101; } .uploaded-document-list .uploaded-document .fas.fa-file-excel { color: green; } .uploaded-document-list .uploaded-document .fas.fa-file-csv { color: darkgreen; } .uploaded-document-list .uploaded-document .fas.fa-file-word { color: darkblue; } .uploaded-document-list .uploaded-document .fas.fa-file-image { color: gray; } .uploaded-document-list .uploaded-document .fas.fa-file-lines { color: slateblue; } .uploaded-document-list .uploaded-document label { font-size: 14px; font-weight: 500; margin-top: 10px; } .uploaded-document-list .uploaded-document .close-icon { font-size: 18px; font-weight: 900; padding: 0px 5px; position: absolute; top: 0; right: 0; cursor: pointer; } .documents { display: flex; flex-wrap: wrap; flex-direction: column; overflow-x: auto; } .document-name { max-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .uploaded-document-list1 { display: flex; flex-direction: row; flex-wrap: nowrap; position: relative; } .uploaded-document-list1 .uploaded-document1 { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin-top: 10px; } .uploaded-document-list1 .uploaded-document1 .fas { font-size: 23px; cursor: pointer; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-pdf { color: #c90101; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-excel { color: green; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-csv { color: darkgreen; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-word { color: darkblue; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-image { color: gray; } .uploaded-document-list1 .uploaded-document1 .fas.fa-file-lines { color: slateblue; } /* [8. Browser ] */ html.ie10 .sidebar .menu .list li { line-height: 30px; } html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie10 .sidebar .user-info .info-container { top: 15px; } html.ie10 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie10 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie10 .bs-searchbox .form-control { width: 90%; } html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie11 .sidebar .user-info .info-container { top: 15px; } html.ie11 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie11 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie11 .bs-searchbox .form-control { width: 90%; } /*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/assets/scss/theme/all-themes.scss ***! \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * Document : all-themes.scss * Author : RedStar Template * Description: This scss file for import all theme style scss files [1. Purple Theme] [2. Blue Theme] [3. Cyan Theme] [4. Green Theme] [5. Orange Theme] [6. Black Theme] [7. White Theme] [8. Dark Template Theme] */ /* [1. Purple Theme] */ /* * Document : theme-purple.scss * Author : RedStar Template * Description: This scss file for purple theme style classes */ .theme-purple .navbar { background-color: transparent; } .theme-purple .navbar.active { background: #8e2de2; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4a00e0, #8e2de2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-purple .navbar.active .nav > li > a { color: #fff; } .theme-purple .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-purple .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-purple .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-purple .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-purple .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-purple .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-purple .bars { color: #fff; } .theme-purple .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-purple .sidebar .menu .list li a { transition: all 0.3s; } .theme-purple .sidebar .menu .list li a i, .theme-purple .sidebar .menu .list li a span { transition: all 0.3s; } .theme-purple .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-purple .sidebar .legal { background-color: #fff; } .theme-purple .sidebar .legal .copyright a { color: #909de4 !important; } .theme-purple .breadcrumb li a { color: #909de4 !important; } .theme-purple .page-item.active .page-link { background-color: #909de4; border-color: #909de4; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-purple .btn-primary { background-color: #909de4 !important; color: #fff !important; border-color: #909de4 !important; } .theme-purple .btn-primary:hover { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:active { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:focus { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:disabled { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-outline-primary { background: 0 0 !important; color: #909de4 !important; border: 1px solid #909de4 !important; } .theme-purple .btn-outline-primary:hover { background: #909de4 !important; color: #fff !important; border: 1px solid #909de4 !important; } .theme-purple .timelineLabelColor strong { color: #909de4 !important; } .theme-purple .top-sidebar .horizontal-menu li.active > a { color: #909de4; } .theme-purple .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-purple .top-sidebar .horizontal-menu li a:hover { color: #909de4; } .theme-purple .nav-tabs > li > a:before { border-bottom: 2px solid #909de4; } /*Logo Header Background Color*/ .logo-purple .navbar-header { background-color: #909de4; } /* [2. Blue Theme] */ /* * Document : theme-blue.scss * Author : RedStar Template * Description: This scss file for blue theme style classes */ .theme-blue .navbar { background-color: transparent; } .theme-blue .navbar.active { background: #00b4db; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #048efb, #08b1d6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-blue .navbar.active .nav > li > a { color: #fff; } .theme-blue .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-blue .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-blue .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-blue .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-blue .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-blue .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-blue .bars { color: #fff; } .theme-blue .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-blue .sidebar .menu .list li a { transition: all 0.3s; } .theme-blue .sidebar .menu .list li a i, .theme-blue .sidebar .menu .list li a span { transition: all 0.3s; } .theme-blue .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-blue .sidebar .legal { background-color: #fff; } .theme-blue .sidebar .legal .copyright a { color: #03a9f3 !important; } .theme-blue .breadcrumb li a { color: #03a9f3 !important; } .theme-blue .page-item.active .page-link { background-color: #03a9f3; border-color: #03a9f3; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-blue .btn-primary { background-color: #03a9f3 !important; color: #fff !important; border-color: #03a9f3 !important; } .theme-blue .btn-primary:hover { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:active { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:focus { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:disabled { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-outline-primary { background: 0 0 !important; color: #03a9f3 !important; border: 1px solid #03a9f3 !important; } .theme-blue .btn-outline-primary:hover { background: #03a9f3 !important; color: #fff !important; border: 1px solid #03a9f3 !important; } .theme-blue .timelineLabelColor strong { color: #03a9f3 !important; } .theme-blue .top-sidebar .horizontal-menu li.active > a { color: #03a9f3; } .theme-blue .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-blue .top-sidebar .horizontal-menu li a:hover { color: #03a9f3; } .theme-blue .nav-tabs > li > a:before { border-bottom: 2px solid #03a9f3; } /*Logo Header Background Color*/ .logo-blue .navbar-header { background-color: #03a9f3; } /* [3. Cyan Theme] */ /* * Document : theme-cyan.scss * Author : RedStar Template * Description: This scss file for cyan theme style classes */ .theme-cyan .navbar { background-color: transparent; } .theme-cyan .navbar.active { background: #4cb8c4; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #0fdbdc, #1ab5b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-cyan .navbar.active .nav > li > a { color: #fff; } .theme-cyan .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-cyan .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-cyan .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-cyan .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-cyan .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-cyan .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-cyan .bars { color: #fff; } .theme-cyan .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-cyan .sidebar .menu .list li a { transition: all 0.3s; } .theme-cyan .sidebar .menu .list li a i, .theme-cyan .sidebar .menu .list li a span { transition: all 0.3s; } .theme-cyan .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-cyan .sidebar .legal { background-color: #fff; } .theme-cyan .sidebar .legal .copyright a { color: #01d8da !important; } .theme-cyan .breadcrumb li a { color: #01d8da !important; } .theme-cyan .page-item.active .page-link { background-color: #01d8da; border-color: #01d8da; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-cyan .btn-primary { background-color: #01d8da !important; color: #fff !important; border-color: #01d8da !important; } .theme-cyan .btn-primary:hover { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:active { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:focus { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:disabled { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-outline-primary { background: 0 0 !important; color: #01d8da !important; border: 1px solid #01d8da !important; } .theme-cyan .btn-outline-primary:hover { background: #01d8da !important; color: #fff !important; border: 1px solid #01d8da !important; } .theme-cyan .timelineLabelColor strong { color: #01d8da !important; } .theme-cyan .top-sidebar .horizontal-menu li.active > a { color: #01d8da; } .theme-cyan .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-cyan .top-sidebar .horizontal-menu li a:hover { color: #01d8da; } .theme-cyan .nav-tabs > li > a:before { border-bottom: 2px solid #01d8da; } /*Logo Header Background Color*/ .logo-cyan .navbar-header { background-color: #01d8da; } /* [4. Green Theme] */ /* * Document : theme-green.scss * Author : RedStar Template * Description: This scss file for green theme style classes */ .theme-green .navbar { background-color: transparent; } .theme-green .navbar.active { background: #11998e; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #10bf52, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-green .navbar.active .nav > li > a { color: #fff; } .theme-green .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-green .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-green .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-green .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-green .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-green .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-green .bars { color: #fff; } .theme-green .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-green .sidebar .menu .list li a { transition: all 0.3s; } .theme-green .sidebar .menu .list li a i, .theme-green .sidebar .menu .list li a span { transition: all 0.3s; } .theme-green .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-green .sidebar .legal { background-color: #fff; } .theme-green .sidebar .legal .copyright a { color: #11a37d !important; } .theme-green .breadcrumb li a { color: #11a37d !important; } .theme-green .page-item.active .page-link { background-color: #11a37d; border-color: #11a37d; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-green .btn-primary { background-color: #11a37d !important; color: #fff !important; border-color: #11a37d !important; } .theme-green .btn-primary:hover { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:active { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:focus { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:disabled { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-outline-primary { background: 0 0 !important; color: #11a37d !important; border: 1px solid #11a37d !important; } .theme-green .btn-outline-primary:hover { background: #11a37d !important; color: #fff !important; border: 1px solid #11a37d !important; } .theme-green .timelineLabelColor strong { color: #11a37d !important; } .theme-green .top-sidebar .horizontal-menu li.active > a { color: #11a37d; } .theme-green .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-green .top-sidebar .horizontal-menu li a:hover { color: #11a37d; } .theme-green .nav-tabs > li > a:before { border-bottom: 2px solid #11a37d; } /*Logo Header Background Color*/ .logo-green .navbar-header { background-color: #11a37d; } /* [5. Orange Theme] */ /* * Document : theme-orange.scss * Author : RedStar Template * Description: This scss file for orange theme style classes */ .theme-orange .navbar { background-color: transparent; } .theme-orange .navbar.active { background: #fc4a1a; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #ea581e, #ff8a61); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-orange .navbar.active .nav > li > a { color: #fff; } .theme-orange .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-orange .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-orange .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-orange .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-orange .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-orange .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-orange .bars { color: #fff; } .theme-orange .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-orange .sidebar .menu .list li a { transition: all 0.3s; } .theme-orange .sidebar .menu .list li a i, .theme-orange .sidebar .menu .list li a span { transition: all 0.3s; } .theme-orange .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-orange .sidebar .legal { background-color: #fff; } .theme-orange .sidebar .legal .copyright a { color: #f16735 !important; } .theme-orange .breadcrumb li a { color: #f16735 !important; } .theme-orange .page-item.active .page-link { background-color: #f16735; border-color: #f16735; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-orange .btn-primary { background-color: #f16735 !important; color: #fff !important; border-color: #f16735 !important; } .theme-orange .btn-primary:hover { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:active { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:focus { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:disabled { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-outline-primary { background: 0 0 !important; color: #f16735 !important; border: 1px solid #f16735 !important; } .theme-orange .btn-outline-primary:hover { background: #f16735 !important; color: #fff !important; border: 1px solid #f16735 !important; } .theme-orange .timelineLabelColor strong { color: #f16735 !important; } .theme-orange .top-sidebar .horizontal-menu li.active > a { color: #f16735; } .theme-orange .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-orange .top-sidebar .horizontal-menu li a:hover { color: #f16735; } .theme-orange .nav-tabs > li > a:before { border-bottom: 2px solid #f16735; } /*Logo Header Background Color*/ .logo-orange .navbar-header { background-color: #f16735; } /* [6. Black Theme] */ /* * Document : theme-black.scss * Author : RedStar Template * Description: This scss file for black theme style classes */ .theme-black .navbar { background-color: transparent; } .theme-black .navbar.active { background: #485563; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #1D2125, #1D2125); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-black .navbar.active .nav > li > a { color: #fff; } .theme-black .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-black .navbar.active .collapse-menu-icon .feather { color: #fff; } .theme-black .navbar.active .nav-notification-icons .mat-icon { color: #fff; } .theme-black .navbar.active .nav-notification-icons .feather { color: #fff; } .theme-black .navbar-brand { color: #fff; } .theme-black .navbar-brand:hover { color: #fff; } .theme-black .navbar-brand:active { color: #fff; } .theme-black .navbar-brand:focus { color: #fff; } .theme-black .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-black .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-black .nav .open > a { background-color: rgba(0, 0, 0, 0); } .theme-black .nav .open > a:hover { background-color: rgba(0, 0, 0, 0); } .theme-black .nav .open > a:focus { background-color: rgba(0, 0, 0, 0); } .theme-black .bars { color: #fff; } .theme-black .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-black .sidebar .menu .list li a { transition: all 0.3s; } .theme-black .sidebar .menu .list li a i, .theme-black .sidebar .menu .list li a span { transition: all 0.3s; } .theme-black .sidebar .menu .list li a:hover { color: #5783c7; } .theme-black .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-black .sidebar .legal { background-color: #fff; } .theme-black .sidebar .legal .copyright a { color: #1D2125 !important; } .theme-black .breadcrumb li a { color: #1D2125 !important; } .theme-black .page-item.active .page-link { background-color: #1D2125; border-color: #1D2125; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-black .btn-primary { background-color: #5783c7 !important; color: #fff !important; border-color: #1D2125 !important; } .theme-black .btn-primary:hover { background-color: #1D2125 !important; color: #fff !important; } .theme-black .btn-primary:active { background-color: #1D2125 !important; color: #fff !important; } .theme-black .btn-primary:focus { background-color: #1D2125 !important; color: #fff !important; } .theme-black .btn-primary:disabled { background-color: #1D2125 !important; color: #fff !important; } .theme-black .btn-outline-primary { background: 0 0 !important; color: #1D2125 !important; border: 1px solid #1D2125 !important; } .theme-black .btn-outline-primary:hover { background: #1D2125 !important; color: #fff !important; border: 1px solid #1D2125 !important; } .theme-black .timelineLabelColor strong { color: #1D2125 !important; } .theme-black .top-sidebar .horizontal-menu li.active > a { color: #1D2125; } .theme-black .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-black .top-sidebar .horizontal-menu li a:hover { color: #1D2125; } .theme-black .nav-tabs > li > a:before { border-bottom: 2px solid #1D2125; } /*Logo Header Background Color*/ /* [7. White Theme] */ /* * Document : theme-white.scss * Author : RedStar Template * Description: This scss file for white theme style classes */ .theme-white .navbar { background-color: transparent; } .theme-white .navbar .header-icon .feather { color: black; } .theme-white .navbar-right .user_profile span { color: rgb(0, 0, 0) !important; } .theme-white .navbar.active { background-color: #fff !important; box-shadow: 3px 0 10px 0 rgba(183, 192, 206, 0.2); border-bottom: 1px solid #ddd; } .theme-white .navbar.active .nav > li > a { color: #3a2c70; } .theme-white .navbar.active .collapse-menu-icon .mat-icon { color: #3a2c70; } .theme-white .navbar.active .nav-notification-icons .mat-icon { color: #3a2c70; } .theme-white .navbar-brand { color: #2c303b; } .theme-white .navbar-brand:hover { color: #2c303b; } .theme-white .navbar-brand:active { color: #2c303b; } .theme-white .navbar-brand:focus { color: #2c303b; } .theme-white .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav .open > a { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:hover { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:focus { background-color: rgba(0, 0, 0, 0); } .theme-white .bars { color: #2c303b; } .theme-white .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-white .sidebar .menu .list li a { transition: all 0.3s; } .theme-white .sidebar .menu .list li a i, .theme-white .sidebar .menu .list li a span { transition: all 0.3s; } .theme-white .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-white .sidebar .legal { background-color: #2c303b; } .theme-white .sidebar .legal .copyright a { color: #fff !important; } .theme-white .breadcrumb li a { color: #00bcd4 !important; } .theme-white .page-item.active .page-link { background-color: #00bcd4; border-color: #00bcd4; border-radius: 50%; margin: 5px; box-shadow: 0 4px 5px 0 #d4d8da, 0 1px 10px 0 #d4d8da, 0 2px 4px -1px #d4d8da; padding: 0px 12px; min-width: 30px; line-height: 30px; color: #ffffff; text-transform: uppercase; } .theme-white .btn-primary { background-color: #00bcd4 !important; color: #fff !important; border-color: #00bcd4 !important; } .theme-white .btn-primary:hover { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:active { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:focus { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:disabled { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-outline-primary { background: 0 0 !important; color: #2c303b !important; border: 1px solid #00bcd4 !important; } .theme-white .btn-outline-primary:hover { background: #00bcd4 !important; color: #fff !important; border: 1px solid #fff !important; } .theme-white .timelineLabelColor strong { color: #00bcd4 !important; } .theme-white .top-sidebar .horizontal-menu li.active > a { color: #00bcd4; } .theme-white .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-white .top-sidebar .horizontal-menu li a:hover { color: #00bcd4; } .theme-white .demo-choose-skin li.actived:after { color: #000; } .theme-white .nav-tabs > li > a:before { border-bottom: 2px solid #00bcd4; } .theme-white .search-box input#search { color: gray; background: #edecec; } .theme-white .settingSidebar ul.choose-theme li.active div::after { color: #000; } .grid-container-background { background-color: #1d2125; color: #fff; } /*Logo Header Background Color*/ /* [8. Dark Template Theme] */ /* * Document : dark.scss * Author : RedStar Template * Description: This scss file for dark theme style classes */ .dark { background-color: #1D2125; color: #fff; padding-top: 1px; /* Material Design Form style */ } .dark .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-option { color: white; } .dark .mat-option:hover:not(.mat-option-disabled), .dark .mat-option:focus:not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .dark .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(255, 255, 255, 0.04); } .dark .mat-option.mat-active { background: rgba(255, 255, 255, 0.04); color: white; } .dark .mat-option.mat-option-disabled { color: rgba(255, 255, 255, 0.5); } .dark .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #3f51b5; } .dark .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #e91e63; } .dark .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .dark .mat-optgroup-label { color: rgba(255, 255, 255, 0.7); } .dark .mat-optgroup-disabled .mat-optgroup-label { color: rgba(255, 255, 255, 0.5); } .dark .mat-pseudo-checkbox { color: rgba(255, 255, 255, 0.7); } .dark .mat-pseudo-checkbox::after { color: #303030; } .dark .mat-pseudo-checkbox-disabled { color: #686868; } .dark .mat-primary .mat-pseudo-checkbox-checked, .dark .mat-primary .mat-pseudo-checkbox-indeterminate { background: #3f51b5; } .dark .mat-pseudo-checkbox-checked, .dark .mat-pseudo-checkbox-indeterminate, .dark .mat-accent .mat-pseudo-checkbox-checked, .dark .mat-accent .mat-pseudo-checkbox-indeterminate { background: #e91e63; } .dark .mat-warn .mat-pseudo-checkbox-checked, .dark .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .dark .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .dark .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #686868; } .dark .mat-app-background, .dark.mat-app-background { background-color: #303030; color: white; } .dark .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .dark .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .dark .mat-autocomplete-panel { background: #424242; color: white; } .dark .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: #424242; } .dark .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: white; } .dark .mat-badge { position: relative; } .dark .mat-badge.mat-badge { overflow: visible; } .dark .mat-badge-hidden .mat-badge-content { display: none; } .dark .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .dark .ng-animate-disabled .mat-badge-content, .dark .mat-badge-content._mat-animation-noopable { transition: none; } .dark .mat-badge-content.mat-badge-active { transform: none; } .dark .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .dark .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .dark .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .dark .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .dark .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .dark .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .dark .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .dark .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .dark .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .dark .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .dark .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .dark .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .dark .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .dark .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .dark .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .dark .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .dark .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .dark .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .dark .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .dark .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .dark .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .dark .mat-badge-content { color: white; background: #3f51b5; } .cdk-high-contrast-active .dark .mat-badge-content { outline: solid 1px; border-radius: 0; } .dark .mat-badge-accent .mat-badge-content { background: #e91e63; color: white; } .dark .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .dark .mat-badge-disabled .mat-badge-content { background: #6e6e6e; color: rgba(255, 255, 255, 0.5); } .dark .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .dark .mat-button, .dark .mat-icon-button, .dark .mat-stroked-button { color: inherit; background: transparent; } .dark .mat-button.mat-primary, .dark .mat-icon-button.mat-primary, .dark .mat-stroked-button.mat-primary { color: #3f51b5; } .dark .mat-button.mat-accent, .dark .mat-icon-button.mat-accent, .dark .mat-stroked-button.mat-accent { color: #e91e63; } .dark .mat-button.mat-warn, .dark .mat-icon-button.mat-warn, .dark .mat-stroked-button.mat-warn { color: #f44336; } .dark .mat-button.mat-primary.mat-button-disabled, .dark .mat-button.mat-accent.mat-button-disabled, .dark .mat-button.mat-warn.mat-button-disabled, .dark .mat-button.mat-button-disabled.mat-button-disabled, .dark .mat-icon-button.mat-primary.mat-button-disabled, .dark .mat-icon-button.mat-accent.mat-button-disabled, .dark .mat-icon-button.mat-warn.mat-button-disabled, .dark .mat-icon-button.mat-button-disabled.mat-button-disabled, .dark .mat-stroked-button.mat-primary.mat-button-disabled, .dark .mat-stroked-button.mat-accent.mat-button-disabled, .dark .mat-stroked-button.mat-warn.mat-button-disabled, .dark .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .dark .mat-button.mat-primary .mat-button-focus-overlay, .dark .mat-icon-button.mat-primary .mat-button-focus-overlay, .dark .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #3f51b5; } .dark .mat-button.mat-accent .mat-button-focus-overlay, .dark .mat-icon-button.mat-accent .mat-button-focus-overlay, .dark .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #e91e63; } .dark .mat-button.mat-warn .mat-button-focus-overlay, .dark .mat-icon-button.mat-warn .mat-button-focus-overlay, .dark .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .dark .mat-button.mat-button-disabled .mat-button-focus-overlay, .dark .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .dark .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .dark .mat-button .mat-ripple-element, .dark .mat-icon-button .mat-ripple-element, .dark .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .dark .mat-button-focus-overlay { background: white; } .dark .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(255, 255, 255, 0.12); } .dark .mat-flat-button, .dark .mat-raised-button, .dark .mat-fab, .dark .mat-mini-fab { color: white; background-color: #424242; } .dark .mat-flat-button.mat-primary, .dark .mat-raised-button.mat-primary, .dark .mat-fab.mat-primary, .dark .mat-mini-fab.mat-primary { color: white; } .dark .mat-flat-button.mat-accent, .dark .mat-raised-button.mat-accent, .dark .mat-fab.mat-accent, .dark .mat-mini-fab.mat-accent { color: white; } .dark .mat-flat-button.mat-warn, .dark .mat-raised-button.mat-warn, .dark .mat-fab.mat-warn, .dark .mat-mini-fab.mat-warn { color: white; } .dark .mat-flat-button.mat-primary.mat-button-disabled, .dark .mat-flat-button.mat-accent.mat-button-disabled, .dark .mat-flat-button.mat-warn.mat-button-disabled, .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark .mat-raised-button.mat-primary.mat-button-disabled, .dark .mat-raised-button.mat-accent.mat-button-disabled, .dark .mat-raised-button.mat-warn.mat-button-disabled, .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark .mat-fab.mat-primary.mat-button-disabled, .dark .mat-fab.mat-accent.mat-button-disabled, .dark .mat-fab.mat-warn.mat-button-disabled, .dark .mat-fab.mat-button-disabled.mat-button-disabled, .dark .mat-mini-fab.mat-primary.mat-button-disabled, .dark .mat-mini-fab.mat-accent.mat-button-disabled, .dark .mat-mini-fab.mat-warn.mat-button-disabled, .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(255, 255, 255, 0.3); } .dark .mat-flat-button.mat-primary, .dark .mat-raised-button.mat-primary, .dark .mat-fab.mat-primary, .dark .mat-mini-fab.mat-primary { background-color: #3f51b5; } .dark .mat-flat-button.mat-accent, .dark .mat-raised-button.mat-accent, .dark .mat-fab.mat-accent, .dark .mat-mini-fab.mat-accent { background-color: #e91e63; } .dark .mat-flat-button.mat-warn, .dark .mat-raised-button.mat-warn, .dark .mat-fab.mat-warn, .dark .mat-mini-fab.mat-warn { background-color: #f44336; } .dark .mat-flat-button.mat-primary.mat-button-disabled, .dark .mat-flat-button.mat-accent.mat-button-disabled, .dark .mat-flat-button.mat-warn.mat-button-disabled, .dark .mat-flat-button.mat-button-disabled.mat-button-disabled, .dark .mat-raised-button.mat-primary.mat-button-disabled, .dark .mat-raised-button.mat-accent.mat-button-disabled, .dark .mat-raised-button.mat-warn.mat-button-disabled, .dark .mat-raised-button.mat-button-disabled.mat-button-disabled, .dark .mat-fab.mat-primary.mat-button-disabled, .dark .mat-fab.mat-accent.mat-button-disabled, .dark .mat-fab.mat-warn.mat-button-disabled, .dark .mat-fab.mat-button-disabled.mat-button-disabled, .dark .mat-mini-fab.mat-primary.mat-button-disabled, .dark .mat-mini-fab.mat-accent.mat-button-disabled, .dark .mat-mini-fab.mat-warn.mat-button-disabled, .dark .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(255, 255, 255, 0.12); } .dark .mat-flat-button.mat-primary .mat-ripple-element, .dark .mat-raised-button.mat-primary .mat-ripple-element, .dark .mat-fab.mat-primary .mat-ripple-element, .dark .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-flat-button.mat-accent .mat-ripple-element, .dark .mat-raised-button.mat-accent .mat-ripple-element, .dark .mat-fab.mat-accent .mat-ripple-element, .dark .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-flat-button.mat-warn .mat-ripple-element, .dark .mat-raised-button.mat-warn .mat-ripple-element, .dark .mat-fab.mat-warn .mat-ripple-element, .dark .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-stroked-button:not([class*=mat-elevation-z]), .dark .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .dark .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .dark .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .dark .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .dark .mat-fab:not([class*=mat-elevation-z]), .dark .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .dark .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .dark .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .dark .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .dark .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .dark .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .dark .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .dark .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } .dark .mat-button-toggle { color: rgba(255, 255, 255, 0.5); } .dark .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(255, 255, 255, 0.12); } .dark .mat-button-toggle-appearance-standard { color: white; background: #424242; } .dark .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: white; } .dark .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #595959; } .dark [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #595959; } .dark .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #595959; } .dark .mat-button-toggle-checked { background-color: #212121; color: rgba(255, 255, 255, 0.7); } .dark .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: white; } .dark .mat-button-toggle-disabled { color: rgba(255, 255, 255, 0.3); background-color: black; } .dark .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: #424242; } .dark .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #424242; } .dark .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .dark .mat-button-toggle-group-appearance-standard { border: solid 1px #595959; } .dark .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 48px; } .dark .mat-card { background: #424242; color: white; } .dark .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .dark .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .dark .mat-card-subtitle { color: rgba(255, 255, 255, 0.7); } .dark .mat-checkbox-frame { border-color: rgba(255, 255, 255, 0.7); } .dark .mat-checkbox-checkmark { fill: #303030; } .dark .mat-checkbox-checkmark-path { stroke: #303030 !important; } .dark .mat-checkbox-mixedmark { background-color: #303030; } .dark .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .dark .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #3f51b5; } .dark .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .dark .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #e91e63; } .dark .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .dark .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .dark .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .dark .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #686868; } .dark .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #686868; } .dark .mat-checkbox-disabled .mat-checkbox-label { color: rgba(255, 255, 255, 0.5); } .dark .mat-checkbox .mat-ripple-element { background-color: white; } .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #3f51b5; } .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #e91e63; } .dark .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .dark .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .dark .mat-chip.mat-standard-chip { background-color: #616161; color: white; } .dark .mat-chip.mat-standard-chip .mat-chip-remove { color: white; opacity: 0.4; } .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .dark .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .dark .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .dark .mat-chip.mat-standard-chip::after { background: white; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #3f51b5; color: white; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #e91e63; color: white; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .dark .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-table { background: #424242; } .dark .mat-table thead, .dark .mat-table tbody, .dark .mat-table tfoot, .dark mat-header-row, .dark mat-row, .dark mat-footer-row, .dark [mat-header-row], .dark [mat-row], .dark [mat-footer-row], .dark .mat-table-sticky { background: inherit; } .dark mat-row, .dark mat-header-row, .dark mat-footer-row, .dark th.mat-header-cell, .dark td.mat-cell, .dark td.mat-footer-cell { border-bottom-color: rgba(255, 255, 255, 0.12); } .dark .mat-header-cell { color: rgba(255, 255, 255, 0.7); } .dark .mat-cell, .dark .mat-footer-cell { color: white; } .dark .mat-calendar-arrow { fill: white; } .dark .mat-datepicker-toggle, .dark .mat-datepicker-content .mat-calendar-next-button, .dark .mat-datepicker-content .mat-calendar-previous-button { color: white; } .dark .mat-calendar-table-header-divider::after { background: rgba(255, 255, 255, 0.12); } .dark .mat-calendar-table-header, .dark .mat-calendar-body-label { color: rgba(255, 255, 255, 0.7); } .dark .mat-calendar-body-cell-content, .dark .mat-date-range-input-separator { color: white; border-color: transparent; } .dark .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(255, 255, 255, 0.5); } .dark .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(255, 255, 255, 0.5); } .dark .mat-calendar-body-in-preview { color: rgba(255, 255, 255, 0.24); } .dark .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.5); } .dark .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(255, 255, 255, 0.3); } .dark .mat-calendar-body-in-range::before { background: rgba(63, 81, 181, 0.2); } .dark .mat-calendar-body-comparison-identical, .dark .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .dark .mat-calendar-body-comparison-bridge-start::before, .dark [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-calendar-body-comparison-bridge-end::before, .dark [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .dark .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .dark .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .dark .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .dark .mat-calendar-body-selected { background-color: #3f51b5; color: white; } .dark .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(63, 81, 181, 0.4); } .dark .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .dark .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .dark .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(63, 81, 181, 0.3); } @media (hover: hover) { .dark .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(63, 81, 181, 0.3); } } .dark .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: #424242; color: white; } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(233, 30, 99, 0.2); } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(233, 30, 99, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .dark .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(233, 30, 99, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .dark .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #e91e63; color: white; } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(233, 30, 99, 0.4); } .dark .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .dark .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .dark .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(233, 30, 99, 0.3); } @media (hover: hover) { .dark .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(233, 30, 99, 0.3); } } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .dark .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .dark .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .dark .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .dark .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .dark .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } @media (hover: hover) { .dark .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } } .dark .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .dark .mat-datepicker-toggle-active { color: #3f51b5; } .dark .mat-datepicker-toggle-active.mat-accent { color: #e91e63; } .dark .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .dark .mat-date-range-input-inner[disabled] { color: rgba(255, 255, 255, 0.5); } .dark .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: #424242; color: white; } .dark .mat-divider { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-divider-vertical { border-right-color: rgba(255, 255, 255, 0.12); } .dark .mat-expansion-panel { background: #424242; color: white; } .dark .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .dark .mat-action-row { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .dark .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .dark .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(255, 255, 255, 0.04); } @media (hover: none) { .dark .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: #424242; } } .dark .mat-expansion-panel-header-title { color: white; } .dark .mat-expansion-panel-header-description, .dark .mat-expansion-indicator::after { color: rgba(255, 255, 255, 0.7); } .dark .mat-expansion-panel-header[aria-disabled=true] { color: rgba(255, 255, 255, 0.3); } .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .dark .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .dark .mat-expansion-panel-header { height: 48px; } .dark .mat-expansion-panel-header.mat-expanded { height: 64px; } .dark .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .dark .mat-hint { color: rgba(255, 255, 255, 0.7); } .dark .mat-form-field.mat-focused .mat-form-field-label { color: #3f51b5; } .dark .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #e91e63; } .dark .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .dark .mat-focused .mat-form-field-required-marker { color: #e91e63; } .dark .mat-form-field-ripple { background-color: white; } .dark .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #3f51b5; } .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #e91e63; } .dark .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #3f51b5; } .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #e91e63; } .dark .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .dark .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .dark .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .dark .mat-error { color: #f44336; } .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(255, 255, 255, 0.7); } .dark .mat-form-field-appearance-legacy .mat-hint { color: rgba(255, 255, 255, 0.7); } .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .dark .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .dark .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(255, 255, 255, 0.7); } .dark .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.7) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.1); } .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(255, 255, 255, 0.05); } .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(255, 255, 255, 0.5); } .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .dark .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(255, 255, 255, 0.3); } .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: white; } .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #3f51b5; } .dark .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #e91e63; } .dark .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .dark .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(255, 255, 255, 0.5); } .dark .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(255, 255, 255, 0.15); } .dark .mat-icon.mat-primary { color: #3f51b5; } .dark .mat-icon.mat-accent { color: #e91e63; } .dark .mat-icon.mat-warn { color: #f44336; } .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.7); } .dark .mat-input-element:disabled, .dark .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(255, 255, 255, 0.5); } .dark .mat-input-element { caret-color: #3f51b5; } .dark .mat-input-element::placeholder { color: rgba(255, 255, 255, 0.5); } .dark .mat-input-element::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .dark .mat-input-element::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dark .mat-input-element:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .dark .mat-input-element:not(.mat-native-select-inline) option { color: rgba(0, 0, 0, 0.87); } .dark .mat-input-element:not(.mat-native-select-inline) option:disabled { color: rgba(0, 0, 0, 0.38); } .dark .mat-form-field.mat-accent .mat-input-element { caret-color: #e91e63; } .dark .mat-form-field.mat-warn .mat-input-element, .dark .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .dark .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .dark .mat-list-base .mat-list-item { color: white; } .dark .mat-list-base .mat-list-option { color: white; } .dark .mat-list-base .mat-subheader { color: rgba(255, 255, 255, 0.7); } .dark .mat-list-base .mat-list-item-disabled { background-color: rgba(255, 255, 255, 0.12); color: rgba(255, 255, 255, 0.5); } .dark .mat-list-option:hover, .dark .mat-list-option:focus, .dark .mat-nav-list .mat-list-item:hover, .dark .mat-nav-list .mat-list-item:focus, .dark .mat-action-list .mat-list-item:hover, .dark .mat-action-list .mat-list-item:focus { background: rgba(255, 255, 255, 0.04); } .dark .mat-list-single-selected-option, .dark .mat-list-single-selected-option:hover, .dark .mat-list-single-selected-option:focus { background: rgba(255, 255, 255, 0.12); } .dark .mat-menu-panel { background: #424242; } .dark .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .dark .mat-menu-item { background: transparent; color: white; } .dark .mat-menu-item[disabled], .dark .mat-menu-item[disabled] .mat-menu-submenu-icon, .dark .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(255, 255, 255, 0.5); } .dark .mat-menu-item .mat-icon-no-color, .dark .mat-menu-submenu-icon { color: white; } .dark .mat-menu-item:hover:not([disabled]), .dark .mat-menu-item.cdk-program-focused:not([disabled]), .dark .mat-menu-item.cdk-keyboard-focused:not([disabled]), .dark .mat-menu-item-highlighted:not([disabled]) { background: rgba(255, 255, 255, 0.04); } .dark .mat-paginator { background: #424242; } .dark .mat-paginator, .dark .mat-paginator-page-size .mat-select-trigger { color: rgba(255, 255, 255, 0.7); } .dark .mat-paginator-decrement, .dark .mat-paginator-increment { border-top: 2px solid white; border-right: 2px solid white; } .dark .mat-paginator-first, .dark .mat-paginator-last { border-top: 2px solid white; } .dark .mat-icon-button[disabled] .mat-paginator-decrement, .dark .mat-icon-button[disabled] .mat-paginator-increment, .dark .mat-icon-button[disabled] .mat-paginator-first, .dark .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(255, 255, 255, 0.5); } .dark .mat-paginator-container { min-height: 56px; } .dark .mat-progress-bar-background { fill: #343851; } .dark .mat-progress-bar-buffer { background-color: #343851; } .dark .mat-progress-bar-fill::after { background-color: #3f51b5; } .dark .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #5e2c3d; } .dark .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #5e2c3d; } .dark .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #e91e63; } .dark .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #613532; } .dark .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #613532; } .dark .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .dark .mat-progress-spinner circle, .dark .mat-spinner circle { stroke: #3f51b5; } .dark .mat-progress-spinner.mat-accent circle, .dark .mat-spinner.mat-accent circle { stroke: #e91e63; } .dark .mat-progress-spinner.mat-warn circle, .dark .mat-spinner.mat-warn circle { stroke: #f44336; } .dark .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.7); } .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #3f51b5; } .dark .mat-radio-button.mat-primary .mat-radio-inner-circle, .dark .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .dark .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #3f51b5; } .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #e91e63; } .dark .mat-radio-button.mat-accent .mat-radio-inner-circle, .dark .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .dark .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #e91e63; } .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .dark .mat-radio-button.mat-warn .mat-radio-inner-circle, .dark .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .dark .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .dark .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .dark .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .dark .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(255, 255, 255, 0.5); } .dark .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .dark .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(255, 255, 255, 0.5); } .dark .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(255, 255, 255, 0.5); } .dark .mat-radio-button .mat-ripple-element { background-color: white; } .dark .mat-select-value { color: white; } .dark .mat-select-placeholder { color: rgba(255, 255, 255, 0.5); } .dark .mat-select-disabled .mat-select-value { color: rgba(255, 255, 255, 0.5); } .dark .mat-select-arrow { color: rgba(255, 255, 255, 0.7); } .dark .mat-select-panel { background: #424242; } .dark .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .dark .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(255, 255, 255, 0.12); } .dark .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #3f51b5; } .dark .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #e91e63; } .dark .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .dark .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .dark .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(255, 255, 255, 0.5); } .dark .mat-drawer-container { background-color: #303030; color: white; } .dark .mat-drawer { background-color: #424242; color: white; } .dark .mat-drawer.mat-drawer-push { background-color: #424242; } .dark .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .dark .mat-drawer-side { border-right: solid 1px rgba(255, 255, 255, 0.12); } .dark .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .dark [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(255, 255, 255, 0.12); border-right: none; } .dark [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(255, 255, 255, 0.12); } .dark .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(189, 189, 189, 0.6); } .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #e91e63; } .dark .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(233, 30, 99, 0.54); } .dark .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #e91e63; } .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #3f51b5; } .dark .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(63, 81, 181, 0.54); } .dark .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #3f51b5; } .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .dark .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .dark .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .dark .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: white; } .dark .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #bdbdbd; } .dark .mat-slide-toggle-bar { background-color: rgba(255, 255, 255, 0.5); } .dark .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-primary .mat-slider-track-fill, .dark .mat-slider.mat-primary .mat-slider-thumb, .dark .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #3f51b5; } .dark .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } .dark .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(63, 81, 181, 0.2); } .dark .mat-slider.mat-accent .mat-slider-track-fill, .dark .mat-slider.mat-accent .mat-slider-thumb, .dark .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #e91e63; } .dark .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } .dark .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(233, 30, 99, 0.2); } .dark .mat-slider.mat-warn .mat-slider-track-fill, .dark .mat-slider.mat-warn .mat-slider-thumb, .dark .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } .dark .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } .dark .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .dark .mat-slider:hover .mat-slider-track-background, .dark .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-slider-disabled .mat-slider-track-background, .dark .mat-slider.mat-slider-disabled .mat-slider-track-fill, .dark .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(255, 255, 255, 0.12); } .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: white; } .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .dark .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); background-color: transparent; } .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .dark .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(255, 255, 255, 0.3); } .dark .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(255, 255, 255, 0.7); } .dark .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .dark .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 2px, transparent 0, transparent); } .dark .mat-step-header.cdk-keyboard-focused, .dark .mat-step-header.cdk-program-focused, .dark .mat-step-header:hover:not([aria-disabled]), .dark .mat-step-header:hover[aria-disabled=false] { background-color: rgba(255, 255, 255, 0.04); } .dark .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { .dark .mat-step-header:hover { background: none; } } .dark .mat-step-header .mat-step-label, .dark .mat-step-header .mat-step-optional { color: rgba(255, 255, 255, 0.7); } .dark .mat-step-header .mat-step-icon { background-color: rgba(255, 255, 255, 0.7); color: white; } .dark .mat-step-header .mat-step-icon-selected, .dark .mat-step-header .mat-step-icon-state-done, .dark .mat-step-header .mat-step-icon-state-edit { background-color: #3f51b5; color: white; } .dark .mat-step-header.mat-accent .mat-step-icon { color: white; } .dark .mat-step-header.mat-accent .mat-step-icon-selected, .dark .mat-step-header.mat-accent .mat-step-icon-state-done, .dark .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #e91e63; color: white; } .dark .mat-step-header.mat-warn .mat-step-icon { color: white; } .dark .mat-step-header.mat-warn .mat-step-icon-selected, .dark .mat-step-header.mat-warn .mat-step-icon-state-done, .dark .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } .dark .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .dark .mat-step-header .mat-step-label.mat-step-label-active { color: white; } .dark .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .dark .mat-stepper-horizontal, .dark .mat-stepper-vertical { background-color: #424242; } .dark .mat-stepper-vertical-line::before { border-left-color: rgba(255, 255, 255, 0.12); } .dark .mat-horizontal-stepper-header::before, .dark .mat-horizontal-stepper-header::after, .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-horizontal-stepper-header { height: 72px; } .dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .dark .mat-vertical-stepper-header { padding: 24px 24px; } .dark .mat-stepper-vertical-line::before { top: -16px; bottom: -16px; } .dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .dark .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before { top: 36px; } .dark .mat-stepper-label-position-bottom .mat-stepper-horizontal-line { top: 36px; } .dark .mat-sort-header-arrow { color: #c6c6c6; } .dark .mat-tab-nav-bar, .dark .mat-tab-header { border-bottom: 1px solid rgba(255, 255, 255, 0.12); } .dark .mat-tab-group-inverted-header .mat-tab-nav-bar, .dark .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(255, 255, 255, 0.12); border-bottom: none; } .dark .mat-tab-label, .dark .mat-tab-link { color: white; } .dark .mat-tab-label.mat-tab-disabled, .dark .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.5); } .dark .mat-tab-header-pagination-chevron { border-color: white; } .dark .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(255, 255, 255, 0.5); } .dark .mat-tab-group[class*=mat-background-] > .mat-tab-header, .dark .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .dark .mat-tab-group.mat-primary .mat-ink-bar, .dark .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #3f51b5; } .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .dark .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .dark .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 187, 208, 0.3); } .dark .mat-tab-group.mat-accent .mat-ink-bar, .dark .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #e91e63; } .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .dark .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .dark .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .dark .mat-tab-group.mat-warn .mat-ink-bar, .dark .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .dark .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .dark .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(197, 202, 233, 0.3); } .dark .mat-tab-group.mat-background-primary > .mat-tab-header, .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container, .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #3f51b5; } .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .dark .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .dark .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 187, 208, 0.3); } .dark .mat-tab-group.mat-background-accent > .mat-tab-header, .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container, .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #e91e63; } .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .dark .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .dark .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .dark .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .dark .mat-tab-group.mat-background-warn > .mat-tab-header, .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container, .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .dark .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .dark .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .dark .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .dark .mat-toolbar { background: #212121; color: white; } .dark .mat-toolbar.mat-primary { background: #3f51b5; color: white; } .dark .mat-toolbar.mat-accent { background: #e91e63; color: white; } .dark .mat-toolbar.mat-warn { background: #f44336; color: white; } .dark .mat-toolbar .mat-form-field-underline, .dark .mat-toolbar .mat-form-field-ripple, .dark .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .dark .mat-toolbar .mat-form-field-label, .dark .mat-toolbar .mat-focused .mat-form-field-label, .dark .mat-toolbar .mat-select-value, .dark .mat-toolbar .mat-select-arrow, .dark .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .dark .mat-toolbar .mat-input-element { caret-color: currentColor; } .dark .mat-toolbar-multiple-rows { min-height: 64px; } .dark .mat-toolbar-row, .dark .mat-toolbar-single-row { height: 64px; } @media (max-width: 599px) { .dark .mat-toolbar-multiple-rows { min-height: 56px; } .dark .mat-toolbar-row, .dark .mat-toolbar-single-row { height: 56px; } } .dark .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .dark .mat-tree { background: #424242; } .dark .mat-tree-node, .dark .mat-nested-tree-node { color: white; } .dark .mat-tree-node { min-height: 48px; } .dark .mat-snack-bar-container { color: rgba(0, 0, 0, 0.87); background: #fafafa; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .dark .mat-simple-snackbar-action { color: inherit; } .dark body, .dark html { background-color: #1D2125; } .dark input { color: #fff !important; } .dark .dark-font-col { color: #fff; } .dark .card { background: #1D2125 !important; border: none; box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); } .dark .card .body { color: #fff; } .dark .card .header { color: #fff; } .dark .card .header h2 { color: #fff; } .dark .card .card-content { color: #fff; } .dark .card .card-statistic-3 .card-content { color: #ffffff; } .dark .card-bnner { background: #1D2125; } .dark .course-card { background: #1D2125; } .dark .course-card .bg-body-light { background-color: #292c31; } .dark .plain-card { background: #1D2125; } .dark .people-list .chat-list li:hover { background: #3f4650; cursor: pointer; } .dark .people-list .chat-list li.active { background: #262b33; } .dark .chat .chat-history .message-data-time { color: #fff; } .dark .contact-usertitle-name { color: #fff; } .dark .demo-skin { color: #eaeaea; } .dark .demo-skin .form-check-label { color: #eaeaea; } .dark .demo-settings { color: #eaeaea; } .dark .block-header { padding-bottom: 0px; } .dark .block-header h2 { color: #fff !important; } .dark .select-wrapper input.select-dropdown { color: #fff; } .dark .breadcrumb li.active { color: #fff; } .dark .dropzone { border: 1px solid #afacac !important; background-color: #1D2125 !important; } .dark .dropzone .dz-message { min-height: 150px !important; background: #1D2125 !important; color: white; } .dark .sl-item .sl-content p { color: #fff; } .dark .info-box5 { background-color: #1D2125; } .dark .form-check { color: #fff; } .dark label { color: #fff; } .dark .input-field input, .dark .input-field textarea { color: #fff; } .dark .input-group .input-group-addon .material-icons { color: #fff; } .dark .input-group input[type=text], .dark .input-group .form-control { color: #fff; } .dark .container-login100 .form-group .form-control { background: transparent; } .dark .form-group .form-control { color: #fff; background: #1D2125; } .dark .form-group input.form-control { color: #fff; border-bottom: 1px solid #9e9e9e; } .dark .form-check .form-check-sign .check { border: 1px solid #fff; } .dark .form-control { color: #fff; background: #1D2125; } .dark .right-sidebar { background: #1D2125; } .dark .ms-container .ms-selectable li.ms-hover, .dark .ms-container .ms-selection li.ms-hover { color: #fff !important; background-color: #46484e !important; } .dark .nav-tabs li a.active { color: #fff !important; } .dark .bootstrap-tagsinput { background-color: #343840 !important; } .dark .to-do-list li { background: #1D2125; } .dark #mail-nav li a { color: #fff; } .dark .max-texts a { color: #fff; } .dark .pricingTable { background: #0c0c0c; } .dark .pricingTable .pricingTable-header { background: #36373c; } .dark .profile-tab-box { background: #1D2125; } .dark .cd-timeline-content { background: #10131c; } .dark .cd-timeline-content .timelineLabelColor strong { color: #ffffff !important; } .dark .timeline > li > .timeline-panel { border: 1px solid #444444; } .dark .cd-timeline-content h2 { color: #fff; } .dark .chart-note { color: #fff; } .dark .chart-statis .index { color: #fff; } .dark .dataTables_wrapper input[type=search] { color: #fff; } .dark .page-item.disabled .page-link { color: #fff; pointer-events: none; cursor: auto; background-color: #1D2125; } .dark .table { color: #fff; } .dark .table tbody tr { color: #fff; } .dark .table tbody tr td, .dark .table tbody tr th { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #fff; background-color: #000000 !important; } .dark .table tbody tr:hover td, .dark .table tbody tr:hover th { background-color: #000000 !important; } .dark .table thead tr { color: #fff; } .dark .table thead tr th { border-bottom: 1px solid #15181d; border-top: 1px solid #15181d; background-color: #15181d !important; color: #fff; } .dark .table-bordered { border: 1px solid rgba(120, 130, 140, 0.5); } .dark .table-bordered tbody tr td, .dark .table-bordered tbody tr th { border-right: 1px solid rgba(120, 130, 140, 0.5); border-bottom: none; } .dark .table-bordered thead tr th { border: 1px solid rgba(120, 130, 140, 0.5); } .dark .table-bordered th { border: 1px solid rgba(120, 130, 140, 0.5); color: #fff; } .dark tr.group, .dark tr.group:hover { background-color: #282d35 !important; } .dark .tableBody { color: #fff; } .dark .card .header h2 strong { color: #fff !important; } .dark .breadcrumb-main .page-title { color: #fff; } .dark .breadcrumb-main .breadcrumb-icon .feather { color: #fff !important; } .dark .breadcrumb-main .breadcrumb-item { color: #fff; } .dark .breadcrumb-main .breadcrumb-item ::before { color: #fff; } .dark .counter-box, .dark .box-part { background: #1D2125 !important; color: #fff; } .dark .tblActnBtn i { color: #fff; } .dark .chat .chat-history .other-message { background: #3b4453; } .dark .chat .chat-history .other-message:after { border-bottom-color: #3b4454; } .dark .chat .chat-history .message { color: #fff; } .dark .chat .chat-history .my-message { background: #343840; } .dark .chat .chat-history .my-message:after { border-bottom-color: #343840; } .dark .task-box { border-bottom: solid 1px #5e5e5f; color: #fff; background: #141a27; } .dark .task-list { border: solid 1px #10141d; background: #141a27; } .dark .mat-drawer { background-color: #141a27; color: #fff; border-color: #121315 !important; } .dark .mat-drawer-container { background-color: #1D2125; } .dark .taskbar .card-footer { background: #1D2125 !important; } .dark .move { background: #1D2125; } .dark .board { background-color: #1D2125; } .dark .board .drop-card { background-color: #404754; } .dark .board .list .header { background: #10131c; } .dark .board .list .project-title { color: #fff; } .dark .board .list .project { background: #10131c; border: 1px solid #363b47; } .dark .list-group-item { background: #1D2125; } .dark .product-grid .product-content { background-color: #3b4453; } .dark .ibox-title, .dark .ibox-content { background: #1D2125; border-color: #6c757d; } .dark .collapsible-header { background: #1D2125; } .dark .card .card-inside-title { color: #fff; } .dark .left-timeline > li:nth-child(odd) .left-label { background: #202529; } .dark .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: #202428; } .dark .left-timeline > li:nth-child(odd) .left-time span:last-child { color: #eee; } .dark .left-timeline > li .left-label { background: #303438; } .dark .left-timeline > li .left-label p { color: #fff; } .dark .left-timeline > li .left-label:after { border-right-color: #303438; } .dark .left-timeline > li .empty span { color: #fff; } .dark .left-timeline > li .left-time span:first-child { color: #fff; } .dark .left-timeline > li .left-time span:last-child { color: #eae9e9; } .dark .font-icon .icon-preview i { color: #fff; } .dark .nav-tabs .nav-link.active, .dark .nav-tabs .nav-item.show .nav-link { background-color: transparent; } .dark .panel-group .panel-primary .panel-title a { color: #fff; background: #32363c; } .dark .panel-group .panel .panel-body { color: #fff; } .dark .btn-outline-primary { color: #fff !important; border: 1px solid #fff !important; } .dark .chip { background-color: #31353a; color: #fff; } .dark .dropdown-content { background-color: #31353a; } .dark .dropdown-content li > span { color: #fff; } .dark .autocomplete { font-size: 13px !important; color: #fff; caret-color: #fff; } .dark .autocomplete:focus { color: #fff; } .dark .autocomplete-content li .highlight { color: #fff; } .dark .autocomplete-content li :hover { background-color: #343d44; } .dark .select2-container--default .select2-selection--single { background: #1D2125; color: #fff; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--single .select2-selection__rendered { background: #1D2125; color: #fff; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--multiple { background: #1D2125; color: #fff; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #444141; border: 1px solid #656464; } .dark .select2-container--default.select2-container--focus .select2-selection--multiple { background: #1D2125; color: #fff; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-results > .select2-results__options { background-color: #282d35; } .dark .select2-search--dropdown { background-color: #1c1f25; } .dark .flatpickr-input { border-bottom: 1px solid #9e9e9e !important; } .dark .ngx-datatable.material { background: #1D2125; color: #fff; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #fff; } .dark .ngx-datatable.material .datatable-header-cell-label { color: #fff; } .dark .ngx-datatable.material :not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background-color: #1c1f25; } .dark .pagination > li > a:hover { background-color: #fff; color: #000; } .dark .dataTables_length .custom-select { background-color: #1D2125; color: white; } .dark .ngx-search { color: #fff; } .dark .ngx-datatable.material { background: #1D2125; border: 1px solid #404755; } .dark .ngx-datatable.material .datatable-header .datatable-header-cell { background: #1D2125; } .dark .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #1D2125; } .dark .ngx-datatable.material .datatable-footer { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager a { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: #fff !important; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #fff; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover { background: #32383e; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background: #32383e; } .dark .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { color: #fff; } .dark ::-webkit-input-placeholder { color: #fff; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } .dark :-moz-placeholder { /* Firefox 18- */ color: #fff; opacity: 1 !important; } .dark ::-moz-placeholder { /* Firefox 19+ */ color: #fff; opacity: 1 !important; } .dark :-ms-input-placeholder { color: #fff; } .dark input, .dark textarea { color: #fff; } .dark .flatPicker { color: #fff; } .dark .modal .modal-content { background: #1D2125; } .dark .modal .modal-content .modal-body { color: #fff; } .dark .modal .modal-close-button { color: #fff; } .dark .ngx-search { color: #fff; } .dark .ngx-datatable { background: #434f5a; border: 1px solid #343d45; } .dark .ngx-datatable.material { background: #1D2125; } .dark .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #434f5a; } .dark .ngx-datatable.material .datatable-footer { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager a { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: #fff !important; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #fff; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover { background: #32383e; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background: #32383e; } .dark .ngxTableHeader { background-color: #1D2125; } .dark .ngxTableHeader .header-buttons-left strong, .dark .ngxTableHeader .header-buttons { color: #fff; } .dark .ngxTableHeader .header-buttons-left strong .material-icons, .dark .ngxTableHeader .header-buttons .material-icons { color: #fff; } .dark .ngxTableHeader .header-buttons-left strong .dropdown-menu li span, .dark .ngxTableHeader .header-buttons .dropdown-menu li span { color: #000000; } .dark .navbar-nav .dropdown-menu { background-color: #1D2125; border: 1px solid #292a2a; } .dark .navbar-nav .dropdown-menu::after { border-bottom: 6px solid #10131c; } .dark .navbar-nav .dropdown-menu .header { color: #fff; border-bottom: 1px solid #232a31; } .dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-title { color: #fff; } .dark .navbar-nav .dropdown-menu ul.menu li a { border-bottom: 1px solid #232a31; } .dark .navbar-nav .dropdown-menu ul.menu li a:hover { background-color: #141820; } .dark .navbar-nav .dropdown-menu ul.menu .msg-unread { background-color: #141820; } .dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-desc { color: rgba(255, 255, 255, 0.5); } .dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { color: rgba(255, 255, 255, 0.5); } .dark .navbar-nav .dropdown-menu .nfc-read-more { color: #fff; } .dark .navbar-nav .user_dw_menu li { border-bottom: 1px solid #232a31; } .dark .navbar-nav .user_dw_menu li a { color: #fff; } .dark .fc .fc-col-header-cell-cushion { color: #fff; } .dark .fc-daygrid-day-top .fc-daygrid-day-number { color: #fff; } .dark .fc-theme-standard .fc-scrollgrid { border: 1px solid #5c5c5c; } .dark .fc-view > table td { color: #fff; } .dark .fc-unthemed td.fc-today { background: transparent; } .dark .fc-unthemed td.fc-day-top .fc-day-number { color: #ffffff; } .dark .fc-button-primary { background-color: #151414; border-color: #4a4a4a; color: #fff; } .dark .fc-view > table td { border-color: #65686d; } .dark .fc-view > table th { color: #fff; border-color: #65686d; } .dark .mat-checkbox-frame { border-color: #fff; } .dark .mat-radio-outer-circle { border-color: #fff; } .dark .mat-datepicker-content .mat-calendar-next-button { color: #fff; } .dark .mat-datepicker-content .mat-calendar-previous-button { color: #fff; } .dark .mat-datepicker-content .time-container { background-color: #12161f; } .dark .mat-datepicker-content .actions { background-color: #12161f; } .dark .mat-datepicker-content .actions .mat-button-wrapper .material-icons { color: white; } .dark .mat-datepicker-content .actions .mat-stroked-button:not([disabled]) { border-color: rgba(255, 255, 255, 0.37); } .dark .mat-datepicker-toggle { color: #fff; } .dark .mat-select-value { color: #fff; } .dark .mat-form-field-appearance-legacy .mat-hint { color: #fff; } .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: #fff; } .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: #fff; } .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: #b7b7b7; } .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #fff; } .dark .mat-stepper-horizontal { background-color: #1D2125; } .dark .mat-stepper-vertical { background-color: #1D2125; } .dark .mat-horizontal-stepper-header::after { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-horizontal-stepper-header::before { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-form-field-ripple { background-color: #fff; } .dark .mat-select-arrow { color: #fff; } .dark input { caret-color: #fff; } .dark .mat-input-element { caret-color: #fff; } .dark .mat-hint { color: #fff; } .dark .mat-table { background: #1D2125; } .dark .mat-cell { color: #fff; border-bottom-color: rgba(234, 229, 229, 0.12); } .dark .mat-footer-cell { color: #fff; } .dark .mat-header-cell { color: #fff; border-bottom: 1px solid #1D2125; border-top: 1px solid #1D2125; background-color: #1D2125; font-weight: 500; } .dark .mat-paginator { color: #fff; background: #1D2125; } .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: #fff; } .dark .mat-form-field.mat-focused .mat-form-field-label { color: #fff; } .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.25); } .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: #fff; } .dark .mat-step-header .mat-step-label.mat-step-label-active { color: #fff; } .dark .mat-paginator-page-size .mat-select-trigger { color: #fff; } .dark .mat-dialog-container { background: #1D2125; color: #fff; } .dark .mat-expansion-panel { background: #101217; color: #fff; border-bottom: 1px solid #31384b; } .dark .mat-expansion-panel-header-title { color: #fff; } .dark .mat-expansion-panel-header-description { color: #fff; } .dark .mat-card { background: #12161f; color: #fff; } .dark .mat-card-subtitle { color: #fff; } .dark .mat-list-base .mat-list-option { color: #fff; } .dark .mat-list-base .mat-list-item { color: #fff; } .dark .list-group a.list-group-item { color: #fff; } .dark .list-group button.list-group-item { color: #fff; } .dark .list-group .list-group-item:hover { background-color: rgba(10, 10, 10, 0.5); } .dark .mat-tab-label, .dark .mat-tab-link { color: #fff; } .dark .materialTableHeader { background-color: #020910; } .dark .materialTableHeader h2 { color: #fff; } .dark .materialTableHeader ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; opacity: 1; /* Firefox */ } .dark .materialTableHeader :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .dark .materialTableHeader ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .dark .materialTableHeader .header-buttons-left input.search-field { background: #12161f; color: #fff; } .dark .materialTableHeader .header-buttons-left .search-icon { color: #fff; } .dark .mat-menu-panel { background: #12161f; } .dark .mat-menu-item { color: #fff; } .dark .mat-menu-item .mat-icon { color: #fff; } .dark .mat-menu-item-submenu-trigger::after { color: #fff; } .dark .mat-datepicker-content .mat-calendar { background: #12161f; color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-content { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-table-header { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-label { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(255, 255, 255, 0.32); } .dark .mat-datepicker-content .mat-calendar .mat-calendar-arrow { border-top-color: #b8bbbd; } .dark .mat-select-panel { background: #12161f; color: #b8bbbd; } .dark .mat-select-panel .mat-option { color: #b8bbbd; } .dark .mat-select-panel .mat-option.mat-active { color: #b8bbbd; background: rgba(0, 0, 0, 0.4); } .dark .mat-pseudo-checkbox { color: #b8bbbd; } .dark .mat-autocomplete-panel { background: #12161f; color: #b8bbbd; } .dark .mat-autocomplete-panel .mat-option-text { color: #b8bbbd; } .dark .container-login100 { background: #12161f; } .dark .login100-form { background-color: #1D2125; } .dark .login100-form-title, .dark .error-header, .dark .error-subheader { color: #ffffff; } .dark .txt1 { color: #fff; } .dark .apexcharts-legend-text { color: #fff !important; } .dark .mat-button[disabled], .dark .mat-icon-button[disabled], .dark .mat-stroked-button[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled] { color: rgba(255, 255, 255, 0.23); } .dark .mat-stroked-button:not([disabled]) { border-color: rgba(255, 255, 255, 0.3); } .dark .mat-bottom-sheet-container { background: #12161f; } .dark .mat-row { border-bottom-color: rgba(255, 255, 255, 0.12); } .dark .appointment-tab-box { background-color: #11141b; } .dark .owl-dt-calendar-table .owl-dt-calendar-cell { color: #fff; } .dark .owl-dt-calendar-table .owl-dt-calendar-header { color: #fff; } .dark .owl-dt-container { background: #11141b; } .dark .owl-dt-calendar-control { color: #ffffff; } .dark .owl-dt-timer-content .owl-dt-timer-input { border: 1px solid #717070; background-color: #000000; } .dark .owl-dt-container-buttons { color: #ffffff; } .dark .show-pwd-icon { color: #fff; } .dark .mat-form-field-prefix, .dark .mat-form-field-suffix { color: #fff; } .dark .app-list { background: #181c27; } .dark .lecture-list { background: #181c27; } .dark .media .media-body { color: #fff; } .dark .auth-form-section { background-color: transparent; z-index: 1; } .dark .lang-item .lang-item-list { color: #fff; } .dark .lang-item .lang-item-list.active { background-color: #10131c; } .dark .lang-item .lang-item-list:hover { background-color: #171a21; } .dark .settingSidebar { background: #1D2125; } .dark .settingSidebar .setting-panel-header { color: #ffffff; border: 1px solid #000000; background: #000000; } .dark .settingSidebar .border-bottom { border-bottom: 1px solid #3b434a !important; } .dark .breadcrumb { color: #fff; } .dark .breadcrumb-icon .feather { color: #fff; } .dark .contact-details-field .color-icon { filter: invert(68%) sepia(6%) saturate(787%) hue-rotate(177deg) brightness(94%) contrast(86%); } .dark .material-icons-two-tone { filter: invert(68%) sepia(6%) saturate(787%) hue-rotate(177deg) brightness(94%) contrast(86%); } .dark .doc-file-type .d-flex { border-bottom: 1px solid #15181d; } .dark .doc-file-type .set-flex { color: #fff; } .dark .feed-element .well { border: 1px solid #10131c; background: #10131c; } .dark .feed-activity-list .feed-element { border-bottom: 1px solid #525252; } .dark .project-activity { border: 1px solid #525252; margin-top: 20px; } .dark .project-card-header { color: #fff; } .dark .navbar-nav.navbar-right .user_profile span { color: #fff; } .dark .table-filter-select .mat-form-field-wrapper { background: none; } .dark .ngxTableHeader .header-buttons-left input.search-field { background: none; } .dark .ngxTableHeader .header-buttons-left input.search-field:focus:hover { background: #1d2125; } .dark .infinite-scroll-table .infinite-scroll-table-responsive table tfoot { background: #15181d; } .dark .chart-bg-color { background-color: #1d2125 !important; } .dark .ngx-datatable.material .datatable-body .datatable-row-left { background-color: #1d2125; } .dark .sidebar .menu .list .ml-menu-2 li.active a { background-color: #121416; } .dark .ngxTableHeader .header-buttons-left .search-icon { color: #fff; } .dark .dropdown input[type=text]::placeholder { color: #bbb; /* Light placeholder text */ } .dark .dropdown .search-icon { color: #fff; /* White icon */ } .dark .swal2-popup { background: #1d2125; color: #fff; } .dark .selected-list { background-color: #1d2125 !important; } .dark .grid-container-background { background-color: #424242; } .dark .ngxTableHeaderpop { background-color: #000000 !important; } .dark .fixed-column-checkBox .actionBtn { background-color: #000000 !important; } /* [9. Material Theme] */ .mat-badge-content { font-weight: 600; font-size: 12px; font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-badge-small .mat-badge-content { font-size: 9px; } .mat-badge-large .mat-badge-content { font-size: 24px; } .mat-h1, .mat-headline, .mat-typography .mat-h1, .mat-typography .mat-headline, .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-title, .mat-typography .mat-h2, .mat-typography .mat-title, .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h3, .mat-subheading-2, .mat-typography .mat-h3, .mat-typography .mat-subheading-2, .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h4, .mat-subheading-1, .mat-typography .mat-h4, .mat-typography .mat-subheading-1, .mat-typography h4 { font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-body-2, .mat-typography .mat-body-strong, .mat-typography .mat-body-2 { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body, .mat-body-1, .mat-typography .mat-body, .mat-typography .mat-body-1, .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-body p, .mat-body-1 p, .mat-typography .mat-body p, .mat-typography .mat-body-1 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-display-4, .mat-typography .mat-display-4 { font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.05em; margin: 0 0 56px; } .mat-display-3, .mat-typography .mat-display-3 { font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.02em; margin: 0 0 64px; } .mat-display-2, .mat-typography .mat-display-2 { font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.005em; margin: 0 0 64px; } .mat-display-1, .mat-typography .mat-display-1 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-bottom-sheet-container { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-button-toggle { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-card-title { font-size: 24px; font-weight: 500; } .mat-card-header .mat-card-title { font-size: 20px; } .mat-card-subtitle, .mat-card-content { font-size: 14px; } .mat-checkbox { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-checkbox-layout .mat-checkbox-label { line-height: 24px; } .mat-chip { font-size: 14px; font-weight: 500; } .mat-chip .mat-chip-trailing-icon.mat-icon, .mat-chip .mat-chip-remove.mat-icon { font-size: 18px; } .mat-table { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-header-cell { font-size: 12px; font-weight: 500; } .mat-cell, .mat-footer-cell { font-size: 14px; } .mat-calendar { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-calendar-body { font-size: 13px; } .mat-calendar-body-label, .mat-calendar-period-button { font-size: 14px; font-weight: 500; } .mat-calendar-table-header th { font-size: 11px; font-weight: 400; } .mat-dialog-title { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-expansion-panel-header { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 15px; font-weight: 400; } .mat-expansion-panel-content { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field { font-size: inherit; font-weight: 400; line-height: 1.125; font-family: Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-form-field-wrapper { padding-bottom: 1.34375em; } .mat-form-field-prefix .mat-icon, .mat-form-field-suffix .mat-icon { font-size: 150%; line-height: 1.125; } .mat-form-field-prefix .mat-icon-button, .mat-form-field-suffix .mat-icon-button { height: 1.5em; width: 1.5em; } .mat-form-field-prefix .mat-icon-button .mat-icon, .mat-form-field-suffix .mat-icon-button .mat-icon { height: 1.125em; line-height: 1.125; } .mat-form-field-infix { padding: 0.5em 0; border-top: 0.84375em solid transparent; } .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.34374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-label-wrapper { top: -0.84375em; padding-top: 0.84375em; } .mat-form-field-label { top: 1.34375em; } .mat-form-field-underline { bottom: 1.34375em; } .mat-form-field-subscript-wrapper { font-size: 75%; margin-top: 0.6666666667em; top: calc(100% - 1.7916666667em); } .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-infix { padding: 0.4375em 0; } .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px); width: 133.3333333333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px); width: 133.3333433333%; } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px); width: 133.3333533333%; } .mat-form-field-appearance-legacy .mat-form-field-label { top: 1.28125em; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 1.25em; } .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper { margin-top: 0.5416666667em; top: calc(100% - 1.6666666667em); } @media print { .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28122em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.28121em) scale(0.75); } .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.2812em) scale(0.75); } } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-0.59374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { padding: 1em 0 1em 0; } .mat-form-field-appearance-outline .mat-form-field-label { top: 1.84375em; margin-top: -0.25em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.59374em) scale(0.75); width: 133.3333433333%; } .mat-grid-tile-header, .mat-grid-tile-footer { font-size: 14px; } .mat-grid-tile-header .mat-line, .mat-grid-tile-footer .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-grid-tile-header .mat-line:nth-child(n+2), .mat-grid-tile-footer .mat-line:nth-child(n+2) { font-size: 12px; } input.mat-input-element { margin-top: -0.0625em; } .mat-menu-item { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 400; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; } .mat-radio-button { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-select-trigger { height: 1.125em; } .mat-slide-toggle-content { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-slider-thumb-label-text { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-step-label { font-size: 14px; font-weight: 400; } .mat-step-sub-label-error { font-weight: normal; } .mat-step-label-error { font-size: 14px; } .mat-step-label-selected { font-size: 14px; font-weight: 500; } .mat-tab-group { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tab-label, .mat-tab-link { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-toolbar, .mat-toolbar h1, .mat-toolbar h2, .mat-toolbar h3, .mat-toolbar h4, .mat-toolbar h5, .mat-toolbar h6 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0; } .mat-tooltip { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 10px; padding-top: 6px; padding-bottom: 6px; } .mat-tooltip-handset { font-size: 14px; padding-top: 8px; padding-bottom: 8px; } .mat-list-item { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-option { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-list-base .mat-list-item { font-size: 16px; } .mat-list-base .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-item .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-list-option { font-size: 16px; } .mat-list-base .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base .mat-list-option .mat-line:nth-child(n+2) { font-size: 14px; } .mat-list-base .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; font-weight: 500; } .mat-list-base[dense] .mat-list-item { font-size: 12px; } .mat-list-base[dense] .mat-list-item .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-list-option { font-size: 12px; } .mat-list-base[dense] .mat-list-option .mat-line { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; box-sizing: border-box; } .mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) { font-size: 12px; } .mat-list-base[dense] .mat-subheader { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 12px; font-weight: 500; } .mat-option { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 16px; } .mat-optgroup-label { font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; } .mat-simple-snackbar { font-family: Roboto, "Helvetica Neue", sans-serif; font-size: 14px; } .mat-simple-snackbar-action { line-height: 1; font-family: inherit; font-size: inherit; font-weight: 500; } .mat-tree { font-family: Roboto, "Helvetica Neue", sans-serif; } .mat-tree-node, .mat-nested-tree-node { font-weight: 400; font-size: 14px; } .mat-ripple { overflow: hidden; position: relative; } .mat-ripple:not(:empty) { transform: translateZ(0); } .mat-ripple.mat-ripple-unbounded { overflow: visible; } .mat-ripple-element { position: absolute; border-radius: 50%; pointer-events: none; transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1); transform: scale3d(0, 0, 0); } .cdk-high-contrast-active .mat-ripple-element { display: none; } .cdk-visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; outline: 0; -webkit-appearance: none; -moz-appearance: none; left: 0; } [dir=rtl] .cdk-visually-hidden { left: auto; right: 0; } .cdk-overlay-container, .cdk-global-overlay-wrapper { pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; } .cdk-overlay-container { position: fixed; z-index: 1000; } .cdk-overlay-container:empty { display: none; } .cdk-global-overlay-wrapper { display: flex; position: absolute; z-index: 1000; } .cdk-overlay-pane { position: absolute; pointer-events: auto; box-sizing: border-box; z-index: 1000; display: flex; max-width: 100%; max-height: 100%; } .cdk-overlay-backdrop { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1); opacity: 0; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 1; } .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 0, 0, 0.32); } .cdk-overlay-transparent-backdrop { transition: visibility 1ms linear, opacity 1ms linear; visibility: hidden; opacity: 1; } .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing { opacity: 0; visibility: visible; } .cdk-overlay-backdrop-noop-animation { transition: none; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-width: 1px; min-height: 1px; } .cdk-global-scrollblock { position: fixed; width: 100%; overflow-y: scroll; } textarea.cdk-textarea-autosize { resize: none; } textarea.cdk-textarea-autosize-measuring { padding: 2px 0 !important; box-sizing: content-box !important; height: auto !important; overflow: hidden !important; } textarea.cdk-textarea-autosize-measuring-firefox { padding: 2px 0 !important; box-sizing: content-box !important; height: 0 !important; } @keyframes cdk-text-field-autofill-start { /*!*/ } @keyframes cdk-text-field-autofill-end { /*!*/ } .cdk-text-field-autofill-monitored:-webkit-autofill { animation: cdk-text-field-autofill-start 0s 1ms; } .cdk-text-field-autofill-monitored:not(:-webkit-autofill) { animation: cdk-text-field-autofill-end 0s 1ms; } .mat-focus-indicator { position: relative; } .mat-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-focus-indicator-display, none); border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent); border-radius: var(--mat-focus-indicator-border-radius, 4px); } .mat-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-focus-indicator-display: block; } .mat-mdc-focus-indicator { position: relative; } .mat-mdc-focus-indicator::before { top: 0; left: 0; right: 0; bottom: 0; position: absolute; box-sizing: border-box; pointer-events: none; display: var(--mat-mdc-focus-indicator-display, none); border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent); border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px); } .mat-mdc-focus-indicator:focus::before { content: ""; } .cdk-high-contrast-active { --mat-mdc-focus-indicator-display: block; } .mat-ripple-element { background-color: rgba(0, 0, 0, 0.1); } .mat-option { color: rgba(0, 0, 0, 0.87); } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) { background: rgba(0, 0, 0, 0.04); } .mat-option.mat-active { background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } .mat-option.mat-option-disabled { color: rgba(0, 0, 0, 0.38); } .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) { color: #6750a4; } .mat-accent .mat-option.mat-selected:not(.mat-option-disabled) { color: #e91e63; } .mat-warn .mat-option.mat-selected:not(.mat-option-disabled) { color: #f44336; } .mat-optgroup-label { color: rgba(0, 0, 0, 0.54); } .mat-optgroup-disabled .mat-optgroup-label { color: rgba(0, 0, 0, 0.38); } .mat-pseudo-checkbox { color: rgba(0, 0, 0, 0.54); } .mat-pseudo-checkbox::after { color: #fafafa; } .mat-pseudo-checkbox-disabled { color: #b0b0b0; } .mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate { background: #6750a4; } .mat-pseudo-checkbox-checked, .mat-pseudo-checkbox-indeterminate, .mat-accent .mat-pseudo-checkbox-checked, .mat-accent .mat-pseudo-checkbox-indeterminate { background: #e91e63; } .mat-warn .mat-pseudo-checkbox-checked, .mat-warn .mat-pseudo-checkbox-indeterminate { background: #f44336; } .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled, .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled { background: #b0b0b0; } .mat-app-background { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-elevation-z0 { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z1 { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z2 { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z3 { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z4 { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z5 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z6 { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-elevation-z7 { box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); } .mat-elevation-z8 { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z9 { box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); } .mat-elevation-z10 { box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z11 { box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); } .mat-elevation-z12 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z13 { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z14 { box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); } .mat-elevation-z15 { box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z16 { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z17 { box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); } .mat-elevation-z18 { box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z19 { box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); } .mat-elevation-z20 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z21 { box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z22 { box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); } .mat-elevation-z23 { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); } .mat-elevation-z24 { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-theme-loaded-marker { display: none; } .mat-autocomplete-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-autocomplete-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) { background: white; } .mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) { color: rgba(0, 0, 0, 0.87); } .mat-badge { position: relative; } .mat-badge.mat-badge { overflow: visible; } .mat-badge-hidden .mat-badge-content { display: none; } .mat-badge-content { position: absolute; text-align: center; display: inline-block; border-radius: 50%; transition: transform 200ms ease-in-out; transform: scale(0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; } .ng-animate-disabled .mat-badge-content, .mat-badge-content._mat-animation-noopable { transition: none; } .mat-badge-content.mat-badge-active { transform: none; } .mat-badge-small .mat-badge-content { width: 16px; height: 16px; line-height: 16px; } .mat-badge-small.mat-badge-above .mat-badge-content { top: -8px; } .mat-badge-small.mat-badge-below .mat-badge-content { bottom: -8px; } .mat-badge-small.mat-badge-before .mat-badge-content { left: -16px; } [dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content { left: auto; right: -16px; } .mat-badge-small.mat-badge-after .mat-badge-content { right: -16px; } [dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content { right: auto; left: -16px; } .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -8px; } .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -8px; } [dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -8px; } .mat-badge-medium .mat-badge-content { width: 22px; height: 22px; line-height: 22px; } .mat-badge-medium.mat-badge-above .mat-badge-content { top: -11px; } .mat-badge-medium.mat-badge-below .mat-badge-content { bottom: -11px; } .mat-badge-medium.mat-badge-before .mat-badge-content { left: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content { left: auto; right: -22px; } .mat-badge-medium.mat-badge-after .mat-badge-content { right: -22px; } [dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content { right: auto; left: -22px; } .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -11px; } .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -11px; } [dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -11px; } .mat-badge-large .mat-badge-content { width: 28px; height: 28px; line-height: 28px; } .mat-badge-large.mat-badge-above .mat-badge-content { top: -14px; } .mat-badge-large.mat-badge-below .mat-badge-content { bottom: -14px; } .mat-badge-large.mat-badge-before .mat-badge-content { left: -28px; } [dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content { left: auto; right: -28px; } .mat-badge-large.mat-badge-after .mat-badge-content { right: -28px; } [dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content { right: auto; left: -28px; } .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content { left: auto; right: -14px; } .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: -14px; } [dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content { right: auto; left: -14px; } .mat-badge-content { color: white; background: #6750a4; } .cdk-high-contrast-active .mat-badge-content { outline: solid 1px; border-radius: 0; } .mat-badge-accent .mat-badge-content { background: #e91e63; color: white; } .mat-badge-warn .mat-badge-content { color: white; background: #f44336; } .mat-badge-disabled .mat-badge-content { background: #b9b9b9; color: rgba(0, 0, 0, 0.38); } .mat-bottom-sheet-container { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-button, .mat-icon-button, .mat-stroked-button { color: inherit; background: transparent; } .mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary { color: #6750a4; } .mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent { color: #e91e63; } .mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn { color: #f44336; } .mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay { background-color: #6750a4; } .mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay { background-color: #e91e63; } .mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay { background-color: #f44336; } .mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay { background-color: transparent; } .mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element { opacity: 0.1; background-color: currentColor; } .mat-button-focus-overlay { background: black; } .mat-stroked-button:not(.mat-button-disabled) { border-color: rgba(0, 0, 0, 0.12); } .mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab { color: rgba(0, 0, 0, 0.87); background-color: white; } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { color: white; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { color: white; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { color: white; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { color: rgba(0, 0, 0, 0.26); } .mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color: #6750a4; } .mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent { background-color: #e91e63; } .mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn { background-color: #f44336; } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: rgba(0, 0, 0, 0.12); } .mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); } .mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) { box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); } .mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone:not([class*=mat-elevation-z]), .mat-button-toggle-group:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]), .mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) { box-shadow: none; } .mat-button-toggle { color: rgba(0, 0, 0, 0.38); } .mat-button-toggle .mat-button-toggle-focus-overlay { background-color: rgba(0, 0, 0, 0.12); } .mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); background: white; } .mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay { background-color: black; } .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: solid 1px #e0e0e0; } [dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: solid 1px #e0e0e0; } .mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle { border-left: none; border-right: none; border-top: solid 1px #e0e0e0; } .mat-button-toggle-checked { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.54); } .mat-button-toggle-checked.mat-button-toggle-appearance-standard { color: rgba(0, 0, 0, 0.87); } .mat-button-toggle-disabled { color: rgba(0, 0, 0, 0.26); background-color: #eeeeee; } .mat-button-toggle-disabled.mat-button-toggle-appearance-standard { background: white; } .mat-button-toggle-disabled.mat-button-toggle-checked { background-color: #bdbdbd; } .mat-button-toggle-standalone.mat-button-toggle-appearance-standard, .mat-button-toggle-group-appearance-standard { border: solid 1px #e0e0e0; } .mat-card { background: white; color: rgba(0, 0, 0, 0.87); } .mat-card:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); } .mat-card.mat-card-flat:not([class*=mat-elevation-z]) { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12); } .mat-card-subtitle { color: rgba(0, 0, 0, 0.54); } .mat-checkbox-frame { border-color: rgba(0, 0, 0, 0.54); } .mat-checkbox-checkmark { fill: #fafafa; } .mat-checkbox-checkmark-path { stroke: #fafafa !important; } .mat-checkbox-mixedmark { background-color: #fafafa; } .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background { background-color: #6750a4; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #e91e63; } .mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background { background-color: #f44336; } .mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background { background-color: #b0b0b0; } .mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame { border-color: #b0b0b0; } .mat-checkbox-disabled .mat-checkbox-label { color: rgba(0, 0, 0, 0.38); } .mat-checkbox .mat-ripple-element { background-color: black; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element { background: #6750a4; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element { background: #e91e63; } .mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element, .mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element { background: #f44336; } .mat-chip.mat-standard-chip { background-color: #e0e0e0; color: rgba(0, 0, 0, 0.87); } .mat-chip.mat-standard-chip .mat-chip-remove { color: rgba(0, 0, 0, 0.87); opacity: 0.4; } .mat-chip.mat-standard-chip:not(.mat-chip-disabled):active { box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12); } .mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover { opacity: 0.54; } .mat-chip.mat-standard-chip.mat-chip-disabled { opacity: 0.4; } .mat-chip.mat-standard-chip::after { background: black; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary { background-color: #6750a4; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn { background-color: #f44336; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent { background-color: #e91e63; color: white; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove { color: white; opacity: 0.4; } .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element { background-color: rgba(255, 255, 255, 0.1); } .mat-table { background: white; } .mat-table thead, .mat-table tbody, .mat-table tfoot, mat-header-row, mat-row, mat-footer-row, [mat-header-row], [mat-row], [mat-footer-row], .mat-table-sticky { background: inherit; } mat-row, mat-header-row, mat-footer-row, th.mat-header-cell, td.mat-cell, td.mat-footer-cell { border-bottom-color: rgba(0, 0, 0, 0.12); } .mat-header-cell { color: rgba(0, 0, 0, 0.54); } .mat-cell, .mat-footer-cell { color: rgba(0, 0, 0, 0.87); } .mat-calendar-arrow { fill: rgba(0, 0, 0, 0.54); } .mat-datepicker-toggle, .mat-datepicker-content .mat-calendar-next-button, .mat-datepicker-content .mat-calendar-previous-button { color: rgba(0, 0, 0, 0.54); } .mat-calendar-table-header-divider::after { background: rgba(0, 0, 0, 0.12); } .mat-calendar-table-header, .mat-calendar-body-label { color: rgba(0, 0, 0, 0.54); } .mat-calendar-body-cell-content, .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.87); border-color: transparent; } .mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { color: rgba(0, 0, 0, 0.38); } .mat-form-field-disabled .mat-date-range-input-separator { color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-in-preview { color: rgba(0, 0, 0, 0.24); } .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.38); } .mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { border-color: rgba(0, 0, 0, 0.18); } .mat-calendar-body-in-range::before { background: rgba(103, 80, 164, 0.2); } .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-calendar-body-comparison-bridge-start::before, [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(103, 80, 164, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-comparison-bridge-end::before, [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(103, 80, 164, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-calendar-body-selected { background-color: #6750a4; color: white; } .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(103, 80, 164, 0.4); } .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(103, 80, 164, 0.3); } @media (hover: hover) { .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(103, 80, 164, 0.3); } } .mat-datepicker-content { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before { background: rgba(233, 30, 99, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(233, 30, 99, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(233, 30, 99, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-accent .mat-calendar-body-selected { background-color: #e91e63; color: white; } .mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(233, 30, 99, 0.4); } .mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(233, 30, 99, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(233, 30, 99, 0.3); } } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before { background: rgba(244, 67, 54, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before { background: rgba(249, 171, 0, 0.2); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before { background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before, .mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before { background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%); } .mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after { background: #a8dab5; } .mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected, .mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected { background: #46a35e; } .mat-datepicker-content.mat-warn .mat-calendar-body-selected { background-color: #f44336; color: white; } .mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected { background-color: rgba(244, 67, 54, 0.4); } .mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected { box-shadow: inset 0 0 0 1px white; } .mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } @media (hover: hover) { .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) { background-color: rgba(244, 67, 54, 0.3); } } .mat-datepicker-content-touch { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); } .mat-datepicker-toggle-active { color: #6750a4; } .mat-datepicker-toggle-active.mat-accent { color: #e91e63; } .mat-datepicker-toggle-active.mat-warn { color: #f44336; } .mat-date-range-input-inner[disabled] { color: rgba(0, 0, 0, 0.38); } .mat-dialog-container { box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); background: white; color: rgba(0, 0, 0, 0.87); } .mat-divider { border-top-color: rgba(0, 0, 0, 0.12); } .mat-divider-vertical { border-right-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel { background: white; color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); } .mat-action-row { border-top-color: rgba(0, 0, 0, 0.12); } .mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) { background: rgba(0, 0, 0, 0.04); } @media (hover: none) { .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover { background: white; } } .mat-expansion-panel-header-title { color: rgba(0, 0, 0, 0.87); } .mat-expansion-panel-header-description, .mat-expansion-indicator::after { color: rgba(0, 0, 0, 0.54); } .mat-expansion-panel-header[aria-disabled=true] { color: rgba(0, 0, 0, 0.26); } .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title, .mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description { color: inherit; } .mat-form-field-label { color: rgba(0, 0, 0, 0.6); } .mat-hint { color: rgba(0, 0, 0, 0.6); } .mat-form-field.mat-focused .mat-form-field-label { color: #6750a4; } .mat-form-field.mat-focused .mat-form-field-label.mat-accent { color: #e91e63; } .mat-form-field.mat-focused .mat-form-field-label.mat-warn { color: #f44336; } .mat-focused .mat-form-field-required-marker { color: #e91e63; } .mat-form-field-ripple { background-color: rgba(0, 0, 0, 0.87); } .mat-form-field.mat-focused .mat-form-field-ripple { background-color: #6750a4; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-accent { background-color: #e91e63; } .mat-form-field.mat-focused .mat-form-field-ripple.mat-warn { background-color: #f44336; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after { color: #6750a4; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after { color: #e91e63; } .mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent, .mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker { color: #f44336; } .mat-form-field.mat-form-field-invalid .mat-form-field-ripple, .mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent { background-color: #f44336; } .mat-error { color: #f44336; } .mat-form-field-appearance-legacy .mat-form-field-label { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-hint { color: rgba(0, 0, 0, 0.54); } .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-standard .mat-form-field-underline { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%); background-size: 4px 100%; background-repeat: repeat-x; } .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.04); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.02); } .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: rgba(0, 0, 0, 0.42); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before { background-color: transparent; } .mat-form-field-appearance-outline .mat-form-field-outline { color: rgba(0, 0, 0, 0.12); } .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: rgba(0, 0, 0, 0.87); } .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #6750a4; } .mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick { color: #e91e63; } .mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick { color: #f44336; } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label { color: rgba(0, 0, 0, 0.38); } .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline { color: rgba(0, 0, 0, 0.06); } .mat-icon.mat-primary { color: #6750a4; } .mat-icon.mat-accent { color: #e91e63; } .mat-icon.mat-warn { color: #f44336; } .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.54); } .mat-input-element:disabled, .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after { color: rgba(0, 0, 0, 0.38); } .mat-input-element { caret-color: #6750a4; } .mat-input-element::placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-moz-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-input-element:-ms-input-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-form-field.mat-accent .mat-input-element { caret-color: #e91e63; } .mat-form-field.mat-warn .mat-input-element, .mat-form-field-invalid .mat-input-element { caret-color: #f44336; } .mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after { color: #f44336; } .mat-list-base .mat-list-item { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-list-option { color: rgba(0, 0, 0, 0.87); } .mat-list-base .mat-subheader { color: rgba(0, 0, 0, 0.54); } .mat-list-base .mat-list-item-disabled { background-color: #eeeeee; color: rgba(0, 0, 0, 0.38); } .mat-list-option:hover, .mat-list-option:focus, .mat-nav-list .mat-list-item:hover, .mat-nav-list .mat-list-item:focus, .mat-action-list .mat-list-item:hover, .mat-action-list .mat-list-item:focus { background: rgba(0, 0, 0, 0.04); } .mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus { background: rgba(0, 0, 0, 0.12); } .mat-menu-panel { background: white; } .mat-menu-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-menu-item { background: transparent; color: rgba(0, 0, 0, 0.87); } .mat-menu-item[disabled], .mat-menu-item[disabled] .mat-menu-submenu-icon, .mat-menu-item[disabled] .mat-icon-no-color { color: rgba(0, 0, 0, 0.38); } .mat-menu-item .mat-icon-no-color, .mat-menu-submenu-icon { color: rgba(0, 0, 0, 0.54); } .mat-menu-item:hover:not([disabled]), .mat-menu-item.cdk-program-focused:not([disabled]), .mat-menu-item.cdk-keyboard-focused:not([disabled]), .mat-menu-item-highlighted:not([disabled]) { background: rgba(0, 0, 0, 0.04); } .mat-paginator { background: white; } .mat-paginator, .mat-paginator-page-size .mat-select-trigger { color: rgba(0, 0, 0, 0.54); } .mat-paginator-decrement, .mat-paginator-increment { border-top: 2px solid rgba(0, 0, 0, 0.54); border-right: 2px solid rgba(0, 0, 0, 0.54); } .mat-paginator-first, .mat-paginator-last { border-top: 2px solid rgba(0, 0, 0, 0.54); } .mat-icon-button[disabled] .mat-paginator-decrement, .mat-icon-button[disabled] .mat-paginator-increment, .mat-icon-button[disabled] .mat-paginator-first, .mat-icon-button[disabled] .mat-paginator-last { border-color: rgba(0, 0, 0, 0.38); } .mat-progress-bar-background { fill: #d5d0e5; } .mat-progress-bar-buffer { background-color: #d5d0e5; } .mat-progress-bar-fill::after { background-color: #6750a4; } .mat-progress-bar.mat-accent .mat-progress-bar-background { fill: #f6c3d4; } .mat-progress-bar.mat-accent .mat-progress-bar-buffer { background-color: #f6c3d4; } .mat-progress-bar.mat-accent .mat-progress-bar-fill::after { background-color: #e91e63; } .mat-progress-bar.mat-warn .mat-progress-bar-background { fill: #f9ccc9; } .mat-progress-bar.mat-warn .mat-progress-bar-buffer { background-color: #f9ccc9; } .mat-progress-bar.mat-warn .mat-progress-bar-fill::after { background-color: #f44336; } .mat-progress-spinner circle, .mat-spinner circle { stroke: #6750a4; } .mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle { stroke: #e91e63; } .mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle { stroke: #f44336; } .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle { border-color: #6750a4; } .mat-radio-button.mat-primary .mat-radio-inner-circle, .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple { background-color: #6750a4; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #e91e63; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #e91e63; } .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle { border-color: #f44336; } .mat-radio-button.mat-warn .mat-radio-inner-circle, .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple { background-color: #f44336; } .mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle, .mat-radio-button.mat-radio-disabled .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element, .mat-radio-button.mat-radio-disabled .mat-radio-inner-circle { background-color: rgba(0, 0, 0, 0.38); } .mat-radio-button.mat-radio-disabled .mat-radio-label-content { color: rgba(0, 0, 0, 0.38); } .mat-radio-button .mat-ripple-element { background-color: black; } .mat-select-value { color: rgba(0, 0, 0, 0.87); } .mat-select-placeholder { color: rgba(0, 0, 0, 0.42); } .mat-select-disabled .mat-select-value { color: rgba(0, 0, 0, 0.38); } .mat-select-arrow { color: rgba(0, 0, 0, 0.54); } .mat-select-panel { background: white; } .mat-select-panel:not([class*=mat-elevation-z]) { box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); } .mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) { background: rgba(0, 0, 0, 0.12); } .mat-form-field.mat-focused.mat-primary .mat-select-arrow { color: #6750a4; } .mat-form-field.mat-focused.mat-accent .mat-select-arrow { color: #e91e63; } .mat-form-field.mat-focused.mat-warn .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-invalid .mat-select-arrow { color: #f44336; } .mat-form-field .mat-select.mat-select-disabled .mat-select-arrow { color: rgba(0, 0, 0, 0.38); } .mat-drawer-container { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); } .mat-drawer { background-color: white; color: rgba(0, 0, 0, 0.87); } .mat-drawer.mat-drawer-push { background-color: white; } .mat-drawer:not(.mat-drawer-side) { box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); } .mat-drawer-side { border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-side.mat-drawer-end { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side { border-left: solid 1px rgba(0, 0, 0, 0.12); border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-left: none; border-right: solid 1px rgba(0, 0, 0, 0.12); } .mat-drawer-backdrop.mat-drawer-shown { background-color: rgba(0, 0, 0, 0.6); } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #e91e63; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(233, 30, 99, 0.54); } .mat-slide-toggle.mat-checked .mat-ripple-element { background-color: #e91e63; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb { background-color: #6750a4; } .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar { background-color: rgba(103, 80, 164, 0.54); } .mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element { background-color: #6750a4; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb { background-color: #f44336; } .mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar { background-color: rgba(244, 67, 54, 0.54); } .mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element { background-color: #f44336; } .mat-slide-toggle:not(.mat-checked) .mat-ripple-element { background-color: black; } .mat-slide-toggle-thumb { box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12); background-color: #fafafa; } .mat-slide-toggle-bar { background-color: rgba(0, 0, 0, 0.38); } .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-primary .mat-slider-track-fill, .mat-slider.mat-primary .mat-slider-thumb, .mat-slider.mat-primary .mat-slider-thumb-label { background-color: #6750a4; } .mat-slider.mat-primary .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-primary .mat-slider-focus-ring { background-color: rgba(103, 80, 164, 0.2); } .mat-slider.mat-accent .mat-slider-track-fill, .mat-slider.mat-accent .mat-slider-thumb, .mat-slider.mat-accent .mat-slider-thumb-label { background-color: #e91e63; } .mat-slider.mat-accent .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-accent .mat-slider-focus-ring { background-color: rgba(233, 30, 99, 0.2); } .mat-slider.mat-warn .mat-slider-track-fill, .mat-slider.mat-warn .mat-slider-thumb, .mat-slider.mat-warn .mat-slider-thumb-label { background-color: #f44336; } .mat-slider.mat-warn .mat-slider-thumb-label-text { color: white; } .mat-slider.mat-warn .mat-slider-focus-ring { background-color: rgba(244, 67, 54, 0.2); } .mat-slider:hover .mat-slider-track-background, .mat-slider.cdk-focused .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-disabled .mat-slider-track-background, .mat-slider.mat-slider-disabled .mat-slider-track-fill, .mat-slider.mat-slider-disabled .mat-slider-thumb { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-disabled:hover .mat-slider-track-background { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value .mat-slider-focus-ring { background-color: rgba(0, 0, 0, 0.12); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.87); } .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb, .mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label { background-color: rgba(0, 0, 0, 0.26); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); background-color: transparent; } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.38); } .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb { border-color: rgba(0, 0, 0, 0.26); } .mat-slider-has-ticks .mat-slider-wrapper::after { border-color: rgba(0, 0, 0, 0.7); } .mat-slider-horizontal .mat-slider-ticks { background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-slider-vertical .mat-slider-ticks { background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent); } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] { background-color: rgba(0, 0, 0, 0.04); } .mat-step-header:hover[aria-disabled=true] { cursor: default; } @media (hover: none) { .mat-step-header:hover { background: none; } } .mat-step-header .mat-step-label, .mat-step-header .mat-step-optional { color: rgba(0, 0, 0, 0.54); } .mat-step-header .mat-step-icon { background-color: rgba(0, 0, 0, 0.54); color: white; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #6750a4; color: white; } .mat-step-header.mat-accent .mat-step-icon { color: white; } .mat-step-header.mat-accent .mat-step-icon-selected, .mat-step-header.mat-accent .mat-step-icon-state-done, .mat-step-header.mat-accent .mat-step-icon-state-edit { background-color: #e91e63; color: white; } .mat-step-header.mat-warn .mat-step-icon { color: white; } .mat-step-header.mat-warn .mat-step-icon-selected, .mat-step-header.mat-warn .mat-step-icon-state-done, .mat-step-header.mat-warn .mat-step-icon-state-edit { background-color: #f44336; color: white; } .mat-step-header .mat-step-icon-state-error { background-color: transparent; color: #f44336; } .mat-step-header .mat-step-label.mat-step-label-active { color: rgba(0, 0, 0, 0.87); } .mat-step-header .mat-step-label.mat-step-label-error { color: #f44336; } .mat-stepper-horizontal, .mat-stepper-vertical { background-color: white; } .mat-stepper-vertical-line::before { border-left-color: rgba(0, 0, 0, 0.12); } .mat-horizontal-stepper-header::before, .mat-horizontal-stepper-header::after, .mat-stepper-horizontal-line { border-top-color: rgba(0, 0, 0, 0.12); } .mat-sort-header-arrow { color: #757575; } .mat-tab-nav-bar, .mat-tab-header { border-bottom: 1px solid rgba(0, 0, 0, 0.12); } .mat-tab-group-inverted-header .mat-tab-nav-bar, .mat-tab-group-inverted-header .mat-tab-header { border-top: 1px solid rgba(0, 0, 0, 0.12); border-bottom: none; } .mat-tab-label, .mat-tab-link { color: rgba(0, 0, 0, 0.87); } .mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled { color: rgba(0, 0, 0, 0.38); } .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.87); } .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: rgba(0, 0, 0, 0.38); } .mat-tab-group[class*=mat-background-] > .mat-tab-header, .mat-tab-nav-bar[class*=mat-background-] { border-bottom: none; border-top: none; } .mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(182, 197, 208, 0.3); } .mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar { background-color: #6750a4; } .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 187, 208, 0.3); } .mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar { background-color: #e91e63; } .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar { background-color: #f44336; } .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar { background-color: white; } .mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(182, 197, 208, 0.3); } .mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination { background-color: #6750a4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(248, 187, 208, 0.3); } .mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination { background-color: #e91e63; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) { background-color: rgba(255, 205, 210, 0.3); } .mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination { background-color: #f44336; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link { color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled { color: rgba(255, 255, 255, 0.4); } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before { border-color: white; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron { border-color: white; opacity: 0.4; } .mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element { background-color: white; opacity: 0.12; } .mat-toolbar { background: whitesmoke; color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { background: #6750a4; color: white; } .mat-toolbar.mat-accent { background: #e91e63; color: white; } .mat-toolbar.mat-warn { background: #f44336; color: white; } .mat-toolbar .mat-form-field-underline, .mat-toolbar .mat-form-field-ripple, .mat-toolbar .mat-focused .mat-form-field-ripple { background-color: currentColor; } .mat-toolbar .mat-form-field-label, .mat-toolbar .mat-focused .mat-form-field-label, .mat-toolbar .mat-select-value, .mat-toolbar .mat-select-arrow, .mat-toolbar .mat-form-field.mat-focused .mat-select-arrow { color: inherit; } .mat-toolbar .mat-input-element { caret-color: currentColor; } .mat-tooltip { background: rgba(97, 97, 97, 0.9); } .mat-tree { background: white; } .mat-tree-node, .mat-nested-tree-node { color: rgba(0, 0, 0, 0.87); } .mat-snack-bar-container { color: rgba(255, 255, 255, 0.7); background: #323232; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); } .mat-simple-snackbar-action { color: #e91e63; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #BBB; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-color: var(--ag-secondary-border-color); --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-dnd-ghost { background-color: var(--ag-background-color); } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-no-transition { transition: none !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -webkit-user-select: none; user-select: none; } .ag-selectable { -webkit-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9B9B9B; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport { -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-center-cols-viewport { min-height: 100%; width: 100%; overflow-x: auto; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; } .ag-header-cell-label { overflow: hidden; text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -4px; } .ag-rtl .ag-header-cell-resize { left: -4px; } .ag-pinned-left-header .ag-header-cell-resize { right: -4px; } .ag-pinned-right-header .ag-header-cell-resize { left: -4px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; word-break: break-all; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; overflow: hidden; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { position: absolute; display: inline-flex; align-items: center; cursor: move; white-space: nowrap; z-index: 9999; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -webkit-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top { position: absolute; display: flex; width: 100%; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -webkit-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -webkit-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -webkit-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -webkit-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: block; flex: 1 1 auto; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: hidden; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue { cursor: default; background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); } .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { width: 100%; height: 100%; } .ag-spectrum-alpha-background { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(0, 0, 0)); width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-ltr .ag-column-select-indent-1 { padding-left: 20px; } .ag-rtl .ag-column-select-indent-1 { padding-right: 20px; } .ag-ltr .ag-set-filter-indent-1 { padding-left: 20px; } .ag-rtl .ag-set-filter-indent-1 { padding-right: 20px; } .ag-ltr .ag-row-group-indent-1 { padding-left: 20px; } .ag-rtl .ag-row-group-indent-1 { padding-right: 20px; } .ag-ltr .ag-column-select-indent-2 { padding-left: 40px; } .ag-rtl .ag-column-select-indent-2 { padding-right: 40px; } .ag-ltr .ag-set-filter-indent-2 { padding-left: 40px; } .ag-rtl .ag-set-filter-indent-2 { padding-right: 40px; } .ag-ltr .ag-row-group-indent-2 { padding-left: 40px; } .ag-rtl .ag-row-group-indent-2 { padding-right: 40px; } .ag-ltr .ag-column-select-indent-3 { padding-left: 60px; } .ag-rtl .ag-column-select-indent-3 { padding-right: 60px; } .ag-ltr .ag-set-filter-indent-3 { padding-left: 60px; } .ag-rtl .ag-set-filter-indent-3 { padding-right: 60px; } .ag-ltr .ag-row-group-indent-3 { padding-left: 60px; } .ag-rtl .ag-row-group-indent-3 { padding-right: 60px; } .ag-ltr .ag-column-select-indent-4 { padding-left: 80px; } .ag-rtl .ag-column-select-indent-4 { padding-right: 80px; } .ag-ltr .ag-set-filter-indent-4 { padding-left: 80px; } .ag-rtl .ag-set-filter-indent-4 { padding-right: 80px; } .ag-ltr .ag-row-group-indent-4 { padding-left: 80px; } .ag-rtl .ag-row-group-indent-4 { padding-right: 80px; } .ag-ltr .ag-column-select-indent-5 { padding-left: 100px; } .ag-rtl .ag-column-select-indent-5 { padding-right: 100px; } .ag-ltr .ag-set-filter-indent-5 { padding-left: 100px; } .ag-rtl .ag-set-filter-indent-5 { padding-right: 100px; } .ag-ltr .ag-row-group-indent-5 { padding-left: 100px; } .ag-rtl .ag-row-group-indent-5 { padding-right: 100px; } .ag-ltr .ag-column-select-indent-6 { padding-left: 120px; } .ag-rtl .ag-column-select-indent-6 { padding-right: 120px; } .ag-ltr .ag-set-filter-indent-6 { padding-left: 120px; } .ag-rtl .ag-set-filter-indent-6 { padding-right: 120px; } .ag-ltr .ag-row-group-indent-6 { padding-left: 120px; } .ag-rtl .ag-row-group-indent-6 { padding-right: 120px; } .ag-ltr .ag-column-select-indent-7 { padding-left: 140px; } .ag-rtl .ag-column-select-indent-7 { padding-right: 140px; } .ag-ltr .ag-set-filter-indent-7 { padding-left: 140px; } .ag-rtl .ag-set-filter-indent-7 { padding-right: 140px; } .ag-ltr .ag-row-group-indent-7 { padding-left: 140px; } .ag-rtl .ag-row-group-indent-7 { padding-right: 140px; } .ag-ltr .ag-column-select-indent-8 { padding-left: 160px; } .ag-rtl .ag-column-select-indent-8 { padding-right: 160px; } .ag-ltr .ag-set-filter-indent-8 { padding-left: 160px; } .ag-rtl .ag-set-filter-indent-8 { padding-right: 160px; } .ag-ltr .ag-row-group-indent-8 { padding-left: 160px; } .ag-rtl .ag-row-group-indent-8 { padding-right: 160px; } .ag-ltr .ag-column-select-indent-9 { padding-left: 180px; } .ag-rtl .ag-column-select-indent-9 { padding-right: 180px; } .ag-ltr .ag-set-filter-indent-9 { padding-left: 180px; } .ag-rtl .ag-set-filter-indent-9 { padding-right: 180px; } .ag-ltr .ag-row-group-indent-9 { padding-left: 180px; } .ag-rtl .ag-row-group-indent-9 { padding-right: 180px; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { page-break-inside: avoid; break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -webkit-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-display { height: var(--ag-icon-size); } .ag-color-picker .ag-picker-field-wrapper { max-width: 45px; min-width: 45px; } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 1px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; background-color: rgb(248, 248, 248); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height) !important; line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-rich-select-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-indent-1 { padding-left: calc(1 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-1 { padding-right: calc(1 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-2 { padding-left: calc(2 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-2 { padding-right: calc(2 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-3 { padding-left: calc(3 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-3 { padding-right: calc(3 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-4 { padding-left: calc(4 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-4 { padding-right: calc(4 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-5 { padding-left: calc(5 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-5 { padding-right: calc(5 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-6 { padding-left: calc(6 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-6 { padding-right: calc(6 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-7 { padding-left: calc(7 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-7 { padding-right: calc(7 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-8 { padding-left: calc(8 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-8 { padding-right: calc(8 * var(--ag-column-select-indent-size)); } .ag-ltr .ag-column-select-indent-9 { padding-left: calc(9 * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-indent-9 { padding-right: calc(9 * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-1 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 1); } .ag-ltr .ag-row-group-indent-1 { padding-left: calc(1 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-1 { padding-right: calc(1 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-2 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 2); } .ag-ltr .ag-row-group-indent-2 { padding-left: calc(2 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-2 { padding-right: calc(2 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-3 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 3); } .ag-ltr .ag-row-group-indent-3 { padding-left: calc(3 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-3 { padding-right: calc(3 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-4 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 4); } .ag-ltr .ag-row-group-indent-4 { padding-left: calc(4 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-4 { padding-right: calc(4 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-5 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 5); } .ag-ltr .ag-row-group-indent-5 { padding-left: calc(5 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-5 { padding-right: calc(5 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-6 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 6); } .ag-ltr .ag-row-group-indent-6 { padding-left: calc(6 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-6 { padding-right: calc(6 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-7 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 7); } .ag-ltr .ag-row-group-indent-7 { padding-left: calc(7 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-7 { padding-right: calc(7 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-8 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 8); } .ag-ltr .ag-row-group-indent-8 { padding-left: calc(8 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-8 { padding-right: calc(8 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-9 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 9); } .ag-ltr .ag-row-group-indent-9 { padding-left: calc(9 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-9 { padding-right: calc(9 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-10 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 10); } .ag-ltr .ag-row-group-indent-10 { padding-left: calc(10 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-10 { padding-right: calc(10 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-11 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 11); } .ag-ltr .ag-row-group-indent-11 { padding-left: calc(11 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-11 { padding-right: calc(11 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-12 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 12); } .ag-ltr .ag-row-group-indent-12 { padding-left: calc(12 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-12 { padding-right: calc(12 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-13 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 13); } .ag-ltr .ag-row-group-indent-13 { padding-left: calc(13 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-13 { padding-right: calc(13 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-14 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 14); } .ag-ltr .ag-row-group-indent-14 { padding-left: calc(14 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-14 { padding-right: calc(14 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-15 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 15); } .ag-ltr .ag-row-group-indent-15 { padding-left: calc(15 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-15 { padding-right: calc(15 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-16 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 16); } .ag-ltr .ag-row-group-indent-16 { padding-left: calc(16 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-16 { padding-right: calc(16 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-17 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 17); } .ag-ltr .ag-row-group-indent-17 { padding-left: calc(17 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-17 { padding-right: calc(17 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-18 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 18); } .ag-ltr .ag-row-group-indent-18 { padding-left: calc(18 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-18 { padding-right: calc(18 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-19 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 19); } .ag-ltr .ag-row-group-indent-19 { padding-left: calc(19 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-19 { padding-right: calc(19 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-20 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 20); } .ag-ltr .ag-row-group-indent-20 { padding-left: calc(20 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-20 { padding-right: calc(20 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-21 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 21); } .ag-ltr .ag-row-group-indent-21 { padding-left: calc(21 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-21 { padding-right: calc(21 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-22 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 22); } .ag-ltr .ag-row-group-indent-22 { padding-left: calc(22 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-22 { padding-right: calc(22 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-23 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 23); } .ag-ltr .ag-row-group-indent-23 { padding-left: calc(23 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-23 { padding-right: calc(23 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-24 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 24); } .ag-ltr .ag-row-group-indent-24 { padding-left: calc(24 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-24 { padding-right: calc(24 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-25 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 25); } .ag-ltr .ag-row-group-indent-25 { padding-left: calc(25 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-25 { padding-right: calc(25 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-26 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 26); } .ag-ltr .ag-row-group-indent-26 { padding-left: calc(26 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-26 { padding-right: calc(26 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-27 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 27); } .ag-ltr .ag-row-group-indent-27 { padding-left: calc(27 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-27 { padding-right: calc(27 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-28 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 28); } .ag-ltr .ag-row-group-indent-28 { padding-left: calc(28 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-28 { padding-right: calc(28 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-29 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 29); } .ag-ltr .ag-row-group-indent-29 { padding-left: calc(29 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-29 { padding-right: calc(29 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-30 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 30); } .ag-ltr .ag-row-group-indent-30 { padding-left: calc(30 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-30 { padding-right: calc(30 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-31 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 31); } .ag-ltr .ag-row-group-indent-31 { padding-left: calc(31 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-31 { padding-right: calc(31 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-32 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 32); } .ag-ltr .ag-row-group-indent-32 { padding-left: calc(32 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-32 { padding-right: calc(32 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-33 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 33); } .ag-ltr .ag-row-group-indent-33 { padding-left: calc(33 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-33 { padding-right: calc(33 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-34 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 34); } .ag-ltr .ag-row-group-indent-34 { padding-left: calc(34 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-34 { padding-right: calc(34 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-35 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 35); } .ag-ltr .ag-row-group-indent-35 { padding-left: calc(35 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-35 { padding-right: calc(35 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-36 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 36); } .ag-ltr .ag-row-group-indent-36 { padding-left: calc(36 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-36 { padding-right: calc(36 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-37 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 37); } .ag-ltr .ag-row-group-indent-37 { padding-left: calc(37 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-37 { padding-right: calc(37 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-38 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 38); } .ag-ltr .ag-row-group-indent-38 { padding-left: calc(38 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-38 { padding-right: calc(38 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-39 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 39); } .ag-ltr .ag-row-group-indent-39 { padding-left: calc(39 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-39 { padding-right: calc(39 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-40 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 40); } .ag-ltr .ag-row-group-indent-40 { padding-left: calc(40 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-40 { padding-right: calc(40 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-41 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 41); } .ag-ltr .ag-row-group-indent-41 { padding-left: calc(41 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-41 { padding-right: calc(41 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-42 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 42); } .ag-ltr .ag-row-group-indent-42 { padding-left: calc(42 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-42 { padding-right: calc(42 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-43 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 43); } .ag-ltr .ag-row-group-indent-43 { padding-left: calc(43 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-43 { padding-right: calc(43 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-44 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 44); } .ag-ltr .ag-row-group-indent-44 { padding-left: calc(44 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-44 { padding-right: calc(44 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-45 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 45); } .ag-ltr .ag-row-group-indent-45 { padding-left: calc(45 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-45 { padding-right: calc(45 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-46 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 46); } .ag-ltr .ag-row-group-indent-46 { padding-left: calc(46 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-46 { padding-right: calc(46 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-47 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 47); } .ag-ltr .ag-row-group-indent-47 { padding-left: calc(47 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-47 { padding-right: calc(47 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-48 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 48); } .ag-ltr .ag-row-group-indent-48 { padding-left: calc(48 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-48 { padding-right: calc(48 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-49 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 49); } .ag-ltr .ag-row-group-indent-49 { padding-left: calc(49 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-49 { padding-right: calc(49 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-50 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 50); } .ag-ltr .ag-row-group-indent-50 { padding-left: calc(50 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-50 { padding-right: calc(50 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-51 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 51); } .ag-ltr .ag-row-group-indent-51 { padding-left: calc(51 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-51 { padding-right: calc(51 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-52 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 52); } .ag-ltr .ag-row-group-indent-52 { padding-left: calc(52 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-52 { padding-right: calc(52 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-53 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 53); } .ag-ltr .ag-row-group-indent-53 { padding-left: calc(53 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-53 { padding-right: calc(53 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-54 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 54); } .ag-ltr .ag-row-group-indent-54 { padding-left: calc(54 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-54 { padding-right: calc(54 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-55 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 55); } .ag-ltr .ag-row-group-indent-55 { padding-left: calc(55 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-55 { padding-right: calc(55 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-56 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 56); } .ag-ltr .ag-row-group-indent-56 { padding-left: calc(56 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-56 { padding-right: calc(56 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-57 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 57); } .ag-ltr .ag-row-group-indent-57 { padding-left: calc(57 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-57 { padding-right: calc(57 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-58 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 58); } .ag-ltr .ag-row-group-indent-58 { padding-left: calc(58 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-58 { padding-right: calc(58 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-59 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 59); } .ag-ltr .ag-row-group-indent-59 { padding-left: calc(59 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-59 { padding-right: calc(59 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-60 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 60); } .ag-ltr .ag-row-group-indent-60 { padding-left: calc(60 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-60 { padding-right: calc(60 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-61 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 61); } .ag-ltr .ag-row-group-indent-61 { padding-left: calc(61 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-61 { padding-right: calc(61 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-62 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 62); } .ag-ltr .ag-row-group-indent-62 { padding-left: calc(62 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-62 { padding-right: calc(62 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-63 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 63); } .ag-ltr .ag-row-group-indent-63 { padding-left: calc(63 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-63 { padding-right: calc(63 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-64 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 64); } .ag-ltr .ag-row-group-indent-64 { padding-left: calc(64 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-64 { padding-right: calc(64 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-65 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 65); } .ag-ltr .ag-row-group-indent-65 { padding-left: calc(65 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-65 { padding-right: calc(65 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-66 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 66); } .ag-ltr .ag-row-group-indent-66 { padding-left: calc(66 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-66 { padding-right: calc(66 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-67 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 67); } .ag-ltr .ag-row-group-indent-67 { padding-left: calc(67 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-67 { padding-right: calc(67 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-68 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 68); } .ag-ltr .ag-row-group-indent-68 { padding-left: calc(68 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-68 { padding-right: calc(68 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-69 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 69); } .ag-ltr .ag-row-group-indent-69 { padding-left: calc(69 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-69 { padding-right: calc(69 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-70 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 70); } .ag-ltr .ag-row-group-indent-70 { padding-left: calc(70 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-70 { padding-right: calc(70 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-71 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 71); } .ag-ltr .ag-row-group-indent-71 { padding-left: calc(71 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-71 { padding-right: calc(71 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-72 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 72); } .ag-ltr .ag-row-group-indent-72 { padding-left: calc(72 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-72 { padding-right: calc(72 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-73 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 73); } .ag-ltr .ag-row-group-indent-73 { padding-left: calc(73 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-73 { padding-right: calc(73 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-74 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 74); } .ag-ltr .ag-row-group-indent-74 { padding-left: calc(74 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-74 { padding-right: calc(74 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-75 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 75); } .ag-ltr .ag-row-group-indent-75 { padding-left: calc(75 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-75 { padding-right: calc(75 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-76 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 76); } .ag-ltr .ag-row-group-indent-76 { padding-left: calc(76 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-76 { padding-right: calc(76 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-77 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 77); } .ag-ltr .ag-row-group-indent-77 { padding-left: calc(77 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-77 { padding-right: calc(77 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-78 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 78); } .ag-ltr .ag-row-group-indent-78 { padding-left: calc(78 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-78 { padding-right: calc(78 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-79 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 79); } .ag-ltr .ag-row-group-indent-79 { padding-left: calc(79 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-79 { padding-right: calc(79 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-80 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 80); } .ag-ltr .ag-row-group-indent-80 { padding-left: calc(80 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-80 { padding-right: calc(80 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-81 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 81); } .ag-ltr .ag-row-group-indent-81 { padding-left: calc(81 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-81 { padding-right: calc(81 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-82 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 82); } .ag-ltr .ag-row-group-indent-82 { padding-left: calc(82 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-82 { padding-right: calc(82 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-83 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 83); } .ag-ltr .ag-row-group-indent-83 { padding-left: calc(83 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-83 { padding-right: calc(83 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-84 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 84); } .ag-ltr .ag-row-group-indent-84 { padding-left: calc(84 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-84 { padding-right: calc(84 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-85 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 85); } .ag-ltr .ag-row-group-indent-85 { padding-left: calc(85 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-85 { padding-right: calc(85 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-86 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 86); } .ag-ltr .ag-row-group-indent-86 { padding-left: calc(86 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-86 { padding-right: calc(86 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-87 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 87); } .ag-ltr .ag-row-group-indent-87 { padding-left: calc(87 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-87 { padding-right: calc(87 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-88 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 88); } .ag-ltr .ag-row-group-indent-88 { padding-left: calc(88 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-88 { padding-right: calc(88 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-89 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 89); } .ag-ltr .ag-row-group-indent-89 { padding-left: calc(89 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-89 { padding-right: calc(89 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-90 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 90); } .ag-ltr .ag-row-group-indent-90 { padding-left: calc(90 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-90 { padding-right: calc(90 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-91 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 91); } .ag-ltr .ag-row-group-indent-91 { padding-left: calc(91 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-91 { padding-right: calc(91 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-92 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 92); } .ag-ltr .ag-row-group-indent-92 { padding-left: calc(92 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-92 { padding-right: calc(92 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-93 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 93); } .ag-ltr .ag-row-group-indent-93 { padding-left: calc(93 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-93 { padding-right: calc(93 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-94 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 94); } .ag-ltr .ag-row-group-indent-94 { padding-left: calc(94 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-94 { padding-right: calc(94 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-95 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 95); } .ag-ltr .ag-row-group-indent-95 { padding-left: calc(95 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-95 { padding-right: calc(95 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-96 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 96); } .ag-ltr .ag-row-group-indent-96 { padding-left: calc(96 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-96 { padding-right: calc(96 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-97 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 97); } .ag-ltr .ag-row-group-indent-97 { padding-left: calc(97 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-97 { padding-right: calc(97 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-98 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 98); } .ag-ltr .ag-row-group-indent-98 { padding-left: calc(98 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-98 { padding-right: calc(98 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-rtl .ag-row > .ag-cell-wrapper.ag-row-group-indent-99 { padding-right: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * 99); } .ag-ltr .ag-row-group-indent-99 { padding-left: calc(99 * var(--ag-row-group-indent-size)); } .ag-rtl .ag-row-group-indent-99 { padding-right: calc(99 * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group { margin-right: var(--ag-row-group-indent-size); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: -1px; } .ag-row-highlight-above.ag-row-first::after { top: 0; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var(--ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width))); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 30px; } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs { min-width: var(--ag-tab-min-width); } .ag-tabs-header { display: flex; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter-item { padding: 0px var(--ag-widget-container-horizontal-padding); } .ag-ltr .ag-set-filter-indent-1 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-1 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 1 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-2 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-2 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 2 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-3 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-3 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 3 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-4 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-4 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 4 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-5 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-5 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 5 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-6 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-6 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 6 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-7 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-7 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 7 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-8 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-8 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 8 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-indent-9 { padding-left: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-indent-9 { padding-right: calc(var(--ag-widget-container-horizontal-padding) + 9 * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-simple-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: var(--ag-icon-font-code-filter, "\f115"); position: absolute; } .ag-ltr .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { padding-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group.ag-has-filter > .ag-group-title-bar .ag-group-title::after { padding-right: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 1 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 2 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 3 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 4 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 5 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 6 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 7 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 8 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 9 + var(--ag-grid-size)); } .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * 10 + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header { padding-left: var(--ag-grid-size); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; -webkit-appearance: none; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; overflow: hidden; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; overflow: hidden; } .ag-chart-title-edit { position: absolute; display: none; top: 0; left: 0; text-align: center; } .ag-chart-title-edit.currently-editing { display: inline-block; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; overflow: hidden; } .ag-charts-canvas { display: block; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; width: 0; min-width: 0; transition: min-width 0.4s; } .ag-chart-menu-hidden ~ .ag-chart-docked-container { max-width: 0; overflow: hidden; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -webkit-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -webkit-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper { display: flex; flex-direction: column; position: relative; -webkit-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper { height: 100%; overflow-y: auto; } .ag-chart-data-section, .ag-chart-format-section { display: flex; margin: 0; } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-tool-panel-button-enable .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-chart-menu-close { display: none; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close { position: absolute; top: 50%; transition: transform 0.33s ease-in-out; padding: 0; display: block; cursor: pointer; border: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { left: 0px; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close .ag-icon { padding: 14px 5px 14px 2px; width: auto; height: auto; } .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { content: ""; position: absolute; top: -40px; bottom: -40px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: 0px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: 0px; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { left: -10px; } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:before { right: -10px; } .ag-chart-tool-panel-button-enable .ag-icon-menu { display: none; } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(3px, -50%); } .ag-ltr .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-ltr .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(5px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close { transform: translate(-3px, -50%); } .ag-rtl .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(0, -50%); } .ag-rtl .ag-chart-menu-visible .ag-chart-tool-panel-button-enable .ag-chart-menu-close:hover { transform: translate(-5px, -50%); } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); padding: var(--ag-grid-size); } .ag-charts-format-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-data-section, .ag-chart-format-section { display: flex; margin: 0; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button { line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -webkit-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; background-color: var(--ag-range-selection-border-color); } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-feature-settings: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } @font-face { font-family: "agGridAlpine"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABKwAAsAAAAAJ/QAABJeAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlCBmAAi3AKqUyiKwE2AiQDgjwLgSAABCAFhEYHhTYb7iIzknRW3UVUT4rZ/yGByqEVyfAPCoGBVAeLaZy1NEUgHG5qbTJUKK65bieBiXNesm+H/kz+7nJIEpoE3+/3uufdH0AFMkIBQhFcAFDFl4Wp7lRoFLJTBairyjb/t/bs7+7IyjPxWfFndohimiiJSCNVMiXytQEpDCAvrmVSeEiuz2pkFBn71N4A+Wm1PT1ApaemJsEZHH5/+f6tHdlX0iFUPUx4GMD6rwoJUCiD0n6gbf7DMxAcRiRi0hbY+GfUHViJi8JIMPYbF2WBUbNyzToV4Wew7v2p+Q2nttnDYl+SMVtpv9Udg8AkSPCE8JUIINhyf8M0OkgJleAT1F9rn9lMECVwh0Do+Djd09O7O+/1mwWe9BJNJjTLkw0gWSBF/H9+qoBJ5ewpYHnuhCehSZhz9lwI2tDKfGldggS/ySJ7xa2c4LAIrw71XX9j8/dwVSZiNBZgxU9vjyOAYmM2fmTs/HXBtem9DVnY1aYBXmvH2vLiNPEwDZ7pGMQXnLspqOqmr35HOfc1nmWhOnqYTtK79FN1ACIqG+L4KNc3ptIoGJ3BZOFR6jSoyeZA2uEW/Kg0Uox9cJSCqQzHZrG6jlrCmF2LhltrBzr93NsyXa63ti00++IsHYRBsaTDZEVjphjJiWbL4WGcg0ePEm0cMZYdzU4EseHSeOJQtVjuje3dvVfRLidotoz6qjqNav9esYP8Ml9FVZfH5LTNn5BKVzYdaSwjmMG1CrNTV7WhSbfFeAub2LHLMM2GrgL3aGhX8qvT3fDYgM++Xm3jlN0bvZlKatdqU0v/7Kt6NBe6IXF61QdHXRhzpvHL2nvvu+feeOurH/5zuEIQJC1pHez9mmkTzOZF0UrjkOTu7rtmhwpXzGbWl/iZ0UxQbR0DrKpR+ciq6lSM+4P+jkyojXWwZ3FgdORyzEBMu8SodIFsDuRw+IF5oE+C+fXPQlDaYmGyrLapfFOZRs+iyBHP8i+qTHjaoa+FMmLF96bC77XDfZYj0YQ/q7GXrgpEzIYRnXelKdnYYH0yFobmHLKidfPkix3tKDYXr1+dR6VNiSzeH5uA8I4/qLpBQZOv0pzXLdEgt4b8ea1pNFbndOoZHKXvqEPtqvKouETvjjd2laxW6tIJnCC2pVD6AKq6PDv7nN3OBc5+xuWB7CR7gfuP33581xg8QIYkuLqjywujc36p/aWm/3E3N4Rs02aiq0Dh7AmoAXIgq5gvjnJAz34NRC69GuwPSol42MArH3371XF2hlqPvPH5V7yLv3KD/7pqXhMDo9Br7hqgLuvhQIYVj7LSJMOAgxuxbZxccXgIRtDpVkUSmY9fQFBIWERULNpgUkpaxp+OOXkFRSVlFVU1dQ1NLW0dXT19A0MjZWMTU0jYzNwCRD5cjeExobaRgfHOC+1DnRcOTvT2/Ov//379cL5v9NxFOzVLAemzCVeA2ls2BkyzNmCGjQCzbACYY+PAPOsEFtgFYJG1A0tsCFhm3cAqGwbW2CCwziaADdYLbLIeYItNATusA9hl/cAe6wL22SRwwM4Dh6wPOGKjwDE7B5z0uwh+ceiReAghCGEIEQhRCAkQEiEkQUiGkA9CfggFIBSEUAhCYQhFIBSFUAxCcQglIJSEUApCaQhlIJSFUA5CeQgVIFSEUAlCZQhVIFSFUA1CdQg1INSEUAtCbQh1INSFUA9CfQgNIDSE0AhCY9Zfpwn0maYQmkFobigJ/FpYYyMG1ZECIRVQjEtv+iWe4gl57ync886N+8wMZN1VvOwjGPddoCiRLhkjJQGOSC0zCeTItsw2iyxh/SLvgtJ8il0gJ/wYY+M0rrkojOGCVIpgfwTJPbXQCkiibIX7NB8LhaIBkX6OqBbFUhInXGmSpNmU9ROBQFIS67k0ImUIkQRKaCYRMMh5AJJM5oEYLkb8kaT3L1HTisBeByai2GnmmsjNFxz6MNQrKEIQLyDiGXfdKwg6T3aAKFjaBqf3MqpUx2ZspWOrQN2xha/6DcxNwTBIcAiRALxXKXIMtMiCWgXp5TnY6fw7sZhcW8Sl/cJHrZAggV7HmUPCfCtVSJ9eQIXQjyhbIghFzMaspsCd1mWc95N5N5B0fp4ET6nJLNttrVAhYtyrw21QJdpYs/D0DtHQRtF+iTATabO1Vkx0yCkWnNzH+CqLgjukEhj5Dz5LeJ429s68i8gziy+d5bIyjFRTqZzkh1ozVXK0AeyTY1bZhDLMAT2VcM3V0RGOouapsTJ4tF9M1/mTyagqmZS8rGgdmWi+tmqh91eSqSK3y+Qy0Ba1uO83b/tXIhiJW+IyB6MvILhvX7wXs/ItLPIIJ/eFsb7awLKW5WVXVq6UyqBSoY/iw8o8cN2kV6s5YRRKj9RfGpPwrPXanB5Ib7fMeVqWyrDleG+1b25Ig3OxLa7KREVTCBYs3FJSJeMOTGCrkclxAPBCsajQXl4uWvm8XTyvDBOS3ywUAYj2gz5Mzdd1W3OzOWVoWGiakvDx/+UsLBfV2BFlwEoVciJIaxMhchGXnzqrQoUPphaosiRUtKpNV6lsUiUvqinzUcpquc6iMFL5faOrX7eFgmZymN+2oBHxESZBiLhKUEzIVl2WXfeoLYhiCXIxYSA4gAM/NBEYXDhnYWAmiJEbPYrrlIWwZsqfu8UJJRcWKbx5Fu2UOdMSAd+7cebz9Z3A4nUc5UnyXAgf+nFoW41mW4XYhkM/bIRzuJJh+AVULSMILynK1qh3UE2aCkhIAlV+vn1xjaFHgCGIfZhgAqaWtFhmT5w5rOSkqlSq4pSdWIGrRNM0EF5uSq/bEaZB0/yNGSTjL2W5+lrbJWkGE7zmbB3yl2GWdzhGkPOfDBm1LPWa8jrCRM3brAd8pthufNS7ftis09wavUg/71VqOekod7ERmLcRry1HbfkNg5WVwR8zupXK4T+KDqlUQz9l96nVY38XktQnObzsqN7QbN5zh+GOW6ysJ2gxet1hQuV684o9ZhdYlyiTjpuanYnhPpyIEQfpnx1KRF4Crn5ZYhYNE4aBb70RgA/7Q9ReHuRBHsxDaq20Haw9traNVXla32uyb5afS2c2vKsGc0nj5/fwiQ5yq6xobiZdiLJtwZcFEwJdcLIemnrYnGJ0PSKmgGclPfWaGo9HbpLlQ/umhMHT2y/+emJwQylqXN3/8ScO4jDFV1CWAqHRybUkiBgbxdoEFxM9UWA2zwz4/X0nvi+4b99FnBecduy2w70lhbOV4mxaGMUIKdrbewWCDAFkcfUi2lPCosPIc5lG8x59/79mIgHOA45RbaICdh6Tmccu+Mt8d5/HLGD/5eMnu6ttn6ALEtvIfYBt8SoJVaJ4K3knqa6W1EiAtVdDcPBdcuj8JV8H+O44uxLMzRMTL13cvz8xKd7bRvHZ4hOeXEeoLQX0b46NDPfO9PfLioq0tMJCL+nBLl28NBs2NbX9HmbtAjHgYo3e3w7U2+9ENNFBsRipimqtUU0FWFb4sqsT69e3NwgU5OQLV3DhobwX4rRrLuDKcwEXXODCcwVFlF3jXYPnjIzMyMjMNA8mCJvDzsANAXPp/7LSqs0t0fM4zzLPQE+hJ1P9vMZ8t3jb9u/q2u9xSrxXuNFPuM39KoMd9ktmRmWB7/qizV3OVyGmliEeJvq9q+pCK2mGlotUp2OlTgKBdSOpZ45kbWVuYU+6+sKEuJ1Uv2bLfQNjvgmp3/IlcxD8zP6yMBFr15j3rVobnPSng8kq/ayxSAuL4Ysm3SHbvY+RFVbeYF5HrE4g6FjRl602dRgeybWi3vDDE/pMRDBtwGg8yVSn31yOCCfTsEAqJnRHjCo8dyBG44QX1uZWeGY70fy2EA+ABdI87Pvjba50M+RXGEfljO6jCM6zJrkmSQrolIWsfkcvbB+KTwLd+MUYmi8N8/6WLmXUrl63fcNqC66hscvrkExuZu8d9Dze0N/AOCFxQ3rtyX0m263MrBiCRn4d41sdvKGToQlsUbAqjf2o+744lkPXFTwe5pXPl0dV1Nslk72ZUTlnbyhKc6jr+SCPrqizTQ4Oik8sKcBfj0oLtA4vKGpmxqXGuY73MihxZHIshUHQy6+hpdtReSiNx0sMds2yCi+kqNgOiBVv+cNvebJ3uqSgyDo8+7TB/9gmV9TLo6ZZrkS2c1axTQ76Ru5dGDffJIy4wFzguaD7mCJjKrizqZyfqv7D7h9/glf0UyeFE7UJXH2OvkBhTk8v4SjEXAn3mJisicrxjybMLOE8Ig6bw1JwqVzxQQlXUoUcyVuxGZyp5rK54rdOOBiZD08WGGLNvjLdxOG9RjPeezDeleeFweeuNguuI8kjQfksVl65+UKQ62yuCzau4+QkNKl6/y4fYryTtMkXRQCbBHrCd+6vXgkTvbVRhJmh9AT6YnxqToU77R4zIoV2O9H54SCnpibjVxwuIgKH+1Vv2fTTNvOXaL8A9U6QiCOSiLjqzhwRcA5KGzPnVKkCYJnuO/HxPeg4mwX/2D9ppTifRfnami+r272e6M/2SaDEx1MSfLKDylwHlpZsXMsSTCEpKOpCEPjl+hnlx5SP52ddwEWuUhwOxBp/6/qtC3z69IdxclTSL0EhRbJ7N94mOKn1kkyzrqhg11gox+EHe/v4g3/FxpaV6GhbuQUnX1zX1vb334p/dvjvXJC8lMtzy00I1tZVxRZ6Fcb72ir2Ev9QWT5dXoZA0/Et0WRytB5iJ1uP/IUt5hIQ/wusex/EeqTzEO9MM8E/fH3d2NCE5vyk4SipU4Gi6ajiuy1e5NgYb1HldwrnC0IVXU/oFntW9Jn2sXrixvoT8IW2pInzhh5fpQ3367nc4w3ielzmi9trzQXtEjedFG/hNTbB9NOJFdUd//ixcSNrhDkeGe5SqXuGR851802WSu8t53hcD4msW/zVxhxmJp2eycz5KXnuPpOew/zJVx+eP4wuj4ws/46cSd+R/1zUWzbFjlER40tZ3ETIh380g+d8dhlz3Dn2Qw6VA//ISIkqBPIiYnQlwfmftL8TQm5urc3r15GRwUEODhERoIgQ5Yng6fS4TJGxWikXzp2bRDGIzGjZ9WBOYWjQnPk5Xvtz0tPxvPUtzR28NeFB0+0+nNWRzzHMES3Py42LGxmhHTkKBsu2Mm7niHtVVnZyR/jO4pqoYaLLy2ge6Rq8Q+F5m6cwSc7yeEuaP58exE2f//96H+A9mXiE+H7+Zkv5cCAAABlpYbsNcXGK5Na1SAnYvmmF0RzuKpuRU/YuNgD4/5GbkAdooz7k56JmgoQsTmuR8dhZD11ei0eOL8w2LEG0FK0Lkv8v7yIasCc0axb7NixwZrJu8i9iVKcMuUFkLUYawJ7RLLQJLHQCsh46I1pyPqsgCI4PK5X7EVPWThRyZlgtup5lHCoVaUjC57+7g74f7k3mG4a+xBMRDQBm6f99shlm7pfcDPDbJg7UlzQxs9tuj9t6EfHiKPG/APWvLytsPerdoLbaG0haCeCTQ24BLiKFFNJ2BQgnCSCJEwNDNSsxDT7osRT4gQGFOJFwZYYYbAQEOG194CANzTvGQxB+AHo0GwEMzU4yAklQAYVmD5gMveJQv5jKfNwO/8rB3sccCH6Dr1Gzdxb0df4Dl5Covemvg+7vFQhYC9h2WLZl8rcirnWcsH1JFHcUY2ozp3cw0o8i+W42c9ID9ybhmua9YoF1L8oCAn6D04GrIo0p5gq5/8ERCnzXEtK60bumNF4FFixAIGi1Bks9XEy8WyK7Tqt6LEGiXgoVlBBlSHeVw713wEi6N2bwsjszeXGOVvdMIXIeK6Nqju9LX4oNlKhQYwrTmMHsH0xzg8LafvhcFiLRWDyRTKUz2Vy+UCyVK9VavdFstTvdXn8wHI0n09l8wRRV0w3Tsh3XvQePnjx78erNJ5998dU33/3wc+1PH57BawmJtvRwmpdNvc2WCTIQG3NqlpOpCuZjSIvOzAd75blGIAsCjIG0wFlQRiWq8IHpmLjLwdGKt19gRSp7pklYGwGrTOdlYyaVsmn2tGleUTaLaeAr296ZlKwLj2p34YeuRF3GTVK45SqWGLFxxUWUn5CbLkw1q0hbEEwnW7GI8Y1ux9Y2kN/BWAQMK1CYVHcEla4bpVyIoibYp5ZOx5jmYJtcwA3CZi5qck1JdvLAFFItJ5zTN5O6oYok6pJzx54LUcPlR1ElJtgr92NCZ9OcLMET7YOVhHZupsAgDbObM2GAllS73uopA+3Upy4Bla9amig+uFMLk9+PI+uax4AIEjJXGNHow2ChewpV2dLEWa01AAA=); font-weight: normal; font-style: normal; } .ag-theme-alpine, .ag-theme-alpine-dark, .ag-theme-alpine-auto-dark { --ag-alpine-active-color: #2196f3; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-row-hover-color: rgba(33, 150, 243, 0.1); --ag-column-hover-color: rgba(33, 150, 243, 0.1); --ag-input-focus-border-color: rgba(33, 150, 243, 0.4); --ag-range-selection-background-color: rgba(33, 150, 243, 0.2); --ag-range-selection-background-color-2: rgba(33, 150, 243, 0.36); --ag-range-selection-background-color-3: rgba(33, 150, 243, 0.49); --ag-range-selection-background-color-4: rgba(33, 150, 243, 0.59); --ag-background-color: #fff; --ag-foreground-color: #181d1f; --ag-border-color: #babfc7; --ag-secondary-border-color: #dde2eb; --ag-header-background-color: #f8f8f8; --ag-tooltip-background-color: #f8f8f8; --ag-odd-row-background-color: #fcfcfc; --ag-control-panel-background-color: #f8f8f8; --ag-subheader-background-color: #fff; --ag-invalid-color: #e02525; --ag-checkbox-unchecked-color: #999; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-checkbox-background-color: var(--ag-background-color); --ag-checkbox-checked-color: var(--ag-alpine-active-color); --ag-range-selection-border-color: var(--ag-alpine-active-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-input-border-color: var(--ag-border-color); --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-input-focus-box-shadow: 0 0 2px 0.1rem var(--ag-input-focus-border-color); --ag-panel-background-color: var(--ag-header-background-color); --ag-menu-background-color: var(--ag-header-background-color); --ag-disabled-foreground-color: rgba(24, 29, 31, 0.5); --ag-chip-background-color: rgba(24, 29, 31, 0.07); --ag-input-disabled-border-color: rgba(186, 191, 199, 0.3); --ag-input-disabled-background-color: rgba(186, 191, 199, 0.15); --ag-borders: solid 1px; --ag-border-radius: 3px; --ag-borders-side-button: none; --ag-side-button-selected-background-color: transparent; --ag-header-column-resize-handle-display: block; --ag-header-column-resize-handle-width: 2px; --ag-header-column-resize-handle-height: 30%; --ag-grid-size: 6px; --ag-icon-size: 16px; --ag-row-height: calc(var(--ag-grid-size) * 7); --ag-header-height: calc(var(--ag-grid-size) * 8); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-column-select-indent-size: var(--ag-icon-size); --ag-set-filter-indent-size: var(--ag-icon-size); --ag-advanced-filter-builder-indent-size: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.5); --ag-toggle-button-height: 18px; --ag-toggle-button-width: 28px; --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridAlpine; --ag-selected-tab-underline-color: var(--ag-alpine-active-color); --ag-selected-tab-underline-width: 2px; --ag-selected-tab-underline-transition-speed: 0.3s; --ag-tab-min-width: 240px; --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4); --ag-popup-shadow: var(--ag-card-shadow); --ag-side-bar-panel-width: 250px; } .ag-theme-alpine-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-alpine-auto-dark { --ag-background-color: #181d1f; --ag-foreground-color: #fff; --ag-border-color: #68686e; --ag-secondary-border-color: rgba(88, 86, 82, 0.5); --ag-modal-overlay-background-color: rgba(24, 29, 31, 0.66); --ag-header-background-color: #222628; --ag-tooltip-background-color: #222628; --ag-odd-row-background-color: #222628; --ag-control-panel-background-color: #222628; --ag-subheader-background-color: #000; --ag-input-disabled-background-color: #282c2f; --ag-input-focus-box-shadow: 0 0 2px 0.5px rgba(255, 255, 255, 0.5), 0 0 4px 3px var(--ag-input-focus-border-color); --ag-card-shadow: 0 1px 20px 1px black; --ag-disabled-foreground-color: rgba(255, 255, 255, 0.5); --ag-chip-background-color: rgba(255, 255, 255, 0.07); --ag-input-disabled-border-color: rgba(104, 104, 110, 0.3); --ag-input-disabled-background-color: rgba(104, 104, 110, 0.07); --ag-advanced-filter-join-pill-color: #7a3a37; --ag-advanced-filter-column-pill-color: #355f2d; --ag-advanced-filter-option-pill-color: #5a3168; --ag-advanced-filter-value-pill-color: #374c86; color-scheme: dark; } } .ag-theme-alpine .ag-filter-toolpanel-header, .ag-theme-alpine .ag-filter-toolpanel-search, .ag-theme-alpine .ag-status-bar, .ag-theme-alpine .ag-header-row, .ag-theme-alpine .ag-panel-title-bar-title, .ag-theme-alpine .ag-multi-filter-group-title-bar, .ag-theme-alpine-dark .ag-filter-toolpanel-header, .ag-theme-alpine-dark .ag-filter-toolpanel-search, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-dark .ag-header-row, .ag-theme-alpine-dark .ag-panel-title-bar-title, .ag-theme-alpine-dark .ag-multi-filter-group-title-bar, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-header, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-search, .ag-theme-alpine-auto-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-header-row, .ag-theme-alpine-auto-dark .ag-panel-title-bar-title, .ag-theme-alpine-auto-dark .ag-multi-filter-group-title-bar { font-weight: 700; color: var(--ag-header-foreground-color); } .ag-theme-alpine .ag-row, .ag-theme-alpine-dark .ag-row, .ag-theme-alpine-auto-dark .ag-row { font-size: calc(var(--ag-font-size) + 1px); } .ag-theme-alpine input[class^=ag-]:not([type]), .ag-theme-alpine input[class^=ag-][type=text], .ag-theme-alpine input[class^=ag-][type=number], .ag-theme-alpine input[class^=ag-][type=tel], .ag-theme-alpine input[class^=ag-][type=date], .ag-theme-alpine input[class^=ag-][type=datetime-local], .ag-theme-alpine textarea[class^=ag-], .ag-theme-alpine-dark input[class^=ag-]:not([type]), .ag-theme-alpine-dark input[class^=ag-][type=text], .ag-theme-alpine-dark input[class^=ag-][type=number], .ag-theme-alpine-dark input[class^=ag-][type=tel], .ag-theme-alpine-dark input[class^=ag-][type=date], .ag-theme-alpine-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark textarea[class^=ag-], .ag-theme-alpine-auto-dark input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark input[class^=ag-][type=text], .ag-theme-alpine-auto-dark input[class^=ag-][type=number], .ag-theme-alpine-auto-dark input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark input[class^=ag-][type=date], .ag-theme-alpine-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark textarea[class^=ag-] { min-height: calc(var(--ag-grid-size) * 4); border-radius: var(--ag-border-radius); } .ag-theme-alpine .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-ltr textarea[class^=ag-], .ag-theme-alpine-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-ltr textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-ltr input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-ltr textarea[class^=ag-] { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine .ag-rtl textarea[class^=ag-], .ag-theme-alpine-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-dark .ag-rtl textarea[class^=ag-], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-]:not([type]), .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=text], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=number], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=tel], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=date], .ag-theme-alpine-auto-dark .ag-rtl input[class^=ag-][type=datetime-local], .ag-theme-alpine-auto-dark .ag-rtl textarea[class^=ag-] { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-tab, .ag-theme-alpine-dark .ag-tab, .ag-theme-alpine-auto-dark .ag-tab { padding: calc(var(--ag-grid-size) * 1.5); transition: color 0.4s; flex: 1 1 auto; } .ag-theme-alpine .ag-tab-selected, .ag-theme-alpine-dark .ag-tab-selected, .ag-theme-alpine-auto-dark .ag-tab-selected { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-menu, .ag-theme-alpine-dark .ag-menu, .ag-theme-alpine-auto-dark .ag-menu { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-dark .ag-panel-content-wrapper .ag-column-select, .ag-theme-alpine-auto-dark .ag-panel-content-wrapper .ag-column-select { background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-menu-header, .ag-theme-alpine-dark .ag-menu-header, .ag-theme-alpine-auto-dark .ag-menu-header { background-color: var(--ag-control-panel-background-color); padding-top: 1px; } .ag-theme-alpine .ag-tabs-header, .ag-theme-alpine-dark .ag-tabs-header, .ag-theme-alpine-auto-dark .ag-tabs-header { border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-theme-alpine .ag-charts-settings-group-title-bar, .ag-theme-alpine .ag-charts-data-group-title-bar, .ag-theme-alpine .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-settings-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-data-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-title-bar { padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); line-height: calc(var(--ag-icon-size) + var(--ag-grid-size) - 2px); } .ag-theme-alpine .ag-chart-mini-thumbnail, .ag-theme-alpine-dark .ag-chart-mini-thumbnail, .ag-theme-alpine-auto-dark .ag-chart-mini-thumbnail { background-color: var(--ag-background-color); } .ag-theme-alpine .ag-chart-settings-nav-bar, .ag-theme-alpine-dark .ag-chart-settings-nav-bar, .ag-theme-alpine-auto-dark .ag-chart-settings-nav-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-theme-alpine .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-ltr .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-ltr .ag-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-dark .ag-rtl .ag-group-title-bar-icon, .ag-theme-alpine-auto-dark .ag-rtl .ag-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-charts-format-top-level-group-toolbar { margin-top: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-ltr .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar { padding-left: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-dark .ag-rtl .ag-charts-format-top-level-group-toolbar, .ag-theme-alpine-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar { padding-right: calc(var(--ag-icon-size) * 0.5 + var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group, .ag-theme-alpine-dark .ag-charts-format-sub-level-group, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group { border-left: dashed 1px; border-left-color: var(--ag-border-color); padding-left: var(--ag-grid-size); margin-bottom: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-title-bar { padding-top: 0; padding-bottom: 0; background: none; font-weight: 700; } .ag-theme-alpine .ag-charts-format-sub-level-group-container, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-container, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-container { padding-bottom: 0; } .ag-theme-alpine .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-dark .ag-charts-format-sub-level-group-item:last-child, .ag-theme-alpine-auto-dark .ag-charts-format-sub-level-group-item:last-child { margin-bottom: 0; } .ag-theme-alpine.ag-dnd-ghost, .ag-theme-alpine-dark.ag-dnd-ghost, .ag-theme-alpine-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 700; } .ag-theme-alpine .ag-side-buttons, .ag-theme-alpine-dark .ag-side-buttons, .ag-theme-alpine-auto-dark .ag-side-buttons { width: calc(var(--ag-grid-size) * 5); } .ag-theme-alpine .ag-standard-button, .ag-theme-alpine-dark .ag-standard-button, .ag-theme-alpine-auto-dark .ag-standard-button { font-family: inherit; appearance: none; -webkit-appearance: none; border-radius: var(--ag-border-radius); border: 1px solid; border-color: var(--ag-alpine-active-color); color: var(--ag-alpine-active-color); background-color: var(--ag-background-color); font-weight: 600; padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-standard-button:hover, .ag-theme-alpine-dark .ag-standard-button:hover, .ag-theme-alpine-auto-dark .ag-standard-button:hover { border-color: var(--ag-alpine-active-color); background-color: var(--ag-row-hover-color); } .ag-theme-alpine .ag-standard-button:active, .ag-theme-alpine-dark .ag-standard-button:active, .ag-theme-alpine-auto-dark .ag-standard-button:active { border-color: var(--ag-alpine-active-color); background-color: var(--ag-alpine-active-color); color: var(--ag-background-color); } .ag-theme-alpine .ag-standard-button:disabled, .ag-theme-alpine-dark .ag-standard-button:disabled, .ag-theme-alpine-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-alpine .ag-column-drop-vertical, .ag-theme-alpine-dark .ag-column-drop-vertical, .ag-theme-alpine-auto-dark .ag-column-drop-vertical { min-height: 75px; } .ag-theme-alpine .ag-column-drop-vertical-title-bar, .ag-theme-alpine-dark .ag-column-drop-vertical-title-bar, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-title-bar { padding: calc(var(--ag-grid-size) * 2); padding-bottom: 0px; } .ag-theme-alpine .ag-column-drop-vertical-empty-message, .ag-theme-alpine-dark .ag-column-drop-vertical-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-vertical-empty-message { display: flex; align-items: center; border: dashed 1px; border-color: var(--ag-border-color); margin: calc(var(--ag-grid-size) * 2); padding: calc(var(--ag-grid-size) * 2); } .ag-theme-alpine .ag-column-drop-empty-message, .ag-theme-alpine-dark .ag-column-drop-empty-message, .ag-theme-alpine-auto-dark .ag-column-drop-empty-message { color: var(--ag-foreground-color); opacity: 0.75; } .ag-theme-alpine .ag-status-bar, .ag-theme-alpine-dark .ag-status-bar, .ag-theme-alpine-auto-dark .ag-status-bar { font-weight: normal; } .ag-theme-alpine .ag-status-name-value-value, .ag-theme-alpine-dark .ag-status-name-value-value, .ag-theme-alpine-auto-dark .ag-status-name-value-value { font-weight: 700; } .ag-theme-alpine .ag-paging-number, .ag-theme-alpine .ag-paging-row-summary-panel-number, .ag-theme-alpine-dark .ag-paging-number, .ag-theme-alpine-dark .ag-paging-row-summary-panel-number, .ag-theme-alpine-auto-dark .ag-paging-number, .ag-theme-alpine-auto-dark .ag-paging-row-summary-panel-number { font-weight: 700; } .ag-theme-alpine .ag-column-drop-cell-button, .ag-theme-alpine-dark .ag-column-drop-cell-button, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button { opacity: 0.5; } .ag-theme-alpine .ag-column-drop-cell-button:hover, .ag-theme-alpine-dark .ag-column-drop-cell-button:hover, .ag-theme-alpine-auto-dark .ag-column-drop-cell-button:hover { opacity: 0.75; } .ag-theme-alpine .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-dark .ag-column-select-column-readonly .ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly.ag-icon-grip, .ag-theme-alpine-auto-dark .ag-column-select-column-readonly .ag-icon-grip { opacity: 0.35; } .ag-theme-alpine .ag-header-cell-menu-button:hover, .ag-theme-alpine .ag-header-cell-filter-button:hover, .ag-theme-alpine .ag-side-button-button:hover, .ag-theme-alpine .ag-tab:hover, .ag-theme-alpine .ag-panel-title-bar-button:hover, .ag-theme-alpine .ag-header-expand-icon:hover, .ag-theme-alpine .ag-column-group-icons:hover, .ag-theme-alpine .ag-set-filter-group-icons:hover, .ag-theme-alpine .ag-group-expanded .ag-icon:hover, .ag-theme-alpine .ag-group-contracted .ag-icon:hover, .ag-theme-alpine .ag-chart-settings-prev:hover, .ag-theme-alpine .ag-chart-settings-next:hover, .ag-theme-alpine .ag-group-title-bar-icon:hover, .ag-theme-alpine .ag-column-select-header-icon:hover, .ag-theme-alpine .ag-floating-filter-button-button:hover, .ag-theme-alpine .ag-filter-toolpanel-expand:hover, .ag-theme-alpine .ag-chart-menu-icon:hover, .ag-theme-alpine .ag-chart-menu-close:hover, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-dark .ag-side-button-button:hover, .ag-theme-alpine-dark .ag-tab:hover, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-dark .ag-header-expand-icon:hover, .ag-theme-alpine-dark .ag-column-group-icons:hover, .ag-theme-alpine-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-dark .ag-chart-settings-next:hover, .ag-theme-alpine-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-dark .ag-chart-menu-close:hover, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover, .ag-theme-alpine-auto-dark .ag-side-button-button:hover, .ag-theme-alpine-auto-dark .ag-tab:hover, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover, .ag-theme-alpine-auto-dark .ag-header-expand-icon:hover, .ag-theme-alpine-auto-dark .ag-column-group-icons:hover, .ag-theme-alpine-auto-dark .ag-set-filter-group-icons:hover, .ag-theme-alpine-auto-dark .ag-group-expanded .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-group-contracted .ag-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-prev:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-next:hover, .ag-theme-alpine-auto-dark .ag-group-title-bar-icon:hover, .ag-theme-alpine-auto-dark .ag-column-select-header-icon:hover, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-expand:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-icon:hover, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine .ag-side-button-button:hover .ag-icon, .ag-theme-alpine .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-dark .ag-floating-filter-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-menu-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-header-cell-filter-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-side-button-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-panel-title-bar-button:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-floating-filter-button-button:hover .ag-icon { color: inherit; } .ag-theme-alpine .ag-filter-active .ag-icon-filter, .ag-theme-alpine-dark .ag-filter-active .ag-icon-filter, .ag-theme-alpine-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-menu-close, .ag-theme-alpine-dark .ag-chart-menu-close, .ag-theme-alpine-auto-dark .ag-chart-menu-close { background: var(--ag-background-color); } .ag-theme-alpine .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close:hover .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close:hover .ag-icon { border-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-chart-menu-close .ag-icon, .ag-theme-alpine-dark .ag-chart-menu-close .ag-icon, .ag-theme-alpine-auto-dark .ag-chart-menu-close .ag-icon { background: var(--ag-header-background-color); border: 1px solid var(--ag-border-color); border-right: none; } .ag-theme-alpine .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-dark .ag-chart-settings-card-item.ag-not-selected:hover, .ag-theme-alpine-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover { opacity: 0.35; } .ag-theme-alpine .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-ltr .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-ltr .ag-panel-title-bar-button { margin-left: calc(var(--ag-grid-size) * 2); margin-right: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-dark .ag-rtl .ag-panel-title-bar-button, .ag-theme-alpine-auto-dark .ag-rtl .ag-panel-title-bar-button { margin-right: calc(var(--ag-grid-size) * 2); margin-left: var(--ag-grid-size); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-group-container { padding-left: var(--ag-grid-size); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-group-container, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-group-container { padding-right: var(--ag-grid-size); } .ag-theme-alpine .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-filter-toolpanel-instance-filter { border: none; background-color: var(--ag-control-panel-background-color); } .ag-theme-alpine .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-ltr .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter { border-left: dashed 1px; border-left-color: var(--ag-border-color); margin-left: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-dark .ag-rtl .ag-filter-toolpanel-instance-filter, .ag-theme-alpine-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter { border-right: dashed 1px; border-right-color: var(--ag-border-color); margin-right: calc(var(--ag-icon-size) * 0.5); } .ag-theme-alpine .ag-set-filter-list, .ag-theme-alpine-dark .ag-set-filter-list, .ag-theme-alpine-auto-dark .ag-set-filter-list { padding-top: calc(var(--ag-grid-size) * 0.5); padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-dark .ag-layout-print .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-alpine-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height, .ag-theme-alpine-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height { padding-top: 60px; } .ag-theme-alpine .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current, .ag-theme-alpine-auto-dark .ag-date-time-list-page-entry-is-current { background-color: var(--ag-alpine-active-color); } .ag-theme-alpine .ag-advanced-filter-builder-button, .ag-theme-alpine-dark .ag-advanced-filter-builder-button, .ag-theme-alpine-auto-dark .ag-advanced-filter-builder-button { padding: var(--ag-grid-size); font-weight: 600; } .customer-stock-page .ag-theme-alpine .row-rbrmi { background-color: #d1f7d6 !important; } .customer-stock-page .ag-theme-alpine .row-jb { background-color: #ffc8c8 !important; }