that wraps the table */ position: relative; z-index: 1; /* container inner z-index's because s can't do it */ width: 100% !important; } .fc .fc-daygrid-day.fc-day-today { background-color: #5485e4; color: white; } .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; color: black; } .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; margin: 2px 3px 0; } .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 { z-index: 8; } .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; } /* 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: '\A0'; /* 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-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-media-screen .fc-timegrid-event-harness { position: absolute; /* top/left/right/bottom will all be set by JS */ } .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-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror { box-shadow: 0px 0px 0px 1px #fff; box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); } .fc-timegrid-event { /* events need to be root */ font-size: .85em; font-size: var(--fc-small-font-size, .85em); border-radius: 3px } .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-condensed .fc-event-main-frame { flex-direction: row; overflow: hidden; } .fc-timegrid-event-condensed .fc-event-time:after { content: '\A0-\A0'; /* dash surrounded by non-breaking spaces */ } .fc-timegrid-event-condensed .fc-event-title { font-size: .85em; font-size: var(--fc-small-font-size, .85em) } .fc-media-screen .fc-timegrid-event { position: absolute; /* absolute WITHIN the harness */ top: 0; bottom: 1px; /* stay away from bottom slot line */ left: 0; right: 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; } :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: -webkit-sticky; position: sticky; top: 0; background: #fff; background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */ } .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; } .fc-theme-bootstrap a:not([href]) { color: inherit; /* natural color for navlinks */ } .fc-scrollgrid-sync-table { width: 100% !important; } .fc-scrollgrid-liquid thead th, tbody td { border-left: 2px solid #EFEFEF !important; border-right: 2px solid #EFEFEF !important; border-bottom: 6px solid #EFEFEF !important; } .fc-scrollgrid-section-liquid >td, .fc-daygrid-day { border-left: 2px solid #EFEFEF !important; border-right: 2px solid #EFEFEF !important; border-bottom: 2px solid #EFEFEF !important; } .fc-col-header { width: 100% !important; }@charset "UTF-8"; #loading { position: fixed; z-index: 9999; height: 10em; width: 60em; overflow: visible; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } #loading p { color: #FFFFFF; font-weight: bold; text-shadow: #000 1px 1px 2px; z-index: 9999; position: relative; } #loading::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background-repeat: no-repeat; background-position: center; } #loading .text-center { text-align: center; } .loader { position: absolute; left: 50%; top: 50%; z-index: 1; width: 50px; height: 50px; margin: -25px 0 0 -25px; border: 4px solid #FFFFFF; border-radius: 50%; border-top: 4px solid #0a20e2; width: 30px; height: 30px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .swal2-popup.swal2-toast { flex-direction: row; align-items: center; width: auto; padding: 0.625em; overflow-y: hidden; background: #fff; box-shadow: 0 0 0.625em #d9d9d9; } .swal2-popup.swal2-toast .swal2-header { flex-direction: row; padding: 0; } .swal2-popup.swal2-toast .swal2-title { flex-grow: 1; justify-content: flex-start; margin: 0 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { position: static; width: 0.8em; height: 0.8em; line-height: 0.8; } .swal2-popup.swal2-toast .swal2-content { justify-content: flex-start; padding: 0; font-size: 1em; } .swal2-popup.swal2-toast .swal2-icon { width: 2em; min-width: 2em; height: 2em; margin: 0; } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { font-size: 0.25em; } } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .swal2-popup.swal2-toast .swal2-actions { flex-basis: auto !important; width: auto; height: auto; margin: 0 0.3125em; padding: 0; } .swal2-popup.swal2-toast .swal2-styled { margin: 0.125em 0.3125em; padding: 0.3125em 0.625em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-styled:focus { box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(100, 150, 200, 0.5); } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; transform: rotate(45deg); border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-toast-animate-success-line-tip 0.75s; animation: swal2-toast-animate-success-line-tip 0.75s; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-toast-animate-success-line-long 0.75s; animation: swal2-toast-animate-success-line-long 0.75s; } .swal2-popup.swal2-toast.swal2-show { -webkit-animation: swal2-toast-show 0.5s; animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { -webkit-animation: swal2-toast-hide 0.1s forwards; animation: swal2-toast-hide 0.1s forwards; } .swal2-container { display: flex; position: fixed; z-index: 1060; top: 0; right: 0; bottom: 0; left: 0; flex-direction: row; align-items: center; justify-content: center; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; } .swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation { background: rgba(0, 0, 0, 0.4); } .swal2-container.swal2-backdrop-hide { background: transparent !important; } .swal2-container.swal2-top { align-items: flex-start; } .swal2-container.swal2-top-start, .swal2-container.swal2-top-left { align-items: flex-start; justify-content: flex-start; } .swal2-container.swal2-top-end, .swal2-container.swal2-top-right { align-items: flex-start; justify-content: flex-end; } .swal2-container.swal2-center { align-items: center; } .swal2-container.swal2-center-start, .swal2-container.swal2-center-left { align-items: center; justify-content: flex-start; } .swal2-container.swal2-center-end, .swal2-container.swal2-center-right { align-items: center; justify-content: flex-end; } .swal2-container.swal2-bottom { align-items: flex-end; } .swal2-container.swal2-bottom-start, .swal2-container.swal2-bottom-left { align-items: flex-end; justify-content: flex-start; } .swal2-container.swal2-bottom-end, .swal2-container.swal2-bottom-right { align-items: flex-end; justify-content: flex-end; } .swal2-container.swal2-bottom > :first-child, .swal2-container.swal2-bottom-start > :first-child, .swal2-container.swal2-bottom-left > :first-child, .swal2-container.swal2-bottom-end > :first-child, .swal2-container.swal2-bottom-right > :first-child { margin-top: auto; } .swal2-container.swal2-grow-fullscreen > .swal2-modal { display: flex !important; flex: 1; align-self: stretch; justify-content: center; } .swal2-container.swal2-grow-row > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-grow-column { flex: 1; flex-direction: column; } .swal2-container.swal2-grow-column.swal2-top, .swal2-container.swal2-grow-column.swal2-center, .swal2-container.swal2-grow-column.swal2-bottom { align-items: center; } .swal2-container.swal2-grow-column.swal2-top-start, .swal2-container.swal2-grow-column.swal2-center-start, .swal2-container.swal2-grow-column.swal2-bottom-start, .swal2-container.swal2-grow-column.swal2-top-left, .swal2-container.swal2-grow-column.swal2-center-left, .swal2-container.swal2-grow-column.swal2-bottom-left { align-items: flex-start; } .swal2-container.swal2-grow-column.swal2-top-end, .swal2-container.swal2-grow-column.swal2-center-end, .swal2-container.swal2-grow-column.swal2-bottom-end, .swal2-container.swal2-grow-column.swal2-top-right, .swal2-container.swal2-grow-column.swal2-center-right, .swal2-container.swal2-grow-column.swal2-bottom-right { align-items: flex-end; } .swal2-container.swal2-grow-column > .swal2-modal { display: flex !important; flex: 1; align-content: center; justify-content: center; } .swal2-container.swal2-no-transition { transition: none !important; } .swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal { margin: auto; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-container .swal2-modal { margin: 0 !important; } } .swal2-popup { display: none; position: relative; box-sizing: border-box; flex-direction: column; justify-content: center; width: 32em; max-width: 100%; padding: 1.25em; border: none; border-radius: 5px; background: #fff; font-family: inherit; font-size: 1rem; } .swal2-popup:focus { outline: none; } .swal2-popup.swal2-loading { overflow-y: hidden; } .swal2-header { display: flex; flex-direction: column; align-items: center; padding: 0 1.8em; } .swal2-title { position: relative; max-width: 100%; margin: 0 0 0.4em; padding: 0; color: #595959; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } .swal2-actions { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; margin: 1.25em auto 0; padding: 0 1.6em; } .swal2-actions:not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } .swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } .swal2-actions:not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } .swal2-loader { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: #2778c4 transparent #2778c4 transparent; } .swal2-styled { margin: 0.3125em; padding: 0.625em 1.1em; box-shadow: none; font-weight: 500; } .swal2-styled:not([disabled]) { cursor: pointer; } .swal2-styled.swal2-confirm { border: 0; border-radius: 0.25em; background: initial; background-color: #2778c4; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-deny { border: 0; border-radius: 0.25em; background: initial; background-color: #d14529; color: #fff; font-size: 1.0625em; } .swal2-styled.swal2-cancel { border: 0; border-radius: 0.25em; background: initial; background-color: #757575; color: #fff; font-size: 1.0625em; } .swal2-styled:focus { outline: none; box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } .swal2-styled::-moz-focus-inner { border: 0; } .swal2-footer { justify-content: center; margin: 1.25em 0 0; padding: 1em 0 0; border-top: 1px solid #eee; color: #545454; font-size: 1em; } .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; height: 0.25em; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .swal2-timer-progress-bar { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); } .swal2-image { max-width: 100%; margin: 1.25em auto; } .swal2-close { position: absolute; z-index: 2; top: 0; right: 0; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; padding: 0; overflow: hidden; transition: color 0.1s ease-out; border: none; border-radius: 5px; background: transparent; color: #cccccc; font-family: serif; font-size: 2.5em; line-height: 1.2; cursor: pointer; } .swal2-close:hover { transform: none; background: transparent; color: #f27474; } .swal2-close:focus { outline: none; box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); } .swal2-close::-moz-focus-inner { border: 0; } .swal2-content { z-index: 1; justify-content: center; margin: 0; padding: 0 1.6em; color: #545454; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; } .swal2-input, .swal2-file, .swal2-textarea, .swal2-select, .swal2-radio, .swal2-checkbox { margin: 1em auto; } .swal2-input, .swal2-file, .swal2-textarea { box-sizing: border-box; width: 100%; transition: border-color 0.3s, box-shadow 0.3s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: inherit; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06); color: inherit; font-size: 1.125em; } .swal2-input.swal2-inputerror, .swal2-file.swal2-inputerror, .swal2-textarea.swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus { border: 1px solid #b4dbed; outline: none; box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } .swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder { color: #cccccc; } .swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder { color: #cccccc; } .swal2-input::placeholder, .swal2-file::placeholder, .swal2-textarea::placeholder { color: #cccccc; } .swal2-range { margin: 1em auto; background: #fff; } .swal2-range input { width: 80%; } .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } .swal2-range input, .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } .swal2-input { height: 2.625em; padding: 0 0.75em; } .swal2-input[type=number] { max-width: 10em; } .swal2-file { background: inherit; font-size: 1.125em; } .swal2-textarea { height: 6.75em; padding: 0.75em; } .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: inherit; color: inherit; font-size: 1.125em; } .swal2-radio, .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; } .swal2-radio label, .swal2-checkbox label { margin: 0 0.6em; font-size: 1.125em; } .swal2-radio input, .swal2-checkbox input { margin: 0 0.4em; } .swal2-input-label { display: flex; justify-content: center; margin: 1em auto; } .swal2-validation-message { display: none; align-items: center; justify-content: center; margin: 0 -2.7em; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; } .swal2-validation-message::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } .swal2-icon { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 1.25em auto 1.875em; border: 0.25em solid transparent; border-radius: 50%; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } .swal2-icon.swal2-error { border-color: #f27474; color: #f27474; } .swal2-icon.swal2-error .swal2-x-mark { position: relative; flex-grow: 1; zoom: 1; } .swal2-icon.swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg); } .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg); } .swal2-icon.swal2-error.swal2-icon-show { -webkit-animation: swal2-animate-error-icon 0.5s; animation: swal2-animate-error-icon 0.5s; } .swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark { -webkit-animation: swal2-animate-error-x-mark 0.5s; animation: swal2-animate-error-x-mark 0.5s; } .swal2-icon.swal2-warning { border-color: #facea8; color: #f8bb86; } .swal2-icon.swal2-info { border-color: #9de0f6; color: #3fc3ee; } .swal2-icon.swal2-question { border-color: #c9dae1; color: #87adbd; } .swal2-icon.swal2-success { border-color: #a5dc86; color: #a5dc86; } .swal2-icon.swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; transform: rotate(45deg); border-radius: 50%; } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; zoom: 1; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; zoom: 1; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } .swal2-icon.swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; zoom: 1; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } .swal2-icon.swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; zoom: 1; transform: rotate(-45deg); } .swal2-icon.swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: 0.3125em; zoom: 1; border-radius: 0.125em; background-color: #a5dc86; } .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); } .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip { -webkit-animation: swal2-animate-success-line-tip 0.75s; animation: swal2-animate-success-line-tip 0.75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long { -webkit-animation: swal2-animate-success-line-long 0.75s; animation: swal2-animate-success-line-long 0.75s; } .swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right { -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in; animation: swal2-rotate-success-circular-line 4.25s ease-in; } .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 0 0 1.25em; padding: 0; background: inherit; font-weight: 600; } .swal2-progress-steps li { display: inline-block; position: relative; } .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #2778c4; color: #fff; line-height: 2em; text-align: center; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #2778c4; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; } .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; } .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #2778c4; } [class^=swal2] { -webkit-tap-highlight-color: transparent; } .swal2-show { -webkit-animation: swal2-show 0.3s; animation: swal2-show 0.3s; } .swal2-hide { -webkit-animation: swal2-hide 0.15s forwards; animation: swal2-hide 0.15s forwards; } .swal2-noanimation { transition: none; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { right: auto; left: 0; } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; } @supports (-ms-accelerator: true) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .swal2-range input { width: 100% !important; } .swal2-range output { display: none; } } @-webkit-keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @-webkit-keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @-webkit-keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @-webkit-keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @-webkit-keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @-webkit-keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @-webkit-keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; } } @-webkit-keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @-webkit-keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @-webkit-keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @-webkit-keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { top: auto; right: auto; bottom: auto; left: auto; max-width: calc(100% - 0.625em * 2); background-color: transparent !important; } body.swal2-no-backdrop .swal2-container > .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } body.swal2-no-backdrop .swal2-container.swal2-top { top: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-top-start, body.swal2-no-backdrop .swal2-container.swal2-top-left { top: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-top-end, body.swal2-no-backdrop .swal2-container.swal2-top-right { top: 0; right: 0; } body.swal2-no-backdrop .swal2-container.swal2-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } body.swal2-no-backdrop .swal2-container.swal2-center-start, body.swal2-no-backdrop .swal2-container.swal2-center-left { top: 50%; left: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-center-end, body.swal2-no-backdrop .swal2-container.swal2-center-right { top: 50%; right: 0; transform: translateY(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom { bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-no-backdrop .swal2-container.swal2-bottom-start, body.swal2-no-backdrop .swal2-container.swal2-bottom-left { bottom: 0; left: 0; } body.swal2-no-backdrop .swal2-container.swal2-bottom-end, body.swal2-no-backdrop .swal2-container.swal2-bottom-right { right: 0; bottom: 0; } @media print { body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] { display: none; } body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { background-color: transparent; } body.swal2-toast-shown .swal2-container.swal2-top { top: 0; right: auto; bottom: auto; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { top: 0; right: 0; bottom: auto; left: auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { top: 0; right: auto; bottom: auto; left: 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { top: 50%; right: auto; bottom: auto; left: 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { top: 50%; right: auto; bottom: auto; left: 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { top: 50%; right: 0; bottom: auto; left: auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { top: auto; right: auto; bottom: 0; left: 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { top: auto; right: auto; bottom: 0; left: 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { top: auto; right: 0; bottom: 0; left: auto; } body.swal2-toast-column .swal2-toast { flex-direction: column; align-items: stretch; } body.swal2-toast-column .swal2-toast .swal2-actions { flex: 1; align-self: stretch; height: 2.2em; margin-top: 0.3125em; } body.swal2-toast-column .swal2-toast .swal2-loading { justify-content: center; } body.swal2-toast-column .swal2-toast .swal2-input { height: 2em; margin: 0.3125em auto; font-size: 1em; } body.swal2-toast-column .swal2-toast .swal2-validation-message { font-size: 1em; } @-webkit-keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } @keyframes bs-notify-fadeOut { 0% { opacity: 0.9; } 100% { opacity: 0; } } select.bs-select-hidden, .bootstrap-select > select.bs-select-hidden, select.selectpicker { display: none !important; } .bootstrap-select { width: 220px \0 ; /*IE9 and below*/ vertical-align: middle; } .bootstrap-select > .dropdown-toggle { position: relative; width: 100%; text-align: right; white-space: nowrap; display: inline-flex; align-items: center; justify-content: space-between; } .bootstrap-select > .dropdown-toggle:after { margin-top: -1px; } .bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active { color: #999; } .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active { color: rgba(255, 255, 255, 0.5); } .bootstrap-select > select { position: absolute !important; bottom: 0; left: 50%; display: block !important; width: 0.5px !important; height: 100% !important; padding: 0 !important; opacity: 0 !important; border: none; z-index: 0 !important; } .bootstrap-select > select.mobile-device { top: 0; left: 0; display: block !important; width: 100% !important; z-index: 2 !important; } .has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .bootstrap-select.is-invalid .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle { border-color: #b94a48; } .bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle { border-color: #28a745; } .bootstrap-select.fit-width { width: auto !important; } .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px; } .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline: thin dotted #333333 !important; outline: 5px auto -webkit-focus-ring-color !important; outline-offset: -2px; } .bootstrap-select.form-control { margin-bottom: 0; padding: 0; border: none; height: auto; } :not(.input-group) > .bootstrap-select.form-control:not([class*=col-]) { width: 100%; } .bootstrap-select.form-control.input-group-btn { float: none; z-index: auto; } .form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*=col-]) { width: auto; } .bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] { float: none; display: inline-block; margin-left: 0; } .bootstrap-select.dropdown-menu-right, .bootstrap-select[class*=col-].dropdown-menu-right, .row .bootstrap-select[class*=col-].dropdown-menu-right { float: right; } .form-inline .bootstrap-select, .form-horizontal .bootstrap-select, .form-group .bootstrap-select { margin-bottom: 0; } .form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control { padding: 0; } .form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle { height: 100%; font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle, .bootstrap-select.form-control-lg .dropdown-toggle { font-size: inherit; line-height: inherit; border-radius: inherit; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: 0.25rem 0.5rem; } .bootstrap-select.form-control-lg .dropdown-toggle { padding: 0.5rem 1rem; } .form-inline .bootstrap-select .form-control { width: 100%; } .bootstrap-select.disabled, .bootstrap-select > .disabled { cursor: not-allowed; } .bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus { outline: none !important; } .bootstrap-select.bs-container { position: absolute; top: 0; left: 0; height: 0 !important; padding: 0 !important; } .bootstrap-select.bs-container .dropdown-menu { z-index: 1060; } .bootstrap-select .dropdown-toggle .filter-option { position: static; top: 0; left: 0; float: left; height: 100%; width: 100%; text-align: left; overflow: hidden; flex: 0 1 auto; } .bs3.bootstrap-select .dropdown-toggle .filter-option { padding-right: inherit; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option { position: absolute; padding-top: inherit; padding-bottom: inherit; padding-left: inherit; float: none; } .input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner { padding-right: inherit; } .bootstrap-select .dropdown-toggle .filter-option-inner-inner { overflow: hidden; } .bootstrap-select .dropdown-toggle .filter-expand { width: 0 !important; float: left; opacity: 0 !important; overflow: hidden; } .bootstrap-select .dropdown-toggle .caret { position: absolute; top: 50%; right: 12px; margin-top: -2px; vertical-align: middle; } .input-group .bootstrap-select.form-control .dropdown-toggle { border-radius: inherit; } .bootstrap-select[class*=col-] .dropdown-toggle { width: 100%; } .bootstrap-select .dropdown-menu { min-width: 100%; box-sizing: border-box; } .bootstrap-select .dropdown-menu > .inner:focus { outline: none !important; } .bootstrap-select .dropdown-menu.inner { position: static; float: none; border: 0; padding: 0; margin: 0; border-radius: 0; box-shadow: none; } .bootstrap-select .dropdown-menu li { position: relative; } .bootstrap-select .dropdown-menu li.active small { color: rgba(255, 255, 255, 0.5) !important; } .bootstrap-select .dropdown-menu li.disabled a { cursor: not-allowed; } .bootstrap-select .dropdown-menu li a { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .bootstrap-select .dropdown-menu li a.opt { position: relative; padding-left: 2.25em; } .bootstrap-select .dropdown-menu li a span.check-mark { display: none; } .bootstrap-select .dropdown-menu li a span.text { display: inline-block; } .bootstrap-select .dropdown-menu li small { padding-left: 0.5em; } .bootstrap-select .dropdown-menu .notify { position: absolute; bottom: 5px; width: 96%; margin: 0 2%; min-height: 26px; padding: 3px 5px; background: whitesmoke; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); pointer-events: none; opacity: 0.9; box-sizing: border-box; } .bootstrap-select .dropdown-menu .notify.fadeOut { -webkit-animation: 300ms linear 750ms forwards bs-notify-fadeOut; animation: 300ms linear 750ms forwards bs-notify-fadeOut; } .bootstrap-select .no-results { padding: 3px; background: #f5f5f5; margin: 0 5px; white-space: nowrap; } .bootstrap-select.fit-width .dropdown-toggle .filter-option { position: static; display: inline; padding: 0; } .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner { display: inline; } .bootstrap-select.fit-width .dropdown-toggle .bs-caret:before { content: "\A0"; } .bootstrap-select.fit-width .dropdown-toggle .caret { position: static; top: auto; margin-top: -1px; } .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark { position: absolute; display: inline-block; right: 15px; top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { margin-right: 34px; } .bootstrap-select .bs-ok-default:after { content: ""; display: block; width: 0.5em; height: 1em; border-style: solid; border-width: 0 0.26em 0.26em 0; transform-style: preserve-3d; transform: rotate(45deg); } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle { z-index: 1061; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid rgba(204, 204, 204, 0.2); position: absolute; bottom: -4px; left: 9px; display: none; } .bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after { content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid white; position: absolute; bottom: -4px; left: 10px; display: none; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before { bottom: auto; top: -4px; border-top: 7px solid rgba(204, 204, 204, 0.2); border-bottom: 0; } .bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after { bottom: auto; top: -4px; border-top: 6px solid white; border-bottom: 0; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before { right: 12px; left: auto; } .bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after { right: 13px; left: auto; } .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after { display: block; } .bs-searchbox, .bs-actionsbox, .bs-donebutton { padding: 4px 8px; } .bs-actionsbox { width: 100%; box-sizing: border-box; } .bs-actionsbox .btn-group button { width: 50%; } .bs-donebutton { float: left; width: 100%; box-sizing: border-box; } .bs-donebutton .btn-group button { width: 100%; } .bs-searchbox + .bs-actionsbox { padding: 0 8px 4px; } .bs-searchbox .form-control { margin-bottom: 0; width: 100%; float: none; } body { font-family: "Montserrat", sans-serif; background: #EFEFEF; } .f-2 { font-size: 2px !important; } .f-4 { font-size: 4px !important; } .f-6 { font-size: 6px !important; } .f-8 { font-size: 8px !important; } .f-10 { font-size: 10px !important; } .f-12 { font-size: 12px !important; } .f-14 { font-size: 14px !important; } .f-16 { font-size: 16px !important; } .f-18 { font-size: 18px !important; } .f-20 { font-size: 20px !important; } .f-22 { font-size: 22px !important; } .f-24 { font-size: 24px !important; } .f-26 { font-size: 26px !important; } .f-28 { font-size: 28px !important; } .f-30 { font-size: 30px !important; } .f-32 { font-size: 32px !important; } .f-34 { font-size: 34px !important; } .f-36 { font-size: 36px !important; } .f-38 { font-size: 38px !important; } .f-40 { font-size: 40px !important; } .f-42 { font-size: 42px !important; } .f-44 { font-size: 44px !important; } .f-46 { font-size: 46px !important; } .f-48 { font-size: 48px !important; } .f-50 { font-size: 50px !important; } .f-52 { font-size: 52px !important; } .f-54 { font-size: 54px !important; } .f-56 { font-size: 56px !important; } .f-58 { font-size: 58px !important; } .f-60 { font-size: 60px !important; } .f-62 { font-size: 62px !important; } .f-64 { font-size: 64px !important; } .f-66 { font-size: 66px !important; } .f-68 { font-size: 68px !important; } .f-70 { font-size: 70px !important; } .f-72 { font-size: 72px !important; } .f-74 { font-size: 74px !important; } .f-76 { font-size: 76px !important; } .f-78 { font-size: 78px !important; } .f-80 { font-size: 80px !important; } .f-82 { font-size: 82px !important; } .f-84 { font-size: 84px !important; } .f-86 { font-size: 86px !important; } .f-88 { font-size: 88px !important; } .f-90 { font-size: 90px !important; } .f-92 { font-size: 92px !important; } .f-94 { font-size: 94px !important; } .f-96 { font-size: 96px !important; } .f-98 { font-size: 98px !important; } .f-100 { font-size: 100px !important; } .bg-blue { background: #5485E4; } .bg-indigo { background: #8F65E5; } .bg-purple { background: #9561e2; } .bg-pink { background: #E64595; } .bg-red { background: #C0343F; } .bg-orange { background: #f6993f; } .bg-yellow { background: #ffed4a; } .bg-green { background: #0A7273; } .bg-teal { background: #4dc0b5; } .bg-cyan { background: #6cb2eb; } .bg-grey { background: #CECED3 !important; } .bg-grey-light { background: #EFEFEF; } .bg-grey-strongest { background: #43425D !important; } .btn-green { color: #FFFFFF; background-color: #4A884A; } .btn-red { color: #FFFFFF; background-color: #C0343F; } .btn-blue { color: #FFFFFF; background-color: #5485E4; } .btn-pink { color: #FFFFFF; background-color: #E64595; } .btn-indigo { color: #FFFFFF; background-color: #8F65E5; } .blue { color: #5485E4; } .indigo { color: #8F65E5; } .purple { color: #9561e2; } .pink { color: #E64595; } .red { color: #C0343F; } .orange { color: #f6993f; } .yellow { color: #ffed4a; } .green { color: #0A7273; } .teal { color: #4dc0b5; } .cyan { color: #6cb2eb; } .grey { color: #CECED3; } .grey-light { color: #EFEFEF; } .grey-title { color: #6B6B6B; } .side-bar .nav-link { color: #0A7273; } .side-bar .nav-link:hover { color: #0d9b9c; } .menu-modules button { width: 70px; } .sidebarMenu { border-top: 13px solid #0A7273; } .logo-safira { width: 70px; background: white; } .input-search { background: #FFFFFF url("/images/icon/search.png") no-repeat 97% center; background-size: 20px; border: none; box-shadow: 0px 3px 6px #00000029; } .advanced-search, .advanced-search:focus { background: #CECED3 url("/images/icon/chevron-down.png") no-repeat 99% center; background-size: 30px; border: none; box-shadow: 0px 3px 6px #00000029; } .material-textfield { position: relative; margin: 6px 0; } .material-textfield label { position: absolute; font-size: 1rem; left: 0; top: 50%; transform: translateY(-50%); background: transparent; color: #6B6B6B; padding: 0 0.1rem; margin: 0 0.5rem; transition: 0.1s ease-out; transform-origin: left top; pointer-events: none; } .material-textfield input { font-size: 1rem; outline: none; border: 1px solid gray; border-radius: 5px; padding: 0.5rem 0.7rem; color: #43425D; transition: 0.1s ease-out; width: 100%; } .safira-textfield input { font-size: 12px !important; padding: 0.5rem 0.2rem !important; } .safira-textfield label { font-size: 12px !important; } .material-textfield input:focus { border-color: #0A7273; } .material-textfield input:focus + label { color: #0A7273; top: 0; transform: translateY(-50%) scale(0.9); background: linear-gradient(#efefef 60%, transparent); border-radius: 7px; z-index: 9; } .material-textfield input:not(:-moz-placeholder-shown) + label { top: 0; transform: translateY(-50%) scale(0.9); background: linear-gradient(#efefef 60%, transparent); } .material-textfield input:not(:-ms-input-placeholder) + label { top: 0; transform: translateY(-50%) scale(0.9); background: linear-gradient(#efefef 60%, transparent); } .material-textfield input:not(:placeholder-shown) + label { top: 0; transform: translateY(-50%) scale(0.9); background: linear-gradient(#efefef 60%, transparent); } .select { position: relative; width: 100%; margin: 6px 0; } .select-text { position: relative; font-family: inherit; background-color: white; width: 100%; padding: 6.2px 10px 6.2px 10px; font-size: 18px; border-radius: 4px; border: 1px solid #6B6B6B; color: #6B6B6B; } .select-text-safira { font-size: 12px !important; padding: 10px 5px 6.2px 5px !important; } /* Remove focus */ .select-text:focus { outline: none; border: 1px solid #0A7273; } /* Use custom arrow */ .select .select-text { -moz-appearance: none; appearance: none; -webkit-appearance: none; color: #6B6B6B !important; } .select:after { position: absolute; top: 18px; right: 10px; /* Styling the down arrow */ width: 0; height: 0; padding: 0; content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #6B6B6B; pointer-events: none; } .select-label { color: #6B6B6B; background: white; font-size: 18px; font-weight: normal; position: absolute; pointer-events: none; padding: 0 5px; left: 10px; top: 8px; transition: 0.2s ease all; } .safira-label { font-size: 12px !important; } /* active state */ .select-text:focus ~ .select-label, .select-text:valid ~ .select-label { color: #0A7273; top: -8px; transition: 0.2s ease all; font-size: 12px; } .select-text:valid:not(focus) ~ .select-label { color: #0A7273; background: linear-gradient(#efefef 60%, transparent); border-radius: 7px; } .select-text:valid:focus ~ .select-label { color: #0A7273; } thead { background: #ffffff; color: #343a40; border: 1px solid #efefef; } thead th, tbody td { font-size: 0.7rem; color: #495057; border-left: 1px solid #EFEFEF !important; border-right: 1px solid #EFEFEF !important; border-bottom: 1px solid #EFEFEF !important; } table.dataTable.no-footer { border-bottom: 0px !important; } .dataTables_wrapper .dataTables_filter input { background: #FFFFFF !important; } .btn-white, .btn-white:focus, .btn-white:hover { color: #010199; background: #FFFFFF; box-shadow: 0px 3px 6px #00000029; opacity: 1; border: 0px; border-left: 15px solid #010199 !important; } .btn-green, .btn-green:hover, .btn-green:focus { background: #0A7273; color: #FFFFFF; box-shadow: 0px 3px 6px #00000029; opacity: 1; border: 0px; border-left: 15px solid #15A9B5 !important; } .card-header-client { padding: 5px; color: white; background-color: #010199; border-radius: 2px !important; border: 1px solid #010199; } .btn-group-success-client, .btn-group-success-client:hover, .btn-group-success-client:focus { color: #FFFFFF; background-color: #77C107; border-color: #77C107; } .btn-next, .btn-next:hover, .btn-next:focus { background: #51A351; color: #FFFFFF; box-shadow: 0px 3px 6px #00000029; opacity: 1; border: 0px; } .br-0 { border-radius: 0px !important; } .input-radius { border-radius: 0.5rem; } .justify-content-left { justify-content: left !important; } .background-client { background-color: #efefef; } .font-size-16 { font-size: 16px; } .font-size-13 { font-size: 13px; } .card-new-client .card-header { cursor: pointer; } .card-new-client .card { background: #FFFFFF 0% 0% no-repeat padding-box; border-radius: 8px; border: none; margin: 10px 0px; } /* The customcheck */ .customcheck { display: block; position: relative; padding-left: 19px; margin-bottom: 9px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkbox-table .customcheck { margin-bottom: 14px; } /* Hide the browser's default checkbox */ .customcheck input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom checkbox */ .checkmark { position: absolute; top: -8px; left: 0; height: 22px; width: 23px; background-color: transparent; border-radius: 5px; border: 2px solid #43425d; } .checkbox-table .checkmark { border: 2px solid white; } /* When the checkbox is checked, add a blue background */ .customcheck input:checked ~ .checkmark { border-radius: 5px; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .customcheck input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .customcheck .checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid #43425d; border-width: 0 3px 3px 0; transform: rotate(45deg); } .checkbox-table .customcheck .checkmark:after { left: 8px; top: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg); } .red-component { background: #ff8282; height: 300px; border-radius: 7px; border: 1px solid #6e5469; } .rotate-90 { transform: rotate(270deg); } .row-red-component { width: 50px; } .title-form { font-size: 20px; } .subtittle-form { font-size: 16px; color: #43425D; } .desc-form-condominium { font-size: 12px; color: #43425D; font-weight: bold; } .background-white { background: white; } .font-size-icon-nav { font-size: 20px; } .image-user-nav { width: 25px; height: 25px; fill: #ffffff; } .background-icon { width: 65px; height: 65px; } .btn-action { padding: 0 0.75rem !important; } .auth-name { color: white; } .auth-name:hover { color: #d6d6d6; fill: #d6d6d6; } .vertical-aling { align-items: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .background-pupple { background-color: #43425D; color: white; border-radius: 0.3rem; } .background-pupple:hover { background-color: #43425D; color: white; border-radius: 0.3rem; } .custom-flash-search-form::-moz-placeholder { color: #43425D; } .custom-flash-search-form:-ms-input-placeholder { color: #43425D; } .custom-flash-search-form::placeholder { color: #43425D; } .border-red-col-immobile { background-color: #ff8282; border: 1px solid #6e5469; height: 100%; min-height: 186px; border-radius: 7px; width: 55%; } .text-radio { margin-bottom: 0; width: 100%; white-space: nowrap; } .div-radios { right: 0px; width: 75%; /*text-align: right;*/ } .cursor-pointer { cursor: pointer; } .select-text:disabled ~ .select-label { top: -8px; transition: 0.2s ease all; font-size: 14px; color: #6b6b6b; background: linear-gradient(#efefef 60%, transparent); border-radius: 7px; } .select .select-text:disabled { background: #efefef; } .image-upload { width: 100%; height: 100%; border-radius: 5px; } .h-60 { height: 60% !important; } .border-transparent { border: transparent !important; } .color-black { color: "black" !important; } .radius-20 { border-radius: 20%; } .radius-10 { border-radius: 10%; } .modal-lg-custom { max-width: 1204px; } .border-none { border: none !important; } .font-size-23 { font-size: 23px; } .border-galery { border: 2px solid #43425D; border-radius: 10px; } .title-galery { color: #43425D; font-size: 14px; font-weight: bold; } .bold { font-weight: bold; } .color-youtube { color: red; } .cursor-move { cursor: move; } .col-galery { width: 259px; } .image-galery { height: 168px; } .w-red-block { width: 4%; } .bg-success { background-color: #51a351 !important; } /* Custom select2 */ .select2-container .select2-selection--multiple { min-height: 42px; } .select2-containe { display: block !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 10px; background-color: #010199; border: 1px solid #f7f1f1; color: white; padding-left: 3px; padding-right: 17px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: #010199; border-right: 1px solid #fff; color: #fdfdfd; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #0a7273 1px; outline: 0; } .select2-container--default .select2-selection--multiple { border: 1px solid #6b6b6b; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { right: 0; left: auto; border-right: 0px; border-left: 1px solid white; border-radius: 0px; } .select2-container .select2-selection--single { height: 24px; } .select2-selection__arrow { display: none; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 20px; font-weight: 700; } :focus { outline: none; } .custom_select_2 { height: 20px !important; border: 1px #ccc solid !important; border-radius: 0px !important; margin-top: -4px; } .custom_select_3 { height: 31px !important; margin-top: -4px; } .custom_select_2 > .select2-selection__rendered { line-height: unset !important; } /* Fim custom select 2 */ .font-size-12 { font-size: 12px; } .h-secondary { color: #43425D; text-transform: uppercase; font-size: 16px; font-weight: bold; font-family: "Open sans"; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; width: 107%; } .select2-container--default .select2-results__option--selected { background-color: #ddd; width: 107%; } .flex-wrap-nowrap { flex-wrap: nowrap; } .h-40 { height: 40px !important; } .bg-tab { background-color: #ffffff59; } .nav-tabs .nav-link.active { background-color: #010199; } .nav-tabs li a { color: #777676; } .nav-tabs .nav-link.active { color: white; } .nav-tabs .nav-link:hover { border-color: #010199; } .navbar-expand-lg .navbar-toggler { display: block !important; } .navbar-toggler { margin-left: 17.6666666667%; } .navbar .collapsed { margin-left: 1% !important; } .bg-label { background-color: #43425d !important; color: white; font-weight: 500; font-size: 0.7rem; line-height: 21px; } .bg-label-cinza { background-color: #ccc !important; color: #3f3d3d; font-weight: 500; } .form-custom { height: 20px !important; } .form-cinza { background: #ccc; } .form-custom-2 { height: 20px !important; border: none !important; border-radius: 0px !important; } .custom-field label { font-size: 0.7rem !important; color: #43425d !important; top: 0 !important; font-weight: bold !important; background-color: transparent !important; border: none !important; } .custom-field-2 label { font-size: 0.7rem !important; color: #43425d !important; top: 0 !important; font-weight: bold !important; background-color: transparent !important; border: none !important; } .custom-field-select label { top: -10px !important; font-size: 0.7rem !important; color: #43425d !important; font-weight: bold !important; background-color: transparent !important; border: none !important; } .custom-field-select { margin-top: 0px !important; } .label-header { background-color: #183a97; color: white; font-weight: 500; } .text-title-proposal { color: #183a97; font-weight: bold; } .title-proposal-secondary { width: 95%; padding-left: 5%; } .label-header-secondary { border-left: 7px #183a97 solid; color: #183a97; font-weight: 500; } .small-label { font-size: 12px; padding: 3px; } /* Switchery pure css*/ .toggle { cursor: pointer; display: inline-block; } .toggle-switch { display: inline-block; background: #d83333; border-radius: 16px; border: 1px solid #fff; width: 35px; height: 15px; position: relative; vertical-align: middle; transition: background 0.25s; } .toggle-switch:before, .toggle-switch:after { content: ""; } .toggle-switch:before { display: block; background: linear-gradient(to bottom, #fff 0%, #eee 100%); border-radius: 50%; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25); width: 9px; height: 9px; position: absolute; top: 2px; left: 2px; transition: left 0.25s; } .toggle:hover .toggle-switch:before { background: linear-gradient(to bottom, #fff 0%, #fff 100%); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); } .toggle-checkbox:checked + .toggle-switch { background: #64bd63; } .toggle-checkbox:checked + .toggle-switch:before { left: 26px; } .toggle-checkbox { position: absolute; visibility: hidden; } .toggle-label { margin-left: 5px; position: relative; top: 2px; } /* end switchery rgb(100 189 99)*/ .p-ag { padding-top: 2px !important; padding-bottom: 2px !important; } .pt7px { padding-top: 7px; } .select-custom { padding: 3px 0px 0px 10px !important; border-radius: 0px; font-size: 0.7rem !important; } .custom-field-select::after { top: 9px !important; } .input-group-custom { height: calc(1.6em + 0.75rem + -7px); } .l-0 { left: 0px !important; } .fs-11 { font-size: 11px !important; } .nowrap { white-space: nowrap !important; } .select-custom:disabled ~ .select-label { font-size: 12px; font-size: 0.7rem !important; } .form-control { font-size: 0.7rem !important; border-radius: 0.25rem; } .height-input { height: 20px !important; } .custom-field { margin: 0px; } .material-textfield-small { margin: 0px; } .material-textfield-small input { font-size: 0.8rem; height: 21px; } .material-textfield-small label { font-size: 0.8rem; top: 50%; padding: 0 0rem 0 4px; margin: 0 0.1rem; } .material-textfield-small input:not(:-moz-placeholder-shown) + label { top: 0rem; background: linear-gradient(#efefef 60%, transparent); } .material-textfield-small input:not(:-ms-input-placeholder) + label { top: 0rem; background: linear-gradient(#efefef 60%, transparent); } .material-textfield-small input:not(:placeholder-shown) + label { top: 0rem; background: linear-gradient(#efefef 60%, transparent); } .select-small { margin: 0px 0px 0px 0px; } .select-text-small { padding: 0px 0px 0px 3px; font-size: 0.8rem; height: 21px; } .select-small:after { position: absolute; top: 10px; } .select-text-small:focus ~ .select-label, .select-text-small:valid ~ .select-label { font-size: 0.8rem; } .select-small label { padding: 0 0px; left: 0px; top: -11px !important; } .select-text-small:disabled ~ .select-label { font-size: 0.7rem; } .no-border { border: 0; box-shadow: none; /* You may want to include this as bootstrap applies these styles too */ } .standard-font { font-size: 0.7rem; } .bootstrap-select.form-control-sm .dropdown-toggle { padding: 0px 0.5rem !important; } .bootstrap-select .dropdown-toggle .filter-option { font-size: 13px; } .bootstrap-select > select.mobile-device:focus + .dropdown-toggle, .bootstrap-select .dropdown-toggle:focus { outline: 0px !important; } .select-label-picker { background: white; font-size: 0.8rem; position: absolute; padding: -3px 1px; left: 10px; top: -10px; background: linear-gradient(#efefef 80%, transparent); color: #0A7273; border-radius: 5px; height: 17px; } .picker-classification { border-radius: 5px; border: 1px solid #ced4da !important; height: 21px !important; } .bootstrap-select.form-control-sm .dropdown-toggle { height: 100% !important; } .bg-equipes { background-color: #9b6c95; } .bg-formularios { background-color: #3d638a; } .bg-tabelas-aux { background-color: #9fc673; } .bg-automacoes { background-color: #e38181; } .decoration-none:hover { text-decoration: none; } .bg-roxo { background-color: #43425d; } .bg-roxo:hover { color: white; } .color-white { color: white; } .color-roxo { color: #43425d; } .no-radius { border-radius: 0px !important; } .table th, .table td { padding: 2px !important; } .badge-success { background-color: #51a351 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #2f772f !important; } .bb-white { border-bottom: 1px solid white; } .bg-card-body-tabelas { background-color: #4b657d; } i.fa { font-size: 16px; } .header { position: fixed; z-index: 10; top: 0; left: 0; background: #010199; width: 100%; height: 50px; line-height: 50px; color: #fff; } .header .logo { letter-spacing: 1px; } .header #menu-toggle { display: block; float: left; width: 60px; height: 50px; line-height: 50px; margin-right: 15px; color: #fff; text-decoration: none; text-align: center; background: rgba(0, 0, 0, 0.15); font-size: 13px; text-transform: uppercase; letter-spacing: 1px; transition: all 0.2s ease-in-out; } .header #menu-toggle i { display: inline-block; margin: 0 5px; } .header #menu-toggle span { width: 0px; display: none; overflow: hidden; transition: all 0.2s ease-in-out; } .header #menu-toggle:hover { background: rgba(0, 0, 0, 0.25); } .header #menu-toggle.active { width: 250px; transition: all 0.2s ease-in-out; } .header #menu-toggle.active span { display: inline; width: auto; transition: all 0.2s ease-in-out; } .sidebar { position: fixed; z-index: 10; left: 0; top: 50px; height: 100%; width: 60px; background: #010199; border-right: 1px solid #ddd; text-align: center; transition: all 0.2s ease-in-out; } .sidebar.active, .sidebar.hovered { width: 250px; transition: all 0.2s ease-in-out; } .sidebar ul { list-style-type: none; padding: 0; margin: 0; } .sidebar ul li { display: block; } .sidebar ul li a { display: block; position: relative; white-space: nowrap; overflow: hidden; border-bottom: 1px solid #ddd; color: #ffffff; text-align: left; } .sidebar ul li a i { display: inline-block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sidebar ul li a span { display: inline-block; height: 60px; line-height: 60px; } .sidebar ul li a:hover { background-color: #010199; width: 250px; } .sidebar ul li a:hover i { opacity: 0.9; } .main { position: relative; display: flex; flex-direction: column; justify-content: space-between; top: 50px; left: 0; height: 94vh; padding: 15px; padding-left: 75px; transition: all 0.2s ease-in-out; } .main.active { padding-left: 275px; transition: all 0.2s ease-in-out; } .main .jumbotron { background-color: #fff; padding: 30px !important; border: 1px solid #dfe8f1; border-radius: 3px; } .main .jumbotron h1 { font-size: 24px; margin: 0; padding: 0; margin-bottom: 12px; } .main .footer { align-self: flex-end; background: #fff; padding: 10px; } .main .footer p { color: #bbb; } .main .select2-container .select2-search--inline .select2-search__field { margin-top: 0px; } .dataTables_wrapper .dataTables_paginate { float: left; text-align: left; } .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0px; } .table th, .table td { border-top: 0px; } .left-border-green { border-left: 4px green solid; } .left-border-red { border-left: 4px red solid; } .right-absolute { right: 0px; position: absolute; } .plano .line_chart_account .display-none { display: none; } .plano .line_chart_account:hover .display-none { display: inherit; margin-top: -25px; } .plano .line_chart_account:hover { background-color: #ccc; } .table_chat_of_account th { border: 1px solid black; border-collapse: collapse; padding: 4px; } .span-border { border: 1px solid black; padding: 7px; width: 29px; } .line_chart_account { width: 100%; } .btn-type-release.btn-success.active { box-shadow: 0 0 0 0.2rem rgba(47, 135, 136, 0.5); } .btn-type-release.btn-danger.active { box-shadow: 0 0 0 0.2rem rgba(47, 135, 136, 0.5); } .margin-table-release { margin-left: -20px !important; margin-right: -20px !important; } #release_table { font-size: 10px !important; text-align: center; } .card-photo { height: 100%; } .card-photo-provider { height: 124px; } .more_info { font-size: 15px; } .list-tax-transfer { padding: 0.1rem 1.25rem !important; } .t-0-input { top: 0 !important; transform: translateY(-50%) scale(0.9); background: linear-gradient(#efefef 60%, transparent) !important; } .destaque-provider, .destaque-condominium { font-size: 14px !important; font-weight: bold !important; } .opacity-50 { opacity: 0.5 !important; } .ln-20 { line-height: 20px !important; } .label-filter { font-size: 12px; } .table-slips-description > thead th, .table-slips-description > tbody td { border: 1px solid rgba(0, 0, 0, 0.125) !important; vertical-align: inherit; } .table-custom-border > thead th, .table-custom-border > tbody td { border: 1px solid white !important; } .font-day-download { font-size: 45px; } table.dataTable { border-collapse: collapse !important; border-spacing: 0 !important; } table.dataTable thead th { font-weight: 500 !important; } #clientModalBody { max-height: 490px; overflow: auto; } .title-swal { font-size: 16px !important; } .rounded { border-radius: 4px !important; } @media print { body, html * { visibility: hidden; background-color: white; margin: 0; padding: 0; } #printable, #printable * { visibility: visible; transform: scale(0.96); } #printable { position: fixed; left: 0; top: 0; right: 0; } .border { border: none !important; } } .icon-add-attachment { font-size: 30px; } .mt-trash { margin-top: 27px; } .fixed-top-custom { position: -webkit-sticky; position: sticky; top: 40px; z-index: 9; background-color: white; } .destaque-client { font-size: 14px !important; font-weight: bold !important; } .scroll-max { overflow-y: auto; max-height: 41em; } @media only screen and (max-width: 1439px) { body { font-size: 0.7rem; } .header { height: 40px; line-height: 40px; } .header #menu-toggle { width: 45px; height: 40px; line-height: 40px; } .sidebar { top: 40px; width: 47px; } .sidebar ul li a i { width: 45px; height: 46px; line-height: 45px; } .sidebar ul li a span { display: inline-block; height: 40px; line-height: 40px; } .btn { padding: 0.365rem 0.65rem; font-size: 0.7rem; line-height: 1.4; } .logo-safira { width: 57px; } .main { top: 40px; left: 0; height: 94vh; padding: 12px; padding-left: 60px; } h3, .h3 { font-size: 1.3rem; } .main .jumbotron { padding: 23px !important; } .mt-2, .my-2 { margin-top: 0.4rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .card-body { padding: 1rem; } .form-control { height: calc(1.6em + 0.3rem + 2px); padding: 0rem 0.4rem; font-weight: 700 !important; } .form-control-sm { height: calc(1.5em + 0.1rem + 2px); } .name-fixed { position: fixed; left: 70px; padding-left: 15px; margin-top: 5px; display: block !important; } .fixed-top-custom { position: -webkit-sticky; position: sticky; top: 40px; z-index: 9; background-color: white; } .select2-container .select2-selection--single { height: 21px; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.1rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { line-height: 0.5; } .destaque-client { font-size: 14px !important; font-weight: bold !important; } .select2-container .select2-selection--multiple { min-height: 20px; padding: 0px !important; } .select2-container--default .select2-selection--multiple .select2-selection__choice { margin-top: 0px !important; } } .table-striped tbody tr:nth-of-type(odd) { background-color: #0026cb3b; } .bg-theme { background-color: #010199 !important; } .color-theme { color: #010199 !important; } .name-fixed { position: fixed; left: 70px; padding-left: 37px; margin-top: 5px; display: block !important; } .btn-save { border-radius: 3px; color: white !important; font-size: 0.8rem; height: 37px !important; margin-top: 1px !important; } .card-image { width: 100%; max-width: 200px !important; height: 140px; overflow: hidden; margin: 0 auto; background-position: center; background-repeat: no-repeat; background-size: cover; } .select2-container--default .select2-selection--single { border: 1px solid #ced4da; } .w-rel { width: 30px; } .btn:hover { color: white; } .placeholder-de-ate::-moz-placeholder { color: #ced4da; opacity: 1; /* Firefox */ } .placeholder-de-ate:-ms-input-placeholder { color: #ced4da; opacity: 1; /* Firefox */ } .placeholder-de-ate::placeholder { color: #ced4da; opacity: 1; /* Firefox */ } .placeholder-de-ate:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #ced4da; } .placeholder-de-ate::-ms-input-placeholder { /* Microsoft Edge */ color: #ced4da; } .placeholder-de-ate, .placeholder-de-ate:focus { color: black; } #condominium_table tr th { height: 40px; vertical-align: inherit; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #ced4da 1px !important; outline: 0; } .select2-container--default .select2-selection--multiple { border: solid #ced4da 1px !important; outline: 0; } .bg-input { background-color: #e9ecef !important; } .btn-for.btn-primary.active { box-shadow: 0 0 0 0.2rem rgba(47, 135, 136, 0.5); } .value_release_font { font-size: 16px !important; font-weight: 800 !important; } #modalPopupV3 { background: #f3f0f040; } .btn-save-contract { color: white; } .btn-save-contract:hover { text-decoration: underline; } .header_duplicidade { display: block !important; padding: 1rem 2rem !important; } .f-14 { font-size: 14px !important; } .immobile-table-custom thead { background-color: #010199; } .immobile-table-custom thead th { color: white; border-left: 0px; border-right: 0px; } .theme-table-custom thead { background-color: #010199; font-weight: bold; } .theme-table-custom thead th { color: white; border-left: 0px; border-right: 0px; } .theme-table-custom tbody tr { font-weight: bold; } .show > .dropdown-menu-actions { transform: translate3d(-141px, 40px, 0px) !important; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check:checked + .btn-outline-primary { color: #fff; background-color: #010199; border-color: #010199; } .label-checkbox { border: 1px solid #ccc; padding: 10px; margin: 0 0 10px; display: block; } .label-checkbox:hover { background: #5485E4; cursor: pointer; color: white; } .label-checkbox:has(.check-label:checked) { background-color: #010199; color: white; } .check-label { visibility: hidden; } .bg-cinza-claro { background-color: #d9d9d9; } .f-9 { font-size: 9px !important; }