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; } :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; } .fc .fc-resource-timeline-divider { width: 3px; /* important to have width to shrink this cell. no cross-browser problems */ cursor: col-resize; } .fc .fc-resource-group { /* make it look less like a */ font-weight: inherit; text-align: inherit; } .fc { /* will match horizontal groups in the datagrid AND group lanes in the timeline area */ } .fc .fc-resource-timeline .fc-resource-group:not([rowspan]) { background: rgba(208, 208, 208, 0.3); background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); } .fc .fc-timeline-lane-frame { position: relative; /* contains the fc-timeline-bg container, which liquidly expands */ /* the height is explicitly set by row-height-sync */ } .fc .fc-timeline-overlap-enabled .fc-timeline-lane-frame .fc-timeline-events { /* has height set on it */ box-sizing: content-box; /* padding no longer part of height */ padding-bottom: 10px; /* give extra spacing underneath for selecting */ } /* hack to make bg expand to lane's full height in resource-timeline with expandRows (#6134) */ .fc-timeline-body-expandrows td.fc-timeline-lane { position: relative; } .fc-timeline-body-expandrows .fc-timeline-lane-frame { position: static; } /* the "frame" */ .fc-datagrid-cell-frame-liquid { height: 100%; /* needs liquid hack */ } .fc-liquid-hack .fc-datagrid-cell-frame-liquid { height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fc { /* the "frame" in a HEADER */ /* needs to position the column resizer */ /* needs to vertically center content */ } .fc .fc-datagrid-header .fc-datagrid-cell-frame { position: relative; /* for resizer */ display: flex; justify-content: flex-start; /* horizontal align (natural left/right) */ align-items: center; /* vertical align */ } .fc { /* the column resizer (only in HEADER) */ } .fc .fc-datagrid-cell-resizer { position: absolute; z-index: 1; top: 0; bottom: 0; width: 5px; cursor: col-resize; } .fc { /* the cushion */ } .fc .fc-datagrid-cell-cushion { padding: 8px; white-space: nowrap; overflow: hidden; /* problem for col resizer :( */ } .fc { /* expander icons */ } .fc .fc-datagrid-expander { cursor: pointer; opacity: 0.65 } .fc .fc-datagrid-expander .fc-icon { /* the expander and spacers before the expander */ display: inline-block; width: 1em; /* ensure constant width, esp for empty icons */ } .fc .fc-datagrid-expander-placeholder { cursor: auto; } .fc .fc-resource-timeline-flat .fc-datagrid-expander-placeholder { display: none; } .fc-direction-ltr .fc-datagrid-cell-resizer { right: -3px } .fc-direction-rtl .fc-datagrid-cell-resizer { left: -3px } .fc-direction-ltr .fc-datagrid-expander { margin-right: 3px } .fc-direction-rtl .fc-datagrid-expander { margin-left: 3px } .fc .fc-timeline-body { min-height: 100%; position: relative; z-index: 1; /* scope slots, bg, etc */ } /* vertical slots in both the header AND the body */ .fc .fc-timeline-slots { position: absolute; z-index: 1; top: 0; bottom: 0 } .fc .fc-timeline-slots > table { height: 100%; } .fc { /* border for both header AND body cells */ } .fc .fc-timeline-slot-minor { border-style: dotted; } .fc { /* header cells (aka "label") */ } .fc .fc-timeline-slot-frame { display: flex; align-items: center; /* vertical align */ justify-content: center; /* horizontal align */ } .fc .fc-timeline-header-row-chrono { /* a row of times */ } .fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame { justify-content: flex-start; /* horizontal align left or right */ } .fc .fc-timeline-header-row:last-child { /* guaranteed NOT to have sticky elements */ } .fc .fc-timeline-header-row:last-child .fc-timeline-slot-frame { /* so text doesn't bleed out and cause extra scroll */ /* (won't work with sticky elements) */ overflow: hidden; } .fc .fc-timeline-slot-cushion { padding: 4px 5px; /* TODO: unify with fc-col-header? */ white-space: nowrap; } .fc { /* NOTE: how does the top row of cells get horizontally centered? */ /* for the non-chrono-row, the fc-sticky system looks for text-align center, */ /* and it's a fluke that the default browser stylesheet already does this for */ /* TODO: have StickyScrolling look at natural left coord to detect centeredness. */ } /* only owns one side, so can do dotted */ .fc-direction-ltr .fc-timeline-slot { border-right: 0 !important } .fc-direction-rtl .fc-timeline-slot { border-left: 0 !important } .fc .fc-timeline-now-indicator-container { position: absolute; z-index: 4; top: 0; bottom: 0; left: 0; right: 0; width: 0; } .fc .fc-timeline-now-indicator-arrow, .fc .fc-timeline-now-indicator-line { position: absolute; top: 0; border-style: solid; border-color: red; border-color: var(--fc-now-indicator-color, red); } .fc .fc-timeline-now-indicator-arrow { margin: 0 -6px; /* 5, then one more to counteract scroller's negative margins */ /* triangle pointing down. TODO: mixin */ border-width: 6px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; } .fc .fc-timeline-now-indicator-line { margin: 0 -1px; /* counteract scroller's negative margins */ bottom: 0; border-width: 0 0 0 1px; } .fc { /* container */ } .fc .fc-timeline-events { position: relative; z-index: 3; width: 0; /* for event positioning. will end up on correct side based on dir */ } .fc { /* harness */ } .fc .fc-timeline-event-harness, .fc .fc-timeline-more-link { position: absolute; top: 0; /* for when when top can't be computed yet */ /* JS will set tht left/right */ } /* z-index, scoped within fc-timeline-events */ .fc-timeline-event { z-index: 1 } .fc-timeline-event.fc-event-mirror { z-index: 2 } .fc-timeline-event { position: relative; /* contains things. TODO: make part of fc-h-event and fc-v-event */ display: flex; /* for v-aligning start/end arrows and making fc-event-main stretch all the way */ align-items: center; border-radius: 0; padding: 2px 1px; margin-bottom: 1px; font-size: .85em; font-size: var(--fc-small-font-size, .85em) /* time and title spacing */ /* ---------------------------------------------------------------------------------------------------- */ } .fc-timeline-event .fc-event-main { flex-grow: 1; flex-shrink: 1; min-width: 0; /* important for allowing to shrink all the way */ } .fc-timeline-event .fc-event-time { font-weight: bold; } .fc-timeline-event .fc-event-time, .fc-timeline-event .fc-event-title { white-space: nowrap; padding: 0 2px; } /* move 1px away from slot line */ .fc-direction-ltr .fc-timeline-event.fc-event-end, .fc-direction-ltr .fc-timeline-more-link { margin-right: 1px; } .fc-direction-rtl .fc-timeline-event.fc-event-end, .fc-direction-rtl .fc-timeline-more-link { margin-left: 1px; } /* make event beefier when overlap not allowed */ .fc-timeline-overlap-disabled .fc-timeline-event { padding-top: 5px; padding-bottom: 5px; margin-bottom: 0; } /* arrows indicating the event continues into past/future */ /* ---------------------------------------------------------------------------------------------------- */ /* part of the flexbox flow */ .fc-timeline-event:not(.fc-event-start):before, .fc-timeline-event:not(.fc-event-end):after { content: ""; flex-grow: 0; flex-shrink: 0; opacity: .5; /* triangle. TODO: mixin */ width: 0; height: 0; margin: 0 1px; border: 5px solid #000; /* TODO: var */ border-top-color: transparent; border-bottom-color: transparent; } /* pointing left */ .fc-direction-ltr .fc-timeline-event:not(.fc-event-start):before, .fc-direction-rtl .fc-timeline-event:not(.fc-event-end):after { border-left: 0; } /* pointing right */ .fc-direction-ltr .fc-timeline-event:not(.fc-event-end):after, .fc-direction-rtl .fc-timeline-event:not(.fc-event-start):before { border-right: 0; } /* +more events indicator */ /* ---------------------------------------------------------------------------------------------------- */ .fc-timeline-more-link { font-size: .85em; font-size: var(--fc-small-font-size, .85em); color: inherit; color: var(--fc-more-link-text-color, inherit); background: #d0d0d0; background: var(--fc-more-link-bg-color, #d0d0d0); padding: 1px; cursor: pointer; } .fc-timeline-more-link-inner { /* has fc-sticky */ display: inline-block; left: 0; right: 0; padding: 2px; } .fc .fc-timeline-bg { /* a container for bg content */ position: absolute; z-index: 2; top: 0; bottom: 0; width: 0; left: 0; /* will take precedence when LTR */ right: 0; /* will take precedence when RTL */ /* TODO: kill */ } .fc .fc-timeline-bg .fc-non-business { z-index: 1 } .fc .fc-timeline-bg .fc-bg-event { z-index: 2 } .fc .fc-timeline-bg .fc-highlight { z-index: 3 } .fc .fc-timeline-bg-harness { position: absolute; top: 0; bottom: 0; } /* 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; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } [dir=rtl] .iti__arrow { margin-right: 6px; margin-left: 0; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__dropdown-content { position: absolute; z-index: 2; margin-left: -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #ccc; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__dropdown-content--dropup { bottom: 100%; margin-bottom: -1px; } .iti__search-input { width: 100%; border-width: 0; } .iti__country-list { list-style: none; padding: 0; margin: 0; } .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } .iti__country { display: flex; align-items: center; padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name { margin-right: 6px; } [dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name { margin-right: 0; margin-left: 6px; } .iti--allow-dropdown input.iti__tel-input, .iti--allow-dropdown input.iti__tel-input[type=text], .iti--allow-dropdown input.iti__tel-input[type=tel], .iti--separate-dial-code input.iti__tel-input, .iti--separate-dial-code input.iti__tel-input[type=text], .iti--separate-dial-code input.iti__tel-input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } [dir=rtl] .iti--allow-dropdown input.iti__tel-input, [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text], [dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel], [dir=rtl] .iti--separate-dial-code input.iti__tel-input, [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text], [dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel] { padding-right: 52px; padding-left: 6px; margin-right: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } [dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container { right: 0; left: auto; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover { cursor: default; } .iti--allow-dropdown .iti__flag-container:has(+ input[disabled]):hover .iti__selected-flag, .iti--allow-dropdown .iti__flag-container:has(+ input[readonly]):hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 6px; } [dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code { margin-left: 0; margin-right: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: 30px; display: flex; flex-direction: column; justify-content: center; } .iti--fullscreen-popup.iti--container.iti--country-search { justify-content: flex-start; } .iti--fullscreen-popup .iti__dropdown-content { max-height: 100%; position: relative; } .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 2x) { .iti__flag { background-size: 5762px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 12px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cq { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1137px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1159px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1181px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1203px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1225px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1269px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1291px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1313px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1335px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1357px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1379px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1467px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1489px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1511px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1555px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1577px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1599px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1621px 0px; } .iti__flag.iti__ez { height: 14px; background-position: -1643px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1665px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1687px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1709px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1731px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1775px 0px; } .iti__flag.iti__fx { height: 14px; background-position: -1797px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1819px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1841px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1863px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1907px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1973px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -2061px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2083px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2105px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2149px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2171px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2215px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2237px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2259px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2303px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2325px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2369px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2391px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2413px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2435px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2457px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2479px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2501px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2567px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2589px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2611px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2633px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2655px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2677px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2699px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2743px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2787px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2809px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2853px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2875px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2897px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2941px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2963px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2985px 0px; } .iti__flag.iti__li { height: 12px; background-position: -3007px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -3029px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -3051px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3073px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3095px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3117px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3139px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3161px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3183px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3205px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3226px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3248px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3270px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3314px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3380px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3402px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3512px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3556px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3578px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3622px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3666px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3688px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3710px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3732px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3752px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3774px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3796px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3818px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3840px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3862px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3899px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3921px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3943px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3965px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3987px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -4031px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -4053px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4075px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4097px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4119px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4141px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4163px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4185px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4207px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4229px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4251px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4273px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4361px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4383px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4405px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4427px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4449px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4493px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4515px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4537px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4559px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4647px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4669px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4691px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4713px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4735px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4757px 0px; } .iti__flag.iti__su { height: 10px; background-position: -4779px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4801px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4823px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4889px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4911px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4933px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4955px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4977px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -5021px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -5065px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -5087px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5109px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5131px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5175px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5197px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5219px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5263px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uk { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5329px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5351px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5373px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5395px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5417px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5439px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5456px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5522px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5566px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5610px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5632px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5654px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5676px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5698px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5720px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5742px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url(/assets/1952df896c6a79bb730cdfb69adf4fa0-0b1ca148890222235a0f9903636ca21a.png); background-repeat: no-repeat; background-color: #dbdbdb; background-position: 20px 0; } @media (min-resolution: 2x) { .iti__flag { background-image: url(/assets/276410ffdcdd2ff8dca2477e71874903-e1c092e127943ec4289c847c5768b644.png); } } .iti__flag.iti__np { background-color: transparent; } /* Using `:root` prefix here to increase the specificity to avoid a CSS import order bug when using embroider */ :root .iti__flag { background-image: url(/assets/1952df896c6a79bb730cdfb69adf4fa0-0b1ca148890222235a0f9903636ca21a.png); } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { :root .iti__flag { background-image: url(/assets/276410ffdcdd2ff8dca2477e71874903-e1c092e127943ec4289c847c5768b644.png); } }